body
{
	margin-left: 3px;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
}
/* title bar */
#pageHeader {
	position: relative;
	width: 800px;
	height: 100px;
	top: 0px;
	left: 0px;
	background-image: url(../media/ESAheader_01.jpg);
	background-repeat: no-repeat;
	}
#headerTitle {
	text-indent: -1000em;
}
#headerBorder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9ABC1F;
}

/* table properties */
#swtable {
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#maintable {
	border: 1px solid #3399CC;
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

/* text properties */
h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666}
h1 {
	font-size: 20px;
}	
	
h2 {
	font-size: 16px;
	}
	
h3 {
	font-size: 14px;
	}	
	
h4 {
	font-size: 12px;
	}		
	
h5 {
	font-size: 10px;
	}

td, th, p, pre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}	
.smalltext {
font-size: 9px;
}	
.th_right {
	text-align:right;
	font-weight:normal
}	
.th_left_grey {
	text-align:left;
	font-weight:normal;
	background-color:#999999
}	
li {
	margin-bottom: .6em;
	margin-top: .1em;
}	
ul, ol {
	margin-bottom: .3em;
	margin-top: .3em;
}	
.bg1 {
	background-color: #E3E6E6;
}
.bg2 {
	background-color: #EEEEEE;
}
.bg3 {
	background-color: #BFEBFF;
}
.bg4 {
	background-color: #FFEDB7;
}
.bghighlight {
	background-color: #B9D28E;
	padding: 4px;
}
.pad5 {
	padding: 10px 5px 0px;
}
hr {
	color:#3399CC;
	margin: 10px 5px;
}
a {
color:#003366	
}
a visited {
color:#333333
}
.crumb, .crumb a, .crumb a:visited, .crumb a:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
}
.crumb a:hover
{
	text-decoration: underline;
}
b.hl1 {
	font-weight:bold;
	background-color: #33CCCC;
}
#content_border44
{
	display:block;
	border: 1px solid #000000;
	border-left-color: #FFFFFF;
	border-top-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	width: 100%;	
}

#content_margin
{
	margin:15px 20px 20px;	
}
.content
{

}
.outer_border
{
	border-right: 1px solid #000000;
}
.content p, .content h1, .content h2, .content h3, .gosafe_content table, .gosafe_content pre
{
	
}
.nav {
	background-color: #3399CC;
}

/*  Main Navigation Properties  */   
#mainNav {
	background: #666666;
	position: relative;
	left: 0px;
	width: 800px;
	height: 20px;
	}

#navlist ul
{
	padding: 0.30em 0;
	margin: 0;
	list-style-type: none;
	color: #FFF;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	text-align: center;
	height: 14px;
	text-decoration: none;
}
	
#navlist li {
	display: inline;
	text-align: center;
	text-decoration: none;
}

#navlist li a {
	text-decoration: none;
	color: #F7F7F7;
	padding: 0.10em;
	height: 15px;	
}
#navlist li a:hover {	
	color: #D1EA7B;	
}

#navlist li a.on  {
	font-weight: bold;
}

/*  2nd vertical navigation css  */

/* ~~~ Sub navigation properties ~~~ */
#container2 {
	width : 130px;
}
#navlist2{
	width : 120px;
	font:11px/15px verdana, arial, georgia, sans-serif;
	margin: 5px 0px 0px;
	padding: 0px;
}

#navlist2 ul, #navlist2 li{
	display: inline;
	list-style: none;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}	

/* side menu items */
#navlist2 li a, #navlist2 li a:hover, #navlist2 li a:active {
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	text-align: left;
	width : 100%;
	border-bottom: 1px solid #99CC66;
}

#navlist2 li a, #navlist2 li a:hover, #navlist2 li a:active {
	color: #FFFFFF;
}

#navlist2 li a:hover {	
	color: #D1EA7B;	
}

#navlist2 .on {
	font-weight: bold;
}

/* VERA */

#navlist3{
	text-align: left;
	text-indent: 2em;
	width : 120px;
	font:11px/15px verdana, arial, georgia, sans-serif;
	margin: 5px 0px 0px;
	padding: 0px;
}

#navlist3 ul, #navlist3 li{
	display: inline;
	list-style: none;
	color: #FFF;
}	

/* side menu items */
#navlist3 li a, #navlist3 li a:hover, #navlist3 li a:active {
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	text-align: left;
	width : 100%;
	border-bottom: 1px solid #99CC66;
}

#navlist3 li a, #navlist2 li a:hover, #navlist2 li a:active {
	color: #FFFFFF;
}

#navlist3 .on {
	font-weight: bold;
}

/* END VERA */

/*
#container2 {
	width : 140px;
}

#navlist2{
	width : 128px;
	font:11px/14px verdana, arial, georgia, sans-serif;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#navlist2 ul, #navlist2 li{
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navlist2 li a, #navlist2 li a:hover, #navlist2 li a:active { 
	display: block;
	text-decoration: none; 
	color: #000000;
	margin: 2px;
	padding: 3px;
	border: 1px solid #000;
	text-align: left;
	width : 100%;
	background-color: #FFCC33;
}
#navlist2 li a:hover, #navlist2 li a:active { 
	color: #333333;
	background-color: #66CC33;
	border: 1px solid #000;
}
#navlist2 .on {
	border: 1px solid #000;
	background-color: #66CC33;
	border-color:#000;
	color:#000000;
}
#navlist2 .off_subnav, #navlist2 .on_subnav   {
	border: 1px dashed #000;
	background-color: #006699;
	text-align:right;
	color:#FFF;
}
#navlist2 .off_home {
	background-color: #999;
	border: 1px dashed #000;
}
*/	


.red {
	color: #CC0000;
	font-weight: bold;
}

.footer_blurb {
	color:#FFFFFF;
	font-size:12px;
	font-style:oblique;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 20px;
	background-image: url(/media/h_nav_bg.gif);
	background-repeat: repeat;

}
.footer, .footer td, .footer a, .footer a visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

/* Alternate navigation */

 #navcontainer_green ul li
 {
 list-style-type: none;
 padding: 0;
 margin: 0;
 display: block;
 float: left;
 background: url("/media/navBarBg.gif") repeat-x 20px;
 font: 10px/25px "Lucida Grande", verdana, sans-serif;
 text-align: center;
 

 }

 #navcontainer_green a
 {
 color: #000;
 text-decoration: none;
 display: block;
 width: 70px;
 border-top: 1px solid #A8B090;
 border-bottom: 1px solid #A8B090;
 border-left: 1px solid #A8B090;
 }

 #navcontainer_green li#active { background: url("/media/navBarBgHover.gif") repeat-x 20px; }
 #navcontainer_green a:hover { background: url("/media/navBarBgHover.gif") repeat-x 20px; }

