/* commented backslash hides from ie5mac \*/ 
html{height:100%;margin:0;padding:0} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
}

#lbOverlay {
height: 0px;
}

.cake-sql-log{
	color: #666;
}

body{
	height: 100%;
	background: #fff;
	color:#ffffff;
	font:12px Arial,trebuchet,tahoma,Verdana, Helvetica,sans-serif;
	min-width: 966px;
}

select.txt, input.txt, input.contact,textarea {
	font:12px Arial,trebuchet,tahoma,Verdana,Helvetica,sans-serif;
	float: left;
	margin: 0 4px 4px 0;
	border: 1px solid #000;
	width: 120px;
	padding: 3px;
}
input.contact,textarea.contact {
	width: 240px;
}
textarea{
	height: 100px;
}
input.btn{
	font-size: 11px;
	border: 1px solid #b2181c;
	background: #b2181c;
	color: #fff;
	padding: 3px 0 3px 0;
	text-decoration: none;
	text-align: center;
	float: left;
	cursor: pointer;	
}
input.button:hover{
	background: #fff;
	color: #000;	
}
input:focus,textarea:focus{
	background: #ddd;
}
.checkbox{
	margin-right: 5px;
}
label{
	float: left;
	width: 160px;
	text-align: right;
	margin: 0 15px 4px 0;
	color: #000;	
	height: 18px;
}	
.addButton, .removeButton {
    width: 20px !important;
}
br{
	clear: both;
}

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

.clear{
	margin:0;
	padding:0;
	clear: both;
}
p{
	line-height: 16px;
}
img{
	border:0;
}
h2{
	color: #336699;
	border: #ccc 1px solid;
	border-width: 0 0 1px 0;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	float: left;
	width: 100%;
}
.linktopdf{
	float: right;
	background: #d21f25;
	color: #fff;
	padding: 5px;
	text-decoration: none;
}
.linktopdf:hover{
	background: #00255c;
}




/*
SITE STRUCTURE
*/
/* MAIN PAGE */
#outer{
	height:99.9%;
	min-height:100%;
	width:966px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
	padding: 0 0 0 0;
	background: url('/img/layout/centrebg.jpg') repeat-y top left;	
}
/* mac hide \*/
* html #outer{width:964px}
/* end hide*/
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#macinner{
	width:964px;
} 
#header{
	position:absolute;
	top:0;
	left:1px;
	width:966px;
	height:auto;
	overflow:hidden;
	color: #000000;

}
/* mac hide \*/
* html #outer, * html #header {width:964px}
/* end hide*/


#clearfooter {width:100%;height:216px;clear:both} /* to clear footer */
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-220px;} /*safari wrapper */


div,p  {margin-top:0}/*clear top margin for mozilla*/
#footer {
	clear: both;
	height: 220px;/*same height as margin bottom on body*/
	width:100%;
	position:absolute;
	bottom: 0;
	padding: 0;
	background: #fff;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
/* mac hide \*/
* html #footer {/*only ie gets this style*/
	height:220px;/* for ie*/
}
/* end hide*/

#footertop{
	float: left;
	width: 100%;
	clear: both;
}

	#languages{
		float: left;
		width: 160px;
		height:35px;
		background: #336699;
		margin-left: 1px;
		padding-top: 100px;
		padding-left: 28px;
		text-align: left;
	}
		#languages a{
			color: #bbb;
			text-decoration: none;
			font-size: 12px;
			margin-right: 15px;
		}
	#languages a:hover,#languages a.active{
		color: #fff;
	}

	#adds{
		float: left;
		clear: right;
		margin-top: 1px;
		overflow: hidden;
	}
	#adds a{
		float: left;
		margin-left: 1px;
	}

	#siteby{
		float: right;
		color: #777;
		text-decoration: none;
		font-size: 12px;
		margin-top: 20px;
		display: block;
	}
	#siteby:hover{
		color: #aaa;
	}
	

#banner{
	float: left;
	clear:right;
	height: 198px;
	width: 968px;
	margin:0 0 1px 0;
	padding:0;
	overflow:hidden;
	background: #fff url('/img/layout/topheader.jpg') no-repeat;
}
	
#logo{
	margin-top: 60px;
}		

#sidemenu{
	float: left;
	width: 188px;
	background: #336799;
	margin: 0;
	padding:0;
	height:100%;
	margin-top: 198px;/*needed to make room for header*/
	margin-left: 1px;
}

#centrecontent{
	float:right;
	width: 653px;
	margin:0 auto;
	padding: 60px 60px 40px 60px;
	margin-top:198px;/*make room for header*/
	color: #333;
	background: #ebebeb;
	height: auto;
	min-height: 350px;
	margin-left: 1px;
}	

#centrecontent ul{
	margin: 5px 0 5px 15px;
}
#centrecontent p{
	margin: 8px 0 8px 0;
}


/* NEWS */
#list, #jobs{
	float: left;
	clear: both;
/*
	border: #ccc 1px solid;
	border-width: 1px 0 0 0;
*/
	color: #333;
	width: 650px;
	margin-top: 20px;
}

.jobgroup{width: 100%; padding: 2px 0;text-align: center;background-color: #00255C;clear: both;color: #fff;float: left;margin: 20px 0 20px 0;}

#list .innerdiv,#jobs .innerdiv{
	float: left;
	border: #ccc 1px solid;
	border-width: 0 0 1px 0;
	padding: 25px 0px 25px 40px;
	width: 610px;
}
#jobs .noline{border: 0;}
#list .toplist {border-width: 0px;}

#list .date, #jobs .date{
	margin: 0 8px 0 0;	
}
#list .title, #jobs .title{
	color: #003366;
	font-size: 15px;
	margin-left: 10px;	
	width: 350px;
}
#list .description, #jobs .description{
	margin: 12px 0 0 0;
	padding: 0;
}
#list a.vlink{
	text-decoration: none;
	margin: 10px 0;
	display: block;
}
#list a.vlink:hover{
	text-decoration: underline;
}
#list .read-more, #jobs .read-more{
	color: #336699;
	text-decoration: underline;
	margin: 10px 0;
	display: block;
}
#list .read-more:hover, #jobs  .read-more:hover{
	text-decoration: none;
}
#list .back, #jobs .back{
	margin: 10px 0 0 40px;
	display: block;
	float: left;
	color: #336699;
	text-decoration: none;
}
#list .back:hover, #jobs .back:hover{
	text-decoration: underline;
}

#jobs .innerdiv{
	padding-left: 0px;
	margin: 0;
	width: 650px;
}
#jobs .jobdata{
	float: left;
	clear: none;
	width: 410px;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	border: 0;
}
#jobs img{
	float: left;
	margin: 0;
	display: block;
}

#home img{
	float: left;
}
#home div{
	float: left;
	width: 400px;
	padding: 0;
	margin: 0 0 0 40px;
}


/* CONTACT FORM */
#contact .withclear{
	float: left;
	clear: both;
}

#contact label{
	float: left;
	width: 120px;
	margin: 0 15px 4px 0;	
	height: 18px;
	text-align: left;
	color: #676765;
}

#contact select, #contact input.text, #contact textarea {
}
.input { clear:both; margin:0 0 10px 0}
.input label { padding-right:5px; }

#contact select {
}

#contact .error-message{
	float: left;
	color: red;
	margin: 0 0 10px 0;
}
#contact .formleft{
	float: left;
	clear: none;
	width: 180px;
	line-height: 20px;
}
#contact .formleft a{
	color: #336699;
}
#contact .formleft h2{
	margin: 0 0 30px 0;
}
#contact .formright{
	float: right;
	width: 430px;
	margin-left: 35px;
}

#contact .formright input, #contact .formright textarea { width:250px; border:1px solid #ccc; padding: 3px;}
#contact .formright{
	float left;
	clear: right;
}
#contact .btn{
	margin: 15px 0 0 140px;
	width: 70px;
	background: #336699;
	color: #fff;
}

#contact p.required-info  { float: left; clear: both;color:#666 !important; padding:0 0 0 140px; margin-bottom: 10px}

.prev_next{
	float: right;
	margin: 10px 10px 0 0;
	color: #336699;
}
.prev_next a{
	float: right;
	display: block;
	color: #336699;
	margin-right: 10px;
	text-decoration: none;
}
.prev_next a:hover{
	text-decoration: underline;
}

.pages_images{
	clear: both;
	float: left;
	margin: 15px 0;
}