
/* border: solid 1px #f00; For Testing*/

* {
 padding: 0;
 margin: 0;
 }
body	{
 background: url(bgback.gif) #1743A9 bottom left fixed repeat-x;
 color: #000;
 font: 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 }

/* ---------- div ---------- */

#container {
 padding: 0 2px;
 width: 704px !important;
 width /**/: 709px;
 margin: 0 auto;
 background: #fff url(container.gif) repeat-y;
 text-align: left;
 position: relative;
 }
#quickSummary, #supportingText div {
 margin-left: 185px;
 width: 509px !important;
 width /**/: 514px;
 }
#quickSummary {
 padding: 15px 20px;
 background: url(line.gif) no-repeat 50% 100%;
 }
#preamble {
 padding-top: 15px;
 }


/* ---------- h1, h2, h3 ---------- */

h1, h2, h3 {
 font-weight: normal;
 font-size: 1.0em;
 line-height: 1.0em;
 text-indent: -2000em;
 display: block;
 }
h1 {
 width: 704px;
 height: 40px;
 background: #fff url(h2a.gif) no-repeat 0 100%;
 }
 
h4 {
	padding-top: 10px;
	font: 16px Georgia, "NewCenturySchoolbook", Times, serif;
	font-weight: bold;
	line-height: 133%;
	color: #0A2972;
	}
h5 {
	padding-top: 5px;
	font: 14px Georgia, "NewCenturySchoolbook", Times, serif;
	font-weight: normal;
	line-height: 133%;
	}
	
.headline {
	font: 16px Georgia, "NewCenturySchoolbook", Times, serif;
	font-weight: bold;
    text-align: center;
    line-height: 133%; 
    color: #0A2972;
	}
	
td {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	}
	
#formsinput {
	display: none;
	}

#home h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(header1.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }
 
 #concert h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(header3.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }
 
 #about h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(header2.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }
 
 #staff h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(header4.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }
 
 #singers h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(homepic3.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }
 
 #patrons h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(header1.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }
 
 #support h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(header6.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }
 
 #auditions h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(header5.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }
 
 #contact h2 {
 width: 704px;
 height: 280px;
 background: #C0BDBD url(header3.jpg) no-repeat;
 border-top: solid 3px #fec20e;
 border-bottom: solid 3px #fec20e;
 }

#preamble h3, #supportingText h3 {
 width: 300px;
 height: 37px;
 background-repeat: no-repeat;
 }
#headhome h3 { 
	background-image: url(h3_welcome.gif);
	margin-top: 10px;
	}
#headabout h3 { 
	background-image: url(h3_about.gif);
	margin-top: 10px;
	}
#headconcerts2 h3 { 
	background-image: url(h3_concerts2.gif);
	margin-top: 10px;
	}
#headconcerts3 h3 { 
	background-image: url(h3_concerts3.gif);
	margin-top: 10px;
	}
	
#headconcerts4 h3 { 
	background-image: url(h3_concerts4.gif);
	margin-top: 10px;
	}
#headconcerts5 h3 { 
	background-image: url(h3_concerts5.gif);
	margin-top: 10px;
	}
#headconcerts6 h3 { 
	background-image: url(h3_concerts6.gif);
	margin-top: 10px;
	}
#headstaff h3 { 
	background-image: url(h3_staff.gif);
	margin-top: 10px;
	}
#headsingers h3 { 
	background-image: url(h3_singers.gif);
	margin-top: 10px;
	}
#headpatrons h3 { 
	background-image: url(h3_patrons.gif); 
	margin-top: 10px;
	}
#headsupport h3 { 
	background-image: url(h3_support.gif); 
	margin-top: 10px;
	}
#headauditions h3 { 
	background-image: url(h3_auditions.gif); 
	margin-top: 10px;
	}
	
#headdirector h3 { 
	background-image: url(h3_director.gif); 
	margin-top: 10px;
	}

#headcontact h3 { 
	background-image: url(h3_contact.gif); 
	margin-top: 10px;
	}
#headthanks h3 { 
	background-image: url(h3_thanks.gif);
	margin-top: 10px;
	}
#headprivacy h3 { 
	background-image: url(h3_privacy.gif);
	margin-top: 10px;
	}
#headterms h3 { 
	background-image: url(h3_terms.gif);
	margin-top: 10px;
	}

/* ---------- p ---------- */

p {
 padding-top: 10px;
 }

 
 	/*  Menu */
	
#linkList {
 position: absolute;
 top: 340px;
 left: 0px;
 line-height: 1.2em;
 }

#linkList ul{
	margin:1em;
  	padding:0px;
  	list-style:none;
}

#linkList li{
	background-repeat:no-repeat;
	background-image:url(bullet.gif);
	background-position: 11px;
  	padding-left: 25px;
	padding-bottom: 2px;
}

#linkList h3 {
 width: 130px;
 height: 28px;
 background-repeat: no-repeat;
 border-bottom:1px solid #F5C65A;
 }

.select {
	background-image: url(select.gif);
	margin-left: 10px;
	}

#lselect li {
	display:block;
	height:auto;
	font: 13px/18px Georgia, "NewCenturySchoolbook", Times, serif;
 	font-weight: bold;
	}

#lselect a, #lselect a:visited {	
	display: block;
	padding: 0 0 0 0;
	width: auto;
	font-size: 13px;
	text-decoration: none;
	color: #FFFBA5;
	}
	
#lselect a:hover { 
	display: block;
	padding: 0 0 0 0;
	width: auto;
	font-size: 13px;
	text-decoration: underline;
	color: #F5C65A;
	}

#area a {
 color: #1B2F6E;
 text-decoration: underline;
 }
 
#area a:link {
 color: #404C15;
 text-decoration: underline;
 }
 
#supportingText ol, #supportingText li {
	list-style-type: number;
	padding-left: 15px;
	margin-left: 0px;
	list-style-position: inside;
	}

/* ---------- a ---------- */

a {
 text-decoration: none;
 }
#intro a, #supportingText a {
 font-weight: normal;
 color: #0A2A72;
 text-decoration: underline;
 }
 
.footer {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
    text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#footer {
 padding: 12px 0px;
 text-align: center;
 font-size: 12px;
 }

#footer a {
 color: #0A2A72;
 font-weight: normal;
 text-decoration: none;
 }

#footer a:hover, #footer a:active {
 color: #0A2A72;
 text-decoration: underline;
 }
#intro a:hover, #intro a:active, #supportingText a:hover, #supportingText a:active {
 color: #4C78E1;
 font-weight: normal;
 }

	
hr {
ΚΚ	border: 0;
ΚΚ	width: 70%;
	color: #380001;
	height: 2px;
	margin-bottom: 5px;
	}
	
#footer2 {
 width: 704px;
 height: 30px;
 background: #2fc2ff;
 border-top: solid 3px #fec20e;
 padding-left: 15 px;
 font: 10px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 text-indent: 5px; 
 }
 
 #footer2 a {
 color: #0A2A72;
 font-weight: normal;
 text-decoration: none;
 }

#footer2 a:hover, #footer a:active {
 color: #0A2A72;
 text-decoration: underline;
 }

