/* Global Styles */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
	font:14px Arial, Helvetica, sans-serif;
	line-height:22px;
	margin-top:0px;
	letter-spacing:0.1em;
	background-color: #910100;
	color: #fff000;
}

h1 {
	font:14px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.5em;
	line-height:30px;	
	font-size: 24px;
}
	
h2 {
	font:14px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.2em;
	line-height:30px;	
	font-size: 24px;
}
	
h3 {
	font:12px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:0.1em;
	line-height:22px;
	font-weight: bold;
	font-size: 18px;
}
	
a {
	color: #FFF000;
	}
	
a:hover {
	color: #FF9900;
	}

table {
	font-size: 12px;
}

/* ID Styles */

#container {
	margin: 0px auto;
	padding: 0;
}

#top {
	background-color: #000;
	padding: 0;
	margin: 0;
}

#footer {
	padding-right: 5px;
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

#top h1{
	padding: 30px 0 0 0;
}

#topimage {
	float: left;
	padding: 0;
	margin-bottom: 0px;
}

#topimage img {
	margin-right: 80px;
}

#wings {
	float: right;
	padding: 0;
	margin: 30px 10px 0 0;
}

#topnavcontainer {
	float: left;
	background-color: #b44b2b;
	margin-left: 0px;
	padding: 0 0 4px 0;
	width: 100%;
}


ul#topnavlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#topnavlist li {
	display: inline;
	list-style-type: none;
}

#topnavlist li:before { content: "| "; }
#topnavlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #topnavlist li {
	border-left: 1px solid #FFFF00;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #topnavlist { height: 1%; }

* html #topnavlist li {
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }


#topnavlist a {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFF000;
	padding: 0px 5px;
}

#topnavlist a:link {
	color: #fff000;
}

#topnavlist a:visited {
	color: #fff000;
}

#topnavlist a:hover {
	color: #ff9900;
}

#rightnav {
	background-color: #b44b2b;
	text-align: center;
	float: right;
	width: 160px;
	margin: 20px 50px 10px 0;
	padding: 1em;
}

#mainitem {
	background-color: #b44b2b;
	text-align: center;
	float: center;
	width: 500px;
	margin: 10px 50px 10px 0;
	padding: 1em;
}

#content {
	margin-left: 200px;
	margin-right: 270px;
	padding: 50px 1em 1em 1em;
	max-width: 60em;
}

#contentfull {
	margin-left: 200px;
	padding: 50px 1em 1em 1em;
	max-width: 70em;
}
	
#logo 	{
	font:14px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.5em;
	line-height:30px;
	}

#tagline {	
	font:11px Arial, Helvetica, sans-serif;
	color: #FF9900;
	letter-spacing:.2em;
	line-height:14px;
	}
	
#monthformat td {
	 border-bottom: 1px solid #FFFFCC;
	 }
	 
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	letter-spacing:.4em;
	}
	
#dateformat a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
#dateformat a:hover {
	color: #FFFFCC;
	}

/* Class Styles */
	
.bodyText {
	font:14px Arial, Helvetica, sans-serif;
	color:#FFFF00;
	line-height:22px;
	margin-top:0px;
	letter-spacing:.1em;
	}

.teachHeader {
	text-decoration: underline;
}

.teachKey {
	font-size:9px;
}
	
.pageName{
	font:18px Arial, Helvetica, sans-serif;
	color: #FFFF00;
	line-height:24px;
	letter-spacing:.3em;
	}
	
.columnHeader {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FF9900;
	line-height:18px;
	letter-spacing:.05em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FF080E;
	line-height:18px;
	letter-spacing:.1em;
	}

.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333333;
	}

.dancenameText {
	font-style: italic;
}
	
.navText {
	font:11px Georgia, Times New Roman, Times, serif;
	color: #1F2669;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}

.spacer1 {
	background-color: #ff9900;
}

.spacer2 {
	background-color: #ff080e;
}


.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearit { clear:both }

/* css menu */

#menu {
float: left;
padding-left: 0;
width: 12em; /* set width of menu */
margin: 10px 0 0 0;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#menu h2 {
color: #ff9900;
text-transform: uppercase;
}

#menu a {
color: #ff9900;
letter-spacing: .1em;
text-decoration: none;
}

#menu a, #menu h2 {
font: 11px Arial, Helvetica, sans-serif;
display: block;
margin: 0;
}

#menu li a {
padding-left: 15px;
padding-top: 0.9em;
padding-bottom: 0.9em;
}

#menu li ul li a {
padding-left: 10px;
font: 10px Arial, Helvetica, sans-serif;
}

#menu a:hover {
color: #ffffcc;
background: transparent url(images/common/mm_bullet_yellow.gif) left center no-repeat;
font-weight: bold;
}

#menu li {
list-style: none;
margin: 0;
padding-left: 0.5em;
border-bottom: 1px solid #FF9900;
position: relative;
}

#menu li ul li {
list-style: none;
margin: 0;
position: relative;
border: 1px solid #FF9900;
background-color: #b44b2b;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul {
display: none;
}

div#menu ul li:hover ul {
display: block;
}