@import url(http://www.chicagojazzphilharmonic.org/index.php/4css/global-sec-nav/);



/*

		Resets are hot------------


*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }





/*
----------------------------------------------------
			But this regular code is hotter (Page Build & Index) ---------
----------------------------------------------------
*/


			
			/* Structure of shell and wrappers are here */
body
{
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/back-5-solid.jpg);
}

#thewrapper
{
width:100%;
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/wrapper-gradient.jpg);
background-repeat:repeat-x;
}

#innerwrapper
{
width:874px;
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/innerwrap-back-repeat.jpg);
background-repeat:repeat-y;
margin:0 auto;
}

#hardcandy
{
width:874px;
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/hard-candy-back-tall.jpg);
background-position:top;
background-repeat:no-repeat;
}

#creamycenter
{
margin-left:12px;
width:850px;
}

#creamycenter-sec
{
margin-left:12px;
width:850px;
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/secondary-left-column-back%20copy.jpg);
background-repeat:no-repeat;
background-position:0px 243px;
}


		/* Structure of page elements here */
		

#header
{
width:850px;
background-color:#000;
height:200px;
margin:0;
padding:0;
border-bottom:1px solid #FF0000;
}

#navigationdiv
{
width:850px;
margin:0;
padding:0;
}

#leftcolumn
{
float:left;
margin:2px 0 0 5px;
width:210px;
}

#leftcolumninner-index
{
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/left-col-back-index.jpg);
background-position:top center;
background-repeat:no-repeat;
width:210px;
height:470px;
margin-bottom:14px;
}

#leftcolumninner-sec
{
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/left-col-back-sec.jpg);
background-position:top center;
background-repeat:no-repeat;
width:210px;
height:250px;
margin-bottom:14px;
}

#rightcolumn
{
float:right;
margin:10px 22px 0px 0;
width:599px;
}

#rightcolumn-sec
{
float:right;
margin:39px 22px 0px 0;
width:599px;
}
/*
#rightcolumn p
{
color:#FFF;
}
*/

#footer
{
clear:both;
width:850px;
height:144px;
margin:0;
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/footer-cut.jpg);
}

		/*  Navigation  */

.nav-image-holder
{
float:left;
margin:0;
padding:0
}


		/*  Left Column Elements  */

#flashcal
{
margin-top:35px;
}



.leftcolumninnerdivs
{
margin:18px 0 0 18px;
float:left;
width:178px;
}


.leftcolumnheaders
{
margin-bottom:7px;
}

.sociallink
{
margin-left:25%;
}

.clearingelementsocial
{
clear:both;
height:0;
overflow:hidden;
margin-bottom:8px;
}

/* #fb
{
clear:left;
display:block;
} */

.divider
{
margin:25px 0 5px 10px;
}

.press-text
{
margin-top:8px;
color:#996600;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
line-height:13px;
font-weight:bold;
}

.press-text p
{
margin:8px 0 0 0;
color:#996600;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
line-height:13px;
font-weight:bold;
}

.press-text a
{
color:#996600;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
line-height:13px;
}

.press-text a:hover
{
color:#663300;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
line-height:13px;
}

#leftcolumn .clearingelement
{
clear:both;
height:0;
overflow:hidden;
margin-bottom:5px;
}

#socialdiv
{
margin-left:14px;
width:195px;
}

		/* Right Column Elements */
		
.clearingelement
{
clear:both;
height:0;
overflow:hidden;
margin-bottom:10px;
}

.frontpagep
{
background-image:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/music-bullet.jpg);
background-repeat:no-repeat;
background-position:0 4px;
padding:5px 0 0 21px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
line-height:14px;
}

#rightcolumn hr
{
width:95%;
color:#CCCCCC;
border-collapse:collapse;
margin-bottom:7px;
}
		
#rowone
{
width:599px;
}

#rowone #twowide
{
width:400px;
width:374px;
float:left;
/* temporary for video box */
/* background:url(images/interface/hardcandy/front-video-bkgrnd.jpg) no-repeat; */
/* padding-left:26px; */
}

#rowone #onewide
{
width:182px;
float:right;
}

#rightcolumn #clmone
{
width:195px;
float:left;
border-right:1px solid #CCC;
padding:9px 0 133px 0;
}

#rightcolumn #clmone .item
{
width:182px;
float:left;
margin-bottom:30px;
}

#rightcolumn #clmtwo
{
width:206px;
float:left;
border-right:1px solid #CCC;
padding:9px 0 163px 0;
}

#rightcolumn #clmtwo .item
{
width:182px;
float:left;
margin-left:12px;
margin-bottom:30px;
}

#rightcolumn #clmthree
{
width:194px;
float:right;
padding:9px 0 163px 0;
}

#rightcolumn #clmthree .item
{
width:182px;
float:right;
margin-bottom:30px;
}



/*
----------------------------------------------------
			(Land and Secondary) ---------
----------------------------------------------------
*/

#r-col-header
{
float:right;
clear:both;
}






		/* Left Column Elements */
		
#lefttwist
{
width:246px;
border-right:1px solid #CCCCCC;
float:left;
margin-top:18px;
margin-bottom:35px;
}

#lefttwist .headerimage
{
float:left;
margin:0px 0 0 13px;
}

#lefttwist h1
{
clear:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin:20px 0 0 9px;
font-weight:bold;
color:#666633;
}

#lefttwist ul
{
list-style-type:none;
line-height:12px;
}

#lefttwist dl
{
clear:left;
}

#lefttwist dl dt
{
background: url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/red-bullet.jpg) no-repeat 0 7px;
margin-left:8px;
padding-left:7px;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-size:11px;
color:#999999;
font-weight:bold;
margin-top:8px;
}

#lefttwist dl dd 
{
margin-left:8px;
padding-left:7px;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-size:11px;
color:#999999;
font-style:italic;
line-height:12px;
}

#lefttwist #imagediv
{
width:149px;
clear:both;
margin-left:48px;
}

#lefttwist #imagediv img
{
border:10px solid #CCCCCC;
margin-bottom:28px;
}

/* DO NOT CHANGE ANYTHING PRIOR TO THIS POINT!!! */


		/* Right Column Elements */
		
		

#rightcolumn-sec
{
width:585px;
float:right;
min-height:800px;
margin-top:49px;
}

#rightcolumn-sec .landtitle
{
float:right;
margin-right:9px;
}

#rightcolumn-sec h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:20px 0 0 0;
font-weight:bold;
color:#666633;
}

#rightcolumn-sec h1 a
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:20px 0 0 0;
font-weight:bold;
color:#666633;
text-decoration:none;
}

#rightcolumn-sec h1 a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:20px 0 0 0;
font-weight:bold;
color:#666633;
text-decoration:underline;
}

#rightcolumn-sec h1 a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:20px 0 0 0;
font-weight:bold;
color:#666633;
text-decoration:none;
}

#rightcolumn-sec h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:20px 0 15px 0;
font-style:italic;
font-weight:bold;
color:#CC0000;
}

#rightcolumn-sec h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:20px 0 8px 0;
color:#cccc99;
font-weight:bold;
}

#rightcolumn-sec h4     /* Used as benefit headers in support page. */
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin:20px 0 8px 0;
color:#663300;
font-weight:bold;
border-bottom:2px solid #ddd;
padding-bottom: 5px;
}

#rightcolumn-sec #grade
{
color:#999999;
font-size:12px;
line-height:14px;
margin-top:10px;
}

#rightcolumn-sec p
{
font-family:"Trebuchet MS", Georgia, Times, serif;
line-height:15px;
font-size:11px;
color:#666633;
text-align:justify;
margin-bottom:15px;
}

#rightcolumn-sec p a
{
font-family:"Trebuchet MS", Georgia, Times, serif;
line-height:15px;
font-size:11px;
color:#663300;
text-align:justify;
font-weight:bold;
text-decoration:none;
}

#rightcolumn-sec p a:hover
{
font-family:"Trebuchet MS", Georgia, Times, serif;
line-height:15px;
font-size:11px;
color:#663300;
text-align:justify;
text-decoration:underline;
}

#rightcolumn-sec p a:visited
{
font-family:"Trebuchet MS", Georgia, Times, serif;
line-height:15px;
font-size:11px;
color:#663300;
text-align:justify;
font-weight:bold;
text-decoration:none;
}

#rightcolumn-sec .textspace
{
width:91%;
margin:50px 0 0 16px;

}

#rightcolumn-sec h1 .subtext
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px 0 0 0;
font-weight:bold;
color:#666633;
}

#rightcolumn-sec h6
{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
margin:0 0 15px 0;
}

#rightcolumn-sec .storyimage
{
float:right;
margin:35px 9px 10px 30px;
border:1px solid #666633;
}

#rightcolumn-sec .five
{
margin:20px 0 20px 0;
}

#rightcolumn-sec .puzzle
{
float:left;
margin:0 0 15px 0;
}

#rightcolumn-sec .performance
{
float:left;
margin:0 0 0 0;
}

#rightcolumn-sec .performance a
{
float:left;
margin:0 0 0 0;
}

#rightcolumn-sec .performance a:visited
{
float:left;
margin:0 0 0 0;
}

#rightcolumn-sec ul
{
list-style-type:none;
line-height:16px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
}

#rightcolumn-sec ul a
{
list-style-type:none;
line-height:16px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

#rightcolumn-sec ul a:visited
{
list-style-type:none;
line-height:16px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:none;
}

#rightcolumn-sec ul a:hover
{
list-style-type:none;
line-height:16px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
text-decoration:underline;
}

#rightcoloumn-sec blockquote
{
border : 2px solid #000;
width: 200px;
float: right;
margin: 0px;
padding: 10px;
background-color: #ccc;
quotes: "\201C" "\201D";
}
#rightcoloumn-sec blockquote:before { content: open-quote; font-weight: bold; }
#rightcoloumn-sec blockquote:after { content: close-quote; font-weight: bold; }

.benefits-desc
{
margin: 0 25px 10px 25px;
}

.benefits-desc dt, .benefits-desc dd
{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#666633;
}

.benefits-desc dt
{
font-style: italic;
font-weight: bold;
}

.benefits-desc dd
{
font-size:12px;
margin-left: 5px;
}

ul.benefits-desc
{
margin-bottom: 20px;
}

ul.benefits-desc li
{
background: url(/images/green_check.png) no-repeat 0 50%;
padding-left:30px;
margin-bottom:10px;
}

blockquote.benefits-bullet
{
font-family:"Trebuchet MS", Georgia, Times, serif;
font-size:11px;
line-height:15px;
color:#666633;
margin-left:40px;
margin-bottom:7px;
}

blockquote.benefits-bullet a
{
font-family:"Trebuchet MS", Georgia, Times, serif;
line-height:15px;
font-size:11px;
color:#663300;
text-align:justify;
font-weight:bold;
text-decoration:none;
}

blockquote.benefits-bullet a:hover
{
font-family:"Trebuchet MS", Georgia, Times, serif;
line-height:15px;
font-size:11px;
color:#663300;
text-align:justify;
text-decoration:underline;
}

blockquote.benefits-bullet a:visited
{
font-family:"Trebuchet MS", Georgia, Times, serif;
line-height:15px;
font-size:11px;
color:#663300;
text-align:justify;
font-weight:bold;
text-decoration:none;
}
#benefits-table
{
font-family:"Trebuchet MS", Georgia, Times, serif;
line-height:15px;
font-size:11px;
color:#666633;
text-align:justify;
margin-bottom:15px;
width: 532px;
}

#benefits-table caption
{
font-weight: bold;
border-bottom: 1px solid #DDD;
padding-bottom: 2px;
}

#benefits-table thead
{
visibility: hidden;
}

/* Navigation Code   */

#navigationdiv ul
{
margin:0;
padding:0;
height:38px;
list-style:none;
display:inline;
overflow:hidden;
}

#navigationdiv li
{
margin:0;
padding:0;
list-style:none;
display:inline;
}

#navigationdiv a
{
float:left;
padding:38px 0 0 0;
overflow:hidden;
height: 0px !important;
height  /**/:38px; /* for IE5/Win only */
}

#navigationdiv #home a
{
width:105px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/home.jpg) top left no-repeat;
}

#navigationdiv #home a:hover
{
width:105px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/home.jpg) top right no-repeat;
}

#navigationdiv #home a.selected
{
width:105px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/home.jpg) top right no-repeat;
}

#navigationdiv #about a
{
width:95px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/about.jpg) top left no-repeat;
}

#navigationdiv #about a:hover
{
width:95px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/about.jpg) top right no-repeat;
}

#navigationdiv #about a.selected
{
width:95px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/about.jpg) top right no-repeat;
}

#navigationdiv #gallery a
{
width:90px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/gallery.jpg) top left no-repeat;
}

#navigationdiv #gallery a:hover
{
width:90px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/gallery.jpg) top right no-repeat;
}

#navigationdiv #gallery a.selected
{
width:90px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/gallery.jpg) top right no-repeat;
}

#navigationdiv #news a
{
width:84px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news.jpg) top left no-repeat;
}

#navigationdiv #news a:hover
{
width:84px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news.jpg) top right no-repeat;
}

#navigationdiv #news a.selected
{
width:84px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news.jpg) top right no-repeat;
}

#navigationdiv #performance a
{
width:127px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/performance.jpg) top left no-repeat;
}

#navigationdiv #performance a:hover
{
width:127px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/performance.jpg) top right no-repeat;
}

#navigationdiv #performance a.selected
{
width:127px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/performance.jpg) top right no-repeat;
}

#navigationdiv #contact a
{
width:110px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/contact.jpg) top left no-repeat;
}

#navigationdiv #contact a:hover
{
width:110px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/contact.jpg) top right no-repeat;
}

#navigationdiv #contact a.selected
{
width:110px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/contact.jpg) top right no-repeat;
}

#navigationdiv #education a
{
width:112px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/education.jpg) top left no-repeat;
}

#navigationdiv #education a:hover
{
width:112px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/education.jpg) top right no-repeat;
}

#navigationdiv #education a.selected
{
width:112px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/education.jpg) top right no-repeat;
}

#navigationdiv #support a
{
width:127px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/support.jpg) top left no-repeat;
}

#navigationdiv #support a:hover
{
width:127px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/support.jpg) top right no-repeat;
}

#navigationdiv #support a.selected
{
width:127px;
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/support.jpg) top right no-repeat;
}





                /* ----------------Footer--------------- */


#footer-nav
{
float:left;
margin:128px 0 0 20px;
}

#footer-nav ul li
{
list-style-type:none;
text-transform:uppercase;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#990000;
font-weight:bold;
float:left;
}

#footer-nav ul li a
{
display:block;
padding:0 3px;
line-height:10px;
text-decoration:none;
color:#990000;
}

#footer-nav ul li a:hover
{
text-decoration:underline;
color:#FFFFFF;
}






                /* ----------------Forms--------------- */




#contact-form fieldset {
	padding: 1em;
	border: 1px solid #ccc;
	margin: 1em 0em;
}

label {
	display: block;
	font-weight: bold;
	color:#666633;
}

legend {
	font-family:Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#666633;
}

input:focus, textarea:focus {
	background: #ffc;
}

input.radio, input.submit {
	width: auto;
}

input.radio {
	margin-right: 1em;
	float: left;
}

input[type="text"], input[type="password"], textarea {
	border: 1px solid #990000;
}

input {
	width: 250px;
}

input[id="fname"], input[id="lname"] {
	width: 150px;
}

#zip {
	width: 75px;
}

#phone_area, #phone_pre {
	width: 25px;
}

#phone_last4 {
	width: 30px;
}

#comments {
	width: 400px;
	height: 100px;
}

.formfield_floatright {
	float: right;
        margin-right: 15px;
}

.formfield_floatleft {
        float: left;
        margin-right: 15px;
}


/* MISCELLANEOUS Styles */

#cdreleasebtnone
{width:152px; height:42px;margin:0 0 0 35px; float:left;padding:0;background-color:#000;
}

#cdreleasebtntwo
{width:152px; height:42px;margin:0 0 0 0;float:left;padding:0;background-color:#000;
}

#cdreleasebtnthree
{width:152px; height:42px;margin:0 0 0 0;float:left;padding:0;background-color:#000;
}

.emphasize
{
font-weight: bold;
text-transform: uppercase;
}


/*
----------------------------------------------------
			(News Page) ---------
----------------------------------------------------
*/

dl.news
{
padding-top:7px;
margin-bottom:25px;
}

dl.news dt a
{
margin-top:8px;
margin-left:25px;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-size:14px;
color:#666633;
font-weight:bold;
}

dl.news dd
{
margin-left:25px;
margin-bottom:7px;
padding-left:7px;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-size:12px;
color:#666633;
font-style:italic;
line-height:12px;
}

dl.news dt a:link, dt a:visited
{
text-decoration:none;
}

dl.news dt a:hover
{
color:#999;
}

/* Background News Images */
#news-ten
{
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news_years/news_2010.gif) no-repeat top left;
}

#news-nine
{
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news_years/news_2009.gif) no-repeat top left;
}

#news-eight
{
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news_years/news_2008.gif) no-repeat top left;
}

#news-seven
{
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news_years/news_2007.gif) no-repeat top left;
}

#news-six
{
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news_years/news_2006.gif) no-repeat top left;
}

#news-five
{
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news_years/news_2005.gif) no-repeat top left;
}

#news-four
{
background:url(http://chicagojazzphilharmonic.org/images/interface/hardcandy/news_years/news_2004.gif) no-repeat top left;
}

.last-item
{
margin-bottom:0;
}




/*

		The Orchestra!!!------------


*/

.gsdrop
{
margin-top:50px;
}


.orch-section
{
  font-family:"Trebuchet MS", "Times New Roman", Times, serif;
  font-size:12px;
  line-height: 18px;
  color:#666633;
  margin-bottom:2.8em;
}

dl.orch-section a
{
  text-decoration:underline;
  color:#666633;
  font-weight:bold;
}

dl.orch-section a:hover
{
  text-decoration:underline;
  color:#cc0000;
  font-weight:bold;
}

dl.orch-section a:visited
{
  text-decoration:underline;
  color:#cc0000;
  font-weight:bold;
}

.orch-section dt
{
  font-size:14px;
  font-weight:bold;
  padding-top:0px;
  margin-top:12px;
}

.artist-name
{
  margin-left:105px;
}

.orch-section dd img
{
  display:block;
  float:left;
  margin-top:-15px;
  margin-right:10px;
  margin-bottom:75px;
}

.orch-inst
{
  font-size:16px;
  font-style:italic;
}

#three-columns{
  background-color:#fff;
  float:left;
  width:180px; /* 532px is usable space */
  border-left:175px solid #fff;
  border-right:175px solid #fff;
}

#leftRail{
  float:left;
  width:175px;
  margin-left:-175px;
  position:relative;
}

#center{
  float:left;
  width:180px;
  margin-right:-180px;
}

#rightRail{
  float:right;
  width:175px;
  margin-right:-175px;
  position:relative;
}

/* Stuff for slider */
#slider {
  /* width: 620px; */
  width: 530px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  /* background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom; */
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  /* width: 580px; */ /* change to 560px if not using JS to remove rh.scroll */
  width: 510px;
}

/* Video and Audio Styles */
.yt-video
{
    padding-top:30px;
    margin-top: 60px;
    margin-left:16px;
    background:#fff url(http://chicagojazzphilharmonic.org//images/interface/hardcandy/h1-right-col-video.jpg) top left no-repeat;
}

.cjp-video-player
{
    padding-top:30px;
    margin-top:30px;
    margin-bottom:60px;
    /* margin-left:16px; */
    background:#fff url(http://chicagojazzphilharmonic.org//images/interface/hardcandy/h1-right-col-video.jpg) top left no-repeat;
}

.audio
{
    padding-top:30px;
    margin-top: 60px;
    margin-left:16px;
    background:#fff url(http://chicagojazzphilharmonic.org//images/interface/hardcandy/h1-right-col-audio.jpg) top left no-repeat;
}






/*

		The Director!!!------------


*/


#rightcolumn-sec .directorimg
{
float:left;
margin:0 5px 10px 0;
border:0;
}

#rightcolumn-sec .dirname
{
float:right;
margin:15px 0 10px 0;
border:0;
display:block;
}

#rightcolumn-sec .proddirectorimg
{
float:left;
margin:15px 15px 0px 0px;
border:0;
}

#rightcolumn-sec .clearingelementdir
{
clear:right;
height:0;
overflow:hidden;
margin-bottom:5px;
}

/* Collective Creativity Page */
#rightcolumn-sec .ccs-textspace
{

width:91%;
margin:0 0 0 16px;
}

/* Sidebar Extras */
#sidebar-xtra
{
margin-left:14px;
margin-bottom:30px;
width:195px;
}

#sidebar-xtra a
{
display:block;
}

#sidebar-xtra a:link, #sidebar-xtra a:visited
{
font-family: "MS Trebuchet", sans-serif;
font-size: 11px;
font-weight: bold;
color:#663300;
text-decoration:none;
}

#sidebar-xtra a:hover
{
text-decoration:underline;
}

blockquote
{
width:425px;
}

blockquote .cite
{
font-style: italic;
margin-left: 50px;
}



/*

		Orchestra Rebuild!!!------------


*/

#orchestrawrap
{
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
color:#666633;
width:532px;
}

#orcleft ul
{
list-style-type:none;
line-height:18px;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-weight:normal;
font-size:12px;
color:#666633;
margin-top:10px;
}

#orccenter ul
{
list-style-type:none;
line-height:18px;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-weight:normal;
font-size:12px;
color:#666633;
margin-top:10px;
}

#orcright ul
{
list-style-type:none;
line-height:18px;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-weight:normal;
font-size:12px;
color:#666633;
margin-top:10px;
}

.columntitle
{
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-weight:bold;
font-style:italic;
font-size:15px;
color:#333300;
}

#orcthreewrap
{
width:532px;
margin-top:20px;
padding:0;
}

#orcleft
{
float:left;
width:175px;
}

#orccenter
{
float:left;
width:175px;
}

#orcright
{
float:left;
width:175px;
}

#orcartist
{
float:left;
width:532px;
margin-bottom:25px;
}

#orcartist img
{
float:left;
display:block;
margin-right:8px;
}

#orcarttext
{
float:right;
width:420px;
}

#orcartisttext p
{
float:right;
width:420px;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-size:12px;
color:#666633;
line-height:15px;
font-weight:normal;
}

.orcartisttextname
{
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-size:15px;
color:#666633;
font-weight:bold;
margin-bottom:10px;
}

.orcartistcategory
{
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-size:15px;
color:#666633;
font-weight:bold;
margin-bottom:10px;
font-style:italic;
display:block;
}

.orch3
{
margin:20px 0 25px 0;
font-family:"Trebuchet MS", "Times New Roman", Times, serif;
font-size:14px;
color:#666633;
line-height:15px;
font-weight:bold;
}

/*

		Jazz Academy!!!------------


*/

#highlight
{
float:left;
width:532px;
margin-bottom:25px;
}

#highlight .highlighttext {float:right; width:420px; margin:0;}

#highlight img
{
float:left;
display:block;
margin-right:8px;
}

#highlight .name {display:block; clear:right; float:left;font-family:"Trebuchet MS", "Times New Roman", Times, serif; font-size:15px; color:#666633; font-weight:bold; margin:0;}
#highlight .titlei {display:block; clear:right; float:left; font-family:"Trebuchet MS", "Times New Roman", Times, serif; font-size:12px; color:#666633; line-height:15px; margin:0;}
#highlight .titleii {display:block; clear:right; float:left; font-family:"Trebuchet MS", "Times New Roman", Times, serif; font-size:12px; color:#666633; line-height:15px; margin:0; font-style:oblique;}

/*

		Sponsors!!!------------


*/

#sponsorslist ul
{
list-style-type:none;
line-height:18px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}



/*

		Donor Logo Page!!!------------


*/

.donorimages img
{
margin:0;
padding:0;
float:left;
}

.donorimages
{
margin:50px 0 60px 0;
width:531px;
padding:20px 0 0 0;
}



/*

		Miscellaneous (whatever has short lifespan)!!!------------


*/



#rightcolumn-sec .madeimage
{
float:right;
margin:5px 9px 10px 30px;
border:none;
}

/* Season Ticket Grids */
ul#ticket-grid
{
	list-style: none;
	margin-left: 41px;
}

#ticket-grid li
{
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	display: block;
	float: left;
	width: 450px;
	padding: 10px 0 10px 10px;
	/* margin: 10px 0 10px 10px; */
	border-top: 1px solid #cc0000;
	color:#000000;
}

#ticket-grid .even {
	background-color: #e9cb72;
}

#ticket-grid .odd {
	background-color: #cccccc;
}

#ticket-grid li .pp-button {
	float: right;
	display: block;
	margin: 0 15px 0 0;	
}

#ticket-grid li#last {
	border-bottom: 1px solid #cc0000;
}

/* Lesley Byers Jazz Alive Page Email Address */
#byers-email a
{
  text-decoration:underline;
  color:#666633;
  font-weight:bold;
}

#byers-email a:hover
{
  text-decoration:underline;
  color:#cc0000;
  font-weight:bold;
}

#byers-email a:visited
{
  text-decoration:underline;
  color:#cc0000;
  font-weight:bold;
}