body { margin: 0; padding: 0; }
body, input, textarea, select { font: 11px Tahoma, Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #00438a; }
a:hover { text-decoration: underline; }
a img { border: none }
p { margin: 1em 0 }
ul { margin: 0; padding: 0; list-style: none; }
form { margin: 0 }
table { border-collapse: collapse }
h1 img, h2 img, h3 img, h4 img { display: block; }

#wrapper1 { width: 100%; background: url(../img/wrapper1.gif) 50% 0 repeat-y; }
#wrapper2 { width: 100%; background: url(../img/wrapper2.jpg) 50% 0 no-repeat; }
#wrapper3 { width: 100%; background: url(../img/wrapper3.jpg) 50% 100% no-repeat;  }
#container { width: 972px; margin: 0 auto; }

#top { width: 100%; height: 317px; position: relative; }
#top h1 { position: absolute; top: 36px; left: 23px; margin: 0; }
#top div.slogan { position: absolute; top: 186px; left: 574px; }
#top #top-menu { position: absolute; top: 0; left: 715px; width: 263px; }
#top #top-menu li { float: left; }
#top #top-menu li a { float: left; height: 51px; overflow: hidden; }
#top #top-menu li a:hover { display: block; }
#top #top-menu li a:hover img,
#top #top-menu li a.current img { margin-top: -51px; }
#top #main-menu { position: absolute; top: 76px; left: 308px; width: 666px; }
#top #main-menu li { float: left; }
#top #main-menu li a { float: left; height: 37px; overflow: hidden; }
#top #main-menu li a:hover { display: block; }
#top #main-menu li a:hover img,
#top #main-menu li a.current img { margin-top: -37px; }

#content { width: 680px; min-height: 360px; padding: 0 20px 0 0; float: left; color: #656565; line-height: 18px; font-size: 12px; }
#content a { border-bottom: solid 1px #7bb5f2; }
#content a:hover { border-bottom: solid 1px #00438a; text-decoration: none; }
#content h2 { font: 23px Arial, sans-serif; color: #008451; margin: 0 0 12px 0; padding: 14px 0 0 0; height: 34px; background: url(../img/h2.jpg) no-repeat; }
#content h3 { font: bold 14px Tahoma, Arial, sans-serif; color: #00438a; margin: 12px 0; }
#content ul { margin: 10px 0; }
#content ul li { background: url(../img/bullet2.gif) 0 6px no-repeat; padding: 0 0 5px 12px; }
#content ul.arrows li { background: url(../img/bullet3.gif) 0 3px no-repeat; padding: 0 0 8px 37px; }
#content strong { color: #008451; }
#content div.box { background: url(../img/box.jpg) repeat-x; border: solid 1px #e1e1e4; padding: 2px 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
#content div.page-content { min-height: 150px; }
#content div.boxes { height: 217px; padding: 20px 0 0 0; border-top: solid 1px #e1e1e4; background: url(../img/boxes.gif) 258px 21px no-repeat; }
#content div.boxes ul { margin: 0 0 12px 0; min-height: 50px; }
#content div.boxes ul li { margin: 0 0 2px 0; }
#content div.boxes ul li a { color: #656565; }
#content div.boxes a.learn-more { display: inline-block; width: 123px; height: 30px; line-height: 29px; padding: 0 33px 0 0; background: #54ac8a url(../img/learn-more.gif) no-repeat; text-align: right; color: #fff; font-weight: bold; }
#content div.boxes div.lft { width: 270px; float: left; }
#content div.boxes div.rgt { width: 319px; float: right; }

#sidebar { width: 272px; float: right; padding: 13px 0 0 0; }
#sidebar ul.menu { height: 89px; padding: 25px 0 0 31px; margin: 0 0 23px 0; background: #189c69 url(../img/sidebar.menu.jpg) no-repeat; line-height: 16px; font-size: 13px; }
#sidebar ul.menu li { padding: 0 0 0 6px; background: url(../img/bullet.gif) 0 7px no-repeat; }
#sidebar ul.menu li a { color: #fff; text-shadow: 1px 1px #14814e; }
#sidebar ul.menu li a:hover { color: #b6f6dd; text-decoration: none; }
#sidebar div.calendar { margin: 0 -18px 0 0; position: relative; width: 290px; }

#ft { width: 100%; height: 40px; line-height: 36px; clear: both; font-weight: bold; color: #fff; }
#ft a { color: #fff; }
#ft div.legal { float: right; padding: 0 50px 0 0; }

body.home { }
body.home #wrapper1 { background-image: url(../img/home.wrapper1.gif); }
body.home #wrapper2 { background-image: url(../img/home.wrapper2.jpg); }
body.home #wrapper3 { background-image: url(../img/home.wrapper3.jpg); }
body.home #top { height: 406px; }
body.home #top div.slogan { top: 201px; left: 566px; }
body.home #content { min-height: 320px; background: url(../img/home.content.gif) 333px 0 no-repeat;  }
body.home #content h2 { height: 48px; padding-top: 0; }
body.home #content div.home-lft { width: 315px; float: left; }
body.home #content div.home-lft h2 { color: #00438a; }
body.home #content div.home-rgt { width: 320px; float: right; }

body.wide #content { width: 972px; }
body.wide #content h2 { background: url(../img/wide.h2.jpg) no-repeat; }