@charset "utf-8";

div#frame { background-image:url(../images/template/top-background.png); background-repeat:repeat-x }
div#template { text-align: left; width: 1079px; margin: 0 auto 0 auto }

div#top { height: 120px; overflow: hidden }
div#logo { float: left; width: 761px; padding: 22 0 0 0 }
div#contact { float: right; width: 240px; color: #9d9e98; padding: 22 0 0 0 }
div#contact input { width: 230px; height: 30px; color: #9d9e98; border: none; padding: 8 4 8 8; background-color: #3e3f39 }

div#canvas { background-color: #fff }
div#menu { height: 80px }
div#menu dl { margin: 0 }
div#menu dd { float: left; width: 119px; height: 80px; margin: 0 1 0 0; padding: 0; background-image:url(../images/template/tab-normal.png) }
div#menu a { display: block; padding: 48 0 0 10; font-family: Quicksand; font-size: 21px; color: #fff; text-decoration: none }
dd.last { margin-right: 0 !important }
dd#selected { background-image:url(../images/template/tab-selected.png) !important }

div#content-padding { padding: 30 30 10 30 }
div#resources { float: left; width: 239px; height: 300px; color: #fff; background-color: #1c3326 }
div#resources h3 { margin: 20 0 10 20 }
div#resources a { display: block; padding: 4 0 4 0; color: #fff; text-decoration: none }
div#resources a:hover { text-decoration: underline }
div#rotating-banner { float: right; width: 779px; height: 300px; background-color: #e9e9e9 }
div#rotating-banner-mask { width: 720px; height: 240px; margin: 30 0 0 30; overflow: hidden }

div.col-left { float: left; width: 239px }
div.col-right { float: right; width: 720px }
div.clear { clear: both }

div.portal { color: #fff; width: 239px; margin: 30 0 0 0; background-color: #929292 }
div.portal td { color: #fff !important }
div.portal td, th { color: #3E3F39 }
div.portal h3 { margin: 0 0 4 0 }
div.portal a { color: #fff }
div.portal-padding { padding: 20 20 20 20 }

div#spotlight { padding: 30 0 0 0 }

div#footer { background-color: #1c3326; height: 150px; width: 100% }
div#footer-inner { color: #90b29f; text-align: left; width: 1079px; margin: 0 auto 0 auto; padding: 10 0 0 0; border-top: solid 20px #fff }
div#footer-inner a { color: #90b29f }
div#copyright { float: left; width: 400px }
div#breeze { float: right; width: 400px }

.content-lead { height: 60px }
