/*
 * -----Layout CSS-------
 *
 * author: Henno Esterhuyse
 * date: 2014-09-06
 * 
 * Layout for HHRL template
 * 
 * Provided by HHRL.co.za
 * 
 *
 * 
 */
/**** Reset *****/
* {
	margin: 0;
	padding: 0;
}
.clear{
	clear:both;
}
/**********************************
 * 
 *  Core
 *  
 ********************************/
html {
	background: #e2e9ed url(../images/header_bg.png) repeat-x;
}
	body {
		color: #333;
	 	font-size: 62.5%; 
		font-family: Verdana, Lucida, sans-serif; 
		}
/**********************************
 * 
 *  Containers 
 *  
 ********************************/

#container { /*contains everything except footer */
	width: 950px;
	padding-bottom: 5px;
	margin: 0 auto;
     
	}	
/**********************************
 * 
 *  Navbar
 *  
 ********************************/
#navbar {
	width: 950px;
	height: 235px;
	margin: 0 auto;
	padding-top: 25px;
}
#navbar a.home{ 
	 	width: 950px; 
	 	margin: 0;
		height: 177px;
		overflow: hidden;
		display:block;
		background:  url(../images/HHRLIDLOGO.png) no-repeat top left;
		float:left;


	}
	#navbar a.home span { 
			display:none;
		}
	#navbar ul { 
	 	float: right; 
		margin-top:10px;
		}
		#navbar ul li { 
		 	list-style: none; 
			margin: 0 2px; 
			float: left;
			line-height: 2.8em;
			display: block;
			}
		#navbar ul li a { 
			float: left;
			text-decoration: none;
			display: block; 
			height: 31px; 
			font-size: 1.6em; 
			padding: 5px 30px 0 30px;
			color: #e2e9ed;
			background: #494949;
			}	
		#navbar ul li a:hover{
			background: #555;
		}	
		#navbar ul li a.current, 
		#navbar ul li a.section { 
			border-top: 3px solid #e2ede9;
			height: 31px; 
			padding-top:2px;
			background: #555;
			}	
/**********************************
 * 
 *  Layout Wrappers
 *  
 ********************************/

#layout {	/* contains sidebar & content */
	width: 950px;
	clear: both;
	overflow: hidden;
	margin: 15px auto;
}

/*	#headerImage {
		margin-top:3px;
		margin-bottom: 10px;
		width: 950px;
		height: 157px;
	}
*/
#content {
	width: 660px;
	float: right; 	
	margin: 15px;
	text-align: left;
	padding: 10px 0 0 40px;
	border-left: 1px solid #494949;	
}
/**********************************
 * 
 *  Breadcrumbs
 *  
 ********************************/
#Breadcrumbs { 
 	color: #000000;
	text-align: left;
	font-size: 0.9em; 
	margin: 0 5px 10px 5px;

	}
	#Breadcrumbs p {
		margin: 0;
		padding-top: 0;
	}
/**********************************
 * 
 *  Sidebar
 *  
 ********************************/
#sidebar {
 	width: 190px; 
	float: left;  
	margin: 15px 0;
}
	#sidebar .sidebarBox {
		margin: 0 0 5px 0;
		padding-bottom: 7px;
		border-bottom: 1px solid #494949;
	}
		#sidebar h3 { 
			clear: both; 
			text-transform: lowercase;
			color: #494949;
			font-weight: 700; 
			font-size: 1.6em; 
			margin: 0 0 10px 0;
			line-height: 1.8;
			padding: 5px 0 5px 0px;
			border-bottom: 1px solid #494949;
		}
		#sidebar ul {
			margin: 2px 0 5px 0px;
		}
		#sidebar li {
			margin: 8px 2px;
			list-style: none;
		}
    			ul#menu2 li { 
            			 margin: 0 0 2px 0px;
            		}
						ul#menu2 li a {
							display: block;
							width: 170px;
							font-size: 1.6em;
							height: 33px;
							line-height: 1.8em;
							color: #e2e9ed;
							background: #494949;
							text-decoration:none;
							padding: 3px 0 0 20px;
						}			
							ul#menu2 a:hover {
								background: #555;
							}
							ul#menu2 a.current, 
							ul#menu2 a.section{
								background: #555;
								border-left: 5px solid #e2ede9;
								width: 165px;
							}												
/**********************************
 * 
 *  Footer
 *  
 ********************************/
#footer { 
 	clear: both;  
	height: 68px; 
	background: #58ade1 url(../images/footer_bg.png) repeat-x top left; 
	text-align: center; 
	margin: 0 auto;
	}
	#footer div.footerContent {
		width: 950px;
		margin: 0 auto;
	}
  	#footer p { 
		color: #e2e9ed;
		font-size: 1.1em;
		text-align: left;
		padding: 30px 0 0 0;
	}
  	#footer a { 
		color: #028c37;
	   	text-decoration: none;
		}
		#footer a:hover {
			text-decoration: underline;
		}