@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------
0. BROWSER RESET
----------------------------------------------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,p,blockquote { margin:0; padding:0; font-size:95%; font-family: Verdana, Arial, sans-serif; line-height:1.5em; color:#616161}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold; color:#000}
table {border-collapse:collapse;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
img { border: 0 none; background: none }
a{ text-decoration:none; color:#00a4de}
a:hover{ color:#9f8951}
a:focus {outline: none;}

/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
.fl{ float:left}
.fr{ float:right}
.red{ color:#FF0000}
.black{ color:#000}
.bt{ font-weight:bold}
.it{ font-style:italic}
.blue{color:#0067a6}
.blue_light{color:#709eca }
.ochre {color:#9f8951}
.al_c{ text-align:center}
.redboldtext{ font-weight:bold; color:#FF0000}
/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
body {background:url(../images/blue_bar.jpg) left top repeat-x; }
#wrapper{ width:1024px; margin:0 auto; min-height:600px; height:auto!important; }

/* -----------------------------------------------
2. HEADER
----------------------------------------------- */
#header{ width:auto; height:135px}
#logo{ width:290px; float:left}
#heading{ width:449px; float:left; padding:7px 0 0 14px}
#heading h1{color:#0067a6; font-size:17px; margin:25px 0 0 0}
#heading h2{color:#0067a6; font-size:14px; margin:10px 0 0 0}

#credit{ width:260px; float:left; padding:75px 0 0 10px; font-size:12px }
#credit img{ padding:0 0 0 20px}
#subheader {clear:both ; height:93px; float:left}
#subheader h2{ color:#fff; padding:30px 0 0 25px; font-size:18px; width:650px; float:left}
#subheader p{ display:block; float:left; color:#fff; padding:25px 0 0 0 ; font-weight:bold; width:313px}

/* -----------------------------------------------
3. CONETNT
----------------------------------------------- */
#content{ width:100%; clear:both; float:left; min-height:650px; height:auto!important; padding:0 0 55px 0; margin:0 auto}

#col_left{ width:260px; float:left; margin:1px 0 0 5px;  background:url(../images/nav_bg.gif) left top no-repeat; min-height:400px; height:550px }
.mail{ background: url(../images/envelope.jpg) left center no-repeat; height:45px; width:168px; padding:25px  0 0 47px ; margin:95px 0 0 23px; display:block ; color:#af9d6f; font-size:13px; text-transform:uppercase; font-weight:bold}

#banner{margin:10px 0 10px 10px; width:711px;  float:left}
#col_middle{ width:500px; float:left; height:auto; margin:0 10px ; color:#333}

.h_text { color:#0067a6; font-size:18px; padding:5px 10px}
.p_text{ line-height:1.6em; color:#9f8951; font-weight:bold}

#col_middle p{ padding:5px 15px}
#col_middle h2{ color:#0067a6; font-size:17px; background:url(../images/heading_bg.jpg) left bottom no-repeat; padding:15px 0  5px 10px; margin:0 0 20px 0 }
#col_middle h3, #col_middle h4{ color:#9f8951; border-bottom: dotted 1px #709eca; padding:10px 0 0 0}
#col_middle img{ float:left; padding:3px; margin:5px 10px 5px 0} 


#col_right{ width:200px; float:left;  margin:0px ; } 
#col_right p{ text-align:center; padding:10px 0}
.pic_border{ border:solid 1px #eeece7; padding:2px; background:#fff}

.download a{ display:block; margin:15px 0 0 0   }
.download img{ float:left; padding:5px}
.note{ margin:30px 0 0 0; font-size:80%}
/* -----------------------------------------------
4. NAVIGATION
----------------------------------------------- */
#navigation{ width:252px}
#navigation ul { margin:20px 0 0 3px; padding:0}
#navigation li{ list-style-type:none; background:url(../images/line.jpg) left bottom  repeat-x; width:243px; height:27px}
#navigation li a {color:#6ca0c8; padding: 4px 0 4px 42px; display:block; background:url(../images/bullet.jpg) 16px center no-repeat; font-weight:bold; width:auto; margin:0; height:auto; line-height:1.5em}
#navigation li a:hover{ color:#9f8951; background:url(../images/bullet_o.jpg) 15px center no-repeat #f6f4ef; }
.current { color:#9f8951 !important; background:url(../images/bullet_o.jpg) 15px center no-repeat #f6f4ef!important; }


/* -----------------------------------------------
5. FOOTER
----------------------------------------------- */

#footer{ width:100%; margin:0 auto; padding:0; clear:both; background:url(../images/footer_top.jpg) left top  repeat-x; height:150px; font-size:80%; }
#inner_fo{ width:700px; margin:10px auto; text-align:center; padding:10px 0 0 0 }
#inner_fo ul { width:600px}
#inner_fo ul li{ display:inline; margin:0px; padding:0 0 0 10px; color:#b2b2b2!important}
#inner_fo a, #inner_fo p{color:#b2b2b2!important}
#inner_fo a:hover{color:#709eca!important }

/* -----------------------------------------------
6. CONTACT
----------------------------------------------- */
fieldset{ border:solid 1px #e3dac3; background:#f8fcff; display:block }
legend{ font-size:1.25em; color:#0067a6; font-weight:bold; margin:0 30px; padding:0 20px;}
input, textarea{ border:solid 1px #e3dac3; background:#fefefe!important; font-family: Verdana, Arial, sans-serif; font-size:1.1em}
div.col1 {float:left;padding-right:10px;text-align:right;width:120px; font-size:1em}
div.col2 { float:left}
div.row {float: left;width: 100%;padding: 5px;}
.button{ background:url(../images/button.jpg) center top no-repeat!important; width:105px; height:24px; border:none!important; color:#fff; font-weight:bold; text-transform:uppercase; margin:0 0 30px 0; padding:0; vertical-align:top }

/*validation  contact form*/
input.required, textarea.required {border: 1px solid #B0E2FF;}
input.validation-failed, textarea.validation-failed {border: 1px solid #FF3300;color : #FF3300;}
input.validation-passed, textarea.validation-passed {border: 1px solid #0067a6;}
.validation-advice {margin: 5px 0;padding: 5px;color:#ff0000;font-weight: bold;width:315px;}

/* -----------------------------------------------
7. NEWS
----------------------------------------------- */