html, body {  
 	text-align:center;
 	background: #5c0017 url(images/template/bg.jpg) top no-repeat; 
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif ;
} 
 
#home-wrapper { 
 	width:1061px; 
	text-align:left;  
 	margin-left:auto; 
 	margin-right:auto;
 	background:url(images/template/home-content-bg.png) top left no-repeat;
} 
#interior-wrapper { 
 	width:1061px; 
	text-align:left;  
 	margin-left:auto; 
 	margin-right:auto;
 	background:url(images/template/interior-content-bg.png) top left no-repeat;
}

/*****/ 
#header {
 	position:relative; 
 	height:89px; 
 	width:100%;
}

/*----------------------------------------
Nav
----------------------------------------*/
#nav {
 	float: right;
 	display:inline;
 	width: 570px;
 	height: 30px;
 	background: url(images/template/main-nav.gif);
 	margin: 0 94px 0 0;
 	position: relative;
 	top: 59px;
}

#nav span { display: none; }
#nav li {list-style: none; position: absolute; top: 0px; }
#nav li, #nav a { height: 30px; display: block; }
 
#nav1 { left: 0px; width: 92px; }
#nav2 { left: 93px; width: 111px; }
#nav3 { left: 205px; width: 152px; }
#nav4 { left: 358px; width: 103px; }
#nav5 { left: 462px; width: 108px; }

#nav1 a:hover { background: transparent url(images/template/main-nav.gif) 0px -30px no-repeat;}
#nav2 a:hover { background: transparent url(images/template/main-nav.gif) -93px -30px no-repeat;}
#nav3 a:hover { background: transparent url(images/template/main-nav.gif) -205px -30px no-repeat;}
#nav4 a:hover { background: transparent url(images/template/main-nav.gif) -358px -30px no-repeat;}
#nav5 a:hover { background: transparent url(images/template/main-nav.gif) -462px -30px no-repeat;}

/*----------------------------------------
Home Side Col
----------------------------------------*/
#home-side-col{
 	width:261px; 
 	float:left; 
 	display:inline;
 	position:relative; 
 	margin-left: 115px;
}

#home-side-col h1 {margin: 56px 0 0 0; height: 90px;}
#home-side-col h1 a {position: absolute; left: 56px; display: block; width: 210px; height: 90px; text-indent:-9000px;}

#home-side-col h4 {margin: 0 0 0 0; height: 30px;}
#home-side-col h4 a {position: absolute; left: 56px; display: block; width: 210px; height: 30px; text-indent:-9000px;}
 
#home-news {margin: 30px 0 0 20px; margin-bottom: 0px; width: 226px;}
#home-news h2 {color: #333; font-size: 12px; font-weight: bold; padding-bottom: 10px; }

#home-news a:link {color: #860066; text-decoration: none; font-size: 13px;}
#home-news a:visited {color: #860066; text-decoration: none; }
#home-news a:hover {color: #860066; text-decoration: underline;}
#home-news a:active {color: #860066; text-decoration: none;}

#home-news ul {list-style:none; font-size:12px;}
#home-news li {line-height:16px; margin-right:10px; margin-bottom: 12px; }
#home-news li span {display: block;}

.home-news-date {font-size: 10px;}
#newsletter-submit{top:5px;}
#home-side-col p {font-size: 12px; margin-bottom:20px; margin-left: 20px;}
#music-player {margin-left: 20px; display:inline;}

/*----------------------------------------
Home Audio
----------------------------------------*/

#player_container {
	position: relative;
	width:240px;
	height:50px;
	margin-left:20px;	background:url(images/template/music-player.gif) 0 10px no-repeat;
}
#player_container  ul#player_controls {
	list-style-type:none;
	
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:148px;
	top:4px;
	width:30px;
	height:40px;
	cursor: pointer;
}
#player_play {
	background: url("images/template/spirites.jpg") 0 0 no-repeat;
}
#player_play.jqjp_hover {
	background: url("images/template/spirites.jpg") -41px 0 no-repeat;
}
#player_pause {
	background: url("images/template/spirites.jpg") 0 -42px no-repeat;
}
#player_pause.jqjp_hover {
	background: url("images/template/spirites.jpg") -41px -42px no-repeat;
}

#ctrl_prev {
	position: absolute;
	left:122px;
	top:10px;
	background: url("images/template/spirites.jpg") 0 -112px no-repeat;
	width:22px;
	height:28px;
	cursor: pointer;
}

#ctrl_prev:hover {
	background: url("images/template/spirites.jpg") -29px -112px no-repeat;
}

#ctrl_prev.disabled {
	background: url("images/template/spirites.jpg") -58px -112px no-repeat;
	cursor:default;
}

#ctrl_next {
	position: absolute;
	left:182px;
	top:10px;
	background: url("images/template/spirites.jpg") 0 -141px no-repeat;
	width:22px;
	height:28px;
	cursor: pointer;
}

#ctrl_next:hover {
	background: url("images/template/spirites.jpg") -29px -141px no-repeat;
}

#ctrl_next.disabled {
	background: url("images/template/spirites.jpg") -58px -141px no-repeat;
	cursor:default;
}



/*----------------------------------------
Home Side Callouts
----------------------------------------*/
#home-side-callouts {
 	width: 239px;
 	height: 45px;
 	background: url(images/template/home-side-callouts.jpg);
 	position: relative;
 	margin-top: 10px;
 	margin-left: 14px;
}

#home-side-callouts span { display: none; }
#home-side-callouts li {list-style: none; position: absolute; top: 0px; }
#home-side-callouts li, #home-side-callouts a { height: 45px; display: block; }

#side-call-1 { left: 0px; width: 118px; }
#side-call-2 { left: 118px; width: 121px; }

#side-call-1 a:hover { background: transparent url(images/template/home-side-callouts.jpg) 0px -45px no-repeat;}
#side-call-2 a:hover { background: transparent url(images/template/home-side-callouts.jpg) -118px -45px no-repeat;}

#know-btn {margin: 14px 0 0 20px; position: relative; float: left; display:inline;}
#know-btn a{background: url(images/template/get-to-know-cso-btn.gif) 0 0 no-repeat; display: block; float:left; width: 225px; height: 46px;}
#know-btn a:hover{background: url(images/template/get-to-know-cso-btn.gif) 0px -46px no-repeat;}
#know-btn span {display: none;} 

/*----------------------------------------
Home Flash
----------------------------------------*/
#home-main-col{
	width:665px;  
 	float: right; 
 	display:inline; 
 	position: relative; 
}
#main-flash {line-height:0;} 

/*----------------------------------------
Interior Wrapper
----------------------------------------*/
#interior-logo-col{
 	width:261px; 
 	float:left; 
 	display: inline;
 	position:relative; 
 	margin-left: 135px; 
}

#interior-logo-col h1 {height: 90px;}
#interior-logo-col h1 a {position: absolute; left: 36px; top:56px; display: block; width: 210px; height: 90px; text-indent:-9000px;}

#interior-logo-col h4 {height: 30px;}
#interior-logo-col h4 a {position: absolute; left: 36px; top:146px; display: block; width: 210px; height: 30px; text-indent:-9000px;}

#content-header-photo {display:block;}

/*----------------------------------------
Interior Wrapper
----------------------------------------*/
#int-bg {background: url(images/template/int-bg.gif)  92px 0 repeat-y;}
#orange-btm {background: url(images/template/orange-btm.jpg) 92px bottom no-repeat;}

#two-col{
 	width:665px; 
 	float:right; 
 	position:relative;
 }

/*----------------------------------------
Interior Flash Tickets
----------------------------------------*/
#interior-tix-col{
 	width:96px; 
 	float:right; 
 	position:relative; 
	margin-top: 120px;
}

/*----------------------------------------
Interior Body
----------------------------------------*/
#interior-main-col{
	background: #ef885d url(images/template/interior-content-bg.jpg) top center repeat-x; 
 	float: left; 
 	display:inline; 
 	position: relative; 
 	width:549px; 
	padding: 0 20px 40px 0px;
	color: #111;
}

#interior-header {padding-left: 6px;}

#interior-main-content-wrapper {padding-left: 20px; min-height:600px;}

#interior-main-content-wrapper a:link {color: #86066d; text-decoration: underline;}
#interior-main-content-wrapper a:visited {color: #86066d; text-decoration: underline; }
#interior-main-content-wrapper a:hover {color: #3a0021; text-decoration: underline;}
#interior-main-content-wrapper a:active {color: #86066d; text-decoration: none;}

#bread {
	padding: 0 0 24px 0;
	margin: 0 0 20px 0;
	font-size:11px;
	border-bottom: 2px solid #c41230; 
}
#bread li {display:inline; margin: 0 10px 0 0; color: #111;}
#bread a {margin: 0 16px 0 0; color:#86066d; text-decoration: none;}
#bread a:hover { text-decoration:none; color:#3a0021; text-decoration: underline;} 

#interior-main-col h1 {font-size: 20px; color: #111; padding: 10px 0 6px 0; font-weight:bold; text-transform:uppercase;}
#interior-main-col h2 {font-size: 16px; color: #111; padding-top:14px; font-weight:bold;}
#interior-main-col h2.show-time {padding-top:0px;}
#interior-main-col h3 {font-size: 14px; color: #111; padding-top:14px; font-weight:bold;}
#interior-main-col h3.show-sub-title {padding-top:0px; padding-bottom: 20px;}
#interior-main-col .small {font-size: 11px;}
#interior-main-col p {font-size: 13px; color: #111; margin-bottom: 22px; line-height:160%; }
#interior-main-col .right {float: right; padding: 0 0 15px 15px;}

ul.stan-list {font-size: 13px; margin: 20px 0 0 40px; }
ul.no-bullet {list-style-type:none; clear: left;}
ul.no-bullet span {font-size: 12px;}
ul.flush {font-size: 13px; margin-left: 0;}
ul.bottom {padding-bottom: 15px;}
#sitemap ul  {font-size: 13px; margin-bottom: 10px; list-style-type:none;}
#sitemap li {font-size: 13px; list-style-type:none;}
ul.sitemap-sub {font-size: 12px; margin: 10px 0 0 20px;}

ul.news li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cd7550;}
.news-date {font-size: 12px; color: #6c3f2a; font-style:italic; display: block; margin-bottom:10px;}

ul.schedule li {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cd7550;}
#schedule-artists {width: 150px; float: left; display: inline;}
#schedule-songs {width: 340px; float: left; display: inline; text-align: right;}
.clear {clear:both;}

.list-staff {list-style: none; display: block; clear:both; padding-top:10px;}
.list-staff li {float: left;display:inline; padding-bottom:40px; width: 240px;}	
.list-staff img { float: left; display:inline; margin-right: 10px; }
.list-staff h3 {float: left; display:inline; clear: left;  font-size:14px;}
.list-staff span {float: left;  display: inline; clear: left; font-size:13px; }

.hor-border {
border-bottom:1px solid #cd7550;
clear:both;
height:1px;
margin-bottom:18px;
margin-top:12px;
}

.show-photo {padding-bottom: 22px;}
#staff-photo {padding-top:10px; padding-bottom:10px;}
.show-sponsor {float: left; display: inline; width: 175px; padding-top: 15px;}

table.contact { font-size:13px; margin: 0px 0 20px 0;}


/*----------------------------------------
Interior Sub Nav
----------------------------------------*/
#interior-side-col{
 	width:241px; 
 	float:left; 
 	display: inline;
 	position:relative; 
 	margin-left: 155px; 
}

#interior-side-nav {
	background: #300019 url(images/template/side-nav-bg.jpg) top right no-repeat; min-height: 171px; margin-top: 40px;
}

#sub { position: relative; padding-top: 14px; padding-bottom: 10px; margin: 0 0 0 20px; list-style: none; font-weight:normal; width:200px; }
#sub li { list-style: none; margin-bottom: 10px; border: 0;font-size:14px;}
#sub li a { text-decoration:none; display: block; color:#ffd0a2; }
#sub li a:hover { text-decoration: underline; color: #f58125;}
.schedule-date-sub-nav {font-size: 12px; color: #caa580; font-style:italic; display: block; margin-bottom:14px;}
#sub li a:hover .schedule-date-sub-nav {color: #f58125;}

#sub li ul { margin: 6px 0 0 0;}
#sub li li { font-size: 12px;  padding: 0 0 0 12px; margin: 0 0 10px 20px; background: url(images/template/arrow.png) 0 6px no-repeat;}


#donate-btn {margin: 30px 0 0 8px; padding-bottom: 30px; position: relative; float: left; display:inline;}
#donate-btn a{background: url(images/template/donate-btn.png) 0 0 no-repeat; display: block; float:left; width: 225px; height: 91px;}
#donate-btn a:hover{background: url(images/template/donate-btn.png) 0px -91px no-repeat;}
#donate-btn span {display: none;} 

#kids-btn {margin: 30px 0 0 8px; padding-bottom: 30px; position: relative; float: left; display:inline;}
#kids-btn a{background: url(images/template/kids-pass-btn.png) 0 0 no-repeat; display: block; float:left; width: 225px; height: 91px;}
#kids-btn a:hover{background: url(images/template/kids-pass-btn.png) 0px -91px no-repeat;}
#kids-btn span {display: none;} 


/*----------------------------------------
Sponsors
----------------------------------------*/
#sponsors-bg {width: 1026px; height: 148px;background: url(images/template/sponsors-bg.jpg) 92px 0 no-repeat;}
#sponsors {width: 883px;height: 89px; background: url(images/template/sponsors.png) 0 0 no-repeat; margin: 0 0 0 92px; position: relative;top:8px; }

#sponsors span { display: none; }
#sponsors li {list-style: none; position: absolute; top: 0px; }
#sponsors li, #sponsors a { height: 89px; display: block; }

#sponsors1 { left: 44px; width: 165px; }
#sponsors2 { left: 209px; width: 92px; }
#sponsors3 { left: 301px; width: 192px; }
#sponsors4 { left: 493px; width: 118px; }
#sponsors5 { left: 611px; width: 98px; }
#sponsors6 { left: 709px; width: 158px; }

#sponsors1 a:hover { background: transparent url(images/template/sponsors.png) -44px -89px no-repeat;}
#sponsors2 a:hover { background: transparent url(images/template/sponsors.png) -209px -89px no-repeat;}
#sponsors3 a:hover { background: transparent url(images/template/sponsors.png) -301px -89px no-repeat;}
#sponsors4 a:hover { background: transparent url(images/template/sponsors.png) -493px -89px no-repeat;}
#sponsors5 a:hover { background: transparent url(images/template/sponsors.png) -611px -89px no-repeat;}
#sponsors6 a:hover { background: transparent url(images/template/sponsors.png) -709px -89px no-repeat;}

/*----------------------------------------
Footer
----------------------------------------*/
#footer{
	height:40px; 
 	clear:both;
	margin-top: 10px;
	margin-left: 155px;
	position:relative;
	color:#c52e53;
	font-size:12px;
	padding-bottom:14px;
} 

#footer-violin{ position:absolute; bottom: 0px; left:-145px; }
#footer-flute{ position:absolute; bottom: 0px; left:-145px; }
#footer-conductor{ position:absolute; bottom: 0px; left:-155px; }
#footer-harp { position:absolute; bottom: 0px; left:-190px; }
#footer-clarinet { position:absolute; bottom: 0px; left:-115px; }
#footer-trumpet { position:absolute; bottom: 0px; left:-105px; }
#footer-french-horn { position:absolute; bottom: 0px; left:-130px; }

#footer a:link {color: #c52e53; text-decoration:underline;}
#footer a:visited {color: #c52e53; text-decoration:underline;}
#footer a:hover {color: #fff; text-decoration:underline;}
#footer a:active {color: #c52e53; text-decoration:underline;}

#footer #left {float: left; display: inline; width: 400px;}
#footer #musician-login a{background: url(images/template/musician-login.png) 0 0 no-repeat; display:block; float: left; margin-right: 14px;  width: 66px; height: 49px;}
#footer #musician-login a:hover{background: url(images/template/musician-login.png) 0 -49px no-repeat;}
#footer #musician-login span {display: none;}

#right {width: 261px; height: 35px; background: url(images/template/footer-sponsors.png); margin-right:70px; position: relative; float:right; display:inline;}
#right span { display: none; }
#right li {list-style: none; position: absolute; top: 0px; }
#right li, #right a { height: 35px; display: block; }

#right1 { left: 0px; width: 142px; }
#right2 { left: 142px; width: 119px; }

#right1 a:hover { background: transparent url(images/template/footer-sponsors.png) 0px -35px no-repeat;}
#right2 a:hover { background: transparent url(images/template/footer-sponsors.png) -142px -35px no-repeat;}
 
#footer-clear{ padding-top:40px;} 

/*----------------------------------------
Float Containers Fix
----------------------------------------*/
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

* html .clearfix{height: 1%;}
.clearfix{display: block;}