/*
* Page Layout
* Version: 1.0
* Apr 18, 2011
*/

* { margin: 0; padding: 0; }
body { font-size: 75%; color:#424241; background: #dfdfdf; font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif; }
a {text-decoration: none; color:#0066cc;}
a:hover {text-decoration: underline;}
img {border: 0;}

#outter-wrap { width:100%; }
#outter-top { background: #dfdfdf url(../images/grainyBckgrnd.png) 0px 0px repeat; }
#header-outter { background: url(../images/headerBckgrnd_01.png) 0px 0px repeat-x; }
#header { width: 952px; height: 115px; margin: 0 auto; background: url(../images/logoBackground_01.png) 0px 0px no-repeat;}

#scrollArea { width: 952px; margin: 0 auto; clear:both;}

#contentWrapper { width: 100%; }
#graphic { width: 952px; height: 208px !important; margin: 0 auto; } 
.titleArea2 { width: 952px; height:58px !important; margin:0 auto; background: url(../images/mainTitleBckgrnd.png) 0px 0px repeat-x;}
.titleArea2 h2 { font-weight: normal; color:#fff; margin-left: 225px; line-height: 58px; letter-spacing: 1px;}
#content { width: 950px; margin:0 auto; border:1px solid #b1b1b1; background: url(../images/contentBckgrnd.png) 0px 0px repeat;}
#rigthColWrapper { float:right; width:740px; }
#leftCol { float: left; width:200px; background: url(../images/subMenuBckgrnd.png) 0px 0px repeat-y;}
#rigthColWrapper .middleCol, #rigthColWrapper .rightCol { float: left; }
#rigthColWrapper .middleCol { width:500px !important; margin-right: 10px;}
#rigthColWrapper .rightCol { float: left; width:230px !important; padding: 13px 0;}
#rigthColWrapper .inside{ padding: 13px; }
#leftCol .inside { padding: 10px; }

/*
* Main menu CSS 
*
*/
ul#nav {float: left; margin: 60px 0 0 0;white-space: nowrap;}
#nav, #nav ul {/* all lists */float: left;padding: 0;margin: 0;list-style: none;width:100%;}


#nav li {list-style-type: none;float: left;width:auto;overflow:hidden;}
#nav li.logo { margin-right: 12px; }
#nav li a {display:block; padding: 18px 27px 23px 0.8em;text-decoration: none;color: #333;}
#nav li a.double { padding: 18px 27px 8px 0.8em; }
#nav li a:hover {background: url(../images/topNavHoverBackgrnd.png) 0px 0px repeat-x; color: #fff;}


#nav li ul {/* second-level lists */position: absolute;left: -999em;height: auto;background: #494949;width: 17em;margin: -1px 0 0 0;z-index: 999;}
#nav li li {width: 100%;border-bottom: 1px dotted #303030;}
#nav li ul a {width: 100%;padding:0; padding: 8px; color: #cbcbcb;}
#nav li ul a:hover {background: #008c9a;}
#nav li ul li:hover, #nav li ul li.sfhover{background: #008c9a;}
#nav li ul ul {/* third-level lists */margin: -2.5em 0 0 17em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {position: static;background: url(../images/topNavHoverBackgrnd.png) 0px 0px repeat-x; }
#nav li:hover a, #nav li.sfhover a { color: #fff; }

#nav a.nfld { display:block; width:93px; height:38px; padding:5px 0.7em 0 0;}
#nav a.nfld:hover, #nav li.logo:hover { background: none; }

#nav a.current {background: url(../images/topNavHoverBackgrnd.png) 0px 0px repeat-x; color: #fff;}
#nav li ul a.current {background: #008c9a;}

/*
* Footer
*
*/
#footerWrapper {clear: both; width: 100%; }
#footer {clear: both; width: 952px;margin:0 auto; padding-top:15px; border-top:1px solid #a0a0a0; font-size: 11px;}
.fLeftcol { float: left; width:350px; }
.fRightcol { float: right; width:550px; text-align: right; line-height: 63px;}
#footer a { color: #19798a;}

h3 {/*margin-bottom:1.8em;*/}
h3.green {color: #008c9a;font-weight: normal; font-size:1.4em;}
p {margin-bottom: 1.5em;font-size: 1em; line-height: 1.4em;}
.clr {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}