/* CSS Document */

#holder, #header, #leftCols, #contentHolder, #content, #footer, #title, #buttons{
		overflow: hidden; display:inline-block; }

body {margin: 5px 0px 0px 0px; text-align:center; padding: 0px;}

#holder {width: 815px; height: 100%; margin: 0px auto;position:relative;}

img{border:0}

/* masthead */
#headerAbout {background: url(../images/aboutHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerQuali {background: url(../images/qualiHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerFund {background: url(../images/fundHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerLocations {background: url(../images/locationHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerTechnology {background: url(../images/technologyHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerBenefits {background: url(../images/benefitsHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerDownloads {background: url(../images/downloadsHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerNews {background: url(../images/newsHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerContact {background: url(../images/contactHeader.jpg) no-repeat; height: 132px; width: 815px;}
#headerLinks {background: url(../images/linksHeader.jpg) no-repeat; height: 132px; width: 815px;}

#title {text-align:left; display:none; font:bold 14pt Arial, Helvetica, sans-serif;}
#callNumber {position:absolute; top:15px; left:675px; font: bold 12px Arial, Helvetica, sans-serif; color:#2e670a}
#search {width:815px; background: url(../images/searchBg.jpg) no-repeat; height:43px; color:#595959;}
#fontSize {width:65px; display:inline; float:left; margin:4px 0px 0px 670px;/* border-right:1px solid #ffffff;*/padding-right:10px;}

/* search form */
#search {text-align:right;}	
#search form {float:right; padding:3px 70px 0px 0px; font: bold 10px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px; display: none;}
#search form input {font: 10px Arial, Helvetica, sans-serif; color:#666666;}
#search form .goBut {width:35px;}

/* main menu */
#buttons {width:815px; background: url(../images/buttonBg.jpg) no-repeat; height:35px;color:#444444; text-align:center;}
#navi {width:815px; padding-top:7px !important; padding-top:8px; height:28px;}
#buttons a {text-decoration: none; color: #595959; text-align:center;}
#buttons a:hover {text-decoration: none; color: #2e670a; background: url(../images/butOvr.jpg) repeat-x;}

/* side bar */
#leftCols {width:198px;float: left; height: 100%; display:inline;}
#sideImage { height:292px; width:186px; margin:50px 0px 0px 11px }
#promo {height:180px; width:180px; margin:10px 0px 0px 10px; border:1px solid #4B1918; float:right; }

#leftCols .aboutSide {background:url(../images/aboutSide.jpg) no-repeat;}
#leftCols .qualiSide {background:url(../images/qualiSide.jpg) no-repeat;}
#leftCols .fundSide {background:url(../images/fundSide.jpg) no-repeat;}
#leftCols .locationsSide {background:url(../images/locationsSide.jpg) no-repeat;}
#leftCols .benefitsSide {background:url(../images/benefitsSide.jpg) no-repeat;}
#leftCols .technologySide {background:url(../images/technologySide.jpg) no-repeat;}
#leftCols .downloadsSide {background:url(../images/downloadsSide.jpg) no-repeat;}
#leftCols .newsSide {background:url(../images/newsSide.jpg) no-repeat;}
#leftCols .contactSide {background:url(../images/contactSide.jpg) no-repeat;}
#leftCols .linksSide {background:url(../images/linksSide.jpg) no-repeat;}

#subNav {width:178px; margin:40px 0px 0px 10px; font:9px Arial, Helvetica, sans-serif; text-align:right}
#subNav p{margin:5px 0px;}
#subNav .subtitle {display:block; padding:2px 5px 2px 0px; background-color:#cbd9c2; color:#2e670a;width:178px;}
#subNav .subButs, .subButsSelected {display:block; padding:0px 5px 3px 0px; width:178px; border-bottom: 1px dashed #666}
.subButs a {color:#2e670a; text-decoration:none;}
.subButs a:hover, .subButsSelected a {color:#00378a; text-decoration:none;}

/* Qualifications Menu */
#subNav .subButsQuali, .subButsQualiSelected {display:block; padding:0px 5px 3px 0px; width:178px; border-bottom: 1px dashed #CCC}
.subButsQualiSelected a {color:#00378a; text-decoration:none;}
.subButsQuali a {color:#2e670a; text-decoration:none;}
#subNav #subsubNav p{margin:0px 0px 5px 0px;}
#subNav #subsubNav .qualiNav {margin-right:7px; padding-right:7px; height:13px; color:#666666; display:block; width:168px;  border-right: 3px solid #cbd9c2 }
#subNav #subsubNav .qualiNav a {text-decoration: none; color: #666666;}
#subNav #subsubNav .qualiNav a:hover {text-decoration: underline; color: #2e670a;}
#subNav #subsubNav {display:block; width: 178px;border-bottom: 1px dashed #666; padding-bottom:5px}

/* main content */
#contentHolder {background:url(../images/contentBg.jpg) repeat-y; height: 100%;	width: 815px;}
#content {margin-right:0; margin-left:0; padding: 10px 30px 0px 30px; height:100%; text-align:justify; float:left; width:557px;}
#content p {color: #666666; margin:10px 10px 5px 10px;}
#content a {color: #2e670a; border-bottom: 1px dotted #2e670a; text-decoration:none; font-weight:bold}
#content a:hover {color: #2e670a; border-bottom: 1px solid #2e670a; text-decoration:none;}
#content ol {color:#666666; }
#content ul {color:#666666; }
#content ul li {list-style-image:url(../images/bullet.jpg); margin: 10px 10px 10px 0px;}
#content ol li {margin: 10px 10px 10px 0px;font-weight: normal; list-style-image:none}
#content h1 {margin:20px 0px 5px 10px; color:#2e670a; margin:0px; letter-spacing:0px; border-bottom: 1px dashed #666; text-align:left}
#content h2 {margin:20px 0px 0px 10px; color:#666666;}
#content h3 {margin:12px 0px -10px 10px; color:#2e670a;}
#content blockquote p{text-align:left; width:95%; font-style:italic}
#content .toTop {margin-left:5px; background: url(../images/top.jpg) no-repeat; padding-left:10px; float:right; clear:both}
#content .shoutout {float:right; margin:3px 10px 8px 12px; font: italic 16px Arial, Helvetica, sans-serif; color:#2e670a; width: 200px; line-height:1.15; text-align:justify}

/* content images */
#content p .rightPic {float:right; margin:3px 0px 8px 12px; border:1px solid #999999; padding:3px; background-color:#FFFFFF}
#content p .leftPic {float:left; margin:3px 12px 8px 0px; border:1px solid #999999; padding:3px; background-color:#FFFFFF}
#content .center {margin: 0px auto; position:relative; width:442px; padding:3px; background-color:#FFFFFF}

#content .newsImgRgt {float:right; display:inline; width: auto; background-color:#ffffff; border:1px solid #999999; margin:12px 10px 8px 12px; padding:3px}
#content .newsImgLft {float:left; display:inline; width: auto; background-color:#ffffff; border:1px solid #999999; margin:12px 12px 8px 10px; padding:3px}
#content .caption {color:#FFFFFF; text-align:center; padding:0px 5px 0px 5px; background-color:#999999;}

/* print and email section */
#utils {width:100%; height:31px; border-top: 1px dashed #666; display:block; margin-top:20px; text-align:right}
#utils p  {font: 11px Arial, Helvetica, sans-serif; color:#2e670a; margin-top:5px}
#utils a {margin-left:10px; text-decoration:none; border:0; color:#2e670a;  font-weight: normal; border-bottom:none} 
#utils a:hover {color:#2e670a; text-decoration:underline; border-bottom:none}
#utils .utilsTitle {font:bold 10px Arial, Helvetica, sans-serif; color:#666666}

/* footers */
#subTagline {width:815px; background: url(../images/subTaglineBg.jpg) no-repeat; height:20px; color:#FFFFFF; text-align:center; padding-top:17px}
#footer{width:815px; color:#666666; text-align:center; margin:8px 0px 8px 0px; float:left} 
#footer p {margin:0px;}
#footer a {color:#666666; text-decoration:none}
#footer a:hover {color:#666666; text-decoration: underline}
#footer .copyright {color:#BBBBBB}

/* Downloads */
.downloads {width:95%; border-collapse:collapse; table-layout:auto; border-bottom: 3px solid #2e670a; margin:30px auto 5px auto; position:relative}
.downloads .colHeader {color:#ffffff; background-color:#2e670a; text-align:center}
.downloads .rowHeader {padding: 5px; color:#666666;text-align:left; padding:5px 5px 5px 10px; width:55%}
.downloads td {padding:5px; text-align:center}
.downloads .even { background-color:#cbd9c2;}
#content .getPlugins {display:block; width:95%; margin:15px 0px 15px 0px; padding:0px; text-align:right}
#content .getPlugins a, #content .getPlugins a:hover {border-bottom:none; margin:45px 10px 45px 10px; text-decoration:none}

/* Contact */
.enquiryForm a {text-decoration:none; border-bottom:1px dotted #ff9933; color:#7e0000}
.enquiryForm a:hover {text-decoration:none; border-bottom:1px solid #ff9933; color:#7e0000}
.enquiryForm {width:95%;padding-right:10px}
.enquiryForm label {width:180px; float:left; text-align:right; margin-right:5px; display:block; font: 12px Arial, Helvetica, sans-serif;}
.enquiryForm input {background-color:#eaf3dc; border:none; font: 12px Arial, Helvetica, sans-serif; color:#2e670a; width:200px; padding:2px}
.enquiryForm input:focus {border: 1px solid #2e670a;}
.enquiryForm fieldset {border:1px dashed #2e670a; margin:15px 0px 15px 0px; padding:5px}
.enquiryForm fieldset legend {background-color:#ffffff; font:bold 12px Arial, Helvetica, sans-serif; color: #2e670a; padding:3px}
.enquiryForm textarea {width:200px; background-color:#eaf3dc; border:none; padding:2px; color:#2e670a}
.enquiryForm textarea:focus {border: 1px solid #2e670a;}
.enquiryForm select{color:#2e670a; font:12px Arial, Helvetica, sans-serif; background-color:#eaf3dc; border: 1px solid #2e670a}
.enquiryForm .inputFooter {width: 350px; margin-left:100px;text-align:left; display:block; color:#333333}
.enquiryForm .submitBut {width: 150px; border:1px solid #2e670a; cursor: pointer; margin:10px auto; position:relative; display:block}
.enquiryForm .submitBut:active {background-color:#2e670a; color:#FFFFFF}
.enquiryForm #formFooter {margin:20px 0px 0px 0px; font: 10px Arial, Helvetica, sans-serif; display:block; border-top: 1px solid #2e670a; padding:10px; color:#AAAAAA; width:95%}
.enquiryForm #formFooter input {width:10px;}

.enquiryForm fieldset fieldset{border:none; padding:5px}
.enquiryForm fieldset fieldset legend{font:bold 11px Arial, Helvetica, sans-serif; color: #666666}
.enquiryForm fieldset fieldset label{width:180px; float:left; text-align:right; margin-right:5px; display:block; font: 12px Arial, Helvetica, sans-serif;}
.enquiryForm #checkbox {width:20px;}

.enquiryForm .radBut {width:80px;}
.enquiryForm .radBut input {width:10px; margin-right:5px; color:#2e670a; display:block}


/* Hides from IE5-mac 
* html #content {height: 1%;}
End hide from IE5-mac */