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

em { font-style:italic;}

/* FORM ELEMENTS */
.pdflink {
background: transparent url('../img/doctypes/pdf.gif') scroll no-repeat top right;
padding-right: 20px;
}

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
}
/* END FORM */

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

#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;
}
/* END BREADCRUMB */

/* headers */

h1, h2, h3 {letter-spacing:-1px;
}
h1 {font-size:2.2em;margin:0.8em 0;}
h2 {color:#333;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 {
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;
}
/* END headers */

/* 3. Main Site Structure */
#main-container {
background-color: #fff;
width: 900px;	
margin: 0 auto; 
padding: 0 20px;
position: relative;
display: block;
}
#title {
height: 132px;
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;
clear:both;
margin-bottom: 1em;
border: 0;
padding-right: 15px;
background: transparent url('../img/up.png') no-repeat scroll right center;
margin-right: 20px;
}

/* FOOTER*/
#footer {
width: 920px;
font-size: 0.8em;
color: #fff;
overflow: hidden;
margin: 0 auto;
line-height:1.5em;
clear:both;
background-color: #313131;
padding: 1.5em 10px 1em 10px;
}
.footertxt { float: left; width: 600px; }
#footer a { color: #fff; border-bottom: 0px solid; text-decoration:none; }
#footer a:hover {text-decoration:underline; background-color: transparent; }
/*#footer p {margin-bottom: 1.3em;}*/
#footer #copyright {margin-top: 20px;}
#footerinfo {width: 500px; float: left;}
#footer #contact {width: 300px; float: right;}
#footer ul {margin-bottom: 1em; float: right; text-align: right; width: 150px;}
#footer ul.first {margin-right: 50px;}
#footer ul li { }
#footer ul li.first {background-image:none; padding-left: 0; }
#footer ul a {color: #fff }
/* end footer*/


.morelink {
float: right;
clear: both;
display: block;
}

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

.clearfix {display: inline-block;}

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



.image {
border:1px solid #CDCDCD;
margin-left:0;
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;
}


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

#ealert {
float: right;
padding: 3px 20px 0 0;
margin-left: 10px;
background: transparent url('../img/email_go.png') no-repeat scroll right center;
}

.maincontent {
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;
}

/* CSS FOR TOP NAV */
#nav {
background-color:#eee;
clear:both;
height:30px;
margin-bottom:20px;
position:relative;
text-transform:uppercase;
width:600px;
z-index:50;
border: 0px solid red
}
#nav .select {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
white-space:nowrap;
}
.select {
height:30px;
/*width:900px;*/
}
#nav li {
float:left;
}
#nav li.lrt {
float:right;
}
#nav .select a {
border-bottom:0 solid #AFC4E6;
border-right:2px solid #FFFFFF;
color:#444;
display:block;
float:left;
height:30px;
line-height:30px;
padding:0 5px 0;
text-decoration:none;
white-space:nowrap;
}
#nav .select li.lrt a {
color:#00FFFF;
}
#nav .select a b {
display:block;
padding:0 0;
}
#nav .select li.line a b {
}
#nav .select a:hover, #nav .select li:hover a {
background-color:#652D89;
border-bottom:0 solid #AFC4E6;
border-right:2px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
padding:0 5px 0;
}
#nav .select li.lrt a:hover, #nav .select li.lrt:hover a {
}
#nav .select a:hover b, #nav .select li:hover a b {
cursor:pointer;
display:block;
padding:0 0;
}
#nav .select li.line a:hover b, #nav .select li.line:hover a b {
}
#nav .select li.lrt a:hover b, #nav .select li.lrt:hover a b {
}
#nav .subcat {
font-size:0.75em;
}
#nav table {
border-collapse:collapse;
font-size:1em;
height:0;
margin:-1px;
width:0;
}
#nav .subcat {
display:block;
height:30px;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
text-align:center;
top:24px;
width:900px;
}
#nav .select .subcat a:link, #nav .subcat a:visited {
background-color:#652D89;
color:#FFFFFF;
}
#nav .subcat li {
background:transparent none repeat scroll 0 0;
}
#nav .select .subcat a:hover {
background-color:#E0D5E7;
color:#444;
line-height:30px;
position:relative;
}
#nav .select .currentitem {
background-color:#652D89;
}
#nav .select .currentitem a {
color:#FFFFFF;
font-weight: bold;
}


#nav-right{
background-color: #eee; 
float:left; 
width: 300px; 
height:30px; 
line-height: 30px; 
text-align: right;
}

#nav-right a{
color: #444;
border-bottom: solid 1px #444;
}
#nav-right a:hover{
color: #fff;
background-color: #444; 
}



/* END nav*/



/* LOGIN LIGHTBOX*/

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow { 
display: none;
position: fixed;
top: 17%;
left: 50%;
margin-left: -250px;
width: 500px;
background-color: #fdfce9;
color: #333;
border: 1px solid black;
}
.jqmClose {float: right;}
.jqmWindow h3 {
color:#9C2F28;
font-size:1.5em;
margin-bottom:8px;
margin-top:10px;
}
.jqmWindow p {margin-bottom: 1.4em;}
.jqmWindow ol {list-style: inside decimal;}
.jqmWindow li {margin-bottom: 1em;}
#disclaimer ol ol {margin-top: 1.2em;}
#loginbox {height:200px; padding: 10px; }
#privacy, #disclaimer {height: 500px;  overflow: scroll; padding: 10px}
#loginbox  #checkthese label {float: left; width: 150px; margin-top: 10px;}
#loginbox  #checkthese input {float: left; width: 200px; margin-top: 10px;}
#loginbox .submit {display:block; margin-top: 1em;}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* END LOGIN LIGHTBOX*/




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

#newslist {
list-style: none;
}

#newslist li{
clear:both;
margin-bottom: 1em;
display: block;
}


.imgformat {
background-color:#FFFFFF;
border:1px solid #BDBDBD;
float:left;
margin-right:15px;
padding:4px;
}

#footerlogos {
border:1px solid #FFFFFF;
float:right;
height:102px;
padding:2px;
width:250px;
}

.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;}