body { margin: 0px; padding: 0; background: #ffca00; font-family: Arial, sans-serif; font-size: 1em; } #entire {background: url(images/topbg.jpg) repeat-x #fff; } #site { width: 836px; margin: 0 auto; position: relative; z-index: 3; } #header { height: 81px; position: relative; z-index: 5; } #header h1, #header h1 a, #header p { position: absolute; height: 96px; margin: 0; padding: 0; display: block; text-indent: -9999px; } #header h1 a { width: 750px; left: 40px; background: url(images/logo.gif) no-repeat; } #header p { width: 335px; right: 40px; } #main { height: 1%; background: #fff; } #content { padding: 18px 30px; background: #fff; } i, u { height: 15px; position: relative; z-index: 0; display: block; background: #fff; } i { background: url(images/topshad.jpg) repeat-x; } u { background: url(images/botshad.jpg) #fff bottom repeat-x; } i b { left: 0; background: url(images/topleft.jpg) no-repeat; } i s { right: 0; background: url(images/topright.jpg) no-repeat; } u b { left: 0; top: -185px; background: url(images/botleft.jpg) no-repeat; } u s { right: 0; top: -185px; background: url(images/botright.jpg) no-repeat; } i b, i s, u b, u s { position: absolute; display: block; width: 30px; z-index: 10; } i b, i s { height: 335px; } u b, u s { height: 200px; } p { margin: 9px 0; line-height: 1.3; } #mainnav { margin: 0 auto; width: 775px; height: 170px; border-bottom: 8px solid #c90009; } #mainnav ul { padding: 0; margin: 0; list-style: none; float: left; } #mainnav li a { display: block; height: 33px; line-height: 33px; color: #333; text-align: right; font-size: 1.05em; text-decoration: none; width: 210px; padding: 0 14px 0 0; background: #FEA000; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } #mainnav li a:hover { color: #fff; background: #FE3A00; } #mainnav img { float: left; } ul#promo { float: left; background: #f9f9f9;width: 135px; margin: 0 15px 0 0; font-weight: 700; padding: 0; margin: 0; list-style: none; font-size: 0.7em; } ul#promo li { text-align: center; font-family: Verdana, sans-serif; color: #666; padding: 0 0 8px 0; border-bottom: none #999; margin: 0 0 12px 0; } ul#promo li.img { border-bottom: none; } ul#promo a {color:#333} ul#promo a:hover {color:#FE3A00} .nav2{background: #FEA000; padding-top:6px; color:#000; } #text { background: url(images/midbg.gif) repeat-y; margin-top: 20px; height: 1%; } #maintext { float:left; width: 600px; padding: 0 15px 0 25px; font-size: 0.8em; } #maintext h2 { padding: 0; margin: 0; color: #f85c10; } #text:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } #footer { background: url(images/botbg.jpg) repeat-x; height: 60px; position: relative; top: -48px; z-index: 2; } #footer p { width: 760px; color: #777; margin: 0 auto; padding-top: 45px; text-align: right; font-size: 0.75em; font-weight: 700; } #footer span, #footer span a { color: #b80; font-weight: 100; } form { margin: 30px 0; width: 100%; } form div { margin: 0 0 8px 0; } form label { display: block; width: 190px; float: left; text-align: right; padding: 0 5px 0 0; line-height: 23px; } form input.text { font-size: 14px; width: 300px; padding: 2px; background: #fcfcfc; border: 1px solid #000; } form select.text { font-size: 14px; width: 306px; padding: 1px; background: #fcfcfc; border: 1px solid #000; } form input.button { margin: 0 0 0 195px; } form textarea.text { width: 300px; height: 80px; font-family: Arial, sans-serif; font-size: 14px; padding: 2px; background: #fcfcfc; border: 1px solid #000; }