/* CSS Document */

html, body {
height: 100%; scrollbar-3d-light-color:#660066; scrollbar-arrow-color:#cccccc; scrollbar-base-color:#ffffff; scrollbar-dark-shadow-color:#f7f7f7; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#f7f7f7; scrollbar-track-color:#f7f7f7; background-color:#E9E3CF}

body{
margin:0; padding:0; line-height:17px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#676767}

html>body #body { 
height: auto;}


#body {
position: relative; width:792px; margin: 0 auto; padding: 0 0 0 0; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto;}

a, a:visited {
text-decoration: none; color: #3484A5;}

a:hover {
color:#676767; text-decoration: none;}

#TopNav{
float:left; height:50px; overflow:hidden;}

#Banner { 
float:left; height:282px; overflow:hidden; width:792px}

#ColouredBar {
float:left; width:770px;}

.column1-A {
background-color:#E9E3CF; height:1px; }

.column1-B {
background-color:#D9D4C8; height:9px;}

#MainContent { float:left; width:770px; background:#F8F3EA; min-height:600px }

.column2-A {
float:left; background-color:#F8F3EA; padding: 0 20px 41px 45px; width:533px}

.column2-B {
float:left; background-color:#F8F3EA; overflow:hidden; width:172px; background:#F8F3EA;}

.column2-C {
float:left; background-color:#F8F3EA; padding: 0 20px 41px 45px; width:705px}

.column2-D {
float:left; background-color:#F8F3EA; width:370px}

.column2-E {
float:left; background-color:#F8F3EA; width:335px; padding:30px 0 0 0}

.panel1 {
float:left; width:160px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 5px; font-size:11px}

.panel2 {
float:left; width:95px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0;  font-size:11px }

.panel3 {
float:left; width:116px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; font-size:11px }

.panel4 {
float:left; width:153px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; font-size:11px}


.panel1-col {
float:left; width:160px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 5px; background-color:#faf6ee; font-size:11px }

.panel2-col {
float:left; width:95px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; background-color:#faf6ee; font-size:11px }

.panel3-col {
float:left; width:116px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; background-color:#faf6ee; font-size:11px}

.panel4-col {
float:left; width:153px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; background-color:#faf6ee; font-size:11px }



.panel1b {
float:left; width:160px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 5px; height:30px; font-size:11px }

.panel2b {
float:left; width:95px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:30px; font-size:11px}

.panel3b {
float:left; width:116px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:30px; font-size:11px}

.panel4b {
float:left; width:153px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:30px; font-size:11px}



.panel1b-col {
float:left; width:160px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 5px; height:30px;  font-size:11px }

.panel1ba-col {
float:left; width:160px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 5px; height:30px; background-color:#faf6ee;  font-size:11px }

.panel2b-col {
float:left; width:95px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:30px; background-color:#faf6ee; font-size:11px}

.panel3b-col {
float:left; width:116px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:30px; background-color:#faf6ee; font-size:11px}

.panel4b-col {
float:left; width:153px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:30px; background-color:#faf6ee; font-size:11px}


.panel1c-col {
float:left; width:160px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 5px; height:70px; background-color:#faf6ee; font-size:11px }

.panel2c-col {
float:left; width:95px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:70px; background-color:#faf6ee; font-size:11px}

.panel3c-col {
float:left; width:116px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:70px; background-color:#faf6ee; font-size:11px}

.panel4c-col {
float:left; width:153px; border-bottom:#efeae0 solid 1px; padding:5px 0 5px 0; height:70px; background-color:#faf6ee; font-size:11px}




.column3-A {
float:left; background-color:#F8F3EA; padding: 0 0 43px 35px; width:187px}

.column3-B {
float:left; background-color:#F8F3EA; padding: 0 0 43px 5px; width:187px}

.column3-C {
float:left; background-color:#F8F3EA; padding: 0 0 43px 4px; width:352px}

.column4-A {
float:left; width:770px; height:2px}

.column5-A {
float:left; width:234px; height:91px; background-color:#D9D4C8; padding: 0 0 0 44px; } 

.column5-Aa {
float:left; width:182px;}

.column5-Ab {
float:left; width:30px; padding-top:1px}

.column5-B {
float:left; width:224px; background-color:#D9D4C8}

.column5-C {
float:left; width:268px; background-color:#D9D4C8}

input{ 
width: 144px; background-color:#F8F3EA; border:1px solid #B5B09F; font-size:9px}

.BoldTxt {
color:#3484A5; font-weight:bold;}

.BlueTxt {
color:#3484A5}





#footer {
bottom:0; width:770px;margin: 0; padding: 14px 0 0 0; font-size:9px}

#footercol-1 {
float:left; width:552px; padding-left:18px; }

#footercol-2 {
float:right; width:182px; text-align:right; padding-right:18px}

#footercol-1 a{
color:#676767; font-size:9px; text-decoration:none}

#footercol-1 a:hover {
color:#3484A5; text-decoration: none;}

#footercol-2 a{
color:#3484A5; font-size:9px; text-decoration:none}

#footercol-2 a:hover {
color:#676767; text-decoration: none;}

.smlTxt {
font-size:10px}







.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/

}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px; background-color:#fcf8f1;  
}

.cssform textarea{
width: 250px;
height: 150px; background-color:#fcf8f1;
}


* html .threepxfix{
margin-left: 3px;
}