/* CSS Document */
/* show scrollbars - in firefox */
html{
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

/* fixes 2px bottom margins from images - in explorer */ 
img { display:block; border: none; }


body {
	margin: 0;
	background: url(../images/img_bg_pagr.gif) repeat;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	}

/* Centres page */ 
#centrer {
	width: 750px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 0 5px 5px;
	position: relative;
	}
	
	
/* *********************************************************************** */
/* ****************************    HEADER   ****************************** */
/* *********************************************************************** */	

/* naturally better header  */
h1 { text-align: right;	background-color: #E07900;	margin: 0;	padding: 20px;	display: block;	}
/* *NOTE* Because we have already set the img as a block element it means that we cannot use text align to float it right 
- this means we must convert it back to an inline  */
h1 img { display: inline!important;	}

h5 {
	float: right;
	color: #E07900;
	text-transform:uppercase;
}

/* absolute positioned logo  */
#logo {
	position: absolute;
	top: 10px;
	left: 30px;
	}
	
	
/* bnav section */
#bnav {
	display: block;
	text-align: right;
	padding: 10px 5px 40px;
	margin: 0;
	}
		
#bnav ul {	display: block;	margin: 0;	padding: 0;	list-style: none;	background-color: #333333;	}
#bnav li {	display: inline;	margin:  0 0 0 10px ;	padding: 0;	float: right;	}

#bnav2 {
	display: block;
	text-align: right;
	padding: 30px 5px 20px;
	margin: 0;
	}
		
#bnav2 ul {	display: block;	margin: 0;	padding: 0;	list-style: none;	background-color: #333333;	}
#bnav2 li {	display: inline;	margin:  0 0 0 10px ;	padding: 0;	float: right;	}


/* *********************************************************************** */
/* ***************************   HERO IMG   ****************************** */
/* *********************************************************************** */	
/* hero img */
#hero {
	margin: 0 0 5px 0;
	padding: 0;
	background-color: #fff;
	}
	
	
/* *********************************************************************** */
/* ******************************  A NAV   ******************************* */
/* *********************************************************************** */	
/* nav row - add bg */
#anav {
	clear: both;
	background: url(../images/anav_bg.jpg) repeat-x;
	width: 750px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	text-align: left;
	}

/* nav button list */ 
#anav ul {	margin: 0;	padding: 0;	list-style: none; text-align: left; 	}

/* buttons */
#anav ul li {  position: relative; float: left; display: inline; margin: 0; padding: 0; text-align: left; }
#anav li li {  position: relative; float: left; display: block; margin: 0; padding: 0; text-align: left; width:149px; }


/* Styles for Menu Items */
#anav ul li a { display: block; text-decoration: none; color: #fff;	padding: 0;	margin: 0; position: relative; float: left;	}
#anav ul li a:hover {	color: #00CC00; text-align: left;  }


/* ******************************  DROP DOWNS  ******************************* */
/*  drop down Menu */
#anav ul li ul {
	position: absolute;
	top: 30px; /* Set 1px less than menu width */
	left: 0;
	display: none;
	background-color: #0C430C;
	background:url(../images/overlay.png); 
	}


#anav ul li ul li { padding: 5px 10px; text-align: left; display: block; }


/* Holly Hack. IE Requirement \*/
* html #anav ul li { float: left; height: 1%; }
* html #anav ul li a { height: 1%; }
/* End */


#anav li:hover ul, #anav li.over ul { display: block; width: 149px; text-align:center; /* Width of Menu Items */ } /* The magic */



/* *********************************************************************** */
/* **************************  BODY SECTIONS   *************************** */
/* *********************************************************************** */	
#body_section {
	padding: 10px 10px 1px 10px;
	background-color: #E5ECE5;
	display: block;
	margin: 0 0 5px;
	}
	
	
	
#body_section h2 {	margin: 0;	padding: 10px 0;	display: block; }
#body_section h6 {	margin: 0;	padding: 10px 0;  }
#body_section h3 {	margin: 0 0 5px 0;	padding: 0;	display: block; font-size: 100%; text-transform: uppercase; color:#0C430C; }
#body_section h4 {	margin: 0;	padding: 10px;	display: block; font-size: 100%; color:#ffffff;	 background-color: #E07900;	}
#body_section h5 {	margin: 0;	padding: 0; display: block; font-size: 100%; }
#body_section p {	margin: 0 0 15px 0;	padding: 0;	display: block;	}
#body_section a { color: #448044; }
#body_section a:hover { color: #000; }


.leftcol {width:230px;float:left; }
.rightcol {width:230px;float:right; }

/* for use if there is a two columns -lrg col - left */	
.lrgcol {
	background-color: #FFFFFF;
	width: 480px;
	float: left;
	padding: 10px 5px 0;
	margin: 0 0 10px;
	clear: both;
	}
.lrgcol_list {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}
.lrgcol_ul {
	padding: 0px 0 15px 0;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}
	
/* for use if there is a two columns - sml col - right */	
.smlcol {
	width: 230px;
	float: right;
	margin: 0;
	padding: 0;
	}
	
.smlcol_block {
	background-color: #FFFFFF;
	width: 230px;
	margin: 0 0 10px;
	padding: 0;
	}
	
	
/* for use if there is a single column */
.singlecol {
	background-color: #FFFFFF;
	width: 710px;
	padding: 10px 10px 6px 10px;
	margin: 0 0 10px;
	}
	
	
/* table tools block */
.tools {
	padding: 10px;
	margin: 0;
	list-style: none;
	display: block;
	}
	
.tools li { display: block; margin: 0 0 10px;  }	
.tools_question { display: block; background: url(../images/bullet_question.gif) no-repeat 2px 2px; padding: 0 0 0 19px;  }		
.tools_glass { display: block; background: url(../images/bullet_magnify.gif) no-repeat 0 2px; padding: 0 0 0 19px;  }	
.tools_page { display: block;  background: url(../images/bullet_page.gif) no-repeat 0 1px; padding: 0 0 0 19px;  }	
.tools_sample { display: block;  background: url(../images/bullet_sample.gif) no-repeat -1px 2px; padding: 0 0 0 19px;  }	


.form {
background-color:#F7F7F7;
border: 1px solid #f0f0f0;
padding: 20px 20px 0 20px;
margin: 5px 110px 20px 10px;
width: 220px;
}
.form2 {
background-color:#F7F7F7;
padding: 20px 15px 0 10px;
margin: 0;
width: 205px;
}
td {
	padding:5px;
	margin:0px;
	text-align: center;
}
.left_table {
	text-align: left;
}
.left_top {
	text-align: left;
	vertical-align: top;
	font-weight:bold;
	color:#009933;	
}
/* *********************************************************************** */
/* *****************************  FOOTER   ******************************* */
/* *********************************************************************** */	
#footer {
	clear: both;
	background-color: #E07900;
	padding: 10px;
	color: #FFFFFF;
	font-size: 85%;
	}
	
#footer a { color: #FFFFFF; }
#contact { float: left; }
#phase { float: right; }	

.floatright {
	float: right;
	padding-right: 15px;
}
.float_right {
	float: right;
	padding: 10px 0 10px 15px;
}