/* Most important software for Windows is firefox. If you run Windows or Mac and use IE please download firefox from
http://www.mozilla.org ASAP. The rest of this comment deals with CSS hacks used for ie.

Anything using html>body is there to protect styles that have to be hacked for junk, 
non-standard compliant browsers. The exact id is above the protected style but 
with the attributes that work in junk browsers. 

This is the ie5/mac hack if you are so inclined - I'm not, but if the group using the site is on this platform, this may be useful:
	
	voice-family: "\"}\"";   
	voice-family: inherit; 
	
Best to used at the end of your declaration. Basically the line above is read
by ie5  and the line below is read by compliant browsers. 
	
 */
 
body	
	{
	color: #000;
	margin-top: 0px;
	background: #7E7D62;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	 }
	 
#content {margin:0 auto; width: 760px;}

p {margin-top:0px;}
hr { color: #6D849C; background: #6D849C; border: 0; height: 1px; text-align: center;
	margin-top: 6px;
	}

.featureimage {height: 210px; width: 430px;}	 
.hide	{
	display: none;
	}
	
.legal {
		font-size: 10px;
		}
			 						
#headerBG { background: url(/art/headerBG.gif) center top no-repeat;}

/* homepage layout - 2 columns layout - all editable below the topnav except the footer */

.bgcolor { background: url(/art/col1bg1.gif) center top repeat-y;}

#col1 {width: 332px;
		
		background: url(/art/col1shadow.gif) center top no-repeat;
		color: #CBCDCE;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		
		}
			
#col1 h1 {
			font-size: 16px;
			margin: 0px;
			text-align: center;
			}

#col1 strong 
		{font-weight: 900;}			
 
#col1 p {margin-top:0px;
		padding: 10px 10px;
		font-size: 11px;
		font-weight: normal;
		}	

#col1 a:link
		{color: #ffffff;
		text-decoration: underline;
		}
		#twitter_update_list a:link, #twitter_update_list a:visited, #twitter_update_list a:hover, #twitter_update_list a:active, #twitter_update_list a:focus {
text-decoration: none;
font-weight: bold;
background-color: none;
color: #FFFFFF;
}
 
#col2 {	width: 215px;
		height: 156px;
		background: #7E7D62;
		color: #fff;
		font-size: 10px;
		float: left;
		border-bottom: solid 1px #D6D6D6;}
		
#col2 h1 {
			
			}

#col2 p { margin-top: 0px;
		padding: 4px 6px;
		font-size: 10px;
		}		
#col2 p.arrow {text-align: right;}					
			
#col2 a  {
		margin: 0px;
		color: #EEC12C;
		text-decoration: underline;
		 }	

#col3 {	width: 215px;
		height: 156px;
 		background: #931401;
 		color: #fff;
 		font-size: 10px;
 		float: right;
 		border-bottom: solid 1px #D6D6D6;}
 		
#col3 p.arrow {text-align: right;}	 

#col3 h1 {
		}

#col3 p { margin-top: 0px;
		padding: 4px 6px;
		font-size: 10px;
		}	

		
#col3  a {
		margin: 0px;
		color: #EEC12C;
		text-decoration: underline;
		 }	

 /*end homepage layout */ 
 
 /* Navigation components */

.orangenav
{ background: url(/art/orangeBG.gif) no-repeat top right; }
.rednav
{ background: url(/art/redBG.gif) no-repeat top right; }
.mainnav
{ width:100%; height: 47px; margin:0px; padding:0px;border-collapse:collapse;
  text-align: center;
  font: normal 12px arial;
}
.mainnav a, .mainnav a:link, .mainnav a:active, .mainnav a:visited
{ text-decoration: none; color: #fff; padding: 0px 20px; font-weight: normal; display: block; height: 100%;}
.mainnav a:hover
{ text-decoration: underline; color:#fff;}
  

	
#headernav  {position: relative;
			height:24px; 
			top: 80px;
			left: 125px;
			color: #CDCDCD;
			}
			
#headernav ul {font: normal 12px arial, verdana, sans-serif;
				margin:0px;
				list-style: none;
				}
	
#headernav ul li {
				display: inline;
				float: left;
				}

#headernav  a 
			{
			color: #CDCDCD;
			padding: 5px 5px 5px 5px;
			text-decoration: none;
			font-weight: normal;
			 }
	
#headernav  a:hover
			{
			 color: #fff;
			 text-decoration: underline;
			}
	
#submenu {}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	 }

#submenu ul li {
	 
	display: block;
	border-bottom: 1px solid #fff;
	width: 209px;
	height: 24px;
	float: left;
	margin: 0px;
	
}

#submenu li a {
	margin-left: 23px;
	margin-top: 5px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size:   12px; 
	padding: 0px 0px 0px 0px;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    12px; 
	 }
	
html>#submenu ul li a  {
	font-size:  10px;   
	} 

#submenu ul a:hover	{ margin:0px;
	background-color: #98B1CC;
	 
	}
	
#submenu li a:hover {padding-left: 23px;
	padding-top: 5px;
	padding-bottom: 5px;
	 } 
	
#submenu li.current_page 	{
	 
	display: block;
	border-bottom: 1px solid #fff;
	width: 209px;
	height: 24px;
	float: left;
	margin: 0px;
	background-color: #FC7E43;
	}


	 
#maintable {background-color: #274459;}
#main_container {background: #fff;
				font-size: 12px;
				font-weight: normal;
				text-align: left;
				}

.banner_ads  { background: #fff;}


#downloads {padding: 10px;}

#downloads a 
			{
			color: #561822;
			text-decoration: underline;
			}
#downloads a:hover
			{
			color: #7C2F3B;
			text-decoration: underline;
			}

/* hacks ie's lack of right margin for body content in articles */

#articles {margin-left: 10px;
			margin-right: 15px;
			margin-top:25px;
			background: #fff;
			line-height: 120%;
			}
			
html> body #articles {margin-left: 15px;
			margin-right: 20px;
			margin-top:25px;
			background: #fff;
			line-height: 120%;
			}
			

#articles a 
			{
			margin: 0px;
			color: #2B3D6F;
			text-decoration: underline;
			}
			

#articles a:hover
			{
			color: #677EBB;
			 text-decoration: underline;
			}


#bodycontent img {margin-left: 8px;}

#bodycontent td,p,li {font-size: 12px;}

#imagelist {float:right; margin-right: 15px;}
html>body #imagelist {width: 45%; float:left; margin-right: 5px;}
html>body #articles td {font-size: x-small;}			
				
#titles {margin-left: 15px; margin-top:10px; margin-right: 20px;}


.nav_line	{background-color: #fff;
			}
			

#back a { 
			font-family: Arial, Helvetica, Verdana, sans-serif;
			font-size: 11px;
			background: transparent url("/assets/images/arrow_red_lft.png") no-repeat  left;
			padding-left: 12px;
			color: #EF130C;
			text-align: center;
			 }

div#sub_sub {float: right; width: 30%; margin-bottom: 2.33em; margin-top: 0; margin-left: 6px; margin-right: 6px;
   font-size: 11px; background-color: white;
   border: 1px solid #f0f0f0;}
 div#sub_sub  a {display: block; padding: 2px 6px; margin: 0; 
   text-decoration: none; text-align: center;
   border-top: 1px solid #f0f0f0;
   color:#666666;}
 div#sub_sub  a:hover {color: #666666; background: #f0f0f0; text-decoration: none;}
 div#sub_sub  h4 {font: bold 11px Verdana, Arial, Helvetica, sans-serif;background: #33486E; color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}
   
   
#back a:hover {
			margin: 0px;
			color: #F7160F;
			text-decoration: underline;
			}					 
			
a:link, a:visited, a:active {
	font-weight : bold; 
	text-decoration : underline;
	color: #561822;
	background: transparent;

	}

a:hover {
	color: #922D3D;
	background: transparent; 
	}
	
a.ID:link, a.ID:visited, a.ID:active, a.ID:hover
	 {
	font-weight : bold; 
	text-decoration : underline;
	color: #f90;
	background: transparent;  
	}
	
a.arrow:link, a.arrow:visited, a.arrow:active
		  {
			font-weight : bold; 
			text-decoration : underline;
			color: #152B56;
			font-size: x-small;
			 }

a.arrow:hover {
				font-weight : bold; 
				text-decoration : underline;
				color: #C18056;
				}
	
#footer   { height: 30px; background: transparent url(/art/footerBG.gif) top no-repeat;
			color: #A2A4A8;}
	

#footer p	{
			font-size: 10px;
			padding-top: 30px;
			padding-bottom: 40px;
			text-align: center;
			margin:0 auto; width: 170px;
			}
	
#footer a:link, a:visited, a:active
			{
			margin: 0px;
			color: #A2A4A8;
			text-decoration: underline;
			}	

#footer ul {position: relative;
top: 10px;
text-align:center;
			padding: 0;
			list-style-type: none;
			font-size:   10px;
			word-spacing: 5px;
			margin: 0px;
			}

#footer ul li {
				display: inline;
				text-align: center;
				margin: 0;
				}

.border {	 
 border-top: solid 1px #B75B27;}
 

#footer ul li a {
	background: transparent;
	color: #A2A4A8;
	text-decoration: underline;
	font-weight: normal;
 }
	
/* Basic page divisions */

#primarycontent	{
	padding-left: 25px;
	padding-top: 25px;
	padding-right: 25px;
	}
	
/* Sidebar display attributes */

div#sidebar {padding: 10px;}
	
	
/* sub-sub nav widget for each concert series*/

div#seriesnav1 {float: right; width: 30%; margin-bottom: 2.33em; margin-top: 0; margin-left: 6px; margin-right: 6px;
   font-size: 11px; background-color: white;
   border: 1px solid #AFB0B2;}
div#seriesnav1 a {display: block; padding: 2px 6px; margin: 0; 
   text-decoration: none; text-align: left;
   border-top: 1px solid #A894A8;
   color:#7D5F7D;}
div#seriesnav1 a:hover {color: #7D5F7D; background: #D3CAD3; text-decoration: none;}
div#seriesnav1 h4 {font: bold 11px Verdana, Arial, Helvetica, sans-serif;background: #7D5F7D; color: white;
   text-align: center; margin: 0; padding: 0.25em 0 0.125em 0;}  
   
label {
	float: left;
	text-align: left;
	margin-bottom: 0.50em;
	margin-top: 0.25em;
	margin-left: 20px;
	font-size: x-small;
}

.btn {
	border: 1px solid #999999;
 	background-color: #AD1111;
	color: #ffffff;
	 margin-left: 12px;
	margin-top: 6px;
	font-size: 9px;
	font-weight: bold;
	}


/* nav background colors declared by a case variable and can be color coded per sections - class="<%= color %>"> found in content.jsp */

.section1 {background: #1E3749;}

/* end nav background colors */


/* section title colors - sections can be color coded if called for by number */

h1.header1 {color: #B75B27;
font-size: 16px;
font-weight: bold; 
margin-top:8px;
margin-bottom:8px;
margin-left:0px;
}

/* section subtitle colors - sections can be color coded if called for by number */
 
h2.header1 {color: #B75B27;
font-size: 13px;
font-weight: normal;
font-style: italic; 
margin-top: 2px;
margin-bottom: 10px;}

h6.caption

{
	font: italic 10px arial, helvetica, sans-serif; 
	text-decoration: none;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	 
	}
	
/* end nav background colors */
		
.photoCaption {
	font: italic 10px arial, helvetica, sans-serif; 
 
 	 }
	
 sup {font-size: 9px;}
h1.header { 
	font-size: 17px;
	font-weight: bold; 
	margin-top: 0px;
	margin-bottom: 6px;
	color: #33486E;
	}

h2.header  { 
	font-size: 15px;
	font-weight: normal; 
	font-style: italic;
	margin: 0px;
	}

	
h3  { 
	font-size: 14px;
	font-weight: bold; 
	margin: 0px;
	
	}

	
h4  { 
	font-size: 12px;
	font-weight: bold; 
	margin: 0px;
	}

	
h5  { 
	font-size: 11px;
	font-weight: bold; 
	margin: 0px;
	}

	
h6  { 
	font-size: 10px;
	font-weight: bold; 
	margin: 0px;
	}