/**
* Author: Mike Stephens <MikeyPHP.co.uk>
* Date: 03/07/09
* File: global/main.css
*/

/**** Some basic general declarations ****/
html, body { margin: 0px; padding: 0px; text-align: center; background: #8bc53f; }
p, h1, h2, h3, h4, h5, h6, input, textarea, address, form, select, label, ul, li, ii { margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #4b4d4d; }
img { border: none; }
ul { list-style: none; }
a { color: #0078dc; }
a.noshow { color: #4b4d4d; text-decoration: none; }

/**** Main Container ****/
#container { margin: 20px auto auto auto; text-align: left; width: 948px !important; width: 1000px; }

/**** Header ****/
#header { border-bottom: 2px solid #ffffff; background: no-repeat url("../images/bgHeader.jpg") 275px 0px; height: 70px; }

/**** Navigation Col ****/
#navCol { width: 178px; float: left; text-align: center; margin: 10px 0 0 0; }
#navCol h2 { font-size: 19px; font-weight: normal; color: #ffffff; margin: 17px 9px 0px 10px; text-align: center; }

/* Nav */
#navCol ul { text-align: left; }
#navCol ul li { height: 28px; margin: 2px 0 3px 0; }
#navCol ul li a { display: block; line-height: 28px; background: no-repeat url("../images/bgNav.jpg"); text-decoration: none; color: #ffffff; padding: 0 0 0 15px; }
#navCol ul li a:hover, #navCol ul li.selected a { background: no-repeat url("../images/bgNavHover.jpg"); color: #0078dc; }

/* Form */
#navCol form div { text-align: left; background: no-repeat url("../images/bgCallBack.jpg"); width: 178px; height: 260px; padding: 17px 0 0 15px; }
#navCol form label { font-size: 12px; color: #0c87c6; display: block; font-weight: bold; }
#navCol form input { width: 145px; height: 14px; margin: 0 0 4px 0; }
#navCol form textarea { height: 70px !important; padding: 0px; height: 60px; width: 148px; overflow: auto; }
#navCol form #btnCallBack { border: none; float: left; background: no-repeat url("../images/btnCallBack.jpg"); width: 176px; height: 36px; }

/* Images */
#navCol img { margin: 0px 0 10px 0; }
#navCol p { font-size: 9px; color: #1a1740; }

/**** Banner ****/
#banner { width: 760px; height: 274px; margin: 15px 0 0 10px; float: left; background: #ffffff no-repeat url("../images/bgSWF.jpg"); }

/**** Main Content ****/
#content { width: 565px; background: #ffffff; float: left; margin: 15px 0 0 10px; padding: 15px; min-height: 450px; height: auto !important; height: 450px; }
#content h1 { font-size: 22px; color: #0078dc; margin: 0 0 10px 0; }
#content h2 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
#content h2 a { color: #4b4d4d; text-decoration: none; }
#content h2 span, #content p span { color: #8bc53f; }
#content p { line-height: 18px; margin: 0 0 15px 0; }
#content p.green { color: #8bc53f; }
#content p.error { font-weight: bold; background: #CF2626; color: #ffffff; border: 1px solid #7F0707; padding: 0 5px; }

#content .float{ float: left; }

/* Calc Form */
#frmCalc label { font-size: 16px; font-weight: bold; display: block;  margin: 15px 0 0 0; }
#frmCalc input { width: 100px; font-size: 14px; margin: 5px 0 10px 0; height: 20px; line-height: 20px; float: left; border: 1px solid #cccccc; }
#frmCalc p { float: left; margin: 0 0 0 20px; }
#frmCalc #btnCalc { width: 90px; height: 30px; background: no-repeat url("../images/btnCalc.jpg"); border: none; margin: 15px 0 0 0; }


/* FORMS */
#content #frmContact fieldset { width: 540px; margin: 0px 0 0 0; border: 1px solid #8bc53f; padding: 10px }
#content #frmContact legend { font-weight: bold; color: #8bc53f; margin: 0px; padding: 2px; }
#content #frmContact label { width: 150px; float: left; margin: 10px 0 20px 0; padding: 0 0 0 15px; }
#content #frmContact input { font-size: 14px; float: left; width: 300px; height: 20px; border: 1px solid #999999; padding: 2px; }
#content #frmContact textarea { font-size: 14px; width: 300px; margin: 0 0 20px 0; height: 200px; border: 1px solid #999999; padding: 2px; }
#content #frmContact #btnSubmit { background: no-repeat url("../images/btnSubmit.jpg"); border: none; float: right; margin: 0px; width: 93px; height: 34px; }
#content #frmContact input.error, #content textarea.error { border: 2px solid #DF2929; background: #EFC2C2; color: #5F1337;  }
#content #frmContact textarea.error { margin: 0 0 10px 0; }
#content #frmContact label.error { font-weight: bold; float: left; clear: both; margin: 0px 0 15px 165px; width: 300px; }


/**** Side Col ****/
#sideCol { width: 150px; height:158px; float: left; margin: 15px 0 12px 15px; text-align: center; }
#sideCol img { margin: 0 0 12px 0; }
#sideCol p { font-size: 9px; color: #1a1740; }
/**** Side Col ****/
#sidejquery { width: 150px; height: 158px; float: left; margin: 0 0 20px 15px; text-align: center; }
/**** Side Col ****/
#sidedata { width: 150px; height: 150px; float: left; margin: 0 0 20px 15px; text-align: center; }
#sidedata p { font-size: 9px; color: #1a1740; }


/**** Footer ****/
#footer { clear: both; width: 948px !important; width: 1000px; text-align: center; }
#footer p { width: 948px !important; width: 1000px; color: #ffffff; float: left; font-size: 12px; padding: 5px 0 5px 12px; }
#footer p.links { background: #0078dc; font-size: 12px; line-height: 20px; padding: 0px; }
#footer p a { color: #ffffff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer hr { border: none; border-bottom: 2px solid #ffffff; background: none; height: 2px; clear: both; }