/* html Classes */

body { 	margin:0; padding:0; background:url("../images/background.gif") center top repeat; 
	font-size:0.70em; line-height:1.3em; font-family:Arial,Verdana,Helvetica,Sans-serif; }

p { padding:0px; margin:10 0 0 0px;}

blockquote {margin-left: 10px; margin-top: 5px; padding: 0px}



	
/* Link Classes */
a { text-decoration: underline; color: #000000}

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

a.mainnav { font-size: 12px; color:white; text-decoration:none; padding: 14px; }

a.mainnav:hover { font-size: 12px; color:#F20101; text-decoration:none; padding: 14px; }
	
a.sidenav { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000; }

a.sidenav:hover { font-size: 12px; font-weight: bold; text-decoration: none; color: #F20101; }
	
a.footerlink { font-size: 9px; color: #FFFFFF; text-decoration: underline; }
	
a.footerlink:hover { font-size: 9px; color: #F20101; text-decoration: underline; }

a.more { font-size: 10px; font-weight: bold; color: #000000; }

a.more:hover { font-size: 10px; color: #F20101; text-decoration: underline; }
	
	
	
	
/* Text Styles */

h1 { margin:0; color:#000000; font-size:16px; line-height:20px;  }

h4 { margin:0; }

h2 { margin:0; color:#F20101; font-size:13px; line-height:15px; }

.textbold { font-size:11px; line-height:14px; font-weight:bold; color:#000000; }

.text { font-size:10px; line-height:1.3em; font-weight:normal; color:#000000; margin:0px; padding:0px; }

.textlarge { font-size:11px; line-height:1.6em; font-weight:normal; color:#000000; margin:0px; padding:0px; }

.title { font-size: 12px; font-weight: bold; color: #000000; text-transform: uppercase; line-height:14px;
	margin:0px; padding-top:5px; }
	
.quote {font-size:12px; line-height:14px; font-weight:bold; color:#000000;}
	
.image { padding:5px;}

	

/* Form Styles */
.standard_form { display:block; float:left; width:100%; margin-bottom:10px; padding-top:0px; padding-bottom:5px; }

.standard_form .column_100pc { float:left; width:99%; margin-top:5px; }

.standard_form .column_50pc { float:left; width:49%; margin-top:5px; }

.standard_form .column_60pc { float:left; width:59%; margin-top:5px;}

.standard_form .column_80pc { float:left; width:79%; margin-top:5px;}

.standard_form .row { float:left; width:99%; margin-bottom:5px; }

.standard_form .label { float:left; width:30%; margin-top:2px; font-weight: bold;}

.standard_form .field { float:left; width:70%; }

.standard_form .fieldwidth { width:180px; }

.standard_form .required { float:left; border-bottom:2px solid #CCCCCC; width:92%; padding-top:5px; text-align:right; padding-bottom:2px; padding-left:1%;padding-right:0px; margin-top:5px; margin-bottom:5px; }

.standard_form .toolbar { float:left; border-top:2px solid #CCCCCC; width:92%; padding-top:5px; text-align:right; padding-bottom:2px; padding-left:1%;padding-right:0px; margin-top:5px; }

.error { padding:5px; border:1px solid #F20101; background-color:#ffffff; color:#F20101; font-weight:bold; margin-bottom:5px; }

.searchbtn { border: 0px; width: 46px; height: 22px; background: url(../images/form_buttons/find.gif); margin: 0px; margin-left: 2px; margin-right: 10px; padding:0px;}




/* Search Results */
.results { display:block; float:left; width:100%; margin-bottom:10px; padding-top:0px; padding-bottom:5px; }

.results .column_id { width: 25px; float:left; margin-top:2px; }

.results .column_name { width: 175px; float:left; margin-top:2px; }

.results .column_type { width: 58px; float:left; margin-top:2px; }

.results .column_noreq { width: 28px; float:left; margin-top:2px; }

.results .column_location { width: 150px; float:left; margin-top:2px; }

.results .column_date { width: 53px; float:left; margin-top:2px; }

.results .row_header { float:left; width:99%; font-weight: bold; border-bottom: 2px solid #000000; border-top: 2px solid #000000; }

.results .row { float:left; width:99%; margin-bottom:2px; padding-bottom:5px; border-bottom: 2px solid #CCCCCC;}

.results .empty {float:left; width:99%; margin-bottom:2px; padding-bottom:5px; }

#pagenav {background: #CCCCCC; width:99%; margin-bottom:5px; margin-top:10px; padding-top: 5px; padding-bottom: 5px;}


	

/* Custom Classes */

#container { width: 800px; margin: 0px auto; }

#header { position:relative; margin:0px; height:124px; padding:0px;background: url("../images/header/header_bg.jpg") 0px 0px no-repeat; }

#logo { position:absolute; top:14px; left:22px;}

	
#topnav { margin: 0px; padding: 0px; background: url(../images/topnav/bg_dividers.gif); height: 24px; 
	font-size: 9pt; font-weight: bold; line-height:26px; }

#topnav ul{ padding: 0px; margin: 0px; display: inline; }

#topnav li{ padding: 0px; margin: 0px; display: inline; }
	
#main1 { margin:0; padding:0; background: url("../images/main_bg.gif") top left repeat-y; }
	
#left { float:left; width:167px; margin-bottom: 151px;}

#sidenavbar, #sidenavbar ul, #sidenavbar li { padding:0px; margin:0px 0px 0px 22px; width:148px; 
	list-style:none; }

#sidenavbar li { border-bottom:2px solid #FFFFFF; padding:5px 5px 5px 14px; }

#footertxt { font-size: 9px; color: #FFFFFF; padding: 4px 4px 4px 54px; 
	background: url("../images/footer/bg.gif") top left no-repeat;}

#footerphoto { height: 151px; width: 167px; position:relative; top:-151px; margin-bottom:-151px; margin-left:44px; }





/* These control the main content area for mainly text pages such as search result pages etc */

#middle { height:1%; margin:0 44 0 211px; padding:20px; }
	
#content { float: right; right: 44px; position: relative; width: 502px; margin:0 44 0 211px;}

#columnright { float:right; width:49%;padding-top:30px;}

#columnright2 { float:right; width:49%;padding-top:0px;}

#columnleft { float:left; width:49%;padding-top:0px;}


/* Testimonials Page */

#cust_right { float:right; width:49%; }

#cust_left { float:left; width:49%;padding-top:0px;}

#quote1 { position: absolute; left: 150px; visibility:hidden; width:150px; padding:10px; background: #FFFFFF; border: solid 1px #000000}

#scroll { float:right; width:90%; height: 400px; padding:10px; background: #CCCCCC; overflow: auto; }




/* These control the main content area with highly graphical content eg:home page */

#middle1 { height:1%; margin:0 44 0 211px; padding:0px; }
	
#content1 { float: right; right: 44px; position: relative; width: 545px; margin:0 44 0 211px; }





/* Custom Home Page Tags */

#jobspanel { width: 545px; height: 191px; margin: 0px; padding: 0px; }

#jobseekersleft { float:left; width:275px; height:154px; overflow:hidden; }

#jobseekersright { float:right; width:270px; height:154px; overflow:hidden; }

a.jobseekers { margin: 0px; padding: 0px; width: 270px; height: 34px; display:block; 
	background: url("../images/jobseekers/jobseekers.gif") top left no-repeat;}

a.jobseekers:hover { margin: 0px; padding: 0px; width: 270px; height: 34px; 
	background: url("../images/jobseekers/jobseekers_over.gif") top left no-repeat; }
	
a.commercial { margin: 0px; padding: 0px; width: 270px; height: 23px; display:block; 
	background: url("../images/jobseekers/commercial.gif") top left no-repeat;}

a.commercial:hover { margin: 0px; padding: 0px; width: 270px; height: 23px; 
	background: url("../images/jobseekers/commercial_over.gif") top left no-repeat; }
	
a.industrial { margin: 0px; padding: 0px; width: 270px; height: 20px; display:block; 
	background: url("../images/jobseekers/industrial.gif") top left no-repeat;}

a.industrial:hover { margin: 0px; padding: 0px; width: 270px; height: 20px; 
	background: url("../images/jobseekers/industrial_over.gif") top left no-repeat; }
	
a.construction { margin: 0px; padding: 0px; width: 270px; height: 24px; display:block; 
	background: url("../images/jobseekers/construction.gif") top left no-repeat;}

a.construction:hover { margin: 0px; padding: 0px; width: 270px; height: 24px; 
	background: url("../images/jobseekers/construction_over.gif") top left no-repeat; }

#search { float: right; height: 51px; width: 214px; position:relative; top:-56px; margin-bottom:-151px;
	margin-right:0px; padding: 0px; }

#introtext { float: left; width: 205px; position:relative; left:4px; padding: 16px; }

#news { float: right; width: 292px; height: 186px; position: relative; top:8px; right: 8px;
	padding: 0px; background: #CCCCCC; }

#newsitems { float: right; width: 270px; height: 186px; position: relative; top:26px; right: 8px;
	padding: 0px; background: #CCCCCC; }

a.latestnews { margin: 0px; padding: 0px; width: 292px; height: 33px; position:absolute;
	background: url("../images/news/latest_news.gif") top left no-repeat; }

a.latestnews:hover { margin: 0px; padding: 0px; width: 292px; height: 33px; position:absolute;
	background: url("../images/news/latest_news_over.gif") top left no-repeat; }

#employment { float: right; width: 300px; height: 71px; position:relative; margin: 0px; padding: 0px;
	background: #FFFFFF; }

a.employers { margin: 0px; padding: 0px; width: 197px; height: 69px; position:absolute;
	background: url("../images/employers.gif") top left no-repeat; }

a.employers:hover { margin: 0px; padding: 0px; width: 197px; height: 69px; position:absolute;
	background: url("../images/employers_over.gif") top left no-repeat; }




/* Forms */

.input1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0px; 
	padding: 0px; border: 1px; }

.findbutton { margin: 0px; padding: 0px; width: 45px; height: 22px; border:0px;
	background: url("../images/jobseekers/btn_find.gif") top left no-repeat; }


/* Other Tags */

.cleaner { clear:both; height:0px; overflow:hidden; }