
/*Navigation*/
div.menu{float: left; width: 764px; margin: 0 0px 0 35px; padding: 0; background: url(../img/menu-bg.gif) repeat-y 100% 0;}
div.menu div.menu-top{float: left; height: 18px; width: 100%; overflow: hidden; background: url(../img/menu-top.gif) no-repeat 0 0;}
div.menu ul{float: left; width: 728px; margin: 0; padding: 0 18px;  list-style: none outside;}
div.menu ul li{float: left; margin: 0; padding: 0; background: url(../img/menu-li-bg.gif) no-repeat 100% 0; font-size: 12px; text-transform: uppercase;}
div.menu ul li a:link,
div.menu ul li a:visited{display: block; padding: 7px 5px 6px 5px; background: url(../img/menu-li-a-bg.gif) no-repeat 0 0; color: #354159; text-decoration: none;}
div.menu ul li.selected a:link,
div.menu ul li.selected a:visited,
div.menu ul li a:hover{color: #3399cc;}

div.sidemenu{float: left; width: 100%}
div.sidemenu ul{float: left; width: 100%; margin: 0; padding: 1px 0 0; list-style: none outside; background: url(../img/sidemenu-li-bg.png) no-repeat 0 0;}
div.sidemenu ul li{float: left; width: 100%; margin: 0; padding: 0 0 1px;  background: url(../img/sidemenu-li-bg.png) no-repeat 0 100%; font-size: 1.1em;}
div.sidemenu ul li a:link,
div.sidemenu ul li a:visited{display: block; text-decoration: none;}
div.sidemenu ul li.selected a:link,
div.sidemenu ul li.selected a:visited,
div.sidemenu ul li a:hover{background: url(../img/sidemenu-li-selected.gif) repeat-y 0 0;}
div.sidemenu ul li a:link span,
div.sidemenu ul li a:visited span{display: block; padding: 4px 5px 3px 19px; color: #1a305c; text-decoration: none; background: url(../img/sidemenu-li-a-bg.gif) no-repeat 10px 7px;}
div.sidemenu ul li.selected a:link span,
div.sidemenu ul li.selected a:visited span,
div.sidemenu ul li a:hover span{color: #fff; background-image: url(../img/sidemenu-li-selected-a-bg.gif); }

div.split{float: left; width: 100%;}
div.split div.main{float: left; width: 395px;}
div.split div.sub{float: right; width: 232px; padding: 16px 0 0 18px;}
div.split div.pad-top-cust{padding-top: 40px;}
div.split div.sub h2{padding: 0 0 0.4em;}
div.split div.sub p{font-size: 1.1em; padding: 0 0 0.8em;}

div.side-form{float: left; width: 250px; margin: 0 0 0 -18px; padding: 8px 0 27px 0px; background: url(../img/sidecol-sep.gif) no-repeat 0 0;}
div.side-form fieldset{padding: 0 0 8px 18px; background: url(../img/sidecol-sep.gif) no-repeat 0 100%;}
div.side-form fieldset div{float: left; width: 100%; padding: 0 0 4px;}
div.side-form fieldset div.buttons{margin: 8px 0 0 -18px; padding: 8px 0 0 18px; background: url(../img/sidecol-sep.gif) no-repeat 0 0;}
div.side-form fieldset input.text{width: 198px;}

div.map{float: left; width: 250px; margin: 0 0 15px -18px; padding: 11px 0 0 0; background: url(../img/sidecol-sep.gif) no-repeat 0 0;}
div.map div.wrapper{float: left; padding: 0 0 11px 18px; background: url(../img/sidecol-sep.gif) no-repeat 0 100%;}
div.map div.wrapper img{float: left; margin: 0; padding: 0; border: 1px solid #253a64;}

div.news-list{float: left; width: 100%; }
div.news-list ul{margin: 0; padding: 0 0 7px; list-style: none outside;}
div.news-list ul li{margin: 0; padding: 0 20px 0.9em 17px; background: url(../img/new-list-bullet.gif) no-repeat 1px 6px; font-size: 1.1em; line-height: 1.2em;}
div.news-list ul li a:link,
div.news-list ul li a:visited{color: #1b212f; text-decoration: none;}
div.news-list ul li a:hover{text-decoration: underline;}

div.listing{float: left; width: 100%; background: url(../img/listing-sep.gif) no-repeat 0 0;}
div.listing div.item{float: left; width: 100%; padding: 17px 0 13px; background: url(../img/listing-sep.gif) no-repeat 0 100%;}
div.listing div.item div.image{float: right; width: 110px; padding: 29px 8px 0 0;}
div.listing div.item div.image div.img-top{float: left; width: 100%; height: 2px; overflow: hidden; background: url(../img/listing-img-top.gif) no-repeat 0 0;}
div.listing div.item div.image div.img-btm{float: left; width: 100%; height: 2px; overflow: hidden; background: url(../img/listing-img-btm.gif) no-repeat 0 0;}
div.listing div.item div.image div.body{float: left; width: 106px; padding: 0 2px; background: url(../img/listing-img-bg.gif) repeat-y 0 0;}
div.listing div.item div.image div.body img{float: left; margin: 0; padding: 0;}
div.listing div.item div.info{float: left; width: 252px;}
div.listing div.item div.info h2{padding: 0 0 0.5em; color: #424d64; font-size: 1.4em;}
div.listing div.item div.info p{padding: 0 0 0.7em;}

div.home-banner{position: relative; float: left; width: 808px; height: 279px;padding: 0 0 21px;}
div.home-banner div.scope{float: left; width: 100%; height: 279px; /*overflow: hidden;*/}
div.home-banner div.scope div.counter{position: absolute; top: 183px; left: 546px; width: 232px; height: 25px; background: url(../img/home-banner-counter-bg.png) no-repeat 0 0; z-index: 20;}
div.home-banner div.scope div.counter div.paging{float: left; padding: 6px 0 0 5px;}
div.home-banner div.scope div.counter div.paging ul{float: left; margin: 0; padding: 0; list-style: none outside;}
div.home-banner div.scope div.counter div.paging ul li{float: left; width: 15px; height: 15px; padding: 0 3px 0 0; background: none; overflow: hidden; font-size: 0.9em;}
div.home-banner div.scope div.counter div.paging ul li a:link,
div.home-banner div.scope div.counter div.paging ul li a:visited{float: left; display: block; width: 100%; padding: 2px 0 0; color: #fff; text-align: center; text-decoration: none; background: url(../img/home-banner-counter-nums-bg.png) no-repeat 0 0;}
div.home-banner div.scope div.counter div.paging ul li.selected a:link,
div.home-banner div.scope div.counter div.paging ul li.selected a:visited,
div.home-banner div.scope div.counter div.paging ul li a:hover{background-position: 0 -15px;}
div.home-banner div.scope div.counter div.controls{float: right; padding: 7px 6px 0 5px;}
div.home-banner div.scope div.counter div.controls a{display: block; float: left; margin: 0 2px 0 0; padding: 0; width: 14px; height: 14px; overflow: hidden; background: url(../img/home-baner-controls.png) 0 0;}
div.home-banner div.scope div.counter div.controls a.prev{background-position: 0 -14px;}
div.home-banner div.scope div.counter div.controls a.pause{background-position: 0 -28px;}
div.home-banner div.scope div.counter div.controls a.play{background-position: 0 -42px;}
div.home-banner div.scope div.items{float: left; width: 100%;}
div.home-banner div.scope div.items div.item{position: absolute; width: 808px; height: 279px; top: 0;}
div.home-banner div.scope div.items div.item div.item-wrap{position: relative; width: 808px; height: 279px;}
div.home-banner div.scope div.items div.item div.image{position: absolute; top: 0; left: 0;}
div.home-banner div.scope div.items div.item div.image img{float: left; padding: 0; margin: 0;}
div.home-banner div.scope div.items div.item div.image div.overlay{position: absolute; top: 0; left: 0; width: 808px; height: 279px; z-index: 10; background: red; background: url(../img/home-banner-overlay.png) no-repeat 0 0;}
div.home-banner div.scope div.items div.item div.info{position: absolute; left: 546px; top: 45px; width: 236px; height: 135px; overflow: hidden; z-index: 15;}
div.home-banner div.scope div.items div.item div.info h3{padding: 0 0 4px; color: #1f4774; text-transform: lowercase; font-weight: normal; font-size: 2.5em; letter-spacing: 2px;}
div.home-banner div.scope div.items div.item div.info p{color: #2a2f3a; padding: 0; font-size: 1.2em;}

div.features{float: left; width: 800px; padding: 0 0 0 5px;  background: url(../img/feature-bg.gif) repeat 5px 0;}
div.features div.box-tops{float: left; width: 100%; height: 10px; background: url(../img/feature-box-top.gif) repeat-x 0 0;}
div.features div.box-btms{float: left; width: 100%; height: 12px; background: url(../img/feature-box-btm.gif) repeat-x 0 0;}
div.features div.wrapper{float: left; width: 100%; background: url(../img/feature-wrapper-bg.gif) repeat-x 0 0;}
div.features div.wrapper div.feature-box{float: left; width: 259px; padding: 0 0 0 11px;}
div.features div.wrapper div.feature-box:first-child{padding: 0;}
div.features div.wrapper div.feature-box div.box-body{padding: 4px 15px 0 16px;}
div.features div.wrapper div.feature-box div.box-body h2{padding: 0 0 6px; font-size: 1.7em;}
div.features div.wrapper div.feature-box div.box-body p{padding: 0 0 1.4em; font-size: 1.2em;}
div.features div.wrapper div.feature-box div.box-body p.more{padding: 5px 0 0.5em; font-size: 1.2em;}

div.panel-box{float: left; width: 254px; background: url(../img/panel-box-bg.gif) repeat-y 0 0;}
div.panel-box div.box-top{float: left; width: 100%; height: 10px; overflow: hidden; background: url(../img/panel-box-top.gif) no-repeat 0 0;}
div.panel-box div.box-btm{float: left; width: 100%; height: 10px; overflow: hidden; background: url(../img/panel-box-btm.gif) no-repeat 0 0;}
div.panel-box div.box-body{float: left; width: 222px; min-height: 188px; padding: 10px 15px 10px 17px; background: url(../img/panel-box-body-bg.gif) no-repeat 0 100%}

p.dl{float: left; width: 100%; padding: 0 !important;}
p.dl span.attr{float: left; width: 42px;}
p.dl span.def{display: block; padding: 0 0 0 39px;}

p.more{font-size: 1.0em !important; font-weight: bold; text-transform: uppercase;}
p.more a:link,
p.more a:visited{padding: 0 9px 0 0; background: url(../img/more-bullet.gif) no-repeat 100% 0.3em;}

a.btn-readmore{display: block; float: left; width: 92px; height: 21px; background: url(../img/btn-readmore.gif) no-repeat 0 0;}
