/* 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.

This declaration: html>body - is there to protect styles that have to be hacked for junk, 
non-standard compliant browsers that spit in the face of the w3c. The exact id is above the protected style but 
with the attributes that work in junk browsers. 

This is the other hack:
	
	voice-family: "\"}\"";   
	voice-family: inherit; 
	
Best used at the end of your declaration. Basically the line above is read
by the junk browser and the line below is read by compliant browsers. Works well if you need
to assign different font sizes to look the same cross browser. Or if you wish to use attributes like
thin, thick, small, x-small etc in standard compliant browser. Standards, schmandards.
	
Hence the long style sheet. Many thanks to all of those who took the time to figure this out
and then give this gift to the rest of us via a google search. 

 */
 
body	
	{
	color: #110D03;
	margin: 0px;
	background: #000000;
	font-family: georgia, times, "times new roman",  serif;
	 }

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

h1 { 
	font-size: 18px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 6px; 
	margin: 0px;
	color: #8E926A;
	}

h2  { 
	font-size: 14px;
	font-weight: normal;
	font-style: italic; 
	margin-bottom: 6px; 
	margin: 0px;
	color: #8E926A;
	}

	
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;
	}
	
	 
.hide	{
	display: none;
	}
	
 
	
td, li, ul, ol	{
		font-family: georgia, times, "times new roman",  serif;
		}

 
 /* Navigation components - top nav is an image map because serif fonts look too pixelated in Windows*/


#submenu {margin:0px;
		} 

/* this p tag contains the nav header image*/		
#submenu p  {margin:0px;
			text-align: center:}

#submenu ul { list-style: none;
			 margin-right:20px;}
			 	
html>body #submenu ul 
			{ list-style: none;
			padding: 0px 10px;
			margin-left:10px;
			margin-right:10px;}

			
#submenu ul li a
			{list-style: none;
			color:#7C8248;
			text-align: center;
			border: solid #676C38;
			border-width: 1px 1px 1px 1px;
			font: bold 11px  georgia, times, "times new roman",  serif;
			text-decoration: none;
			display: block;
			padding: 2px 2px;
			background-color: #A4AFAF;
			}

 #submenu ul li a:hover
			{background-color: #C6A746;
			color:#ffcc66;
			}
			
#submenu li.current_page a
			{background-color: #C6A746;
			color:#ffcc66;
			}
	 
#main_container { background: #fff url(/art/pageBG.gif) center top repeat-y; 
text-align: left;
font-size: 24px;
}

#catalogTOC {background-color: #ffffff;
			}

#catalogTOC p {margin-top:  0px;
			height: 120px;
			padding: 2px;
			font: normal 11px georgia, times, "times new roman",  serif;
			line-height: 1.25em;}
			
#catalogTOC td {font: normal 11px georgia, times, "times new roman",  serif;
			line-height: 1.25em;}
			
#catalogTOC h1 {font: bold 12px georgia, times, "times new roman",  serif;
			color: white;
			padding: 2px 2px 2px 2px;
			background-color: #8E926A;
			height: 20px;
			}	
			
					

#catalogTOC img {padding: 4px;}

#catalogTOC a  
	{
	font-weight : bold; 
	text-decoration : none;
	color: #c30;
	background: transparent; 
	}

#catalogTOC a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #919573;
	background: transparent; 
	}



.banner_ads  { background: #fff;}


#downloads {padding: 10px;font: bold 12px georgia, times, "times new roman",  serif;}

#downloads a 
			{
			color: #000000;
			text-decoration: underline;
			}
#downloads a:hover
			{
			color: #C43A38;
			text-decoration: underline;
			}


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

#articles {	font-family: georgia, times, "times new roman",  serif;
			font-size: 11px;
			margin-top: 10px;
			margin-left: 15px;
			width: 570px;
			background: #fff;
			}

#articles a 
			{
			margin: 0px;
			color: #c30;
			 
			}
			
#articles a:hover
			{
			color: #919573;
			 text-decoration: underline;
			}

#articles td {font-size: 11px;
			line-height: 120%;
			}	


html>body #articles td 
			{font-size: 11px;
			line-height: 1.5em;
			}			
				
#titles {padding-left: 15px;
		width: 550px;
		padding-top: 6px;
		}

html>body#titles {padding-left: 20px;}


.nav_line	{background-color: #fff;
			}
			
/* photo gallery layout styles*/

#photogallery {color:#8E926A;
				text-align: center;
				line-height: 90%;
				margin-top: 0px;
				}			
#photogallery  a { 
				color:#c30;
				text-decoration: underline;
				word-spacing 1px;}
				
#photogallery a:hover
				{ word-spacing 1px; 
				color:#8E926A;
				text-decoration: underline;
				}
				
/* end photo gallery layout styles*/

/* Order page table styles - for background colors*/

.tableHdr {font: bold 12px times, "times new roman",  serif;
			color:#E5E8D4; 
			}

.offWhtBG {background-color: #ffffff;
			}
.drkGrnBG {background-color:#919573;} 

.ltGrnBG {background-color:#E5E8D4;} 

/* End Order page table styles - for background colors*/

/* order banner ad - note that styles for iframes are in the file header to control the output
could create linked styles for iframe banners if needed or in larger apps */

#order_iframe  {width: 180px;
 				font: bold 11px times, "times new roman",  serif;
 				 
				}
			

 


/* end order banner ad */

/* back button if needed -- you need the js in the page to see the back button - like on daytonphilharmonic.com website */
			
#back a { 
			font-family: georgia, times, "times new roman",  serif;
			font-size: 11px;
			background: transparent url("/assets/images/arrow_red_lft.png") no-repeat  left;
			padding-left: 12px;
			color: #EF130C;
			text-align: center;
			 }
 		
#back a:hover {
			margin: 0px;
			color: #F7160F;
			text-decoration: underline;
			}					 
			
 
/* ID links are used on static pages to denote the on state - user is on that page */
	
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;
	}
	
/* not to be redundant -- footer styles*/

#footer 	{font: normal 10px  arial, helvetica, sans-serif;  
			text-align: center;}

#footer p	{
			color:#BEAB6F;
			word-spacing: 1px;
			}
			
#footer p a { 
				color:#c30;
				text-decoration: underline;
				}
	
#footer ul {
			padding: 0;
			list-style-type: none;
			margin: 0px;
			}

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

#footer ul li a { 
				color:#c30;
				text-decoration: underline;
				word-spacing 1px;}
				
#footer ul li a hover
				{ word-spacing 1px; 
				color:#BB9828;
				text-decoration: underline;
				}
				
/* image viewer window styles */

#view_window table {background-color: #ffffff;
					}
					
td.viewerbar 	{background-color: #000000;}
td.viewerbar2 	{background-color: #8E926A;
				height: 20px;
				}

#view_window	a { 
				font: bold 12px  georgia, times, "times new roman",  serif;
				color:#c30;
				text-decoration: underline;
				word-spacing 1px;}
				
#view_window			
			a:hover
				{  
				color:#BB9828;
				}
			
/* end image viewer window styles */
	
/* Basic page divisions */

#primarycontent	{
	padding-left: 25px;
	padding-top: 25px;
	padding-right: 25px;
	}
	
 
#content {
	margin-top: 0px;
	}

/* Sidebar display attributes  - helps set up padding around the side navigation */

div#sidebar {padding: 10px;}
	
	
/* sub-sub nav widget styling - if a 2nd level set of links is needed ie. a links widget aligned right top in body content so that you 
can add this widget to all pages that use this nav - like concert series at daytonphilharmonic.com */

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;}
  
 /* form styles */ 
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: #8E926A url("/art/nav_bg.gif") repeat-y left;}

/* end nav background colors */


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

h1.header1 {color: #B75B27;
font-size: 18px;
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: 14px;
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-family: arial, helvetica, sans-serif; 
	font-size: 10px;
	font-style: italic;
	text-decoration: none;
	float: right;
	padding-right: 10px;
	}