.HPNews, .HPMemoirs, .HPLinks {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #333333;
 width: 374px;
 padding-left: 5px;
 padding-bottom: 5px;
}

.HPEvents, .HPBBMessages, .HPMinien {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #fff;
 width: 190px;
 padding-left: 5px;
 padding-bottom: 5px;
}
.HPEvents a:link, .HPEvents a:hover, .HPEvents a:visited,
.HPBBMessages a:link, .HPBBMessages a:hover, .HPBBMessages a:visited,
.HPMinien a:link, .HPMinien a:hover, .HPMinien a:visited {
	color: #ffffff;
}

.neutral, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}

.contentIndex {
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}

.content {
	padding: 10px 0px 10px 10px;
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}

a, a:link, a:visited { color: #000000; }
a:hover, a:active { color: #801E83; }

.light {
	background-color: #C5D2FC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.light a, .light a:link, .light a:visited { color: #000000; }
.light a:hover, .light a:active { color: #000000; }

.dark {
	background-color: #026AAB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
}
.dark a, .dark a:link, .dark a:visited { color: #FFFFFF; }
.dark a:hover, .dark a:active { color: #FFFFFF; }

body {
	margin: 0px 0px 0px 0px;
	color: #666666;
	background-color:#fdf9cf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pageTitle {
	display: block;
	width: auto!important;
	width: 100%;
	margin-bottom: 10px;
	font: bold 14pt Arial, Times New Roman, serif, Georgia, Palatino;
	color: #fff;
	background: #0D3991;
	padding: 6px 6px 6px 17px;
}

.navButts a {
	display: block;
	text-decoration: none;
	padding: 4px 0 0 14px;
	height: 22px !important;
	width: 152px !important;
	width: 166px;
	text-align: left;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #0C3996;
	border-bottom: 1px solid #F9E084;
}

.navButts a:link { color: #ffffff; background: #0C3996;}
.navButts a:visited { color: #ffffff; background: #0C3996;}
.navButts a:hover { color: #0D3991; background: #C5D2FC;}
.navButts a:active { color: #ffffff; background: #0C3996;}

.bottomNav, .bottomNav a:link, .bottomNav a:visited {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
.bottomNav a:hover, .bottomNav a:active {
	color: #fff; text-decoration: underline;
}

.leftnavBg {
	background: #ffffff url(/pics/bgLeft.gif) repeat-y;
}
/* ##### CUSTOM FORM START ##### */
form.customForm .message { margin: 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
form.customForm .message p { margin: 0; }
form.customForm .message p em { color: #C00; font-style: normal; font-weight: bold; }

/* ##### CUSTOM FORM START ##### */
form.customForm {
	margin: 0;
	padding: 0 10px 10px 10px;
	background: #eee;
	border: #ddd 1px solid;
	}
	
form.customForm p {
	padding: 0;
	margin: 13px 0;
	}

form.customForm fieldset {
	background: #eee;
	border: #999 1px solid;
	_padding: 4px 5px 8px 9px;
	color: #000;
	}

form.customForm fieldset legend {
	color: #00;
	text-transform: uppercase;
	font-weight: bold;
	_margin: 0 0 3px -4px;
	}

form.customForm fieldset input,
form.customForm fieldset textarea {
	border: 1px solid #DDD;
	margin: 0 10px 0 0;
	}

form.customForm input#submit {
	background: #FFC;
	margin: 3px 0 0 163px;
	border: none;
	}

form.customForm fieldset input:focus,
form.customForm fieldset textarea:focus {
	background-color: #FFC;
	border-color: #FC6;
	}

form.customForm fieldset textarea {
	overflow: auto;
	height: 60px;
	width: 64%;
	}

form.customForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	font-variant: small-caps;
	text-align: right;
	margin-right: 3px;
	}

form.customForm ol {
	margin: 0;
	padding: 0;
	}
	
form.customForm li {
	list-style: none;
	padding: 1px;
	margin: 0;
	}
	
form.customForm fieldset fieldset {
	border: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 163px;
	}
	
form.customForm fieldset fieldset legend {
	color: #000;
	padding: 0;
	margin: 3px 0 0 -161px;
	_margin: 3px 0 0 -169px;
	font-size: 12px;
	text-transform: none;;
	font-variant: small-caps;
	font-weight: normal;
	}

form.customForm fieldset fieldset label {
	width: auto;
	text-align: left;
	margin-right: 3px;
	}

form.customForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}
	
form.customForm div.note {
	margin: 3px 0 0 163px;
	font-variant: small-caps;
	}

form.customForm fieldset label#firstField { width: 155px;  } /* Width of first label */
form.customForm fieldset fieldset label#firstField { width: 150px;  } /* Width of first label in a secondary fieldset, use for multiple columns */
form.customForm fieldset fieldset input { margin-right: 5px; }
form.customForm fieldset fieldset p { margin: 0 0 0 30px; padding: 0; }

form.customForm input[type='text'] { width: 110px; }
form.customForm input { _width: 110px; }

/*\*//*/ form.customForm legend { display: inline-block; } /* IE Mac legend fix */
/* ##### CUSTOM END START ##### */

#rightNav{
	float:right;
	width:150px;
	border:1px solid #e6e6e6;
}
#rightNav b {
	display:block;
	background-color:#003399;
	color: #fff;
	padding:3px;
}
#rightNav a {
display: block;
line-height: 18px;
padding-left:20px;
text-decoration:none;
}

#rightNav a:hover 
{
	background-color: #666666;
	color: #fff;
	
}

/* styling for right side subnav links and subsites: i.e. CTE section (probably should be for JROTC and IB too...) */

#pagenav {border:rgb(2,106,171) 1px solid; width:150px;padding:10px 0;}
#pagenav ul {list-style:none;padding-left:5px;}
#pagenav ul li {margin-bottom:1em;}
#pagenav ul li a {font-weight:bold;}

.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.imageholder {border:rgb(2,106,171) 1px solid; padding:5px; margin:5px;}
.imageholder img {display:block; margin-left: auto;margin-right:auto;}