/* Contains all the styles used across the entire site

1. Main html tags
2. Reuseable classes on all elements
3. Main Site Structure

*/



/* 1. Main html tags */
body {
font-family: Verdana, Tahoma, sans-serif;
font-size: 0.8em;
color: #333;
background-color: #666366;
}


/* headers */

h1, h2, h3 {letter-spacing:-1px;
}
h1 {font-size:2.2em;margin:0.8em 0;}
h2 {color:#9C2F28;font-size:1.5em;margin:1em 0 0.5em 0;}
h3 {color:#F96B07;font-size:1.4em;font-weight:normal;letter-spacing:0;margin-top:4px;}
h4 {color:#333333;font-size:1.2em;font-weight:bold;margin:4px 0 10px;}
h5 {color:#333333;font-size:1.1em;font-weight:bold;margin:4px 0 0;}


#home-welcome h2 {
color:#222222;
font-size:2.2em;
margin: 1em 0;
}

#main-container p {
margin-bottom:16px;
}

.maincontent h2, #mainnews h2 {
color:#222222;
font-size:2.2em;
margin:0 0 0.8em 0;
}

strong {font-weight: bold;}

a {
text-decoration:none;
color: #325ecc;
border-bottom: 1px solid #AFC4E6;
padding-bottom:1px;
}

a:hover {
color: #333;
background-color:#FBFAB4;
}

input {
border: 1px solid #444;
color: #666666;
}

/* 2. Reuseable classes on all elements */

.morelink {
float: right;
clear: both;
display: block;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.twolinks {
float: right;
margin-left: 8px;
}

.clearfix {display: inline-block;}

.contentimage {
border:1px solid #CDCDCD;
margin:0 0 0.5em 5px;
padding:2px;
float: right;
}

.rssfeed {
background: transparent url('../img/feed-icon-16x16.png') scroll no-repeat top right;
padding-right: 20px;
}


.editthispage {
padding-left: 20px;
background: transparent url('../img/page_edit.png') scroll no-repeat top left;
float: left;
}

/* 3. Main Site Structure */
#main-container {
background-color: #fff;
width: 900px;	
margin: 0 auto; 
padding: 0 20px;
position: relative;
display: block;
}

#title {
height: 126px;
width: 900px;
background: transparent url('../img/headline.png') no-repeat scroll top left;
text-indent: -10000px;
margin: 0 0 0.35em 0;
clear: both;
}

#navnsearch {
float: right;
padding-top: 1px;
}

.header-search {
float:left;
margin:2px 0;
text-align:right;
width:330px;
}

.search-input {
border:1px solid #333333;
color:#666666;
font-size:110%;
padding-top:0;
width:230px;
}

.searchbutton {
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
font-size:0.9em;
font-weight:bold;
padding: 1px 3px 2px 3px;
}

#navnsearch #header-links {
color: #8E5F2F;
float: left; 
padding: 0 0 4px 0;
}

#header-links {
margin-top: 5px;
}

#navnsearch #header-links li {	display: inline;}

#navnsearch #header-links a {	
color: #222;
border-bottom:1px solid #444;
padding-bottom:1px;
text-decoration: none;
}

#navnsearch #header-links a:hover {
background: #444 none repeat scroll 0 0;
color: #fff;
}

#headlineimage {
position:absolute;
right:20px;
top:43px;
z-index:1000;
}

#home-content p, .maincontent p, #rssbox p {margin-bottom: 1em;	}

#backtotop {
display:block;
float: right;
margin-bottom: 1em;
border: 0;
padding-right: 15px;
background: transparent url('../img/up.png') no-repeat scroll right center;
margin-right: 20px;
}


#footer {
width: 920px;
font-size: 0.9em;
color: #333;
overflow: hidden;
margin: 0.7em auto;
line-height:1.5em;
clear:both;
background-color: #cdcdcd;
padding: 1.5em 10px 1em 10px;
}

.footertxt {
float: left;
clear: both;
}

#footer a {
border-bottom: 0px solid;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
background-color: transparent;
}

#footer p {
margin-bottom: 1.3em;
}

#footer #copyright {text-align: center; width: 100%; clear:both;}

#footerinfo {width: 500px; float: left;}

#footer #contact {width: 300px; float: right;}

#footer ul {margin-bottom: 1em; line-height: 1.3em;  clear:both; display: block;}

#footer ul li {float: left;  }

#footer ul li.first {background-image:none; padding-left: 0; }

#footer ul a {font-size: 1em; color: #9c2f28 }


/* FORM ELEMENTS */


form span.input, form span.checkbox, form span.textarea {
background:#444 none repeat scroll 0 0;
display:block;
margin: 0 0px 10px 0;
padding:3px;
}
.form_input{
float: left; 
width: 200px

}
.form_button{
float: left; 
width: 100px

}
.form_cont{
margin-top: 3px; 
padding: 0; 
overflow:hidden; 
display: block; 
width: 350px; 
float: right
}


/* BREADCRUMB */
#breadcrumb{
font-size: 0.85em;
width: 880px;
float: left;
margin-bottom: 15px;
border-bottom: 1px dashed #cdcdcd;
padding-bottom: 8px;
}

#breadcrumb #bchead {
display:block;
float: left;
background:#333 url('../img/bc.gif') scroll no-repeat right top;
color: #fff;
padding: 4px 10px 4px 5px;
line-height: normal;
margin-right: 8px;
font-weight: bold;
height:13px;
}

#breadcrumb a{
border-bottom: solid 0px;
color: #222;
}

.bc_youarehere {
float: left; 
width: 600px;

}

.bc_youarehere a, .bc_youarehere span {
float: left;
margin-right: 2px;
display:block;
padding-top: 4px;
}

#printpage {
float: right;
padding: 3px 20px 0 0;
background: transparent url('../img/printer.png') no-repeat scroll right center;
}

.maincontent, #mainnews {
padding: 10px;
clear:both;
width: 880px;
}

.maincontent ul {
list-style: outside disc ;
margin:0 0 15px 30px;
}

.maincontent ol {
list-style: decimal outside;
margin:0 0 15px 30px;
}

.maincontent .address, .contactdetail {
float: left;
clear: right;
margin-bottom: 2em;
}

h5.contactlabels {
float: left;
clear: left;
margin-right: 30px;
width: 200px;
}

#contactdetails {
float: left;
width: 450px;
margin-right: 30px;
clear:left;
}

#map {
float: left;
margin-bottom: 1em;
clear: right;
}

.relfiles {
margin-bottom: 0.5em;
}

.maincontent .relatedlinks {
margin: 0;
}

.relatedlinks li {
margin-bottom: 0.4em;
list-style: none;
}

.maincontent h4 {margin: 1em 0 0.5em 0;}