@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#89bfe5 url(images/sky_bg.jpg) top center repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
h1 {
	font-size: 150%;
	font-family: arial, verdana;
	color: #72a8cf;/*#81a850;/**/
}
h2 {
	font-family: verdana, arial;
	font-size: 100%;
	color:#72a8cf;/*#9d9174;/**/
}
h4 {
	font-family: verdana, arial;
	font-size: 80%;
	color:#72a8cf;/*#9d9174;/**/
	font-style: italic;
}
p {
	font-size: small;
	color:#9d9174;
}
img {
	border:0px;
}
.oneColFixCtr #container {
	width: 774px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 280px 20px 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.oneColFixCtr #top_curve{
	height:16px;
	overflow:hidden;
}
.oneColFixCtr #top_curve img{
	padding:0;
	margin:0;
}
.rel_holder{
	position:relative;
	top:0px;
	left:0px;
}
.overlay1{
	position:absolute;
	top:30px;
	left:0px;
	z-index:1;
	border-bottom:3px solid #405874;
}
.overlay2, .overlay4{
	position:absolute;
	top:90px;
	right:40px;
	z-index:2;
	height:273px;
	width:195px;
}
.overlay2 ul{
	/*padding-top:30px;*/
}
.overlay4{
	padding:0px 20px 0px 20px;
	width:155px;
	z-index:4;
}


#menu{
	padding:0;
	margin:0 auto;
	text-align:center;
	position:absolute;
	top:90px;
	right:40px;
	z-index:4;
	height:273px;
	width:195px;
}

#topNav{
	position:absolute;
	top:45px;
	right:20px;
	width:155px;
	color:#FFFFFF;
	padding-left:0px;
	margin-left:0px;
	text-align:left;
	padding-bottom:5px;
	z-index:5;
}
	#topNav li{
		list-style:none;
		display:block;
		padding-left:5px;
		margin-left:0px;
		font-size:12px;
		position:relative;
		height:25px;
	}
	
	#topNav li a{
		display:block;
		width:100%;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#topNav li ul { /* second-level lists */
		position: absolute;
		background-color: #cceaff; /*#d4ebb7;/**/
		width: 150px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		border-top:1px solid #5299cc;/*#9d9174;/**/
		border-right:1px solid #5299cc;/*#9d9174;/**/
		border-left:1px solid #5299cc;/*#9d9174;/**/
		text-align:left;
		display:block;
		top:0px;
		padding:0;
		margin:0;
		z-index:100;
	}
	
	#topNav li ul li{
		border-bottom:1px solid #5299cc;/*#9d9174;/**/
		padding:5px;
		width: 140px;
		/* height:23px; */
		/* line-height:23px; */
	}
	
	#topNav li ul li a{
		color: #5299cc;/*#9d9174;/**/
	}
	
	#topNav li ul ul { /* third-and-above-level lists */
		margin: -1em 0 0 0;
	}
	
	#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li:hover ul ul ul ul, #topNav li.sfhover ul ul, #topNav li.sfhover ul ul ul, #topNav li.sfhover ul ul ul ul {
		left: -999em;
	}
	
	#topNav li:hover ul, #topNav li.sfhover ul{
		left:-147px;
		top:-5px;
	}
	
	#topNav li li:hover ul, #topNav li li li:hover ul, #topNav li li li li:hover ul, #topNav li li.sfhover ul, #topNav li li li.sfhover ul, #topNav li li li li.sfhover ul {
		left: 160px;
		top:11px;
	}







.overlay3{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}
.oneColFixCtr #footer_top{
	width:774px;
	height:47px;
	background:url(footer_bg_partial.jpg) no-repeat;
	clear:both;
}
.oneColFixCtr #footer{
	
}

.oneColFixCtr #white_bg{
	
}

#buttons{
/*
	margin:0px;
	padding-left:30px;
	width:700px;
*/
}

#main {
	margin:0px;
    float: left;
	width:408px;
	padding: 20px 40px 40px 40px;
}


#main ul li{
	font-size: small;
	color: #5299cc;/*#9d9174;/**/
	margin: 5px 0px;
}

#sub {

	margin:0px;
	float:left; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:198px;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 28px;
	padding-left: 34px;
	clear:right;
}
#sub img{
	margin: 20px 0px 0px 0px;
}

#footer_top{
	text-align:center;
	width:774px;
}
#footer_top p{
	margin : 5px;
	padding :0px;
	font-size: small;
	color:#000;
}
#footer_top ul {
	list-style:none;
	width:500px;
	margin: 0px auto;
	text-align:center;
}
#footer_top li{
	display:inline;
	color: #fff;
	margin: 5px;
	padding: 0px;
	font-size: small;
}
#footer_top a{
	color: #fff;
	text-decoration: none;
}
#footer_top a:hover{
	color: #ccc;
}


#footer p{
	padding: 5px;
	color: #000;
}
#main p{
	text-align:left;
	float:none;
}
#main a{
	color: #72a8cf;/*#81A850;/**/
	font-size: small;
	float:none;
}
#main a:hover{
	color:#85b0e5;
	font-size: small;
}
#current a{ 
	color: #72a8cf;/*#81a850;/**/
}