ul {text-align:left; margin-left:15px;}

small {text-align:right; margin-right:1%;}

body {
	background : #fff url("banner.jpg") no-repeat;
	font-weight: normal;
	margin: 0px;
	color: black;
	width:1000px;
}
		
#head {
	width:100%;
	text-align:center;
	color: #fff;
}

#left { 
	top : 15px;  
	right : 20px; 
	width : 50%; 
	float : left;  
	text-align : center; 
	color: #fff;
	font : 36pt arial, tahoma, sans-serif;
}

#right { 
	position: relative;
	top : 20px; 
	width : 40%; 
	float : right;  
	text-align : center; 
	color: #fff;
}

#advs { 
	float : right; 
	width : 160px;
	font : 10pt arial, tahoma, sans-serif;
}

#page {
	position: absolute;
	padding : 0px 10px;
	text-align:left; 
	width:815px; 
	top:200px;
	font : 12pt arial, tahoma, sans-serif;
}

#foot {
	width:100%;
	padding : 10px 0px;
	text-align:center; 
	font : 12pt arial, tahoma, sans-serif;
	background: #506085;
	color: #fff;
}
#foot a:hover {color: #fff;}
#foot a.active {color: #fff;}	
#foot a {color:#fff;}

/* =self clearing
----------------- */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearfloat:after {
content: "."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;
}
 
.clearfloat { display: inline-block; }
 
/* Hides from IE-mac */
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }
/* End hide from IE-mac */
/*** end clearing hack ***/ 


.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}
 
/* =nav
-------------------*/
#nav {position: absolute;left: 0;height: 23px;width: 1000px;z-index: 100;font: bold 12px arial, tahoma, sans-serif;}
#nav a {text-decoration:none;}

/* 1st tier menu */
#nav-wrap {height: 23px;padding-top: 0;background: #506085;}
#nav-wrap ul {display:block;height: 23px;float:left;margin: 0;padding: 0;}
#nav-wrap ul li {display: block;position: relative;float: left;}	
#nav-wrap li a {display: block;float:left;height: 23px;padding: 0 7px;line-height: 21px;color:#fff;white-space: nowrap;}
#nav-wrap li a:hover {color: #656565;background: transparent;}
#nav-wrap li a.active {color: black;background: #d9e8ef;}
#nav-wrap a.indent-right {margin-left: 13px;}
* #nav-wrap a.indent-right {margin-left: 6px;}
#nav-wrap a.arrow {padding-right: 20px;background: transparent;}
#nav-wrap a:hover.arrow {padding-right: 20px;background: transparent;}
#nav-wrap li:hover ul, li.over ul {display: block; z-index:302; }

/* 1st tier drop-down menus */
#nav-wrap #nav-list ul.drop-menu {position: absolute;float:left; clear:left; /* ie */left: -1px;top: 21px;width: 120px;display: none;z-index:301;}
#nav-wrap #nav-list ul.drop-menu li {display:block;}
#nav-wrap #nav-list li:hover ul.drop-menu,
#nav-wrap #nav-list li.over ul.drop-menu {display:block;z-index:301;}
#nav-wrap #nav-list li.over {z-index:300;}
#nav-wrap li ul.drop-menu li a { display:block;height: auto; padding: 4px 0 4px 4px; }
#nav-wrap li:hover a, #nav-wrap li.over a {color: #656565;background: transparent;}
#nav-wrap li ul.drop-menu a {display:block;background: #efefef;width: 120px;color: black;line-height: 13px;border: 1px solid #d3d3d3;border-top:none;white-space:normal;}
#nav-wrap li ul a:hover {background: #70acc8;color:#fff;} 

/* override dropdown styles for .arrow */
#nav-wrap li:hover a.arrow, #nav-wrap li.over a.arrow {color: #656565;background: transparent;} 

/* 2nd tier section menu */
#nav-sub-wrap {display: block;clear:left;margin: 0;padding: 0;height: 20px;background: #d9e8ef;}
#nav-sub-wrap ul {margin: 0;padding: 0;width: 998px;display: none;list-style: none;}
#nav-sub-wrap ul.show-tier {display: block;width: auto;float:left;}
#nav-sub-wrap li {display:block;float: left;color: black;line-height: 20px;}
#nav-sub-wrap li a {display: block;padding: 0 8px;color: black;}
#nav-sub-wrap li a:hover {background-color: #ecf5f9;height:auto;line-height:19px;}
#nav-sub-wrap li.active, #nav-sub-wrap li.active  {background:#d9e8ef;padding:0 0 0 4px;}
#nav-sub-wrap li.active a, #nav-sub-wrap li.active a:hover  {background:#d9e8ef;padding: 0 5px 0 2px;}
#nav-sub-wrap ul.nav-sub-toolbar {width: auto;display:block;float:left;margin:0 0 0 45px !important;}
#nav-sub-wrap ul.nav-sub-toolbar li {margin:0;}