/* CSS Document */

body { 
margin:0; 
padding:0; 
height:100%; 
background: url('img/content.jpg') repeat-y 50% 0;
} 
a.orange:link, a.orange:active, a.orange:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FBBC1F;
font-size:10px;
text-decoration:none;
}

a.orange:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:10px;
text-decoration:none;
}

.white_small{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:11px;
}

.white_tiny{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:10px;
}

.white_large{
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:14px;
font-weight:bold;
}

.red_large{
font-family: Arial, Helvetica, sans-serif;
color: #F65B2F;
font-size:14px;
font-weight:bold;
}

.yellow_large{
font-family: Arial, Helvetica, sans-serif;
color: #FBBC1F;
font-size:14px;
font-weight:bold;
}

.blue_large{
font-family: Arial, Helvetica, sans-serif;
color: #2960CB;
font-size:14px;
font-weight:bold;
}


.green_tiny{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #AAD150;
font-size:10px;
}

.blue_tiny{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2960CB;
font-size:10px;
}

.purple_tiny{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #C21DF5;
font-size:10px;
}

.red_tiny{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #F65B2F;
font-size:10px;
}
.white_small{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:11px;
}

#clear{
clear:both;
}


#wrapper{
width: 780px;
margin: 0 auto;
height: 100%;
background-image: url('img/content.jpg');
background-repeat:repeat;
}

#header_wrapper{
width: 780px;
background-image: url('img/header_bg.jpg');
height: 86px;
}
#logo{
float:left;
margin-left: 20px;
}

#header_right{
float:right;
margin-right: 20px;
margin-top: 60px;
}



#left{
float:left;
width: 580px;
margin-top:0px;
background-color: #EEEFEA;
}

#right{
float:right;
background-color: #186496;
width: 200px;

}

#address{
padding: 10px;
}

#flash{
float:left;
background-color: #EEEFEA;
width: 400px;
}

#services{
float:right;
line-height:110%;
background-color: #EEEFEA;
width: 170px;
padding-left: 10px;padding-top: 5px;}

#main{
float:left;
background-color: #EEEFEA;
padding: 10px;
width: 560px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0F4163;
line-height:150%;
font-size:11px;

}

#telephone{
float: left;
width: 300px;
background-color: #E1E3D8;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0F4163;
padding: 10px;
font-size:12px;
}

#fading_images{
float:left;
width: 220px;
height: 150px;
}

#content{
float:right;
width: 320px;
padding-left: 10px;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0F4163;
line-height:150%;
font-size:11px;
background-color: #EEEFEA;
}

#featured_links_left{
float:left;
width: 200px;
}

#featured_links_left_2{
float:left;
}

#footer{
width: 780px;
background-image: url('img/footer_bg.jpg');
background-repeat:repeat;
height: 33px;
margin: 0 auto;
}

#footer_links{
float:left;
padding-left: 10px;
padding-top: 10px;
}

#copyright{
float:right;
padding-right: 10px;
padding-top: 10px;
}


/* COLOURED BARS */


a.red:link, a.red:active, a.red:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #F65B2F;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}

a.red:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #F7683F;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}



a.yellow:link, a.yellow:active, a.yellow:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #FBBC1F;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}

a.yellow:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #FEC536;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}

a.green:link, a.green:active, a.green:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #AAD150;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}

a.green:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #B2D75E;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}


a.blue:link, a.blue:active, a.blue:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #2960CB;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}

a.blue:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #396ED6;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}


a.purple:link, a.purple:active, a.purple:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #C21DF5;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}

a.purple:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color: #CE42F9;
font-size:11px;
font-weight: bold;
display:block;
padding: 8px;
text-align:right;
text-transform:uppercase;
text-decoration:none;
}



a.green_normal:link, a.green_normal:active, a.green_normal:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #91BB3A;
font-size:11px;
font-weight: bold;
text-decoration:none;
}

a.green_normal:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #91BB3A;
font-size:11px;
font-weight: bold;
text-decoration:underline;
}




.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 250px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.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: 180px;
}

.cssform textarea{
width: 200px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

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