/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	* { padding: 0; margin: 0; }  back to http://www.code-sucks.com
	  
*/



body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
	background-image:url(../img/background.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	background-color:#2055A6;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}
#wrapper { 
 margin: 0 auto;
 width: 780px;
 
	background:#FFFFFF;
	border:#CCCCCC solid 1px;
	padding:0;
	
}

#header {
 width: 780px;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 
	height:83px;
	text-align:left;
	border-bottom:#cccccc solid 1px;
	background-image:url(../img/banner4.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#BannerEnvirotect	{
	width:292px;
	height:50px;
	background-image:url(../img/envirobannerns.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
	
#BannerRadShielding	{
	width:292px;
	height:30px;
	background-image:url(../img/radationshielding.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}


#navigation {
 float: left;
 width: 780px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 
 height:28px;
	width:780px;
	text-align:left;
	vertical-align:middle;
	border-bottom:#CCCCCC solid 1px;
}

#navigation table{
	height: 28px;
}
#navigation table tr td {	
	vertical-align:middle;
	width: 20%;
	text-align: center;
}

#leftcolumn { 
 margin: 2px 0px 0px 0px;
 padding: 0px;
 height: 0px auto;
 float: left;
 
	width: 130px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	vertical-align:top;
 
}
#rightcolumn { 
 float: right;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 0px auto;
 width: 648px;
 display: inline;
 
	border-left:#CCCCCC solid 1px;
	text-align:left;
}

#ContentPath	{
	margin:0;
	padding:0;
	padding-left:15px;
	height: 0 auto;
	}
	
#HomeAbout	{
	margin:0px 0px 0px 0px;
	padding:0 10px 10px 10px;
	float:left;
	width:295px;
	height:0 auto;
	/*background-image:url(images/HomePage/green_grass.jpg);*/
	background-position:top left;
	background-repeat:no-repeat;
	}
	
#LatestNews	{
	float: right;
	display: inline;
	margin:0px;
	width:326px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}

#Contact{
	margin:0;
	padding:0;
	padding-left:10px;
	background-image:url(../img/contact/Background.jpg);
	background-position: bottom  center;
	background-repeat:no-repeat;
	}


#footer { 
 width: 780px;
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 0px;
 
	background:#FFFFFF;
	border-top:#CCCCCC solid 1px;
}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}