/* top level styles */
html{overflow-x:hidden;}/*IE 7 blows out the right side of the screen creating an x axis scrollbar AND I DON'T KNOW WHY!!!!! So this is a fix as I admit my ignorance*/
body{color: #515756;background-color:fff;margin:0;padding:0 ; font-family:Verdana, Arial, Helvetica,sans-serif;min-height: 100%;height: 100%;}
/*>>>>>HACK<<<<<*/
* html body table#MenuContainer a{width:100%;}  /*IE Hack so link is clickable on any area and not just the text */

img { border: 0px; }

/*banner styles*/
div#banner{ background-color:#fff;height:133px;width:auto;margin: 0;padding:0;position:relative;}
div#banner div#title{color:#004F89;font-size:20px;font-weight:900; position:absolute; right:10px;top:16px; font-style:italic; margin-right: 1em;}
div#banner div#title img{position:absolute;right: 0px;top: 36px;}

/*left menu styles*/
#menu { width: 179px; margin-top: 0pt; font-family:Arial,Helvetica,sans-serif !important;
font-size:12px !important;
font-weight:bold !important; text-transform: uppercase; }
table#MenuContainer{ width:100%; margin-top: 0pt;}
table#MenuContainer tr td 
{
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}
table#MenuContainer a, div#new a
{
	margin:0;display:block;background-color:#004F89;color:#FFF;text-decoration:none;padding: 5px !important;margin-right:5px;
 }
table#MenuContainer td#active a{ background-color: #0063AB !important; }
table#MenuContainer a:hover{color:#FFF; background-color:#0063AB;padding:5px 6px 3px 10px;}
table#MenuContainer a.sub{ background-color:#699CCF;}
table#MenuContainer a.sub:hover{ background-color:#8BE;}
table#MenuContainer a.admin{background-color:#9CF;color: #0063AB;}
table#MenuContainer a.admin:hover{background-color:#ADF;color:#FFF;}

table tr th a.arrow{text-decoration:none;font-size:larger;color: #FFF; background-color: #0063AB;border:1px solid #0063AB;}
table tr th a.arrow:hover{color:#F93;background-color:#004F89;}
th.listing{color:#FFF; background-color:#004F89;font-size: small;}
td.listContent{font-size:smaller;border: 2px solid #004F89; border-width:1px; padding: 1em;}
td.listContent a{color:#004F89;}
td.listContent a:hover{color:#F93;}
td.inputCaption{ text-align:right;color#004F89;font-weight:bold;font-size:smaller;}
td.alt{background-color:#EEF;color:#000;}
td.postingCells{font-size:smaller;border: 1px solid #004F89; padding:5px;line-height:135%;color:#000;background-color:#FFF;}
table tr td.alt{background-color:#EEF;color:#000;}
h1, h2, h3, h4, h5, h6{color: #004F89; font-weight: bold; font-family:Arial, verdana, sans-serif; }

div#error{color:#F00;font-size:x-small;margin-bottom:2em;}


#checkBoxTable{width:100%;border:1px solid #6AAEE0;border-collapse:collapse;empty-cells:show;}
#checkBoxTable td{border-top:1px solid #6AAEE0;}
fieldset legend {font-weight:bold;color:#004F89;font-size:x-small;}

a.button{margin:0;font-size:xx-small;display:block;background-color:#004F89;color:#FFF;text-decoration:none;padding:8px;margin-right:5px;border-width:1px;border-style:solid; border-color: #69C #003 #003 #69C;}
a.button:hover{color:#FFF;background-color:#47A;padding:10px 6px 6px 10px;border-color:#003 #69C #69C #003;}

/* menu footer styles */
div#footer{font-size:xx-small;width:100%;clear:left;text-align:center;padding:5px 0 5px 0;}

a.light{ color: #004f89; text-decoration:none; }
a.light:hover{ color:#bb3215; text-decoration:underline; }

a.dark{ color: #004F89; text-decoration:none; }
a.dark:hover{ color:#0063AB; text-decoration:underline; }

#maincontainer { background-color: #FFFFFF; }
#maincontainer div#content
{
	margin-left: 2em;
	margin-bottom: 2em;
	margin-right: 2em;
	width:auto;
}
#maincontainer div#content table
{
	width: 100%;
}

.primary1-bg
{
	background-color: #004F89;
	color: #fff;
}
.primary2-bg
{
	background-color: #5c1463;
	color: #fff;
}
.primary3-bg
{
	background-color: #667E27;
	color: #fff;
}
.primary1
{
	color: #004f89;
}
.primary2
{
	color: #5c1463;
}
.primary3
{
	color: #667e27;
}
.secondary2
{
	color: #bb3215;
}