/* CSS Document */

/* 
--------------------------------------------------------------------------------------------------------------------  
 =IMPORT SEPERATE STYLE SHEETS
--------------------------------------------------------------------------------------------------------------------  
*/

/* @import url(styles2.css); */

/* 
--------------------------------------------------------------------------------------------------------------------  
 =RESET CSS
--------------------------------------------------------------------------------------------------------------------  
*/

/* Normalize margin. padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }

/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size : 100%; }

/* Remove list-style from lists */
ol, ul { list-style-type : none; }

/* Remove list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Normalizes font-style and font-weight to normal */
dt, address, caption, cite, code, dfn, em, strong, b, th, var { font-style:normal; font-weight:normal; }

/* Removes border from fieldset and img */
fieldset, img { border : 0; }

/* Left-aligns text in caption and th */
caption, th { text-align:left; }

/* Removes Quotation marks from q */
q:before, q:after { content :''; }

/* This says that any list item inside another list item should be the same size as its parent (the other list item) */
li li, li p, td p, BLOCKQUOTE p { font-size:1.2em; } /* 12px */

INPUT, SELECT, TH, TD { font-size:1em; }

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

/* =html */
html { text-align:center; background:#DFE0E0; }	

/* =body */
body { 
position : relative; 
width : 900px; 
margin:0px auto;/* positions the body with a margin top and centers it */
text-align:left;
background:url(../images/body.png) no-repeat; /* edge and content bg */
font-size:62.5%; /* The default size for ‘medium’ text in all modern browsers is 16px. this takes it down to 10px which makes it easier to use and calculate ems */
}

/* =main elements */
div#masthead, div#footer, div#content, div#mainNav { width:100%; }

.clear { clear: both; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =TYPOGRAPHY
--------------------------------------------------------------------------------------------------------------------  
*/

/* remember parenting em when nesting elements! */
h2, h3, h4, h5, p, ul, blockquote { margin : 0 40px 0 23px; padding:.5em 0; } /* =blocktext - 20px is left & right margin*/
h1 { font-size:2.4em; } /* font size displayed at 24px */
h2 { font-size:1.8em; font-family:Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; letter-spacing:-1px; color:#88a308; } /* font size displayed at 18px */
h3 { font-size:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; letter-spacing:-1px; color:#FFFFFF;} /* font size displayed at 15px */
h4 { font-size:1.2em; } /* font size displayed at 12px */
p { font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } /* font size displayed at 12px */
h2+p { font-size:1.3em; margin:0px 40px 0px 23px; font-weight:bold; }
ul li { font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; list-style-image: none; padding-left : 0px;}

.bold { font-weight:bold; }
.italic { font-style:italic}
/* 
--------------------------------------------------------------------------------------------------------------------  
 =NAVIGATION
--------------------------------------------------------------------------------------------------------------------  
*/

#nav_home { width:54px; }
#nav_appearances { width:102px; }
#nav_repertoire { width:79px; }
#nav_links { width:53px; }
#nav_members { width:78px; }
#nav_listen { width:57px; }

#nav_home a { background-position: 0px 0px; }
#nav_home a:hover { background-position: 0px 26px; }

#nav_appearances a { background-position: -56px 0px; }
#nav_appearances a:hover { background-position: -56px 26px; }

#nav_repertoire a { background-position: -158px 0px; }
#nav_repertoire a:hover { background-position: -158px 26px; }

#nav_links a { background-position: -239px 0px; }
#nav_links a:hover { background-position: -239px 26px; }

#nav_members a { background-position: -293px 0px; }
#nav_members a:hover { background-position: -293px 26px; }

#nav_listen a { background-position: -372px 0px; }
#nav_listen a:hover { background-position: -372px 26px; }


/* links */
a, a:link, a:visited { border:none; outline:none; }
a, a:link, a:visited { color:#FFCC14; text-decoration:none; }
a:hover { color:#FFFFFF; text-decoration:underline; }

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

/* 
h1#logo { background:url(../images/logo.png); background-repeat:none; width:120px; height:120px; text-indent:-9999px; overflow:hidden; margin:0px; }
* html h1#logo { background-image:none; filter:progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../images/logo.png"); } 
*/

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

div#content { position:relative; }

div#contentMain { left:0; width:488px; margin:0; padding-top:42px; }

#contentMain div.hr { margin:5px 40px 5px 20px; height: 2px; background: url('../images/hr.gif') repeat-x scroll center; }
div.hr hr { display: none; }

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

div#contentSide { left:488px; width:272px; margin:0; }

div#contentSide p { margin:0 10px 0 10px; line-height:1.2em; }

#contentSide div.hr { margin:5px 20px 5px 10px; height: 2px; background: url('../images/hr.gif') repeat-x scroll center; }
div.hr hr { display: none; }

.date { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; color:#FFCC14; }
.place { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#FFFFFF; }

#supporters { background: url(../images/bg_supporters.png) no-repeat; height:141px; width:253px; display:block; margin:15px 0 15px 5px; }

#supporters #btn_chiv { position: relative; top:50px; left:120px; height:34px; width:126px; display:block; }

#supporters #btn_diva { position: relative; top:50px; left:138px; height:34px; width:108px; display:block; }

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

div#footer ul { float:right; margin-top:140px;  font-size:1em; } /* margin: 12px 30px 5px 0px; */
div#footer li { float:left; display:inline; margin-left:8px;  }
div#footer li a, div#footer li a:link, div#footer li a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;  }
div#footer li a:hover { text-decoration:underline; }

div#strapline { position:absolute; top:90px; left:475px; width:248px; height:24px; background:url(../images/strapline.png) no-repeat; text-indent:-9999px; }


/* 
--------------------------------------------------------------------------------------------------------------------  
 =IMAGES
--------------------------------------------------------------------------------------------------------------------  
*/

img { padding: 0; margin: 0; border: 0; }

.copyImageRight { float:right; margin:0 0 1em 1em; border:thin solid #FFFFFF; padding:3px }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =BUTTONS
--------------------------------------------------------------------------------------------------------------------  
*/

#btn_members { height:58px; width:252px; display:block; margin:15px 0 15px 5px; text-indent:-9999px; }
#btn_members a { background: url(../images/buttons/btn_members.png) top center no-repeat; height:58px; width:252px; display: block; }
#btn_members a { background-position:0px 0px; }
#btn_members a:hover { background-position:0px -58px; }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =IE FIXES
--------------------------------------------------------------------------------------------------------------------  
*/

/* IE 5 - 6 PNG TRANSPARENCY FIX */
* html img, * html h1#logoHome, * html div#btn_members, * html #strapline { behavior: url(../pngfix/iepngfix.htc); }

*html div#btn_members { background-image:none; filter:progid:DXImagetransform.Microsoft.AlphaImageLoader(src="../images/buttons/btn_members.png"); }

/* 
--------------------------------------------------------------------------------------------------------------------  
 =CLEAR FIX
--------------------------------------------------------------------------------------------------------------------  
*/

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* 
--------------------------------------------------------------------------------------------------------------------  
 Shaun Inman Position Clear - http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute
--------------------------------------------------------------------------------------------------------------------  
*/
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */