body {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #535353;
	background-color: #ededea;
	margin: 0;
	padding: 0;
	text-align: center; /* Hack fro IE5 */
	height: auto;}

/* Rollover */

a.imageemployee { 
	display: block; /* a tag must be a block */
	width: 200px; 
	height: 192px;
	margin-left:10px; 
	background-image: url(../images/t_employee.jpg); 
	float: right;}
	 
a.imageemployee:hover { 
    background-image: url(../images/t_employee-r.jpg); 	} 

a.imagepromo { 
	display: block; /* a tag must be a block */
	width: 165px; 
	height: 208px;
	margin-left:10px; 
	background-image: url(../images/t_promo.jpg); 
	float: right;}
	 
a.imagepromo:hover { 
    background-image: url(../images/t_promo-r.jpg); 	} 
	
	
a.imagepromo2 { 
	display: block; /* a tag must be a block */
	width: 165px; 
	height: 208px;
	margin-left:10px; 
	background-image: url(../images/WRHSThumbnail.jpg); 
	float: right;}
	 
a.imagepromo2:hover { 
    background-image: url(../images/WRHSThumbnailfaded.jpg); 	} 

a.imageclient { 
	display: block; /* a tag must be a block */
	width: 200px; 
	height: 192px;  	
	background-image: url(../images/t_client.jpg); 
	float: right;}
	 
a.imageclient:hover { 
    background-image: url(../images/t_client-r.jpg); 	} 

/* Rollover */

hr {
	width:80%;
	color:#CCCCCC;	
	text-align:center;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}

.header_sub{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0036ad; }

#container {
	margin:0px auto; /* Center in middle of the page */
	width: 1003px;
	background-color:#FFFFFF;
	height: auto; }

#yellowband {
	width: 100%;
	background: #fdbb30;
	height: 16px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 2px;}

#header{
	width:100%;
	background: #fdbb30;
	height: 205px;}

#logo{
	float:left;
	width:358px;
	height:205px;}

#flash{
	float:left;
	width: 643px;
	height: 205px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #CCCCCC;}

#menu {
	float:left;
	width:100%;
	height:33px;
	background-repeat: repeat-x;
	background-image: url(../images/bgmenu.gif);
	text-align: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;}

#nav {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding-left: 20px;}
	
#tel {
	float: right;
	padding-top: 7px;
	/*padding-right: 20px;*This is done to stop the image from displaying correctly*/
	/*visibility:hidden;/*/
}
	
a {
	text-decoration:underline;
	color: #0036ad;}

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

a.nav {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #FFFFFF;}

a.nav:hover {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	color: #fdbb30;}

a.navsub {
	color: #005daa;
	text-decoration:underline;}

a.navsub:hover {
	text-decoration:underline;
	color: #fdbb30;}

#bodymain {
	height:100%;
	text-align: left;
	background-color:#FFFFFF;
	margin: 0 20px 0 20px;}

#body1 {
	height:100%;
	width: 699px;
	float: left;
	margin: 20px 0 0 0;
	background: #FFFFFF;
}

#bodysublevel {
	text-align: left;
	margin: 0 0 20px 20px;
	background-color: #FFFFFF;}

#col1 {
	float:left;	
	width:299px;
	background: #FFFFFF;
	border: 2px solid #0036ad;
	height: 290px;
	margin-top: 20px;
	margin-bottom: 20px;}

#col1 p {
	position: relative;
	background: url(../images/corner.gif) top right no-repeat;
	right: -2px;
	top: -2px;
	bottom: -2px;	
	padding: 15px 2px 0 15px;
	margin: 0;}

#col2 {
	width:299px;
	height:290px;
	border: 2px solid #0036ad;
	float: left;
	background: #FFFFFF;
	margin-top: 20px;	
	margin-right: 26px;
	margin-left: 26px;
	margin-bottom: 20px;}

#col2 p {
	position: relative;
	background: url(../images/corner.gif) top right no-repeat;
	right: -2px;
	top: -2px;
	padding: 15px 2px 0 15px;
	margin: 0;}

#col3 {
	float:left;
	background: #FFFFFF;	
	width:299px;
	height:289px;
	border: 2px solid #0036ad;
	margin-bottom: 20px;
	margin-top: 20px;}

#col3 p {
	position: relative;
	background: url(../images/corner.gif) top right no-repeat;
	right: -2px;
	top: -2px;
	padding: 15px 2px 0 15px;
	margin: 0;
	height:auto;}

#col4 {
	float:left;
	width:930px;
	text-align:left;	
	background: #fdbb30;
	height: 30px;
	padding-top:15px;
	padding-right:15px;
	padding-left:15px;}

imagefloat {
	background: url(../images/thumbpic1.jpg) bottom right no-repeat;}

#search {
	width:615px;
	padding: 0 0 0 15px;	
	height:auto;
	border: 2px solid #0036ad;
	float: left;
	background: #FFFFFF;
	height:190px;}

#searchborder {
	position: relative;
	background: url(../images/corner.gif) top right no-repeat;
	right: -2px;
	top: -2px;
	height:36px;
	width:35px;
	margin: 0;
	text-align: right;
	float: right;}	

#findajob {
	float: left;
	width:230px;}

#searchform {
	float: right;
	width:320px;
	margin-top: 20px;}

#news {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	color:#FFFFFF;
	float:right;
	background: #fdbb30;	
	width:272px;
	height:164px;
	padding: 15px;	
	margin-left:25px;}

#footer {
	margin-top: 20px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	color:#FFFFFF;
	background: #005daa;
	height: 17px;
	text-indent: 20px;
	text-align: left;
	font-weight: normal;
	padding: 3px 0 0 0; 
	float: left;}

a.privacy {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #FFFFFF;}

a.privacy:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #fdbb30;}

a.news {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #0036ad;}

a.news:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #ffffff;}

a.news {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #0036ad;}

a.news:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #ffffff;}

a.news2 {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	text-decoration:underline;
	color: #FFFFFF;}

a.news2:hover {
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	text-decoration:underline;
	color: #0036ad;}


.line {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;}
	
 /* Form  Style */
 
input{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #535353;
	margin-bottom: 5px;
	width: 150px;}

select{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #535353;
	width: 150px;}
	
textarea{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #535353;
	width: 150px;}	

.submit {
	width:66px; 
	height:21px;
	margin-left: 100px;} 
	
.submit2 {
	width:66px; 
	height:21px;} 	

label {
	width: 80px;
	float: left;
	text-align: left;
	margin-right: 20px;}

label2 {
	width: auto;
	float: left;
	text-align: left;}

 /* Form  Style */	

#formcol1 {
	width: 300px;
	height:180px;	
	float: left;}

#formcol2 {
	width: 390px;
	height:180px;
	float: left;}
	
#formcol1search {
	width: 160px;
	float: left;}

#formcol2search {
	width: 160px;
	float: right;}	
	
	#aboutus {
		color: #005DAA;
		height:241px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic1.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF; }
		
	#joinourcrew {
		color: #005DAA;
		height:341px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic2.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}
	
	#newsbg {
		color: #005DAA;
		height:711px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic11.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}	
		
	#putustowork {
		color: #005DAA;
		height:711px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic3.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}	
		
	#putustowork2 {
		color: #005DAA;
		height:507px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic10.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}		
	
		
	#trainingcentre {
		color: #005DAA;
		height:363px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic7.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}	
	
	
	#contactus {
		color: #005DAA;
		height:707px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic5.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}	
	
	
	#fighting {
		color: #005DAA;
		height:507px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic6.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}		
		
	#privacy {
		color: #005DAA;
		height:707px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic8.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}				
		
	#resume {
		color: #005DAA;
		height:907px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic9.jpg);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF;}						
	
	#induction{
		color: #005DAA;
		height:241px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic12.gif);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF; }	
		
	#familiarisation{
		color: #005DAA;
		height:241px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic12.gif);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF; }	
		
		#challenge{
		color: #005DAA;
		height:241px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic12.gif);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF; }	
		
		#cancellations{
		color: #005DAA;
		height:241px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic12.gif);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF; }
		
		#help{
		color: #005DAA;
		height:241px;
		text-align: left;
		width: 224px;
		background-image: url(../images/bgpic12.gif);
		background-repeat: no-repeat;
		float: right;
		padding: 263px 20px 0 20px;
		background-color: #FFFFFF; }

/*This is for the sub menu on the inductions page */
#submenu {
	float:left;
	width:100%;
	height:33px;
	background-repeat: repeat-x;
	/*background-image: url(../images/bgmenu_inactive.gif);*/
	text-align: left;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.submenu_active {
	background-image: url(../images/bgmenu.gif);
	width:205px;
	height:30px;
	text-align:center;
}

.submenu_inactive {
	background-image: url(../images/bgmenu_inactive.gif);
	width:205px;
	height:30px;
	text-align:center;
}

#subnav {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding-left: 20px;}