/* CSS Document */
/*	chaddick.css

	Notes:
	All positioning is done using floats (no absolute positioning).

	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/
/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* global stuff */
.image { border: 0px; }
.clear { clear: both; }

a { text-decoration: none; }
a:link { color: #96c; }
a:visited { color: #96c; }
a:hover { color: #99f; }
h1 { font-weight: bold; font-size: 120%; color: #96c; }
h3 {font-weight: normal; }
.bold {font-weight: bold; }
.firstletter { color: #96c;  font-size: 150%; }
.imagecenter { text-align: center;  border: 0;}
div.pictureleft {float: left; margin: 2px 2px;}
div.pictureright {float: right; margin: 2px 2px;}
.alignright { text-align: right; }
.quote { font-style:italic; }
.cite { margin-left: 50px; }
.center { text-align: center; }
.indent { margin-left: 30px; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }


html { font-size: 100.01%; }

body { color: #666; font-family: Verdana, Arial, Sans-Serif; font-size:12px; }
/* the fullpage div has a specified width to keep the main information from collapsing when a window is shrunk
*/
div#fullpage { text-align: center; width: 840px;  }

/*header is where the logo and the line live*/

div#header { width: 100%; float: left; }

/*	the logo div is where we put the logo and the address information beneath it
The margin-left is in the negative digits so that the images in the topspace div can overlap the logo div
 */
div#logo { height: 100px; width: 222px; text-align: left; float: left; }
div#announcements { width: 420px; height: 60px; float: left; padding-top: 20px; font-size: 120%; }
div#line { width: 592px; height: 26px; margin-left: 65px; margin-top: -32px; clear: both; float: left; } 
* html div#line { margin-left: 30px; } 


/*	the nav div is for the navigation elements. in this case, the section titles.
 */
 
div#navigation { line-height: 20px; float:left; width: 150px; font-family: "Times New Roman", Times, serif; text-align: left; font-size: 120%; }
div#navigation a { display: block; margin: 0 0 10px 5px; padding-left: 14px; }
div#navigation a:link { color: #96c; }
div#navigation a:visited { color: #96c; }
div#navigation a:hover { color: #99f; background-image: url(images/cc.jpg); 
	background-position: 0px 2px;  background-repeat: no-repeat; }

/* arc in the navigation
p#a1 { margin-left: 25px; }
p#a2 { margin-left: 10px; }
p#a3 { margin-left: 3px; }
p#a4 { margin-left: 0px; }
p#a5 { margin-left: 1px; }
p#a6 { margin-left: 5px; }
p#a7 { margin-left: 10px; }
p#a8 { margin-left: 25px; }
*/

/*	the main div is where content is rendered on the various pages.
 */
div#main { width: 660px; height: 100%; float: left; text-align: justify; padding-left: 20px; line-height: 18px; 
			background: #fff url(images/backgrounds/welcome_background.jpg) no-repeat; background-position: 410px -5px; margin-bottom: 20px; }

div#sectiontitle { text-align: right; height: 25px; clear: left; margin-right: 200px; }

/*subsection links for subsections*/
div#subsection { font-family: "Times New Roman", Times, serif; text-align: center; margin: 20px 0; width: 450px; font-size: 120%;  }
div#subsection_title { font-size: 125%; color: #96c; margin-bottom: 10px; }
div#backgroundimage { width: 307px; height: 472px; float: right; clear: right; }

/*	these divs are used as spacers to align text with the dancer image.
 */
div.right { float: right; clear: right; height: 16px;}

div#s1 { width: 262px; }
div#s2 { width: 275px; }
div#s3 { width: 282px; }
div#s4 { width: 288px; }
div#s5 { width: 292px; }
div#s6 { width: 296px; }
div#s7 { width: 298px; }
div#s8 { width: 300px; }
div#s9 { width: 301px; }
div#s10 { width: 302px; }
div#s11 { width: 301px; }
div#s12 { width: 300px; }
div#s13 { width: 296px; }
div#s14 { width: 292px; }
div#s15 { width: 288px; }
div#s16 { width: 282px; }
div#s17 { width: 275px; }
div#s18 { width: 262px; }
div#s19 { width: 252px; }
div#s20 { width: 238px; }
div#s21 { width: 220px; }
div#s22 { width: 190px; }
div#s23 { width: 170px; }

/*bottom nav */
div#bottomnav { text-align: center; font-family: "Times New Roman", Times, serif; width: 100%; clear:both; }

/* copyright */

div#copyright { font-size: 90%; margin-top: 20px; font-family: "Times New Roman", Times, serif; color: #96c; text-align: center; }

/*about us*/

div#subsectiontitle { text-align: left; }

/*dancers */

div#dancers { font-weight: bold; }

/*calendar*/
.date { font-weight:bold; }

/*review page*/

.reviewtitle { text-align: center; text-transform: uppercase; font-weight:bold; }


/*portfolio*/