html, body { margin:0; padding:0; font-size: 12px; font-weight:normal; letter-spacing: 0px; color:#000000; background:url(images/background-2011.jpg)}

td {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal}
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0E1B3D; font-weight: bold}
.pages { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: normal}
.hptitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0e1b3d; font-weight: bold}
.hphead { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold}
.events { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0E1B3D; font-weight: bold}
.eventstitle { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #2547A0; font-weight: bold; font-style:bold}
.eventssubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; font-weight: bold; font-style:bold}
.summertitle { font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #0E1B3D; font-weight: bold}
.summersubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #2547A0; font-weight: bold; font-style:italic}
.schedulenames { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold}

.hpintro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}

.shadow {
	padding: 4px;
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pr { font-family: Arial; font-size: 10px; color: #000000; font-weight: normal}

.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: normal}

.bottomnav {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; font-weight: normal}

A.bottomnav:link    {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
A.bottomnav:visited {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
A.bottomnav:active  {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
A.bottomnav:hover   {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}

A.bottomnavsm:link    {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold}
A.bottomnavsm:visited {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold}
A.bottomnavsm:active  {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold}
A.bottomnavsm:hover   {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold}

A.type1:link    {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
A.type1:visited {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
A.type1:active  {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
A.type1:hover   {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}

A.summer:link    {color:#2547A0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
A.summer:visited {color:#2547A0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
A.summer:active  {color:#2547A0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
A.summer:hover   {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}

A.schedule:link    {color:#2547a0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
A.schedule:visited {color:#2547a0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
A.schedule:active  {color:#2547a0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
A.schedule:hover   {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}

A.type2:link    {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
A.type2:visited {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
A.type2:active  {color:#ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}
A.type2:hover   {color:#ffffff; text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold}

A.events:link    {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
A.events:visited {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}

A.flier:link    {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold}
A.flier:visited {color:#0E9A00; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold}


#navigation {font-size:14px; width:150px;}
#navigation ul {margin:0px; padding:0px;}
#navigation li {list-style: none;} 

ul.top-level li {
 border-bottom: #FFF solid;
 border-top: #fff solid;
 border-width: 0px;
}

#navigation a {
 color: #FFFFFF;
 cursor: pointer;
 display:block;
 height:25px;
 line-height: 25px;
 text-indent: 20px;
 text-decoration:none;
 width:100%;
 font-family: sans-serif;
 font-size: 12px;
 font-weight: bold; 
}
#navigation a:hover{
 text-decoration:underline;
}

#navigation li:hover {
 background: #09B621;
 position: relative;
}

ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background: #999;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 75px;
    top: 5px;
}
ul.sub-level li {
    border: none;
    float:left;
    width:150px;
}

/*RESET STYLES*/
li:hover .sub-level .sub-level {
	display:none;
}
.sub-level li:hover .sub-level {
	display:block;
}