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

/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; background:#366298 url(../images/bg.gif) repeat-x top right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#252525}

p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#252525; padding:0; margin:0; line-height:1.3em;text-align: left; padding-bottom:15px}
p a:link, p a:visited { text-decoration: none; color:#252525}
p a:hover { text-decoration: underline; color:#252525}

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#fff; padding:0; margin:0; line-height:1.4em;text-align: left; padding-top:5px}

h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; color:#356399; padding:0; margin:0; line-height:1.4em;text-align: center; padding-top:20px;}

h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; color:#000; padding:0; margin:0; line-height:1.4em;text-align: left; padding-top:5px; border-bottom:1px solid #edf2f6; margin-bottom:15px}

/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:953px; margin:0 auto; background-color:#FFFFFF; margin-top:14px}

/*
---------------------------------------------
03. HEADER, LOGO AND LOGIN SECTION
---------------------------------------------
*/

#header { height:90px; width:931px; margin:0; padding:0;padding-top:15px; padding-left:12px; padding-right:10px}
#header #logo { float:left; width:300px; height:80px}
#header #login { float: right; width:140px; height:65px; background-image:url(../images/bg_login.gif); text-align:center}

#login fieldset {float:left; width:160px; margin:0; padding:0; padding-left:10px; padding-top:6px; border:none} 
#login label { width:90px; text-align: left; font-size:12px; color:#16394f;  padding-right:5px; padding-bottom:15px; font-weight:bold; text-transform:uppercase}
#login input { border:1px solid #bfd1df; width:172px; font-size:17px; padding:4px 2px 4px 2px;}
#login .button_login { width:74px; height:29px; float: left; margin:0; padding:0; margin-top:24px; padding-left:40px;}

/*
---------------------------------------------
04. NAVIGATION
---------------------------------------------
*/

#nav {height:38px;width:953px; margin: 0; padding: 0; list-style: none; background:#252525; float:left;}
#nav li { float: left; margin: 0; padding:0px; padding-left:2px; list-style: none; background: url(../images/divider.gif) no-repeat top left;}
#nav a { float: left; padding: 9px 28px; text-decoration: none; color: #fff;font-size:15px; font-weight:bold; text-transform:uppercase; }
#nav a:hover, #nav a.active {padding: 9px 28px; background: url(../images/nav_hover.gif)  no-repeat bottom center; background-color:#191919}
#nav a.active { color:#fff}

/*
---------------------------------------------
05. SPLASH IMAGE
---------------------------------------------
*/

#splash { width:953px; height:382px; margin:0; padding:0; background:url(../images/bg_splash.gif) no-repeat; float:left}

#cleansite { width:320px; height:215px; background:url(../images/bg_cleansite.gif) no-repeat; float:right; padding-right:34px; margin-top:47px; padding-top:90px;}
#cleansite p{ width:290px; margin:0 auto; font-size:14px; padding-bottom:10px}

.link_readmore { color:#356399; font-size:12px; font-weight:bold; float:right; padding-right:15px; vertical-align:bottom}
.link_readmore a:link, .link_readmore a:visited { color:#356399; text-decoration:none}
.link_readmore a:hover { color:#356399; text-decoration: none}

/*
---------------------------------------------
06. CONTENT
---------------------------------------------
*/

#content { width:953px; background-color:#FFFFFF; position:relative; margin:0; padding:0}
html>body #content { width:953px; background-color:#FFFFFF; float:left; position:relative; margin:0; padding:0}

#bg_black { background-image:url(../images/bg_black.gif); height:167px; padding-left:20px; padding-right:15px; width:918px; padding-top:5px; float:left}
#whyus { width:410px; float:left; border-right:1px solid #252525}
#bg_black p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding:0; margin:0; line-height:1.2em;text-align: left; padding-right:20px; padding-top:5px}

#whyus .link_readmore { color:#356399; font-size:12px; font-weight:bold; float:right; padding-right:30px; margin-top:-4px}
#whyus .link_readmore a:link, #whyus .link_readmore a:visited { color:#356399; text-decoration:none}
#whyus .link_readmore a:hover { color:#356399; text-decoration: none}
.color_blue { color:#366298}
.color_black { color:#303030}

#latestnews { width:480px; float:left; padding-left:20px}
#latestnews ul { font-size:16px; color:#FFFFFF; margin:0; padding:0; list-style:none; padding-left:0px}
#latestnews li {padding:5px 10px; padding-left:0px; margin:0}
.date { padding-right:15px}
#latestnews a{ color:white;}
#latestnews a:hover{ color:#0099FF;}

#additionalinfo { width:953px; float:left; position:relative; margin:0; padding:0;}
#additionalinfo h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; color:#356399; padding:0; margin:0; line-height:1.4em;text-align: center; padding-bottom:40px; padding-top:40px}

/*

---------------------------------------------
07. FOOTER
---------------------------------------------
*/

#footer { clear:left; width:953px; margin:0 auto; padding:0; background:url(../images/bg_footer.gif) no-repeat; height:60px; padding-bottom:25px;}

.copyrights { color:#FFFFFF; font-size:12px; text-transform:uppercase; text-align:center; padding-top:10px; font-weight:bold}

/*
---------------------------------------------
08. MISCELLANEOUS
---------------------------------------------
*/

img { border:none}

/*
---------------------------------------------
09. INNER STYLES
---------------------------------------------
*/

#leftpanel { width:690px; float:left; padding-left:25px; padding-top:15px; padding-bottom:20px;}
#rightpanel { width:205px; float: left;padding-top:55px; padding-bottom:20px; padding-left:20px}

#sidebar { width:205px; float:left}
#sidebar .bordertop { background:url(../images/sidebar_top.gif) no-repeat;width:205px; height:20px; float:left;}
#sidebar .bordermiddle { width:203px; background-color:#edf2f6; border-left:1px solid #bfd1e9;border-right:1px solid #bfd1e9; float:left; margin-top:-2px}
#sidebar .borderbottom { background:url(../images/sidebar_bottom.gif) no-repeat; width:205px; height:20px; float:left;}

ul.sidenav {margin:0;padding:0;list-style:none;color:#000;font-size:16px;font-style: normal;	font-weight: normal; line-height:1.4em; width:203px; float:left}
ul.sidenav li {width:190px;display:block;padding:7px 0px 7px 0px;border-bottom:1px solid #e6edf2; float: right}
ul.sidenav a:link, ul.sidenav a:visited {color:#000; text-decoration:none}
ul.sidenav a:hover {color: #000; text-decoration: underline}

.sidebanner { float:left; margin-top:20px}