/* CSS Document */

/* clear */
.clear{
	clear: 		both;
	font-size: 	1px;
	line-height: 1px; 
}

/* wraps */
#wrap{
	width: 		100%;
	height:		100%;
	margin: 	0px;
	min-width: 	770px;
}

#contentWrap{
	margin:		5px 0px 0px 0px;
	background:	url(../images/homePics.jpg) top right no-repeat;
	min-height:	388px;
	height:		78%;
}

#contentWrap2{
	margin:		5px 0px 0px 0px;
	background:	url(../images/contactPics.jpg) top right no-repeat;
	min-height:	388px;
	height:		79%;
}

#contentWrap3{
	margin:		5px 0px 0px 0px;
	min-height:	600px;
	height:		79%;
}

#contentWrap4{
	margin:		5px 0px 0px 0px;
	background:	url(../images/homePics.jpg) top right no-repeat;
	min-height:	388px;
	height:		93%;
}

#leftWrap{
	margin: 	0px 228px 0px 0px;
	height:		79%;
}

#contentLeft{
	float:		left;
	margin:		0px;
	width:		74.9%;
	min-height:	720px;
	/*height:		100%;*/
}

#contentRight{
	float:		left;
	margin:		0px;
	width:		25%;
	background:	url(../images/cornerTan.jpg) top left no-repeat #CCCCCC;
	min-height:	720px;
	height:		100%;
}

#contentRight2{
	float:		left;
	margin:		0px;
	width:		25%;
	min-height:	720px;
	height:		100%;
	background:	url(../images/cornerTan.jpg) top left no-repeat #CCCCCC;
}

/* header */
#headerBar{
	margin: 0px;
	width:	100%; 
	height:	112px;
	background-color: #CC3333;
	background-image: url(../images/headerLogo.jpg);
	background-repeat:	no-repeat;
}

/* navigation */
#nav{
	margin: 0px; 
	height:	21px;
	background-color: #A9A095;
}

#nav ul{
	margin:				0px 0px 0px 23px;
	padding:			0px;
}	
	
#nav ul li{
	display:			block;
	float:				left;
	margin:				2px 20px 0px 0px;
}	
	
#nav ul .currentNav a{
	color:				#f9bcbf;
}	
	
#nav ul li a{
	color:				#ffffff;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	text-decoration:	none;
	display:			block;
	padding:			0px 0px 0px 10px;
}
	
#nav ul li a:hover{
	color:				#f9bcbf;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	text-decoration:	none;
	display:			block;
	padding:			0px 0px 0px 10px;
}

#nav2{
	margin: 0px; 
	height:	21px;
	background:		top right no-repeat #A9A095;	
}

#nav2 ul{
	margin:				0px 0px 0px 23px;
	padding:			0px;
}	
	
#nav2 ul li{
	display:			block;
	float:				left;
	margin:				2px 20px 0px 0px;
}	
	
#nav2 ul .currentNav a{
	color:				#f9bcbf;
}	
	
#nav2 ul li a{
	color:				#ffffff;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	text-decoration:	none;
	display:			block;
	padding:			0px 0px 0px 10px;
}
	
#nav2 ul li a:hover{
	color:				#f9bcbf;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	text-decoration:	none;
	display:			block;
	padding:			0px 0px 0px 10px;
}

/* Sub navigation */
#subNav{
	margin: 10px 0px 10px 0px; 
	width:	25%;
	float:	left;
	min-width: 150px;
	min-height:	500px;
	height:		85%;
}

#subNav ul{
	margin:				0px 0px 0px 10px;
	padding:			0px;
	height:				100%;
	border-right: 		solid 1px #4A575F;
}	
	
#subNav ul li{
	display:			block;
	margin:				0px;
	list-style-type:	none;
	line-height:		23px;
}	

#subNav ul .currentNav{
	/* background:			url(../images/hexigon.jpg) center left no-repeat; */
}	
	
#subNav ul .currentNav a{
	color:				#666666;
	font-weight:		bold;
}	
	
#subNav ul li a{
	color:				#666666;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	text-decoration:	none;
	margin:				0px 0px 0px 23px;
}
	
#subNav ul li a:hover{
	color:				#C6223C;
	text-decoration:	none;
}

#subNav2{
	margin: 10px 0px 10px 0px; 
	width:	25%;
	float:	left;
	min-width: 150px;
	min-height:	500px;
	height:		85%;
}

#subNav2 ul{
	margin:				0px 0px 0px 10px;
	padding:			0px;
	height:				100%;
	border-right: 		solid 1px #4A575F;
}	
	
#subNav2 ul li{
	display:			block;
	margin:				0px;
	list-style-type:	none;
	line-height:		23px;
}	

#subNav2 ul .currentNav{
	/* background:			url(../images/hexigonRed.jpg) center left no-repeat; */
}	
	
#subNav2 ul .currentNav a{
	color:				#CC3333;
	font-weight:		bold;
}	
	
#subNav2 ul li a{
	color:				#CC3333;
	font-size:			12px;
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		normal;
	text-decoration:	none;
	margin:				0px 0px 0px 23px;
}
	
#subNav2 ul li a:hover{
	color:				#a82a2a;
	text-decoration:	none;
}

/* content elements */
#pageTitle{
	margin: 0px;
	height:	57px;
	background:	url(../images/titleBg.jpg) no-repeat;
}

#content{
	margin: 5px;
}

#content2{
	margin: 0px;
	float:	left;
	width:	70%;
	min-width: 400px;
}

#footer{
	margin: 		5px 0px 0px 0px;
	background-color:	#4A575F;
	border-bottom: 	solid 1px #4A575F;
	border-top: 	solid 1px #4A575F;
	vertical-align:	bottom;	
}

#footer p{
	text-align: center;
	font-size:	12px;
	color:		#ffffff;
	margin:		5px;
}	

#footer a{
	color:				#ffffff;
	font-size:			12px;
	font-weight:		normal;
	text-decoration:	none;
}
	
#footer a:hover{
	color:				#B3D0E8;
}

#copyright{
	margin: 		5px 10px 0px 10px;
	vertical-align:	bottom;	
}

#copyright p{
	text-align: left;
	font-size:	9px;
	color:		#999999;
	margin:		0px;
}

.userDetailsForm {
	padding-left:30px;
}

.userDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-size:	12px;
	width:350px;
	height:25px;
	margin-bottom: 7px;
}

.userLabel {
 	width:200px;
	float:left;
}

.userInput {
 	width:150px;
	float:right;
}

.userInput  select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:	12px;
}

.inductionTestForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size:	12px;
}

.inductionQuestion{
	padding-bottom: 10px;
}

.inductionQuestionInput {
	padding-left:30px;
}

ul {
	font-size: 12px;
	padding-left:50px;
	*padding-left:10px;
}

ul.homeRightList {
	padding-top: 20px;
	line-height:200%;
	list-style-type:none;
}

ul.homeRightList ul {
	border-right: none;
	height: auto;
	padding-left:0px;
	margin: 0px 0px 0px 0px;
	line-height:200%;
	list-style-type:none;
}