/* GLOBAL STYLES
-------------------------*/
body { background: #3b3b3b url('../images/bgPage.gif') repeat-x; font: normal 13px "Trebuchet MS", sans-serif; margin: 10px; text-align: center;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p {margin: 0 0 0.5em 0;}
a img {border: 0px;}

/* STRUCTURE STYLES
-------------------------*/
#wrapper { margin: 0 auto; width: 750px; text-align: left;}
#header { float: left; height: 71px; margin: 0; padding: 0; }
#menu { background: url('../images/bgMenu.gif') no-repeat; color: #fff; float: left; height: 28px; margin: 0 0 1px 0; padding: 43px 0 0 0; width: 500px; }
#about { background: url('../images/bgLeft.gif') no-repeat; color: #fff; float: left; width: 250px;}
#showcase { background: url('../images/photo.jpg'); float: left; margin-bottom: 1px; padding: 20px 20px 75px 240px; }
#content {background: #f6f6f6 url('../images/bgContent.gif') repeat-x; float: left; line-height: 1.6em; padding: 10px 12px;}
.home { width: 476px; }
.sub { width: 726px; }
#footer { clear: both; color: #999; font-size: 0.9em; padding: 2em 0 10px 0; text-align: center; }

/* GENERAL STYLES
-------------------------*/
#menu ul { list-style: none; margin: 0 0 0 10px; padding: 0;}
#menu li { float: left; margin: 0; padding: 5px 10px; }
#menu li.active { background: url('../images/bgMenuActive.gif') repeat-x; }
#menu a { color: #fff; }
#about p { background: url('../images/btmLeft.gif') no-repeat 0 100%; margin: 0; padding: 0.5em 8px; }
#about .verse { font: normal 1.4em "Trebuchet MS"; margin: 5px 8px; }
#about .ref { padding: 0 0 0 120px; }
#content h2 { color: #72a142; font: normal 1.4em "Trebuchet MS"; margin: 0 0 0.5em 0; }
#content h3 { font: bold 1em "Trebuchet MS"; margin: 0 0 0.25em 0; }
#content ul {list-style: none; margin: 0; padding: 0;}
#content li { background: url('../images/leaf.gif') no-repeat 0 4px; margin: 0 0 0.7em 0; padding: 0 0 0 22px;}
#content p { margin: 0 0 1em 0; }
#content p.telephone { margin: 0 0 1em 10px; }
#footer a { color: #999; }
.sub img { float: right; border: solid 1px #666; margin: 0 0 10px 10px; }
.pullleft { background: #eee url('../images/bgPullLeft.gif') no-repeat; float: left; font: normal 1.4em "Trebuchet MS"; margin: 0 10px 5px 0; padding: 15px 15px 15px 30px; }
.pullright { background: #eee url('../images/bgPullRight.gif') no-repeat 100% 0; float: right; font: normal 1.4em "Trebuchet MS"; margin: 0 0 5px 10px; padding: 15px 30px 15px 15px; }
.email {float: left; border-right:solid 1px #ddd; margin-right: 1.5em; padding-right: 1.5em;}
.note { background: url('../images/alert.gif') no-repeat 0 50%; padding-left: 1.5em; }
.note b { color: #b00; }

/* FORM STYLES
-------------------------*/
.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;}