@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0 auto;
	background-color:#165890;
	background-image:url(images/hseep_gradient.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#333366;
	font-size:small;
	}

hr {
	padding:0;
	margin:18px auto;
	width:100%;
	}

#homecontainer{
	padding:0;
	margin:0 auto;
	position:relative;
	width:691px;
	height:491px;
	}

#back-layer {position:relative;
                   z-index:1;
                   }

#front-layer {position:relative;
                   z-index:2;
                   }





#top {
	margin:0 auto;
	padding:0;
	background-image:url(images/hseep-logo.gif);
	background-repeat:no-repeat;
	width:691px;
	height:74px;
	left:0;
	}

#main {
	padding:0;
	margin:0;
	position:absolute;
	width:691px;
	height:417px;
	background-image:url(images/hseep_homeMain.jpg);
	background-repeat:no-repeat;
}

#homeinfo {
	margin-top:90px;
	margin-left:25px;
	margin-right:300px;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:normal;
	color:#165890;
	}
	
#homeinfo .header {
	font-weight:bold;
	}

/*home page navbar elements*/
ul#homenavbar{
	width:689px;
	height:auto;
	color:#FFFFFF;
	z-index: 500;
	position:relative;
	left:0;
	margin:0 auto;
	padding:0;
	background-image:url(images/hseep_navbar-bkgd.gif);
	background-repeat:repeat-x;
	border:1px solid;
	font-weight:bold;
	font-size:small;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	}

#homenavbar li{
	display:block;
	float:left;
	margin:0;	
	padding:0;
	width:auto;
	position:relative;
	
	line-height:28px;
	border-right:1px solid #FFFFFF;
	
	}

#homenavbar li a, #homenavbar li .active {
	background:transparent url(images/navbar_switch-bkgd.gif) repeat;
	display:block;
	float:left;	
	margin:0;
	padding:0 10px 0 10px;
	width:auto;
	position:relative;
	text-decoration:none;
	text-transform:uppercase;
	line-height:28px;
	height:28px;
	xborder-right:1px solid #FFFFFF;
	}


#homenavbar a:hover, #navbar li:hover a, #navbar li .active {
	background-position:0 -28px;
	height:28px;
}

x#homenavbar li a:hover {
	background-color:#003366;
	height:auto;	
	}
	
#homenavbar li ul {
	background-color:#003366;
	border-color:#FFFFFF;
	border-style:none solid solid;
	border-width:0 1px 1px;
	display:none;
	left:10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:28px;
	width:250px;
	visibility:hidden;
	z-index: 600;
	}
	
	
li > ul {
	left:auto;
	top:auto;
	
	}
	
#homenavbar li:hover ul, #homenavbar li.over ul {
	display:block;
	visibility:visible;
	}
	
#homenavbar li ul li {
	float:none;
	margin:0;
	padding:0;
	
	}
	
#homenavbar li ul li a, #homenavbar li:hover li a {
	background:transparent none repeat scroll 0 0;
	border-color:#FFFFFF -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	color:#FFFFFF;
	display:block;
	float:none;
	font-size:small;
	font-weight:normal;
	margin:0;
	padding:4px 12px;
	text-transform:none;
	line-height:20px;
	height:20px;
	z-index:500;
	
	
	}
	
#homenavbar li ul li a:hover {
	background-color:#6699CC;
	color:#FFFFFF;
	}
	
	
#homenavbar li ul li a, #navbar li:hover li a {
	background-color:#99FF00;
	border-color:#C697BF -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	color:#682970;
	display:block;
	float:none;
	font-size:small;
	font-weight:bold;
	margin:0;
	padding:4px 8px;
	text-transform:none;
	z-index:500;
	}


#homenavbar li a:link{
	color:#FFFFFF;
	}
	
#homenavbar li a:active{
	color:#FFFFFF;
	}

#homenavbar li a:visited{
	color:#AFDDF5;
	}


/*text elements*/
.formtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	color: #333366;
	text-decoration:none;
	}


.head {
	text-align:left;
	text-indent:0;
	font-size:medium;
	font-style:normal;
	font-weight:bold;
	color:#6699CC;
	text-decoration:none;
	margin:0;
	padding:0;
}

.headsidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	margin:0;
	padding:0;
	text-align:left;
}

.smltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #12416C;
}

.smlredtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#CC0000;
	font-weight:bold;
}

.redtext {
	color:#CC0000;
	font-weight:bold;
	}
	
.tablebold {
	font-weight:bold;
	text-align:right;
	}
	
.tablehead {
	color:#FFFFFF;
	text-align:center;
	background-color:#165890;
	font-size:medium;
	font-weight:bold;
	}	
	
.tablehead2 {
	color:#FFFFFF;
	text-align:center;
	background-color:#00305F;
	font-size:small;
	font-weight:bold;
	}		


#container p {
	margin:4px 0 0 0;
	padding:0;
	}
	
#content h1 {
	font-size:large;
	font-style:normal;
	font-weight:bold;
	color:#6699CC;
	text-decoration:none;
	text-align:left;
	margin:0;
	padding:0 0 10px 0;
	}

#container h1 {
	font-size:large;
	font-style:normal;
	font-weight:bold;
	color:#6699CC;
	text-decoration:none;
	text-align:left;
	margin:0;
	padding:0 0 10px 0;
	}
	
#container h2 {
	font-size:small;
	font-style:normal;
	font-weight:bold;
	color:#333366;
	text-decoration:none;
	margin:0;
	padding:15px 0 0 0;
	}
	
#container h3 {
	font-size:small;
	font-style:normal;
	font-weight:bold;
	color:#003366;
	text-decoration:none;
	margin:0;
	padding:0;
	}		
	
#sidebar h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	margin:0;
	padding:0;
	text-align:left;
	}
	
.browsersback{
	color:#6699CC;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}	


/*subpage elements*/

#container{
	padding:0;
	margin:0 auto;
	position:relative;
	width:691px;
	text-align:left;
	}
	
#content{
	background-color:#FFFFFF;
	padding:35px;
	margin:0;
	width:621px;
	position:relative;
	text-align:left;
	}
	

		
	
#subheader{
	background-image:url(images/hseep_subheader.jpg);
	margin:0;
	padding:0;
	position:relative;
	width:691px;
	height:34px;
	}

#sidebar, #sidebar.formtext{
	background-color:#6699CC;
	width:187px;
	padding:15px;
	color:#FFFFFF;
	float:right;
	position:absolute;
	display:block;
	top:0;
	right:0;
	border-right:1px solid #FFFFFF;
	color:#FFFFFF;
	margin-left:30px;
	}
	
#thankyou {
	margin:0 auto;
	padding:10px;
	text-align:center;
	position:relative;
	width:600px;
	}
	
#thankyou h1 {
	text-align:center;
	font-size:medium;
	font-style:normal;
	font-weight:bold;
	color:#6699CC;
	text-decoration:none;
	margin:0 auto;
	padding:0;
	}		
	
/*footer elements*/
#footer{
	background-image:url(images/hseep_navbar-bkgd.gif);
	background-repeat:repeat-x;
	width:683px;
	height:20px;
	border:1px;
	border-color:#FFFFFF;
	border-style:solid;
	position:relative;
	padding:5px 3px 0 3px;
	margin:0 auto;
	left:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:x-small;
	text-align:center;
	}

/*login box elements*/
#login{
	width:300px;
	height:200px;
	padding:8px 0 0 0;
	margin:0 auto;
	border:1px solid #165890;
	position:relative;
	font-size:small;
	text-align:center;
	background-color:#CCCCCC;
	color:#165890	
	}
	
/*error message*/
#error{
	background-color:#FFFFFF;
	margin:0 auto;
	padding:85px;
	width:506px;
	height:300px;
	text-align:center;
	}

/*confirmation message*/
#confirmation{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#000000;
	}
	
/*best viewed message*/
#bestviewed{
	margin:0 auto;
	padding:10px;
	width:683px;
	text-align:right;
	font-size:xx-small;
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
	}	

#footer a:link{color:#FFFFFF;}	
#footer a:active{color:#FFFFFF;}		
#footer a:visited{color:#B1E7F1;}