html, body
{
	height:100%;
	margin:0;
	padding:0;
	font-size: 1em;
	font-family: 'trebuchet MS', sans-serif;
	color: #C4DCFF;
	line-height:1.7em;
	background-image:url('images/bg.gif');


}

/*pages except for home page*/
#pagenav
{
	margin-top:8px;
}


#pageheadnav
{
	margin:30px 0 8px 30px;
}

#pagecontent
{
	margin:30px 50px 20px 50px;
}

#container
{
	margin-left:auto;
	margin-right:auto;
	width:880px;
	background-color:black;
	position: relative; /*** Let's be nice to IE ***/
	display: table; /*** For non-IE browsers ***/  
	height: 100%;
	border-left:1px dotted #CCCCCC;
	border-right:1px dotted #CCCCCC;
	
}

.containerhomebg
{
	background-image:url('images/backgroundHome7.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}

.containersubsbg
{
	background-image:url('images/subbgs.jpg');
	background-repeat:no-repeat;
	background-position:center right;

}


#topdiv
{
	height:132px;	
}

#leftdiv
{
	width:145px;
	float:left;
	padding-top:220px;
	padding-left:3px;
	text-align:center;
}

#leftdiv *
{
	margin-bottom:5em;
}

#maindiv
{

	float:right;
	width:715px;
}

#homehead
{
	padding-left:170px;
}

#homenav
{
	padding:5px 0 10px 170px;	
}

.currenteventheader
{
	font-size:1.5em;
	color:white;
	text-align:center;
	margin:.5em 0 .5em 0;
}

#homeinnercontent
{
	margin-top:20px;
	border:1px solid #444343;
	background-image:url('images/gradient.png');
	background-repeat:repeat-x;
	background-position:bottom left;
	width:510px;
	padding:3px 6px 10px 8px;
}

#newclasses
{
background-image:url(images/box.gif);
background-repeat:no-repeat;
background-position:center center;
width:316;height50;
margin-bottom:2em;
margin-top:1em;
padding:4px;
color:black;
text-align:center;
line-height:1.5em;
}

#menu
{
	font-family:verdana, arial, helvetica, 'sans serif';
	font-size:.7em;
	list-style:none;
	margin:0;
	padding:0;
	line-height:2;/*increases height. was artifact from previous styles, since icon bg fits...just keep it.*/

}

#menu li
{
	display:inline;
	border-right:1px solid #44;
	border-left:1px solid #444;
	/*background-color:#DCDCDC;*/
	/*background-image:url('images/bg.png');*/
	background-image:url('images/iconbgwhite.gif');
	background-repeat:repeat-x;
	padding:5px 8px 5px 8px;
	margin-left:1px;
}

#menu a
{
	text-decoration:none;
	color:#003399;
	font-weight:bold;
}

#menu a:hover
{
	/*background-image:url('images/bg.png');*/
	color:#d71335;
}

.pagetitle
{
	font-size:1.6em;
	color:#ff475e;
	padding-bottom:.3em;
}

/*not used yet*/
.pagesubtitle
{
	font-size:1.5em;
	color:#d10041;
}

.bgbevel
{
	background-image:url(images/bgheader.gif);
	background-repeat:no-repeat;
}

.dancersbackground
{
	background-image:url(images/dancersbg.jpg);
	
}

.currenteventsubhead
{
	font-size:1.3em;
	font-weight:bold;
	color:white;
	margin-top:1em;
}

.texthead
{
	color:white;
	line-height:2;
	font-weight:bold;
}
.textheaddarker
{
	color:#CCCCCC;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	line-height:2;
	font-weight:bold;
}


.linktext
{
	color:white;
	font-family:Arial;
	font-size:10px;
	font-weight:bold; 
	font-variant:small-caps;
	
}

a
{
	color:#d10041;
	text-decoration:none;
}

.danceteams
{
	padding-right:80px;
	font-weight:bold;
}

.contactlabel
{
	padding-right:30px;
	font-weight:bold;
}

#flashcontent
{
	height: 100%;
}