/* CSS by Tim Householder */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:Ó; }
abbr,acronym { border:0; }
html { font-size: 62.5%; height: 100%; }
/* RESET END */

body {
	background-color: #E7E7E7;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
a {
	text-decoration:none;
	color:#0185A6;
}
h2 {
	color: #0185A6;
}
a:hover {
	text-decoration:underline;
}
.strong {
	font-weight: bold;
}
.hilite {
	font-weight: bold;
	color: #FFE045;
}
.colorMeBlue {
	font-weight: bold;
	color: #004874;
}
.clear {
	clear: both;
}
/* STRUCTURE */
#shadow-wrapper {
	width: 800px;
	background: url(../images/shadow-bg.png) repeat-y top center;
	margin: 0 auto;
}
#page-wrapper {
	width: 770px;
	margin: 0 auto;
}
#header {
	width: 770px;
	height: 114px;
	background: url(../images/header.jpg) no-repeat top left;
	position: relative;
}
#subheader {
	width: 770px;
	height: 18px;
	background: #EAAB32;
}
#subheader p {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
}
#vps-logo {
	height: 48px;
	width: 68px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#gpsr-logo {
	height: 45px;
	width: 67px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

/*** MAIN NAV BAR ***/
.main-nav {
	width: 770px;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
}
.main-nav:after { /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.main-nav ul {
	width: 100%;
	background: url(../images/nav-bg-over.png) repeat-x top left;
	padding: 0;
	margin: 0;
	height: 28px;
}
.main-nav ul li {
	display: inline;
	height: 28px;
	padding: 0;
	margin: 0;
}
.main-nav ul li a {
	width: 84px;
	line-height: 28px;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background: url(../images/nav-bg-reg.png) repeat-x top left;
	text-align: center;
	outline: none;
	border-right: 1px solid #FFFFFF;
	display: block;
	float: left;
}
.main-nav ul li a:hover {
	background: none;
	text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv {
	position:absolute;
	top: 0;
	border: 1px solid #BBB;
	border-bottom-width: 0;
	font:normal 11px Arial;
	line-height:18px;
	z-index:99999;
	width: 180px;
	background-color: white;
	visibility: hidden;
}
.dropmenudiv a {
	width: auto;
	display: block;
	background-color: #02AAD3;
	border-bottom: 1px solid #BBB;
	padding: 1px 4px;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}
* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
}
.dropmenudiv a:hover {
	background-color: #017C9A;
	text-decoration: none;
}


#main-content {
	width: 770px;
	background: url(../images/main-content-bg.png) no-repeat top center #FFFFFF;
}
#main-content-env {
	padding: 30px;
	font-size: 12px;
	text-align: left;
}
#main-content-env img {
	padding-right: 10px;
}

#photo-band {
	 float:right;
	 width:150px;
}
#photo-band img {
	 padding-bottom: 10px;
}

#footer {
	width: 800px;
	height: 42px;
	background: url(../images/footer-bg.png) repeat-y top center;
	margin: 0 auto; 
}
#footer p {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 28px;
}

/*** DATABASE CONTENT ***/
.pix9 {
	font-size: 9px;
}
.pix10 {
	font-size: 10px;
}
.pix11 {
	font-size: 11px;
	line-height: 12px;
}
.pix12 {
	font-size: 12px;
	line-height: 13px;
}
.pix13 {
	font-size: 13px;
	line-height: 14px;
}
.pix14 {
	font-size: 14px;
	line-height: 15px;
}
.pix16 {
	font-size: 16px;
}
.pix18 {
	font-size: 18px;
}
.pix20 {
	font-size: 20px;
}
.pix22 {
	font-size: 22px;
}
.pix24 {
	font-size: 24px;
}
.pix26 {
	font-size: 26px;
}
.pix30 {
	font-size: 30px;
}

.box {
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #8FCBEF;
	border-right-color: #8FCBEF;
	border-bottom-color: #8FCBEF;
	border-left-color: #8FCBEF;
	font-size: 12px;
}
.box a {text-decoration: none;}
.box a:hover {text-decoration: underline;}
.box2 {
	font-size: 10px;
}
.box2 a {text-decoration: none;}
.box2 a:hover {text-decoration: underline;}

h1 {
	font-size: 14px;
	font-weight: bold;
}
h2 {
	display: inline;
	white-space: normal;
	font-weight: normal;
}