/* CSS Document */

/* 
--------------------------------------------------------------------------------------------------------------------  
 =LAYOUT
--------------------------------------------------------------------------------------------------------------------  
*/

div#containerOrange { width : 760px; margin:0 auto; background: url(../images/bg_content_orange.gif) repeat-y; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =NAVIGATION
--------------------------------------------------------------------------------------------------------------------  
*/

div#mainNavOrange { position:relative; height:32px; background:url(../images/bg_mainNav_orange.png); display:block;  }

div#mainNavOrange ul { position:absolute; left:17px; top:6px; height:26px; border:none; margin: 0; padding: 0; } /* margin: 12px 30px 5px 0px; */
div#mainNavOrange li { float:left; display:inline; height:26px; border:none; margin: 0; padding: 0; text-indent:-99999px; }
div#mainNavOrange li a { display:block; height:100%; overflow:hidden; width:100%; margin: 0; padding: 0; }

#nav_home a, #nav_appearances a, #nav_repertoire a, #nav_links a, #nav_members a, #nav_listen a { background: url(../images/nav_orange.png); }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =MASTHEAD
--------------------------------------------------------------------------------------------------------------------  
*/

div#mastheadOrange { position:relative; height:249px; background: url(../images/bg_mast_orange.png) no-repeat; display: block; }

h1#logoHome { z-index:1; position:absolute; left:17px; top:145px; height:100px; width:274px; background: url(../images/logo_orange.png) no-repeat; text-indent:-9999px; overflow:hidden; margin:0px; }

div#mastContact { position:absolute; top:45px; left:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; color:#FF8F00; }

div#mastContact a, div#mastContact a:link, div#mastContact a:visited { border:none; }
div#mastContact a, div#mastContact a:link, div#mastContact a:visited { color:#FF8F00; text-decoration:none; }
div#mastContact a:hover { color:#FFCC14;; text-decoration:underline; }
.telephoneRed { color:#FFCC14; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =CONTENT
--------------------------------------------------------------------------------------------------------------------  
*/

h2#headerHome { background: url(../images/headers/header_orange.png) no-repeat; text-indent:-9999px; width:400px; height:30px; margin:0 0 0 20px; }
h2#headerAppearances { background: url(../images/headers/header_appearances.png) no-repeat; text-indent:-9999px; width:400px; height:30px; margin:0 0 0 20px; }


/* 
--------------------------------------------------------------------------------------------------------------------  
 =SIDE CONTENT
--------------------------------------------------------------------------------------------------------------------  
*/

h3#upcoming { background:url(../images/upcoming/header_orange.png) no-repeat; text-indent:-9999px; width:268px; height:72px; display:block; margin:0 0 0 0; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =FOOTER
--------------------------------------------------------------------------------------------------------------------  
*/

div#footer { position:relative; clear:both; height:290px; background: url(../images/bg_footer_orange.png) no-repeat; padding:0; margin:0; }