﻿body {font-size: 62.5%; font-family: verdana, arial, helvetica, sans-serif; color: #666666; margin: 0; padding: 0; background: #FFFFFF;}



/* Resets etc------------------------------------------------------------------------------------------------------ */
form, div, p, table, img, span, label, fieldset, legend {padding: 0; margin: 0;}
img, table {border: 0;}
table {font-size:100%;}
form, label, legend, input, textarea, select {font-family: verdana, arial, helvetica, sans-serif;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* Lists----------------------------------------------------------------------------------------------------------- */
li {padding: 0 0 3px 0;}
ul {padding: 0 0 20px 15px; margin: 0; list-style: square;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* Headers h1=RHS main page title, h2= RHS sub-titles, h3= LHS menu titles----------------------------------------- */
h1, h2, h3 {padding: 0; margin: 0;}
h1 {font-size: 1.6em; font-weight: bold; color: #666666; padding: 40px 0 30px 0; letter-spacing: 1px;}
h2 {font-size: 1.2em; font-weight: bold; color: #666666; padding: 30px 0 8px 0; letter-spacing: 1px;}
h3 {font-size: 1.2em; font-weight: bold; color: #333333; padding: 0 0 4px 0;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* Hyperlinks------------------------------------------------------------------------------------------------------ */
a {outline: none;}

a:link, a:visited {color: #333333; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
a:active {color: #333333; text-decoration: none;}

/*links within text (RHS)*/
a.txt:link, a.txt:visited {color: #333333; text-decoration: none; border-bottom: 1px solid #CCCCCC;}
a.txt:hover {color: #000000; text-decoration: none; border-bottom: 1px solid #CCCCCC; background: #EEEEEE;}
a.txt:active {color: #333333; text-decoration: none; border-bottom: 1px solid #CCCCCC;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* Container------------------------------------------------------------------------------------------------------- */
#wrap {width: 800px; margin: 8px; background: transparent;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* LHS Container------------------------------------------------------------------------------------------------------- */
#lhs {float: left; width: 250px; background: transparent;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* LHS------------------------------------------------------------------------------------------------------------- */
#menu {width: 200px; height: 400px; color: #999999; overflow: auto; background: transparent; padding: 0 8px 0 2px;}
#menu em {color: #333333; font-style: normal;}
#menu p {font-size: 1.1em; line-height: 18px; width: 184px; text-align:justify; font-style: italic;}
#menu li {color: #333333; font-size: 1.1em; list-style: none; line-height: 16px;}
#menu li a:hover {background: #EAEAEA;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* RHS------------------------------------------------------------------------------------------------------------- */
#text {float: right; padding: 0 0 10px 20px; width: 500px; color: #666666; /*fix for min-height in IE*/ min-height: 600px; height: auto !important; height: 600px;}
#text p {/*text-align: justify;*/ font-size: 1.2em; line-height: 20px; padding: 4px 0 10px 0;}
#text div {margin: 0 0 20px 0; border-bottom: 1px dashed #333333; padding: 15px 0 8px 0;}
#text div p {padding-bottom: 0;} /*paragraphs within an image div*/
#text em {color: #CCCCCC; font-style: normal; font-weight: bold;}
#text li {list-style: none; color: #333333; font-size: 1.2em; line-height: 26px;}
#text li a:hover {background: #EEEEEE;}

.thumbs img {padding-right: 20px;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* copyright statement--------------------------------------------------------------------------------------------- */
#copyright {float: left; width: 190px; margin: 10px 0 40px 0; padding: 0 0 0 15px;}
#copyright p {font-size: 1.1em; line-height: 18px; padding: 40px 0 0 0;}
/* ---------------------------------------------------------------------------------------------------------------- */



/* Misc ------------------------------------------------------------------------------------------------------------*/
.clear {clear: both;}
.botpad {margin-bottom: 35px;} /*used on logo*/
img.alignright {padding: 5px 3px 3px 3px; margin: 0 0 0 15px; display: inline;}
.alignright {float: right;}
/* -----------------------------------------------------------------------------------------------------------------*/



/* Contact Form-----------------------------------------------------------------------------------------------------*/
#form-div {/*width: 100%; margin: auto; */ color: #666666; line-height: 20px; border: 0;}
#form-div p.form-footer {margin: -35px 2px 20px 13px;}
#form-div p.form-footer a {color: #669900;}
#form-div p.form-footer a:hover, #form-div p.form-footer a:focus, #form-div p.form-footer a:active {color: #333333; text-decoration: none;}
#form-div p.form-footer a:focus, #form-div p.form-footer a:active {background-color: #EAEAEA;}



#form-div a {color: #669900;}
#form-div a:hover, #form-div a:focus, #form-div a:active {color: #333333; text-decoration: none;}
#form-div a:focus, #form-div a:active {background-color: #EAEAEA;}



#form-div p.success, #form-div p.error, #form-div p.center {color: #FFFFFF; padding: 1px 4px; border: 1px solid #000000; background-color: #669900; margin: 10px 0; text-align: center;}
#form-div p.error {background-color: #bb0000;}
#form-div p.error a, #form-div p.success a {color: #ffff7f;}
#form-div p.center {text-align: center; background-color: #edbaba; color: #000000; margin-top: -3px; padding: 0px 4px;}
#form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active, #form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {color: #eee; background-color: #bb0000;}
#form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {background-color: #669900;}



form#gbcf-form { }
fieldset.main-set, fieldset.req-set, fieldset.opt-set {border: 1px solid #EAEAEA; padding: 5px 0 25px 0;}



#form-div legend {font-weight: bold;}
#form-div legend span { }
legend.main-legend {color: #666666; font-size: 1.3em; padding-bottom: 10px; letter-spacing: 1px;}
legend.req-legend, legend.opt-legend {color: #666666;}
legend.main-legend span { }
legend.main-legend { }
legend.req-legend span {font-size: 1.1em;}
legend.req-legend {margin-left: 0;}
legend.opt-legend span {font-size: 1.1em;}
legend.opt-legend {margin-left: 0;}
label.req-label, label.opt-label {color: #333333; font-size: 1.2em;}
label.opt-label.check {float: right; padding: 0; margin: 1px 4px; cursor: pointer;}
label.opt-label.main-label {margin: 0; font-weight: bold;}
label.opt-label.main-label span {font-weight: normal; color: #666666;}
label.opt-label.main-label span.req, label span.req  {font-weight: bold; color: #666666;}
label.req-label.explain {color: #666666; font-size: 1.2em;}
label.req-label.explain:hover {color: #000000;}



input.text-long.address, input.text-long.address:hover, input.text-long.address:focus, input.text-long.address.hover, input.text-long.address.focus {border-bottom: 0; margin-bottom: 0; padding-bottom: 2px; border-bottom: 1px dotted #CCCCCC;}
input.text-long.address2, input.text-long.address2:hover, input.text-long.address2:focus, input.text-long.address2.hover, input.text-long.address2.focus {border-top: 0; margin-top: 0; padding-top: 2px; border-top: 1px dotted #CCCCCC;}
input.checkbox {border: 2px solid #CCCCCC; width: .9em; height: .9em; padding: 0; margin: 0; cursor: pointer;}
input.checkbox:hover, input.checkbox.hover, input.checkbox:focus, input.checkbox.focus {border: 2px solid #6666666;}
input.text-short, input.text-med, input.text-long, select.select, textarea.textarea {font-size: 1.3em; border: 2px solid #DDDDDD; background-color: #FFFFFF; cursor: text; padding: 1px 2px; margin-bottom: 15px;}
select.select {padding: 1px 0;}
input.text-short {width: 130px;}
input.text-med, select.select {width: 280px;}
input.text-long {width: 330px;}
textarea.textarea {width: 470px; height: 200px;}
select.select, select.select option {cursor: pointer;}
input.text-short:focus, input.text-short.focus, input.text-med:focus, input.text-med.focus, input.text-long:focus, input.text-long.focus, select.select:focus, input.select.focus, textarea.textarea:focus, textarea.textarea.focus {border: 2px solid #666666; background-color: #EAEAEA;}
input.button {font-size: 1.2em; font-weight: bold; margin-top: 8px; padding: 1px 10px; cursor: pointer; float: right; clear: both; color : #000000;}
input.button:hover, input.button.hover, input.button:focus, input.button.focus {color: #666666;}
/*IE6*/
* html input.button {border: 1px solid #666666;}
/* -----------------------------------------------------------------------------------------------------------------*/

