
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #01456C url(images/bg01.jpg) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
}

h1, h2, h3 {
	margin: 0px 0px 20px 0px;
	font-weight: normal;
	color: #8FB38A;
}

h1 span, h2 span, h3 span {
	color: #466F77;
}

h1 {
	letter-spacing: -2px;
	font-size: 34px;
}

h1.h1-style1 {
	margin: 0px;
}<img src="images/bg03.jpg" width="1050" height="45" alt="" border="0"><img src="images/bg04.jpg" width="1050" height="10" alt="" border="0"><img src="images/bg03.jpg" width="1050" height="45" alt="" border="0">

h2 {
	letter-spacing: -1px;
	font-size: 21px;
}

h2.h2-style1 {
	font-size: 16px;
	color: #99B4C3;
}

h3 {
	letter-spacing: -1px;
	font-size: 14px;
}

p, ol, ul {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 26px;
	text-align: justify;
}

ul.ul-style1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

a {
	color: #528B4B;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

img.border {
	padding: 4px;
	background: #FFFFFF;
	border: 1px solid #C5D7DC;
}

img.alignleft {
	float: left;
	margin: 0px 25px 0px 0px;
}

img.alignright {
	float: right;
	margin: 0px 0px 0px 25px;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	
}

/** WRAPPER */

#wrapper {
}

.container {
	width: 950px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header-bg {
	background: url(images/bg02.jpg) no-repeat center top;
}

#header {
	height: 139px;
}

/** LOGO */

#logo {
	float: left;
    align: top;
	width: 500px;
	height: 139px;
}

/** SEARCH */

#search {
	float: right;
	width: 243px;
	height: 139px;
	background: url(images/homepage02.gif) no-repeat 0px 82px;
}

#search form {
	margin: 0px;
	padding: 88px 0px 0px 10px;
}

#search fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

#search input {
	float: left;
}

#search-query {
	width: 170px;
	background: none;
	border: none;
	font: inherit;
	color: #FFFFFF;
}

#search-submit {
	display: none;
}

/** MENU */

#menu-bg {
	background: url(images/bg03.jpg) no-repeat center top;
}

#menu {
	height: 45px;
}

#menu ul {
	margin: 0px;
	padding: 7px 0px 0px 200px;
	line-height: normal;
	list-style: none;
}

#menu li {
	float: left;
	height: 27px;
	margin: 0px 14px 0px 0px;
	padding: 11px 18px 0px 18px;
}

#menu a {
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu li.active {
	background: #FFFFFF url(images/homepage03.gif) repeat-x left top;
}

#menu li.active a {
	color: #466F77;
}

/** PAGE */

#page-bg {
	background: url(images/bg04.jpg) repeat-y center top;
}

#page-bgtop {
	background: url(images/bg05.jpg) no-repeat center top;
}

#page {
}

/** CONTENT */

#content {
	float: right;
	width: 775px;
}

/** 2-COLUMN LAYOUT */

.two-columns {
}

.two-columns .column1 {
	float: left;
	width: 460px;
	padding: 40px 0px 40px 40px;
}

.two-columns .column2 {
	float: right;
	width: 195px;
	padding: 40px 40px 40px 0px;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 175px;
}

/** FOOTER */

#footer {
	height: 123px;
	background: url(images/bg07.jpg) no-repeat center top;
}

#footer p {
	margin: 0px;
	padding: 70px 0px 0px 0px;
	text-align: center;
	color: #427997;
}

#footer .legal {
}

#footer .links {
}

/** BOX STYLE 1 */

.box-style1 {
	padding: 35px 40px;
}

/** BOX STYLE 2 */

.box-style2 {
	padding: 35px 40px;
	background: #01273E url(images/bg06.jpg) no-repeat left top;
	color: #577F96;
}

.box-style2 h2 {
	color: #8FB38A;
}

.box-style2 h2 span {
	color: #CCF7FF;
}

.box-style2 a {
	color: #95B691;
}

/** BOX STYLE 3 */

.box-style3 {
	margin-bottom: 20px;
}

.box-style3 h2 {
	height: 31px;
	margin: 0px 0px 0px 0px;
	padding: 20px 23px 0px 0px;
	background: url(images/homepage07.jpg) no-repeat left top;
	text-align: right;
	letter-spacing: -1px;
	font-size: 14px;
	color: white;
    font-weight:bold;
}

.box-style3 h2 span {
	color: #E0FAFF;
}

.box-style3 ul {
	margin: 0px;
	padding: 10px 0px;
	text-align: right;
	line-height: normal;
	list-style: none;
}

.box-style3 li {
	padding: 10px 15px 10px 0px;
	border-top: 1px solid #016A81;
}

.box-style3 li.first {
	border: none;
}

.box-style3 a {
	color: white;
    font-size: 12px
}

/** BOX STYLE 4 */

.box-style4 {
	padding: ;
	background: #01273E url(images/bg06-home.jpg);
	color: #577F96;
    z-index: -1;
}


/** BOX1 */

#box1 {
	padding: 30px 25px 0px 25px;
}

/** BOX2 */

#box2 {
}

/** BOX3 */

#box3 {
}

/** BOX4 */

#box4 {
}

/** BOX5 */

#box5 {
}

.nav, .nav * {
	margin:0;
	padding:0;
}


div#horiz-menu {  /* this is a z-index ie6 and ie7 bug fix */
	position: relative;
	z-index: 50;
}

#horiz-menu li li {
	margin: 0;
}

.nav {
	line-height:1.0;
	float:left;
	margin-bottom:1.5em;
	position: relative;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	padding: 0;
}

.nav li {
	float:left;
	list-style:none;
	position:relative;
}

.nav li li a {
	display:block;
	padding: 0;
	text-decoration:none;
	float:none;
	width:135px;
}

div#horiz-menu li li a {
	height: 30px;
	line-height: 30px;
}

.nav li ul {
	float:none;
	left:-999em;
	position:absolute;
	width: 177px;
	z-index: 5;
}

.nav li:hover ul,
.nav li.sfHover ul {
	left:0px;
	top: 26px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
	left: 177px;
	top:0px;
	width: 177px;
}

.nav li li {
	position: relative;
	float:none;
	width: 177px;
}



#horiz-menu {
	height: 26px;
}

#horiz-menu ul.nav {
	padding-left: 15px;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#horiz-menu li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

#horiz-menu li span {
	display: block;
	float: left;
}

#horiz-menu a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 15px;
	font-weight: normal;
	font-size: 110%;
}

#horiz-menu li li a {
	font-size: 100%;
}

#horiz-menu a:hover {
	text-decoration: none;
}

#horiz-menu li:hover,
#horiz-menu li.sfHover {
	background: none;	
}



#horiz-menu a {
	color: #fff;
}

#horiz-menu li.active a {
	color: #5eccff;
}

#horiz-menu ul li:hover,
#horiz-menu ul li.sfHover,
#horiz-menu ul ul {
	background: #1A3C5E;
}

#horiz-menu ul li:hover a,
#horiz-menu ul li.sfHover a,
#horiz-menu ul li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
	color: #5eccff;
}

#horiz-menu ul li:hover li a,
#horiz-menu ul li.sfHover li a,
#horiz-menu ul li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li a {
	color: #fff;
}




</style> 
 
<script type="text/javascript"> 
 
function setCookie (name, value, path, domain, secure, expires)
{
    document.cookie= name + "=" + escape(value) +
        ((expires) ? "; expires=" + expires.toGMTString() : "") +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain=" + domain : "") +
        ((secure) ? "; secure" : "");
}
 
function getCookie (name)
{
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1)
    {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else
    {
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1)
    {
        end = dc.length;
    }
    return unescape(dc.substring(begin + prefix.length, end));
}
 
function deleteCookie (name, path, domain)
{
    if (getCookie(name))
    {
        document.cookie = name + "=" + 
            ((path) ? "; path=" + path : "") +
            ((domain) ? "; domain=" + domain : "") +
            "; expires=Thu, 01-Jan-70 00:00:01 GMT";
    }
}
 
 
function addLoadEvent (func)
{    
    var oldonload = window.onload;
    if (typeof window.onload != 'function')
    {
        window.onload = func;
    } 
    else 
    {
        window.onload = function()
        {
            oldonload();
            func();
        }
    }
}
 
</script> 
 
<script type="text/javascript"> 
 
function menu_init ()
{
	var menu = document.getElementById('nav');
	var subs = menu.childNodes;
	
	var j = 0;
	
	for (var i=0 ; subs[i]; i++)
	{
		if (subs[i].tagName=='LI')
		{
			hs = subs[i].getElementsByTagName('B');
			heading = hs[0];
			ss = subs[i].getElementsByTagName('UL');
			submenu = ss[0];
			
			j++;
			
			heading.onclick = function () { menu_toggle(this); };
 
			if (getCookie('menu'+j)=='1')
				 submenu.style.display = 'block';
			else if (getCookie('menu'+j)=='0')
				submenu.style.display = 'none';
			else if (j==1)
				submenu.style.display = 'block';
			else
				submenu.style.display = 'none';
		}
	}
}
 
function menu_toggle (heading)
{
	var section = heading.parentNode;
	var submenus = section.getElementsByTagName('UL');
	var submenu = submenus[0];
		
	if (submenu.style.display=='none')
		submenu.style.display = 'block';
	else
		submenu.style.display = 'none';
		
	var j = 0;
 
	var menu = document.getElementById('nav');
	var subs = menu.childNodes;
	for (var i=0 ; subs[i]; i++)
	{
		if (subs[i].tagName=='LI')
		{
			hs = subs[i].getElementsByTagName('B');
			h = hs[0];			
			j++;
			
			if (h==heading && submenu.style.display=='none')
				setCookie('menu'+j, '0', '/');
			else if (h==heading)
				setCookie('menu'+j, '1', '/');
		}
	}
		
 
}
 
addLoadEvent(menu_init);
 
</script> 
 
<!--[if IE 6]>
<script type="text/javascript">
// Suckerfish-like code to get B:hover working in IE 6.
function sucker_bold ()
{
	bs = document.getElementById("nav").getElementsByTagName('B');
	for (i=0; bs[i]; i++)
	{
		node = bs[i];
		node.onmouseover=function() { this.className+=" over"; }
		node.onmouseout=function() { this.className=this.className.replace(" over", ""); }
	}
}
addLoadEvent(sucker_bold);
</script>
<![endif]--> 
 


