* { padding: 0; margin: 0; }
body { overflow-y: scroll; line-height: 18px; background: #fff; }
body, input, textarea { font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial; font-size: 11px; color: #797979; }
a { color: #797979; text-decoration: none; }
img { border: none; }



/***** wrapper *****/
#bg { position: absolute; left: 0; top: 195px; z-index: 1; width: 100%; height: 140px; background: #154273; }
#wrap { position: relative; z-index: 2; left: 50%; top: 0; width: 956px; background: url(../images/content-bg.png) repeat-y right; margin-left: -478px; }



/***** header *****/
#header { width: 880px; height: 104px; background: url(../images/content-bg.png) no-repeat; overflow: hidden; padding: 30px 38px 0; }

#header h1 { float: left; height: 104px; line-height: 104px; font-size: 32px; font-weight: bold; color: #154273; background: url(../images/header-logo.png) no-repeat 11px 23px; padding: 0 25px 0 84px; }
#header h2 { float: left; height: 35px; line-height: 35px; font-size: 14px; font-weight: normal; text-transform: uppercase; border-left: 1px solid #ddd; padding: 0 0 0 25px; margin: 37px 0 0; }



/***** navigation *****/
#nav { width: 880px; height: 36px; overflow: hidden; padding: 0 38px 25px; }

#nav ul { width: 880px; height: 34px; list-style: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#nav li { float: left; height: 34px; line-height: 34px; }
#nav a { display: block; float: left; height: 34px; font-size: 15px; outline: none; padding: 0 20px; }
#nav a:hover { color: #154273; }
#nav .active a { background: #154273; color: #fff; font-weight: bold; }
#nav .active a:hover { color: #fff; }



/***** image rotator *****/
#rotator { width: 880px; height: 140px; overflow: hidden; padding: 0 38px; }
#rotator ul { width: 880px; height: 140px; overflow: hidden; list-style: none; }
#rotator img { display: block; }



/***** content *****/
#content { overflow: hidden; width: 880px; background: url(../images/content-bg.png) no-repeat bottom center; padding: 0 38px 38px; }
#left { float: left; width: 580px; position: relative; }
#right { float: right; width: 250px; padding: 0 0 15px; }

#content h1, #content h2 { clear: both; line-height: 20px; font-size: 20px; font-weight: bold; color: #154273; padding: 25px 0 20px; }
#content h3 { line-height: 15px; font-size: 15px; font-weight: normal; color: #154273; padding: 0 0 5px; }
#content p, #content address { font-style: normal; padding: 0 0 18px; }
#content a { color: #154273; }
#content a:hover { text-decoration: underline; }

#content ul, #content ol { padding: 0 0 18px 20px; }

#content .float_right { float: right; margin: 0 0 0 25px; }

#right .block { padding: 25px 0 0; }
#right .block .bg-top { height: 14px; background: url(../images/right-block.png) no-repeat; }
#right .block .bg-btm { height: 14px; background: url(../images/right-block.png) no-repeat bottom left; }
#right .block .bg-mid { background: url(../images/right-block.png) repeat-y right; padding: 8px 25px; }
#right .block h2 { padding: 0; }
#right .block p, #right .block address { padding: 18px 0 0; }



/***** footer *****/
#footer { width: 899px; height: 30px; background: #154273; padding: 0 19px 0 12px; margin: 0 auto; }
#footer p { line-height: 30px; color: #fff; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer .left a { color: #fff; padding: 0 10px; }
#footer .left a:hover { text-decoration: underline; }



/***** by *****/
#by { height: 18px; text-align: center; padding: 20px 32px; }

#by .part1 { display: inline; padding: 0 3px 0 0; }
#by .part2 { display: inline; }
#by a { height: 18px; background: url(../images/by-logo.png) no-repeat left center; padding: 2px 0 2px 22px; }
#by a:hover { color: #154273; text-decoration: underline; background-image: url(../images/by-logo-hover.png); }
