/* - Elements --------------- */
body { background: #eae5ce url('../images/bgPage.gif') repeat-x; color: #000000; font: normal 0.8em "Trebuchet MS", sans-serif; margin: 0 auto; text-align: center; }
h1 { color: #592d49; font: normal 1.4em "Trebuchet MS", sans-serif; margin: 0.5em 0; }
h2 { color: #592d49; font: bold 1.2em "Trebuchet MS", sans-serif; margin: 0.2em 0 0.2em 0; }
h3 { color: #592d49; font: bold 1em "Trebuchet MS", sans-serif; margin: 0.2em 0 0.2em 0; }
p { line-height: 1.6em; margin: 0 0 0.7em 0; }
a:link { color: #03c; text-decoration: none; }
a:visited { color: #36f; text-decoration: none; }
a:hover { color: #b00; text-decoration: underline; }
a img { border-width: 0; }

/* - Structure -------------- */
#wrap { margin: 0 auto; text-align: left; width: 760px; }
#head { text-align: center; }
#nav { font-family: Georgia; height: 28px; }
#content { clear: both; background: url('../images/bgBody.gif'); }
#main { background: url('../images/bgBodyTop.gif') no-repeat 0 0; float: left; padding: 15px 20px 20px 30px; width: 460px; }
#side { background: url('../images/bgBodyTop.gif') no-repeat 100% 0; float: left; padding: 15px 30px 20px 20px; width: 200px; }
#foot { border-top: solid 1px #dad2b3; margin: 0 10px; padding: 10px 20px 20px 20px;}

/* - Tabs ------------------- */
ul.tabs, ul.tabs li { padding: 0; margin: 0; }
ul.tabs { padding-left: 21px; }
ul.tabs li { background: url("../images/tabDiv.gif") no-repeat right bottom; color: #fff; float: left; font-variant: small-caps; list-style: none; }
ul.tabs li.end { background: none; }
ul.tabs a { color: #fff; display: block; float: left; padding: 8px 11px 4px 10px; text-decoration: none; }
ul.tabs li.active { background: url("../images/tabLeft.gif") no-repeat 0 0; margin-left: -1px; }
ul.tabs li.active a { background: url("../images/tabRight.gif") no-repeat 100% 0; color: #1c3018; padding: 8px 11px 4px 10px; }

/* - Content ---------------- */
#content ul { margin: 1em 0.5em; padding: 0; }
#content li { background: url('../images/check.gif') no-repeat 0 4px; line-height: 1.6em; list-style: none; padding-left: 20px; }

/* - Side ------------------- */
.balloon { background: url('../images/balloonTop.gif') repeat-x; padding: 5px 10px 0 10px; }
#side ul { margin: 0; padding: 0; }
#side li { background: url('../images/bubble.gif') no-repeat 0 5px; line-height: 1.6em; list-style: none; padding-left: 20px; }
.latest { padding-bottom: 8px; }

/* - Form --------------------*/
.contact_form { margin: 0; }
.contact_form input, .contact_form textarea { background: url("../images/bgInput.gif"); border: 1px #bbb solid; display: block; padding: 3px; margin: 0 0 1em 0; }
.contact_form input.btn { padding: 2px 5px; }
.contact_form label span { color: #b00; font-weight: bold; }
.contact_form input:hover, .contact_form textarea:hover { border: 1px #c66 solid; }
.contact_form input:focus, .contact_form textarea:focus { border: 1px #333 solid; }
.contact_form input.hidden { display: none; }
.contact_form input.mailinglist { display: inline; }
.email { float: left; border-right:solid 1px #ddd; margin-right: 1em; padding-right: 1em; }
.contact { float: left; }
.note { background: url('../images/alert.gif') no-repeat 0 50%; padding-left: 1.5em; }
.note b { color: #b00; }

/* - Clearing Floats --------- */
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content {display:inline-block;}
/* Hide from IE Mac \*/
#content {display:block;}
/* End hide from IE Mac */