/* GOODesign - March 2009 */

body {background: url(images/bg.jpg) top center repeat-x #e0dfe3; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0px;}

h1#logo {margin: 0px; padding: 0px;}
h1#logo a {float: left; background: url(images/logo.png) no-repeat; width: 227px; height: 109px; text-indent:-999em; overflow: hidden; display: block;}


label {width: 70px; float: left; clear: both; text-align: left; margin-right: 10px;}
input {margin-bottom: 10px; width: 200px; border: 1px solid #e5e5e5; background-color: #e5e5e5; color: #000; padding: 3px; font-size: .8em; font-family: Arial, Helvetica, sans-serif;}
textarea {width: 200px; border: 1px solid #e5e5e5; background-color: #e5e5e5; color: #000; padding: 3px; font-size: .8em; font-family: Arial, Helvetica, sans-serif;}
input.submit {margin-left: 80px; margin-top: 10px; width: 130px;  background-color: #ccc; color: #000; border: none; text-transform: uppercase; font-size: .9em; font-family: Arial, Helvetica, sans-serif;}

/* PAGE LAYOUT */
#container {margin: 0px auto; padding: 0px; width: 820px; background: url(images/bg_content_shadow.png) top left repeat-y; font-size: .8em; display: block;}
#container #inner {width: 820px; margin: 0px; padding: 0px; background: url(images/bg_footer_shadow.png) bottom center no-repeat; display: block; padding-bottom: 10px;}
#hdr {margin: 0px; padding: 0px; width: 800px; height: 120px; background: url(images/bg_hdr.jpg) repeat-x; display: block;  margin-left: 10px;}
#page {width: 800px; background-color: #fff; margin-left: 10px; font-family: Georgia, "Times New Roman", Times, serif;}
#footer {width: 100%; text-align: center; font-size: .7em; margin: 10px; color: #999;}

/* NAVIGATION */
ul#nav {float: right; margin: 0px; padding: 0px; width: 372px; list-style: none; display: block; margin-top: 85px;}
ul#nav li {float: left; list-style: none; width: 87px; height: 35px; background: url(images/nav.gif) no-repeat; margin-left: 5px; text-align: center;}
ul#nav li a {text-transform: uppercase; color: #333; text-decoration: none; padding-top: 10px; padding-right: 8px; display: block; font-size: 12px;}
ul#nav li:hover, ul#nav li.active {background: url(images/nav_on.gif) no-repeat;}
ul#nav li:hover a, ul#nav li.active a {color: #fff;}

/* HOMEPAGE PROMOS */
#homephoto {width: 800px; height: 370px; border-top: 10px solid #99CC00; border-bottom: 10px solid #99CC00;}
#homepromos {margin: 0px; padding: 0px; padding-left: 10px; display: block;}
#homepromos div.promo {width: 253px; height: 140px; float: left; margin: 10px 10px 10px 0px; background: url(images/bg_promo.jpg) repeat-x #B4B4B4; color: #fff;}
#homepromos h2 {margin: 10px; font-weight: normal; font-size: 2.3em;} 
#homepromos div.promo p {margin: 10px;}
#homepromos div.promo a {color: #fff;}

/* INTERNAL PAGES */
#content {width: 800px; border-top: 10px solid #99CC00;}
#content #fullcol {width: 760px; float: left; margin: 20px; color: #666666;}
#content #fullcol h2 {margin: 0px; padding: 0px; font-size: 3em; font-weight: normal; color: #99CC00; line-height: 1em; font-family: Geneva, Arial, Helvetica, sans-serif;}
#content #fullcol p {line-height: 2em;}

#content #leftcol {width: 560px; float: left; margin: 20px; color: #666666;}
#content #leftcol h2 {margin: 0px; padding: 0px; font-size: 3em; font-weight: normal; color: #99CC00; line-height: 1em; font-family: Geneva, Arial, Helvetica, sans-serif;}
#content #leftcol p {line-height: 2em;}
#content #rightcol {width: 195px; float: right; background-color: #F0EFF1;}


#content #fullcol #promos div.promo {width: 360px; height: 500px; float: left; margin: 10px 20px 10px 0px; background: url(images/bg_promo.jpg) repeat-x #B4B4B4; color: #fff;}
#content #fullcol #promos div.promo h2 {margin: 10px; font-weight: normal; font-size: 2.3em; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; color: #fff;} 
#content #fullcol #promos div.promo p {margin: 10px; color: #000;}
#content #fullcol #promos div.promo a {color: #fff; font-weight: bold;}
#content #fullcol #promos div.promo li {color: #333;}
#content #fullcol #promos div.promo b {color: #fff;}