/*CIP Bluebook Style Sheet* - Last Updated by Simon Del Giudice on 9th May 2008
******************************************************************/

/*Global Styles*
******************************************************************/
body {
	margin: 15px 0 0 0;
	padding: 0;
	font-family: arial, san-serif, Verdana;
	font-size: 12px;
	text-align: center;
	background: white url(/images/layout/site_background.jpg) repeat-x;
	}
p, normal { 
	font-family: arial, san-serif, Verdana;	
	font-size: 12px;
	color: black;
	padding: 0 0 10px 0;
	margin: 0;
}

h1 {
	color: #5EB001;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal; 
}
h2 {
	color: #5EB001;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0; 
}
h3 {
	margin: 0 0 0 0;
	padding: 0;
}

#hd_title1 {
	margin: 0px 0 10px 0;
	font-size: 18px;
}

#hd_title2 {
	margin: -10px 0 10px 0;
	font-size: 18px;
	color: #DBEDBF;
}

ul 	{ 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	}
li	{
	margin: 0 0 5px 0;
	padding: 0; 
	font-size: 11px;
	}
img {
	padding: 0;
	margin: 0;
	}
a img {border: 0;}
a:hover img {border: 0;}
a:visited img {border: 0;}


a 	{
	font-weight: bold;
	text-decoration: none;
	color: #FFC820;
	}
	a:hover {
		color: #FFC820;
		}

th{
background: #FFC820;
}

form {
	margin: 0;
	padding: 0;
}



a { color: black; text-decoration: none;}
a:hover { color: red; text-decoration: none;}
a:visited, a:active {color: red; text-decoration: none;}	


/*Layout Styles*
******************************************************************/

#container {
	width: 800px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0 auto 0 auto;
	background: url(/images/layout/container_back01.gif) repeat-y;
}

#banner {
	width: 800px;
	height: 100px;
	background: url(/images/banner_01.jpg) no-repeat;
}

#logo {
	float: left;
	width: 223px;
	height: 88px;
	padding: 12px 0 0 0;
	text-align: center;
}

#search_container {
	color: white;
	font-size: 14px;
	padding: 0; 
	background: #FDE624/*#00639D*/;
	padding: 5px;
	margin: 0 0 1px 0;
	display: block;
	width: 213px;
	text-align: center;
}

	#search_container input{
		background: #FBA30F;
		border: 1px solid #FFD749;
		margin: 0 !important;
		padding: 0 !important;				
	}
		
	#search_container .texta{
		height: 20px;
		background-color: white; 
		border: 1px solid #FFD749;
		margin: 0 !important;
		padding: 2px 0 0 2px !important;		
	}

#title_container {
	margin: 0;
	padding: 0;
}
	#title_container h2{
		color: #FDE624;
		font-size: 14px;
		padding: 0; 
		background: #437E01;
		padding: 5px;
		margin: 0 0 1px 0;
		display: block;
		width: 213px;	
	}

	#title_container ul {
		padding: 0;
	}

	#title_container li {
		height: 27px;
		width: 223px;
		padding: 0;
		margin: 0 0 5px 0;
		overflow: hidden;
		text-align: left;
		}
	#title_container li a {
		padding: 7px 0 0 40px;
		display: block;
		height: 27px;
		color: #437E01;
		overflow: hidden;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		}
		.leftnav01 {
			padding: 0;
			width: 223px;
			background: url(/images/leftnavback_01.gif) left top no-repeat;
			}		

	#title_container li a:hover {
		color: #437E01;
		background-position: 0 -27px;
		}
	#title_container li a.active,
	#title_container li a.active:hover {
		color: #437E01;
		background-position: 0 -27px;
		}



#title_container2 {
	margin: 0;
	padding: 0;
}
	#title_container2 h2{
		color: #FDE624;
		font-size: 14px;
		padding: 0; 
		background: #5EB001;
		padding: 5px;
		margin: 0 0 1px 0;
		display: block;
		width: 213px;	
	}

	#title_container2 ul {
		padding: 0;
	}
	#title_container2 li {
		display: block;
		background: #EBF6D8;
		padding: 10px;
		}
	#title_container2 li a {
		color: #437E01;
		}
		#leftnav02 {
			padding: 0;
			width: 223px;
			background: #D7EABA;
			}		
	#title_container2 li a:hover {
		color: #437E01;
		}
	#title_container2 li a.active,
	#title_container2 li a.active:hover {
		color: #437E01;
		}



/*Navigation - Bookshop, Register, Login ***
******************************************************************/
#topnav {
	float: right;
	text-align: right;
	width: 557px;
	height: 80px;
	padding: 20px 20px 0 0;	
}

#topnav li {
	height: 22px;
	float: right;
	padding: 0;
	margin: 0;
	overflow: hidden;
	}
#topnav li a {
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	padding: 4px 0 0 0;
	color: #437E01;
	text-decoration: none;
	display: block;
	height: 18px;	
	/*text-indent: -5000px;*/
	overflow: hidden;
	background-position: center top;
	}
	#tnav01 {
		width: 72px;
		margin: 0 3px 0 0;
		background: url(/images/layout/tnav_01.gif) no-repeat;
		}
	#tnav02 {
		width: 72px;
		margin: 0 3px 0 0;
		background: url(/images/layout/tnav_02.gif) no-repeat;
		}
	#tnav03 {
		width: 72px;
		margin: 0;
		background: url(/images/layout/tnav_03.gif) no-repeat;
		}				
		
#topnav li a:hover {
	color: white;
	background-position: 0 -22px;
	}
	#topnav li a.active,
	#topnav li a.active:hover {
		color: white;
		background-position: 0 -22px;
		}


/*Main Navigation - Home, Introduction, Contents, Latest Legislation, The Manual, H&S News, Subscribe, Links, FAQ’s, Contact Us ***
******************************************************************/

#mainnav {
	clear: both;
	padding: 7px 0 0 20px;
	width: 780px;
	height: 23px;
	margin: 1px 0 0 0;
	list-style: none;
	color: #437E01;
	background: url(../images/navback_01.gif) top left no-repeat;
	}
	#mainnav p{
		color: #437E01;
	}
	#mainnav a { color: #437E01; text-decoration: none; font-weight: normal !important;}
	#mainnav a:hover { color: #FDDE21; text-decoration: none; font-weight: normal !important;}
	#mainnav a:active {color: #FDDE21; text-decoration: none; font-weight: normal !important;}	


/*Left Column ***
******************************************************************/
#leftcol {
	float: left;
	width: 222px;
	margin: 1px 1px 0 0;
	background: #EBF6D8;
}




/*Main Area ***
******************************************************************/
#maincol {
	float: right;
	width: 555px;
	margin: 1px 0 0 0;	
	padding: 10px;
}
	#maincol img{
		padding: 0 0 0 10px;
	}

	#maincol ul{
		margin: 0px 0px 0px 15px;
		padding: 0px;
		list-style-type: square;
	}
	
	#maincol li{
		margin: 0 0 5px 10px;
		padding: 0;
		font-size: 12px !important;		
	}	

	#maincol input {
		background: #437E01;
		color: white;
		border: 1px solid #437E01;
		margin: 0 0 3px 0 !important;
		padding: 0 !important;		
	}
	#maincol .texta{
		height: 20px;
		background-color: white; 
		border: 1px solid #437E01;
		color: #437E01;
		margin: 0 0 3px 0 !important;
		padding: 2px 0 0 2px !important;		
	}


#highlight {
	display: block;
	padding: 5px;
	background: white url(/images/layout/highlight_background.jpg) repeat-x;
}

/*FAQ ***
******************************************************************/


#faq {
	font-weight: bold;
	color: #0D4685;
	background: #FFFFFF;
}


/*Footer ***
******************************************************************/
#footer {
	clear: both;
	margin: 0;
	padding: 7px 280px 0 20px;
	width: 500px;
	height: 23px;
	background: url(/images/footerback_01.gif) top left no-repeat;
	color: #437E01;
	font-size: 10px !important;
}
	#footer a { color:#437E01; text-decoration: none; font-weight: normal !important;}
	#footer a:hover { color: white; text-decoration: none; font-weight: normal !important;}
	#footer a:active {color: white; text-decoration: none; font-weight: normal !important;}	

		#footerleft {
			float: left;
		}
	
		#footerright {
			float: right;
			text-align: right;
		}

/*Management Table ***
******************************************************************/

.headerrow {
	font-weight: bold;
	height: 10px;
}

.oddrow {
	height: 10px;
}

.evenrow {
	background:#F6FBEC;
	height: 10px;
}