/*
CSS for Strode Health and Safety - Created by R Williams 
09/02/2008
*/

/* Set out the page containers*/
body 	{
     	padding: 0;
     	background: #cccccc;
		color: #000;
		background-image: none;
     	font: 1em "Trebuchet MS", verdana, arial, "Times New Roman";
	}

	
/*the container holds all other divs to align everything in the center of the page. */
	#pagecontainer {
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		}
		
		
#wrapper {
		width: 780px;
		background-color: #fff;
	   	background-repeat: no-repeat;    
		background-position: 0% 100%;
		background-image: url(../images/bg_content.jpg);
		padding-bottom: 60px;

		}	
		

#header {
		width: 780px;
		background-color: #fff;
		background-repeat: no-repeat;    
		background-position: 0 0;
		background-image: url(../images/header.jpg);
		height: 77px;
		}
		
#menu {
		width: 780px;
		background-color: #05663F;
		color: #fff;
		font: 1.2em "Trebuchet MS", verdana, arial, "Times New Roman";
		height: 45px;
		line-height: 45px;
		margin-left: 0px;
		}
		
#leftcol {
		margin-top: 10px;
		width: 410px;
		float: left;
		color: #000;
		background: none;
		padding: 10px;
		border-right: 1px solid #000;
		}
		
#nocols {
		margin-top: 10px;
		padding: 10px;
		}
		
#rightcol {
		margin-top: 10px;
		width: 320px;
		float: right;
		color: #000;
		background: none;
		padding-right: 10px;
		}
		
#footer {
		background-repeat: no-repeat;    
		background-position: bottom;
		background-image: url(../images/footer.jpg);
		width: 750px;
		height: 100px;
		font: 0.9em "Trebuchet MS", verdana, arial, "Times New Roman";
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		
		}
		
#footerleft
{
float: left;
width: 380px;
color: #fff;
background: none;
}

#footerright
{
float: right;
width: 350px;
color: #fff;
text-align: right;
}

		
/* style the menu */

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #05663F;
color: White;
width: 700px;
font-family: arial, helvetica, sans-serif;
height: 45px;
line-height: 45px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding-right: 20px;
padding-left: 20px;
line-height: 45px;
background-color: #05663F;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
height: 45px;
}

#navcontainer ul li a:hover
{
background-color: #fff;
color: #05663F;
}

/*style font sizes etc */
h1 { font-size: 1.5em;}
h2 { font-size: 1.2em;}




/* style content and footer links */
a.footer:focus, a.footer:link, a.footer:visited
{
color: #fff;
background: #000066;
text-decoration: none;
}
a.footer:hover
{
color : #000066;
background: #fff;
text-decoration: none;
}

a.content:focus, a.content:link, a.content:visited
{
color: #fff;
background: #05663F;
text-decoration: none;
padding-right: 4px;
padding-left: 4px;
}
a.content:hover
{
color : #05663F;
background: #fff;
text-decoration: none;
padding-right: 4px;
padding-left: 4px;
}

.text {
width: 300px;
border: solid 1px #000;
}

.textarea {
width: 300px;
height: 100px;
border: solid 1px #000;
}

.submitbtn
{
border: solid 1px #000;
}