 
<style type="text/css" >

html
{
  height: 100%;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#333333;
}

p, td, div {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 14px; 
	color: #000000;
}
 
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	line-height: 14px; 
	color: #0000CC; 
	font-weight: bold; 
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	line-height: 13px; 
	color: #0000CC; 
	font-weight: bold;
	}

ul {
	font-size: 11px; 
	color: #000000; 
	list-style-type: square;
	}

.pic{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	line-height: 20px; 
	color: #000000;
	}

.fineprint{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #000000;
	}

.clear{
	clear:both;
	}

/* ---LINKS--- */

a:link {
	color: #0000CC; 
	text-decoration: none;
}
	
a:visited {
	color: #0000CC; 
	text-decoration: none;
}

a:active {
	color: #0000CC; 
	text-decoration: none;
} 

a:hover {
	color: #0000CC; 
	text-decoration: underline; 
}

a.highlight {
	background:#FF0;
}

a.nav:link {
	color: #FFFFFF; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align:left;
}
	
a.nav:visited {
	color: #FFFFFF; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align:left;
}

a.nav:active {
	color: #FFFFFF; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align:left;
} 

a.nav:hover {
	color: #FFDD33; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	text-align:left;
}


a.footer:link {
	color: #0000CC; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}
	
a.footer:visited {
	color: #0000CC; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}

a.footer:active {
	color: #0000CC; 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
} 

a.footer:hover {
	color: #0000CC; 
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/*DD MENUS*/

#menu {
	list-style-type:none;
	margin:0 0 100px 0; /*top right bottom left*/
	padding:0;
}
/***/
#menu li {
	float:left;
	padding:0;
	margin:0 1px 0 0; /*1px padding between nav items*/
	position:relative;
	width:99px;
	height:1px;
	z-index:100;
}
#menu li a, #menu li a:visited {
	text-decoration:none;
}
/***/
#menu dl {
	position:absolute;
	top:0;
	left:0;
	width:99px;
	margin:0;
	padding:0;
	background: transparent url(/images/shim.gif);
}
#menu dt {
	background: #0000CC;
	margin:0;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	width:99px;
	float:left;
	text-align:left;
}
#menu dd {
	display:none;
	background: transparent;
	border-bottom:1px solid #CCCCCC;
	clear:left;
	margin:0;
	padding:0;
	color: #FFFFCC;
	text-align:left;
	/*width:110px;*/
}
/***/
#menu dt a, #menu dt a:visited {
	display:block;
	color: #FFFFCC;
	padding: 5px 0px 5px 5px;  /*top right bottom left*/
	width:94px; /*this amount + left/right padding just above must = widths above (here = 99)*/
}
#menu dd a, #menu dd a:visited {
	background:#0000CC;
	color:#FFFFCC;
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 5px;  /*top right bottom left*/
	width:110px;
}
/***/
#menu li a:hover {
	border:0;
}
/***/
#menu li:hover dd, #menu li a:hover dd {
	display:block;
}
#menu li:hover dl, #menu li a:hover dl {
	width:115px; /*must match width + padding of "#menu dd a, #menu dd a:visited" above*/
	border-bottom:4px solid #333333;
}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
	background: #FFFFCC;
	color:#0000CC;
}


/* ---DIV STYLES for CSS Positioning--- */

#banner {
	width:750px;
	height:170px;
	position:absolute;
	/*background-image:url(/images/top_banner.jpg);*/
	left:0px;
	top:0px;
	z-index:1;
}

#navbox {
	width:750px;
	height:30px;
	position:absolute;
	left:50px;
	top:175px;
	z-index:1;
}

#whitebox {
	width:670px;
	position:absolute;
	background-color:#FFFFFF;
	left:50px;
	top:205px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:25px;
}

#content {
	width:640px;
	z-index:1;
	float:left;
}

#footer {
	width:630px;
	z-index:1;
	clear:both;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	padding-top:45px;
	font-size:9px;
}

.box {
	/*float:left;*/
	display:block;
	width:300px;
	padding:5px;
	margin:10px 0 10px 10px;
	border:1px dotted #0000CC;
}

/*photos with shadows*/
.photo, .shadow {
  position: relative;
  bottom: 4px;
  right: 4px;
}
.shadow { background-color: #ccc; }
.photo {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.photocontainer {
	float:right;
	padding:10px;
	width:252px;
}
.photocontainer2 {
	float:right;
	padding:10px;
	width:302px;
}
.photocontainer3 {
	float:right;
	padding:10px;
	width:166px;
}
.photocontainer4 {
	float:right;
	padding:10px;
	width:152px;
}

/*database display tables*/
table.db {
	background:#CCC;
	margin:10px;
	text-align:left;
}

table.db th {
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:3px;
	background:#FFC;
	white-space:nowrap;
}

table.db td {
	background:#FFF;
	padding:3px;
	vertical-align:top;
	/*white-space:nowrap;*/
}

/*fake buttons*/
.fake_btn a {
	padding:5px 10px;
	background:#FF3;
	border:#369 dotted 1px; 
}

.fake_btn a:hover {
	background:#F90;
	text-decoration:none;
}

/*form validation styles*/
form.regiForm label.error {
	display:none;
	color:#F00;
	font-size:9px;
	padding-left:.5em;
}
fieldset {border:0px;}
/*END*/
