body {
	margin: 0;
	color: #FFFFFF;
	font: 9pt "Arial", Times, serif;
	behavior: url(/shared/csshover.htc);
	background: #666666;
}

.HPNews, .HPBBMessages, .HPMemoirs {
	padding: 5px 5px 5px 5px;
	font: 9pt "Arial", Times, serif;
	color: #333333;
	width: 486px;
}

.HPCalendarofEvents {
	padding: 5px 5px 5px 5px;
	font: 9pt "Arial", Times, serif;
	color: #333333;
	width: 250px;
}

.HPNews #l, .HPEvents #l {
	padding-left: 15px;
}

.HPCalendarofEvents #r {
	padding-right: 50px;
}

.HPEvents, .HPDirectory, .HPLinks {
	padding: 5px 8px 5px 5px;
	font: 9pt "Arial", Times, serif;
	color: #333333;
}

.neutral, table {
	font: 9pt "Arial", Times, serif;
	color: #000000;
}

.neutral a, .neutral a:link, .neutral a:visited { color: #333333; }
.neutral a:hover, .neutral a:active { color: #A2C839; }

.contentIndex {
	padding: 0px 0px 0px 0px;
	font: 10pt "Arial", Times, serif;
	color: #ffffff;
	background: #FFFFFF;
	height:400px;
	vertical-align: top;
}

.content {
	padding: 0px 5px 10px 5px;
	font: 10pt "Arial", Times, serif;
	color: #333;
	background: #ffffff;
	height: 400px;
	vertical-align: top;
	text-align:justify;
}

a, a:link, a:visited { font-weight: bold; color: #333333 }
a:hover, a:active { color: #89AF20; text-decoration: underline }

.light {
	font: 9pt "Arial", Times, serif;
	color: #666666;
	background: #FFEED7;
}
.light  a, .light a:link, .light a:visited { color: #333333; }
.light a:hover, .light a:active { color: #89AF20; }

.dark {
	font: 9pt "Arial", Times, serif;
	color: #ffffff;
	background: #FFA900;
}
.dark a, .dark a:link, .dark a:visited { color: #ffffff; }
.dark a:hover, .dark a:active { color: #ffffff; }

.pageTitle {
	display: block;
	width: auto!important;
	width: 100%;
	vertical-align: middle;
	padding: 8px 0px 5px 7px;
	margin-bottom: 10px;
	font: bold 11pt "Arial", Times, serif;
	color: #FFFFFF;
	background-image: url('/pics/page_title.gif');
	height:26px;
	height:18px!important;
}

.bottomNav, .bottomNav a:link, .bottomNav a:visited {
	font: 9pt "Arial", Times, serif;
	color: #fff;
	text-decoration: none;
}
.bottomNav a:hover, .bottomNav a:active {
	text-decoration: underline;
}

.bgTopBar {
	height: 2px;
	background: url(/pics/bgTopBar.gif) repeat-x;
}


/* Hovers within Hovers */

#topNav {
	position: relative;
	height: 32px;
	float: left;
}
#topNavButtons {
	position: absolute;
	z-index: 95;
	top: 0;
	left: 0;
	width: 900px;
	background-repeat: repeat-x;
}
#menuCloser {
	position: absolute;
	visibility: hidden;
	left: -20px;
	top: -40px;
	z-index: 0;
}
#topNav .subNav {
	position: absolute;
	visibility: hidden;
	top: 31px;
	margin: 0 4px 0 0;
	z-index: 100;
}

#topNav ul {
list-style: none;
margin-left: 186px;
margin-top: -23px;
padding: 0;
}

#topNav li {
	position: relative;
}

#topNav ul ul ul {
	list-style: none;
	margin-left: 169px;
	margin-top: -22px;
	padding: 0;
}

#topNav ul ul {
	position: absolute;
	z-index: 500;
}

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

div#topNav ul ul,
div#topNav ul li:hover ul ul,
div#topNav ul ul li:hover ul ul {
	display: none;
}

div#topNav ul li:hover,
div#topNav ul li:hover,
div#topNav ul ul li:hover,
div#topNav ul ul ul li:hover,
div#topNav li.over {
	background-color: #A2C839;
}

div#topNav ul li:hover a,
div#topNav .list a:hover,
div#topNav ul li.over a{
	color: #FFFFFF;
}

div#topNav ul li:hover li a,
div#topNav ul li.over li a {
	text-decoration:none;
	color: #FFFFFF;
}

div#topNav ul li:hover ul,
div#topNav ul ul li:hover ul,
div#topNav ul ul ul li:hover ul {
	display: block;
}

div#topNav li.over ul{
	display: block;
}

#topnav ul li ul {
	border-left: 1px solid #FFF;
}

#topNav ul li {float: left; width: 100%;}
#topNav ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}

/* Hovers within Hovers end

	 Don't forget the csshover.htc in the body of main.css

 */

#topNav .list {
	position: absolute;
	z-index: 200;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#topNav .list li {
	position: relative;
	background-color: #ffa900;
	width: 168px;
	line-height: 20px;
}



#topNav .list a {
	display: block;
	width: auto!important;
	width: 100%;
	padding: 2px 20px 0px;
	color: #ffffff;
	text-decoration: none;
	z-index: 100;
	border-bottom: 1px solid #FFFFFF;
	background: url(/pics/bullet_white.gif) 0 7px no-repeat;	
}
#topNav .list a:hover {
	color: #ffffff;
	background: #A2C839 url(/pics/bullet_white.gif) 0 7px no-repeat;		
}


#topNav2Sub {left: 53px;}

#topNav3Sub {left: 212px;}
#topNav4Sub {left: 310px;}
#topNav5Sub {left: 395px;}
#topNav6Sub {left: 479px;}
#topNav7Sub {left: 574px;}
#topNav8Sub {left: 128px;}

#topNav7Sub .list li {width:176px; font-size:10px}
#topNav8Sub .list li {width:196px}




td.shadow {
	background-image: url(/pics/news_margin_bg.gif);
	background-repeat: repeat-y;
}
div.float { float: right; 
} 
.orangefade {
	background-image: url(/pics/right_column_bg.gif);
	background-repeat: no-repeat;
}


.HPNews a:hover, .HPEvents a:hover {
	display:block;
	float: left;
	color: #333333;
	text-decoration: underline;
	width:100%;
}
.bulletless {
	list-style-type: none;
 	padding-left: 15px;	
	display: block;
}
.greenbullet {
background: url(/pics/bullet_arrow.gif) left center no-repeat;
padding-left: 25px;
margin-bottom: 10px;
}
.bulletwhite {
background: url(/pics/bullet_white.gif) left center no-repeat;
padding-left: 12px;
}
.ourschools_box {
	padding:5px 0px 5px 15px;
}
.ourschools_box a {
	display:block;
}
.ourschools_box a:hover {
	display:block;
	margin-left:-15px;
	padding-left:15px;
}

#darkBorder td {
	border: 1px solid #000000;
	font-weight:bold;
}
#lightBorder td {
	border: 1px dashed #999999;
}
#rightNav {
	font-size:12px;
	background-color: #A2C839;
	width:150px;
	height:100%;
	border:1px solid #A2C839;
	margin-bottom:-2px!important;
	margin-bottom:2px;
	margin-left:5px;
}
#rightNav a:link, #rightNav a:visited, #rightNav a:active, #rightNav #noLink {
	display:list-item;
	color:#FFFFFF;
	font-weight:normal;
	margin-left:23px;
	padding:5px 2px 5px 5px;
}

#rightNav a:hover {
/*	margin-left:0px;
	padding-left:0px;*/
	background-color:#FFA900;
}

#rightNav .header {
	background-color: #FFD48A;
	color:#555555;
	margin-bottom:-6px;
	padding-bottom:7px;
	font-size:11px;
}




#pageNav {
	margin:0 0 15px 0;
	color: #FFF;
	padding:0;
	list-style:none;
	float:right;
}
#pageNav ul {

	_background-attachment: fixed;
	margin:0;
	color: #FFF;
	padding:0;
	font: 12px Arial, Helvetica, sans-serif;
}
#pageNav li b {
	margin: 0 -30px 0 0;
	_margin: 0 0 -15px 0;
	padding: 5px 20px;
	display:block;
	color: #000;
	text-transform: uppercase;
	background:#dfb603 url('/pics/subnav_itemf2.gif') repeat-x;
}
#pageNav li {
	margin:0 30px 0 -30px!important;
	margin:0 -10px 0 0;
	padding:0;
	line-height: 15px;
	list-style:none;
}
#pageNav a {
	background-color: #A2C839;
	color: #FFF;
	text-decoration: none;
	display: block;
	width:100%;
	border: 1px solid #ffd800;
	border-width: 1px 0 1px 0;
	margin: -1px 0 0px 0;
	padding: 5px 10px 4px 20px;
}
#pageNav a:hover {
	background:#FFA900 url('/pics/pageNavf2.gif') repeat-x;
	color: #FFF;
	border: 1px solid #ffd800;
	border-width: 1px 0 1px 0;
	margin: -1px 0 0px 0;
	padding: 5px 10px 4px 20px;
}


#pageNav div a {
	margin-top: -10px;
	_margin-top: -14px;
}

#pageNav div a:hover {
	margin: -11px 0 -1px 0;
	_margin: -15px 0 -1px 0;
	padding: 5px 0 5px 20px;
}
.rightNav{
	color:#000;
}

.content h3{
font-size:16px;
font-weight:bold;
letter-spacing:1px;
}

.content ul li, .content ol li{
margin-bottom:5px;
list-style-image:url('/pic/ul_bullet.gif');
}

.content hr {
display: block;
width: 100%;
background: #BFBFBF;
color: #BFBFBF;
background-repeat: no-repeat;
height: 3px;
border:none;
}

.content tfoot{
font-size:10px;
font-style:italic;
}