body {background: #CBB991; font: 12px/15px verdana,arial,helvetica; margin: 20px;}
#container {width: 707px;}

#dim {position: absolute; margin: -20px; background-color: #000; width: 120%; height: 120%; filter:alpha(opacity=55);-moz-opacity:.25;opacity:.55; z-index: 1}
#login {position: absolute; width: 160px; left: 270px; top: 150px; border: 2px solid black; padding: 20px; background: #CBB991 url(../images/loginheader.gif) no-repeat; padding-top: 70px; z-index: 3000;}
#msg {position: absolute; width: 560px; left: 70px; top: 150px; border: 2px solid black; padding: 20px; background: #CBB991 url() no-repeat; z-index: 30;}

#header {background: transparent url(../images/header.png) no-repeat; height: 28px; padding-top: 88px; text-align: center; font-size: 17px; line-height: 25px;}
#header #home {display: block; width: 707px; height: 80px; position: absolute; top: 20px; left: 20px;}
#main {background-color: #F0E0BC; padding: 0 8px 30px 18px;}
#footer {background: transparent url(../images/footer.png) no-repeat; height: 17px;}

#instructions, #legal {color: #827557; font-size: 10px; text-align: center; line-height: 43px;}
#leftcol {width: 425px;}
#rightcol {width: 200px; float: right;}

.public #main {height: 590px;}
#main img.ad {margin-bottom: 10px; margin-right: 10px; float: left;}

.clear {clear: both;}

a {color: #4C6B67;}
a:hover {color: #000;}

/* admin */
th {font-size: 10px; border-bottom: 1px solid black;}
td {font-size: 12px;}
.row0 td, .row1 td, .row2 td {border-bottom: 1px solid #CBB991;}
.row0 td {background-color: #71918D; color: #FFF; font-weight: bold;}
.row2 td {background-color: #DFCFAB;}
.totals th {border-top: 1px solid black; background-color: #DFCFAB;}
.lastrow td {border-bottom: 1px solid #000;}

.new {display: block; width: 100px; background-color: #72928E; line-height: 23px; color: #fff; text-decoration: none; text-align: center; border: 1px solid #72928E; float: right;}
.new:hover {background-color: #fff; color: #000; border: 1px solid #000;}

.confirm, .error {padding: 15px; margin-bottom: 10px; font-size: 14px;}
.confirm {border: 2px solid green; background-color: white;}
.error {border: 3px solid white; background-color: red; color: white; font-weight: bold;}

th {text-align: left;}
th a {text-decoration: none;}
td.admin {text-align: right;}

dt {font-weight: bold;}
dd {margin-left: 0; margin-bottom: 15px;}
dd ol {margin-top: 10px;}

/* navigation bar */
#nav {background: transparent url(../images/nav_top.gif) no-repeat; padding-top: 24px; width: 179px; position: absolute; left: 727px; top: 100px;}
#nav div {background: transparent url(../images/nav_bottom.gif) no-repeat bottom; padding-bottom: 24px; border-top: 1px solid #f0e0bc;}
#nav a, #nav span  {display: block; text-decoration: none; line-height: 33px; height: 33px; background: #8B806a url(../images/nav_back.gif) repeat-y; padding-left: 15px; border-bottom: 1px solid #f0e0bc; color: #fff; font-size: 11px;}
#nav a:hover {background: #554e41 url(../images/spacer.gif) no-repeat; position: relative; left: -10px;}
#nav span {height: 24px;}

div.offerlabel {color: #73938f; margin-top: 35px; font-size: 18px; line-height: 22px;}
a.offer {display: block; text-decoration: none; width: 250px; border: 2px solid #73938f; background-color: white; padding: 15px; font-size: 18px; line-height: 30px;}
a.offer:hover {border-color: #fff; background-color: #73938f; color: white;}

div.legal {font-size: 9px; line-height: 10px;}

li {padding-top: 5px;}

sup {font-size: 7px;}

/* page items */
h2 span {display: none;}
h2#welcome {background: transparent url(../images/title_welcome.gif) no-repeat; width: 673px; height: 46px;}
h2#howitworks {background: transparent url(../images/title_howitworks.gif) no-repeat; width: 673px; height: 46px;}
h2#pricing {background: transparent url(../images/title_pricing.gif) no-repeat; width: 673px; height: 46px;}
h2#faq {background: transparent url(../images/title_faq.gif) no-repeat; width: 673px; height: 46px;}
h2#districtsignup {background: transparent url(../images/title_districtsignup.gif) no-repeat; width: 673px; height: 46px;}
h2#schoolsignup {background: transparent url(../images/title_schoolsignup.gif) no-repeat; width: 673px; height: 46px;}
h2#vendorsignup {background: transparent url(../images/title_vendorsignup.gif) no-repeat; width: 673px; height: 46px;}
h2#about {background: transparent url(../images/title_about.gif) no-repeat; width: 673px; height: 46px;}
h2#contact {background: transparent url(../images/title_contact.gif) no-repeat; width: 673px; height: 46px;}

h3 span {display: none;}
h3#schooldistricts {background: transparent url(../images/sub_schooldistricts.gif) no-repeat; width: 163px; height: 26px;}
h3#schoolordistrict {background: transparent url(../images/sub_schoolordistrict.gif) no-repeat; width: 185px; height: 26px;}
h3#localbusinesses {background: transparent url(../images/sub_localbusinesses.gif) no-repeat; width: 172px; height: 26px;}
h3#localbusinessesvendors {background: transparent url(../images/sub_localbusinessesvendors.gif) no-repeat; width: 281px; height: 26px;}
h3#schoolbenefits {background: transparent url(../images/sub_schoolbenefits.gif) no-repeat; width: 163px; height: 26px;}
h3#localbusinessbenefits {background: transparent url(../images/sub_localbusinessbenefits.gif) no-repeat; width: 243px; height: 26px;}
h3#schools {background: transparent url(../images/sub_schools.gif) no-repeat; width: 81px; height: 26px;}
h3#marketingtipsforsuccess {background: transparent url(../images/sub_marketingtipsforsuccess.gif) no-repeat; width: 325px; height: 26px;}


a.button {background: transparent url(../images/btn_left_0.gif) no-repeat; line-height: 52px; height: 59px; padding-left: 18px; display: block;float: left; color: white; text-decoration: none; font-size: 16px;}
a.button span {background: #f0e0bc url(../images/btn_right_0.gif) no-repeat; height: 59px; width: 25px; float: right; display: block;}

a.button:hover {background-image: url(../images/btn_left_1.gif); }
a.button:hover span {background-image: url(../images/btn_right_1.gif);}