body { height: 100%; color: #333; background: #ffffff url(img/bkg.png); margin: 30px 0; padding: 0; text-align: center; }

#wrapper { width: 780px; margin: 0 auto; background: url(img/bkg-main.png) repeat-y; text-align: left; }
#head { background: url(img/bkg-head.png) no-repeat center top; width: 680px; height: 90px; padding: 30px 50px 0; }
#banner { width: 760px; height: 161px; margin: 0 auto; }
#content { width: 760px; margin: 0 auto; position: relative; overflow: auto; }
#main { float: left; width: 420px; padding: 20px 15px 20px 40px; }
#side { float: right; width: 220px; padding: 40px 40px 20px 15px; }
#main-right { float: right; width: 440px; padding: 40px 40px 20px 15px; }
#side-left { float: left; width: 200px; padding: 30px 15px 20px 40px; }
#multi { width: 678px; height: 149px; clear: both; background: url(img/bkg-multi.png) no-repeat center top; position: relative; margin: 0 auto; }
#foot { background: url(img/bkg-foot.png) no-repeat center bottom; width: 680px; padding: 0 50px 30px; clear: both; }
#skip-to { float: right; width: 240px; text-align: right; }
#splash { width: 660px; padding: 30px 50px 30px 50px; }

#home #head, #biz #head { background: url(img/bkg-head-home.png) no-repeat center top; }
#home #content, #biz #content { background: url(img/bkg-content-home.png) no-repeat center top; }
#doc #head { background: url(img/bkg-head-doc.png) no-repeat center top; }
#doc #content { background: url(img/bkg-content-doc.png) no-repeat center top; }

h1, h2, h3, h4 { margin: 0; font-family: Calibri, Arial, Helvetica; }
h1 { font-size: 1.31em; color: #0e6e38; }
h2 { font-size: 1.12em; color: #29166f; }
h3 { font-size: 1em; color: #e2383f; }
h4 { font: bold normal 0.81em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c; }
#splash h1 { font-size: 1.875em; color: #29166f; font-weight: normal; }
p, ul, address { margin-top: 0; font: normal 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c; }

ul ul { font-size: 1em; }

.addrLeft { float: left; padding: 16px 10px 16px 20px; width: 190px; }
.addrRight { float: right; padding: 16px 20px 16px 10px; width: 190px; }
.mapLeft { float: left; padding: 16px 10px 16px 20px; width: 190px; }
.mapRight { float: right; padding: 16px 20px 16px 10px; width: 190px; }

a { color: #0e6e38; }
a:hover { color: #e2383f; }

img { border: 0; }
img.imgRight { float: right; margin: 0 0 1em 1.5em; }
img.imgCtr { display: block; margin: 0 auto; }
.sm { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; }
.ctr { text-align: center; }
li .sm { font-size: 75%; }
hr { color: #ececec; background-color: #ececec; border: none; height: 1px }

form { font: 0.75em Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ececec; padding: 30px; }
input, textarea { margin: 2px 0 7px; }

#skip-to p, #foot p { font-size: 0.625em; line-height: 1em; margin: 0px; padding: 0px; }
#skip-to a, #foot a { color: #4c4c4c; text-decoration: none; }
#skip-to a:hover, #foot a:hover { color: #e2383f; text-decoration: underline; }
#foot img { margin: 0 20px 12px 0; }

#box1, #box2, #box3 { width: 196px; height: 149px; position: absolute; padding: 0 10px; }
#box1 { top: 0px; left: 0px; }
#box2 { top: 0px; left: 226px; }
#box3 { top: 0px; left: 452px; }

a.box { display: block; text-decoration: none; padding: 10px; width: 186px; height: 109px; }
a.box:hover { background-color: #ebebeb; }
a.box span.link { color: #0e6e38; text-decoration: underline; }
a.box:hover span.link { color: #e2383f; }

#multi p { font: normal 0.69em/1.37em Verdana, Arial, Helvetica, sans-serif; color: #4c4c4c; }
#multi p a { color: #4c4c4c; }
span.h3 { color: #e2383f; font: bold 1.5em Calibri, Arial, Helvetica; margin-bottom: 2px; }

.menu { list-style: none; margin: 0 0 16px; padding: 0; font: 0.75em/1.5px Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #ececec; }
.menu li { width: 200px; border-bottom: 1px solid #ececec; text-indent: 10px; line-height: 24px; }
.menu li a { display: block; text-decoration: none; }
.menu li a:hover { background-color: #f6f6f6; }

ul.pdf li, li.pdf { background: url(img/pdf.png) no-repeat left center; padding-left: 24px; list-style: none; margin: 0px 0px 0px -24px; }
ul.map li, li.map { background: url(img/map.png) no-repeat left center; padding-left: 24px; list-style: none; margin: 0px 0px 0px -44px; }
ul.email li, li.email { background: url(img/email.png) no-repeat left center; padding: 2px 0 2px 24px; list-style: none; margin: 0px 0px 0px -38px; }

.product { float: right; margin: 0 0 16px 20px; }
.padTop20 { padding-top: 20px; }

iframe { margin-top: 16px; border: 1px solid #ececec; }
