body {
	border: 0px; 
	margin: 10px 0px 10px 0px; 
	padding: 0px 0px 0px 0px; 
	color: Black;
	background-image: url(../images/background2.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
}
/*--- LINKS---*/
a:link {font-weight: bold; text-decoration: none; color: #233B77;} 
a:visited {font-weight: bold; text-decoration: none; color: #233B77;} 
a:hover {font-weight: bold; text-decoration: underline; color: #BDB294;} 

hr { height: 1px; color: #233B77;}
img {
	border: 0px;
}
/*--- CLEAR---*/
.clear { clear: both; }
/*  MOZILLA clear:both fix*/
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*--- WRAPPER ---*/
/*To get the content to sit in from the edge of the browser window (or 
viewport) we need to set width and margins on the main div that wraps 
around the content. */

.wrapper{
	width: 750px;
	margin: 1px auto;
	color: black;
}
/* --- HEADER --- */
/* The Top Banner.  May want to take the padding out. */
.header{
	width: 750px;
	border-bottom: 1px solid #BDB294;
	height: 66px;
}

.headerleft{
	float: left;
	width: 310px;
	background-color: #fff;
	border-left: 1px solid #BDB294;
	border-top: 1px solid #BDB294;
	border-right: 1px solid #BDB294;	
	height: 65px;
	text-align: center;
}

* html .headerleft {
	margin-right: -3px;
}

.headerleft img {
	padding-top:10px;
}
.headerright{	
	margin-left: 310px;
}
* html .headerright {
		/* height: 1%; */
		margin-left: 0px; 
}
.headerrighttop{
	height: 25px;
	text-align: right;
	padding: 5px 5px 0px 0px;
}

.headerrightbottom{
	color: #233B77;
	background-color: #fff;
	height: 25px;
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #BDB294;
	border-right: 1px solid #BDB294;
	
}
/* ----------------------------- HEADER - NAV ---------------------------------  */
.navlist { list-style-type: none; padding: 0px; margin: 0px; text-align:center;}
.navlist li {display: inline; }
.navlist li a {text-decoration: none; padding-left:18px;padding-right:18px;text-align:left;
/* padding: 5px 15px 0 0px;  */
}
/* --- BODY --- */
/* --- This is the main body of the page that creates the left and right lines. Other than the lines, there is no need for this div. --- */
.body {
	border-right: 1px solid #BDB294;
	border-left: 1px solid #BDB294;
	background-color: white;
}

.subtitle {
	background-image: url(../images/subtitle_blank2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 50px;
	font-weight: bold;
	font-size: 16pt;
	padding: 10px 0px 0px 0px;
}

/* --- LEFT --- */
/* --- This is the left column of the page. --- */
.left
{
	float: left;
	width: 160px;
	margin: 0;
	padding: 10px 5px 5px 5px;
	background-color: white;
}
.content
{
	margin-left: 175px;
	padding: 0px 0px 10px 0px;
}
.center
{
	padding: 0px 10px 0px 0px;
}



/* --- FOOTER--- */
/* --- This is the footer/bottom of the page. --- */

.footer {
	width: 750px;
	border-top: 1px solid #BDB294;	
}

.footerleft {
	float: left;
	width: 436px;	
}
/* \*/
* html .footerleft { margin-right: -3px;  }
 /* */

.footerlefttop {
	text-align: left;
	background-color: #fff; /* height: 25px; */
	padding: 8px 0px 8px 5px;
	border-left: 1px solid #BDB294;
	border-bottom: 1px solid #BDB294;
}

.footerleftbottom {
	padding: 3px 0px 0px 5px;
	height: 20px;
}

.footerright {	
	background-color: #fff;
	margin: 0px 0px 0px 436px; 
   height: 58px; 
	padding: 8px 0px 0px 0px;
	text-align: center;
	border-left: 1px solid #BDB294;	
	border-right: 1px solid #BDB294;	
	border-bottom: 1px solid #BDB294;	
}
/* \*/
* html .footerright { margin-left: 0px;  }
 /* */

/* --- JOB BOXES ON THE LEFT--- */
.jobs {
	border: 1px solid #BDB294;	
	padding: 5px 5px 5px 5px;
	color: #233B77;
	text-align: center;
	}
.jobs a:link {font-weight: bold; text-decoration: none; color: #FF8E42;} 
.jobs a:visited {font-weight: bold; text-decoration: none; color: #FF8E42;} 
.jobs a:hover {font-weight: bold; text-decoration: underline; color: #BDB294;} 
.jobs ul {	
	width: 150px;	
	margin-left:0px;
	padding-left:0px;
	text-align:left;
}
.jobs li {	
	 list-style: none;
}
/* --- JOB POSTINGS--- */
/* --- This is the job posting style for on the centre of the page. --- */


.jobpost {
	padding: 5px 10px 10px 10px;
	border: 1px solid #BDB294;
	background-repeat: no-repeat;
}

.jobpost h4 {
	padding-top: 0px;
	font-weight: bold;
	color: #233B77;
}
.jobpostdesc {
	float:left;
	width:100px;
	font-weight: bold;
}
.jobpost-r {
	color: #FF8E42;
	font-weight: bold;
}

/* --- BUTTON STYLE--- */
.button {
	color: white;
	background-color: #BDB294;
	font-weight: Bold;
}

/* -- FORM STYLE --*/

.m-form {padding: 0px 0px 0px 0px;}
.m-form .f-left {float: left; width: 130px; padding-left:5px;}
.m-form .f-right {margin-left:130px;}
.m-form .txtinput {	width:300px;	background-color: #fff;}
.m-form .txtinput2 {	width:175px;	background-color: #fff;}

.sitemap ul {
	
}
.sitemap li {
	list-style: none;
}

.img_gallery {	
	float: left;
	width: 50px;
	margin: auto;
	text-align: center;
	color: #290C73;
	border: 1px solid #000000;
}
.img_gallery img {
	width: 50px;
	height: 50px;
	border: none;
}
.clearboth {
	clear:both;
}

.thumbnail {	
	float: left;
	width: 75px;
	margin: 5px 20px 15px 0px;	
	color: #290C73;	
}
.thumbnail img {
	border: none;	
	width: 50px;
	height: 50px;
}