* {margin: 0; padding: 0;}
body {background: #4B5083 url(/assets/templates/shadows/images/header_bg.png) repeat-x; 
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 12px;
	color: #F7F3E6;
	}
p, ul {margin-top: 10px; }
a {color: #FC6;}
a:hover {color: #C60;}
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-top: 10px; color: #FC0;}
h1 {margin-bottom: 15px; border-bottom: 1px dotted #999; margin-top: 10px; font-size: 220%; text-shadow: 1px 1px 1px #000;}
h2 {font-size: 160%; margin-left: 25px;}

/*home page */
.dancingshadows h1 {display: none;}
div.splash {display: none; background: url(/assets/templates/shadows/images/splash_bg.jpg) no-repeat;}
.dancingshadows div.splash {display: block;}
.dancingshadows div.splash2 {display: none; height: 260px;}

.dancingshadows #logo {display: none;}
.dancingshadows #nav {display: none;}

.dancingshadows #inner {padding-top: 0px;}
.gallery #sidebar, .whos-who #sidebar, .instruments #sidebar {display: none;}
.gallery #content, .whos-who #content, .instruments #content {float: none; width: 925px; margin-left: 25px; margin-right: 25px;}
.gallery #content p {margin-right: 20px;}
#content.gallery, #content.whos-who, #content.instruments {float: none; width: 925px; margin-left: 25px; margin-right: 25px;}
.gallery #content p img {margin:0px; margin: 20px 0px 0px 20px; width: 100px; height: 100px; } 
 

/* header divs */
#header {height: 104px; background: transparent url(/assets/templates/shadows/images/inner_header.jpg) no-repeat; } 

#meta {float: right; width: 250px; height: 30px; text-align:right}
#meta ul {margin-top: 0; background: #F3E9D8; list-style-type:none; float: right; }
#meta ul li {float: left; font-size: 75%; padding: 6px 10px;}
#meta ul li a {color:  #333; text-transform: uppercase; font-weight: normal; text-decoration: none;}
#meta ul li a:hover {text-decoration: underline;}

#logo {margin-bottom: 0px; width: 359px; float: left;}
#logo a img {border: 0px;}
#site-logo {margin: 0px; width: 349px; float: right; height: 48px;}
#site-logo a img {border: 0px;}

#content {background: #2E3152; width: 532px; margin-right: 25px; margin-top: 0px; float: right; min-height: 600px; padding: 10px;}
#content {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(46, 49, 82);
	/* RGBa with 0.6 opacity */
	background: rgba(46, 49, 82, 0.3);
/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#332E3152, endColorstr=#662E3152);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#332E3152, endColorstr=#662E3152)";
}


#content {font-size: 13px;}
#content p, #content ul, #content li {margin-left: 25px; line-height: 160%;}
#content img { border: 1px solid #CCC; padding: 0px;}

#content p img {margin-left: 10px;}
.clear {clear: both;}
.container { width: 1000px; margin: 0 auto;}
.caption {font-size: 80%; color:#666666; margin-top: 6px;}
#content p.indent {margin-left: 53px;}
#side {text-align: right;}
#side .thumbs a img {margin-right: 11px; margin-bottom: 11px; height: 100px; width: 100px;}
#side a img:hover, .gallery #content a img:hover {border:1px solid #FC0;}
#side p {font-weight: normal; font-size: 80%; margin: 5px 10px;}
#bottom p.indent {margin-left: 23px;}
.thumbs { margin-top: 15px;}

#nav {float: right; margin-top: 21px;}
#nav ul li { }
#nav ul, #subnav ul {margin: 0; padding: 0; list-style-type: none; margin-top: 0px;}
#nav ul li {float:left; list-style-type: none;}
#nav ul li.active a, #nav ul li.active a:hover {background: #434876; color:#F7F3E6;}
#nav ul li a, #subnav ul li a {display: block; padding: 7px 10px 12px 10px; color: #F7F3E6; font-weight: bold; text-decoration: none; border: 1px solid #434876; border-bottom: 0px; border-right-color: #8391B1; text-shadow: 1px 1px 1px #000; }
#nav ul li ul li a {border: 0px solid #434876; border-bottom: 0px;}
#nav ul li.last a {border-right-color: #434876; }
#nav ul li a:hover, #nav ul li.active a:hover {background: #8391B1;}
#nav ul li:hover, #nav ul li.active:hover  {background: #8391B1;}
#nav ul li.active a {border-color: #000;}

#nav ul li ul {display: none; position: absolute; width: 240px;background: #434876;   }

#nav ul li ul li, #nav ul li ul li.last, #nav ul li ul li a {width: 220px; display: block; border-width: 0px 0px 0px 0px; border-bottom: 0px; font-weight: normal;}
#nav ul li ul li a:hover {text-decoration: underline;}
#nav ul li:hover ul {display: block; -moz-box-shadow: 2px 2px 4px #000;  -webkit-box-shadow: 2px 2px 4px #000;  box-shadow: 2px 2px 4px #000;}
#nav ul li ul li a {border: 0px solid #000; border-right-width: 0px;}
#nav ul li ul li.last a {border: 0px solid #000; border-right-width: 0px;}
#nav ul li.active ul li:hover {background: #8391B1; background: #434876;}
#nav ul li ul  {border: 1px solid #000; border-top: 0px;}


#subnav ul {text-align: right; }
#subnav ul li {list-style-type: none; border: 0px; border-bottom: 1px dotted #757A94; }
#subnav ul li a {color:  #FCFCF8 ; font-size: 110%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #FC0;padding: 5px 10px 4px 10px;  }
#subnav ul li a {font-weight: normal;}
#subnav ul li.active a { }
#subnav ul li a:hover {color:  #F7F3E6; text-decoration: underline;}
#subnav {}

#container {background: #434876 url(/assets/templates/shadows/images/page_bg.png) left bottom no-repeat;border: 0px solid #666; border-top: 0px; min-height: 500px; margin: 0 auto;} 
#inner {min-height: 500px; background:url(/assets/templates/shadows/images/content_bg.png) left top repeat-x; padding-top: 30px; }
#footer {padding-top: 10px; background: url(/assets/templates/shadows/images/footer_bg.png) top left repeat-x; min-height: 60px; width: 984px; border: 0px solid #000; border-top: 0px solid #000; margin: 0 auto;} 



#sidebar {  margin-top: 25px; width: 361px; float: left; margin-left: 25px; }
#side img {border: 1px solid #CCC; }
#sidebar li {margin: 5px 12px; list-style-type: none;}
.sidebar {min-height: 75px; border-bottom: 1px dotted #CCC;}
#sidebar h2 {color:#666; font-size: 140%; margin-left: 12px;}
#sidebar div.sidebar {font-size: 90%;} 
#sidebar div.sidebar a {display: block; font-family: Georgia, "Times New Roman", Times, serif; color: #81462D; text-decoration: none; font-size: 110%;} 
#sidebar div.sidebar img {width: 90px; height: 60px; float: left; margin: 0px 10px 10px 0px; border: 1px solid #333;} 
#sidebar div.sidebar a:hover {text-decoration: underline;} 
#banner {margin-top: 12px;}
#banner a img {border: 0px; border: 1px solid #CCC; }
#footer p {margin: 0px 25px 0px 20px; font-size: 80%;}
#footer a { color: #F7F3E6;} 
#bottom {width: 100%; background: url(/assets/templates/shadows/images/content_bottom.jpg) no-repeat; height: 33px;}