/* CSS Document */
html * { margin: 0; padding: 0; }
body { background: #fff url(../images/weave.gif); font: 1em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:link, a:visited { color: #741; }
a:hover, a:focus { color: #c60; }
a:active { color: #c00; }
img { border: none;}
h3 { font-size: 1.3em; }

#gestalt { width: 775px; margin: 0 auto; position: relative; background-color: #fff; }
#container { background-color: transparent; }
#branding { position: relative; height: 80px; background: #fff url(../images/dancers.gif) no-repeat 670px bottom; }
#branding img {position: absolute; left: 5px; top: 2px; padding: 0;}
#branding h1 { position: absolute; right: 125px; bottom: 1em;
	font: 1.66em "Palatino SC", Palatino, "Times New Roman"; color: #000; }
#branding h2 {position: absolute; right: 125px; bottom: 1em; font-size: .86em; color: #99a; }

#nav { height: 2em; line-height: 2em; margin: 1px 0; background: #577bb8; color: #fff; }
#nav li { list-style-type: none; border-right: 1px solid #fff; white-space:nowrap; float: left; }
#nav li a { padding: 0 10px; font-size: .7em; color: #fff; text-transform: uppercase; display: block; }
#nav a:hover{ background:#80a0da; color:#fff; }
* html #nav a {width:1%;}

#decoration { margin-top: 1px; }
img#photostrip { width: 775px; height: 200px; }

#maincontent {
	position: relative;
	padding: 15px 25px;
	overflow: auto;
	font-size: .9em;
	color: #000;
	background-color: #FFFFFF;
}
#maincontent * { margin-bottom: .5em; }
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4 { padding-top: 10px; color: #577bb8; }
#maincontent h2 { font-size: 1.3em; }
#maincontent h3 { font-size: 1.1em; }
#maincontent a:hover, #maincontent a:focus { color: #c60; text-decoration: underline; }

#footer { margin: 0 10px; border-top: 1px solid #80a0da; font-size: .6em; color: #666; clear: both;}
#slogan {
	position: absolute;
	right: 9px;
	top: 289px;
	color: #000;
	font-weight: bold;
}

/* home styles */
#homepage #maincontent { padding: 0; position: relative; overflow: auto; color: #000; }
#homepage .month li { list-style-type: none; font-size: .9em; line-height: .9em; }
#homepage #bio { width: 360px; }

#bio { float: left; width: 380px; padding: 10px; }
#bio .wsdaddress { margin-left: 2em; font-weight: bold; color: #603; line-height: 1em;}

#highlights { float: left; width: 155px; padding: 10px; font-size: .78em; line-height: 1.3em; color: #445; background-color: #eee; }
#highlights h3 { color: #603; font-size: 1.2em; }
#highlights p { margin-bottom: 1.5em; }

#newsletter {
	position: absolute;
	right: 16px;
	top: 284px;
	width: 16em;
}
#newsletter * { margin: 0; padding: 0; list-style-type: none; font-size: 1em; }
#newsletter h3 { font-size: 0.7em; }
#newsletter ul { position: absolute; right: 0; top: 0; width: 8em; height: 1.4em; overflow: hidden; }
#newsletter ul:hover { overflow: visible; }
#newsletter li { background-color: #fff; border: 1px solid #80a0da; border-top: none; }
#newsletter li:hover { background: #fff url(../photos/photostrip0.jpg) -570px 0; }
#newsletter a { display: block; padding: 2px 10px; font-size: 0.7em; font-weight: bold; }

#resources { float: left; width: 178px; padding: 10px; font-size: .78em; line-height: 1.2em; border-left: 1px solid #ddd; }
#resources h3 { margin-bottom: 5px; font-size: 1.2em; }
#resources ul { margin: 0; padding: 0; }
#resources li { list-style-type: none; margin: 0; padding: 5px 0; border-top: 1px solid #80a0da; font-weight: bold; }
#resources li li { border: none; padding-bottom: .3em; font-weight: normal; color: #445;}

/*interior styles */
#about #maincontent li { list-style-type: none; width: 175px; float: left; }
#about h3 { clear: both; }

#apparel #maincontent ul { margin-left: 25px; padding-left: 25px; }
#apparel #maincontent .apparelpic img { width: 200px; height: 280px; }

#board .member { width: 240px; float: left; padding: 1em 0; }
#board .member p { margin: 0; padding: 0; }
#board .member img { width: 110px; height: 150px; }
#board .member img + p { font-weight: bold; color: #603; }

#calendar #maincontent .key { font-size: .8em; color: #999; margin-top: 1.5em; }
#calendar #maincontent .month { width: 205px; height: 246px; margin-right: 8px; padding: 0 10px 10px; border: 1px solid #ccc; float: left; }
#calendar #maincontent .month li { list-style-type: none; font-size: .9em; line-height: 1em; }
#calendar #maincontent .month .clubnight { color: #603; }
#calendar #maincontent .month .extra a { color: #d56; }
#calendar #maincontent .month em { color: #603; font-size: 1.1em; font-weight: bold; font-style: normal; }
#calendar #maincontent .month .non { font-style: italic; color: #f60; }

#classes #maincontent ol, #classes #maincontent ul, #classes #maincontent li { margin: 0; padding: 0; list-style-type: none; }
#classes #maincontent ul { width: 350px; float: left; }
#classes #maincontent ul li { font-weight: bold; text-transform: uppercase; color: #603; }
#classes #maincontent ol li { font-size: .8em; line-height: 1.2em; font-weight: normal; text-transform: none; color: #555; }

#gallery #decoration { height: 80px; overflow: hidden; }
#gallery #slogan { top: 168px;  }
#gallery #maincontent ol li { list-style-type: none; width: 100px; height: 100px; margin-right: 8px; 
	border: 1px solid #ccc; text-align: center; line-height: 100px; float: left; overflow: hidden; }
#gallery #maincontent ol li img { vertical-align: middle; }

#photos #maincontent ul { margin-left: 25px; padding-left: 25px; margin-bottom: 0; }

#special #maincontent h3 { margin-top: 1.5em; padding: 0 20px; background: url(../images/wsdicon.gif) no-repeat 0 80%; }
#special #maincontent p { color: #666; padding: 0 20px; }
#special #maincontent p.particulars { margin-top: -.5em; padding: 0 20px; font-weight: bold; color: #000; }

/*photo-related */
#maincontent .classphoto, #maincontent .apparelpic { float: right; padding: 0 10px 2px 10px; }
#maincontent .classphoto img { width: 280px; }