/* MAIN CSS */

body {
	padding:0px;
	margin:0px;
	text-align:center;
	background-color: #ffffff;
/*
	background-color: #9abbc5;
	background-image:url(graphics/bg_soi.gif);
	background-repeat:repeat-x;
	background-attachment:fixed; 
*/
	}
form{
	display:inline;
}
p, p a, li, td, td a {
	font: 11px/15px verdana,sans-serif;
	color: #444444;
	}
br.clear {
	float:none;
	clear:both;
	height:0;
	font-size:.1px;
	line-height:.1px;
	overflow:hidden;
	}
#base {
	margin:10px auto;
	width: 760px;
	text-align:left;
	}
#top {
	width:748px;
	height:40px;
	margin:0px 0px 5px 10px;
	}
#top span {
	margin-top:12px;
	float:right;
	}
#top a.login {
	font: 11px/17px verdana,sans-serif;
	color: #568d9f;
	text-decoration:none;
	margin-right: 1em;
	}
#top a.login:hover {
	color: #70cee9;
	}
#nav {
	width:748px;
	min-height:63px;
	margin: 0px 0px 0px 10px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding-bottom:3px;
	}
#nav div {
	display:inline;
	float:left;
	line-height: 11px;
	width:716px;float:left;
	font-size:9px;
	/*height:10px;*/
	margin: 0px 0px 0px 20px;
	padding:0px 0px 3px 0px;
	}
#nav div#globalNav {
	display:inline;
	float:left;
	clear:none;
	line-height: 11px;
	width:420px;float:left;
	font-size:9px;
	/*height:10px;*/
	margin: 10px 0px 0px 20px;
	padding:0px 0px 3px 0px;
	}
#nav div#globalNav a {
	margin-right:7px;
}
#nav div.products{
	clear:both;
}
	
#nav div a, #nav div b, #nav div a.active, #nav div span {
/*	display: block;	*/
	display: inline;
	float:left;
	font-family: verdana,sans-serif;
	margin: 5px 11px 0px 0px;
	font-weight:normal;
	text-decoration:none;
	color: #999999;
	width: auto;
	height: 11px;
	}
	
*html #nav div a, *html #nav div b, *html #nav div a.active, *html #nav div span {
/*	display: block;	*/
	display: inline;
	float:left;
	font-family: verdana,sans-serif;
	margin: 2px 10px 4px 0px;
	font-weight:normal;
	text-decoration:none;
	color: #999999;
	width: auto;
	height: 11px;
	}
	
#nav div img {
	display:block;
	}
#nav div a:hover {
	color: #70cee9;
	cursor: hand;
	}
#nav div b, #nav div a.active {
	color: #568d9f;
	}
	

a#green{
	float:right;
	display:block; 
	background:url(graphics/greenguardLogo.gif) bottom right no-repeat;
	width:225px;
	height:100px;
	margin:10px 19px 0 0;
	text-decoration:none;
}

a#green h3{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#6fb440;
	margin:0px 0 0 0;
	text-align:right;
}


a#green h4{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#6fb440;
	margin:0 0 0 0;
	text-align:right;
}


#blueBar {
	width:760px;
	height:9px;
	font-size: 9px;
	line-height:9px;
	}
#content {
	width: 752px;
	w\idth:750px;
	border: 1px solid #cccccc;
	margin:0px;
	padding:0px 0px 20px 0px;
	background-color: #ffffff;
	overflow:visible;
/*	overflow-x:hidden;		*/
	min-height: 440px;
	}

@media all {
* html #content {
	height: 440px;
	padding-bottom: 0px;
	
	}
}


#headline {
	position:relative;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border-style: none none dashed none;
	border-width: 1px;
	border-color: #cccccc;
	}
	
	
#headline h3{
	font:normal 14px Arial, Helvetica, sans-serif;
	text-align:right;
}

#headline h3 a{
	color:#568d9f;
}

#headline h2.sustain{
	margin:0;
	padding:0;
	font:normal 18px/18px Arial, Helvetica, sans-serif;
	margin-bottom:35px;
}


#headline.noborder {
	border-style: none;
	border-width: 0px;
	/*height:36px;*/
	height:60px;
	} 
#headline.contracts {
margin: 15px 10px 0px 10px;
padding: 0px 0px 11px 0px;
	border-style: none;
	border-width: 0px;
	height:36px;
	} 
#footer {
	font: 10px/12px verdana,sans-serif;
	color: #444444;
	text-decoration:none;
	margin: 4px 0 0 0;
	float:none;
	clear:both;
	width: 752px;
	w\idth:750px;
	}
#footer span{
	float:left;
}
#footer a {
	text-decoration:underline;
	color: #444444;
	float:left;
	}
#footer a:hover {
	color: #70cee9;
	}
#footer a.credit {
	text-decoration:none;
	color:#444444;
	float:right;
	
	}
.floatLeft {
	float:left;
	}
.floatRight {
	float: right;
	}
p.para1,p.para2 {
	width: 230px;
	float:left;
	margin: 0px 20px 0px 0px;
	}
p.para2 {
	margin: 0px;
	}
div.photoBox {
	width: 240px;
	float:left;
	margin: 10px 0px 0px 0px;
	}
p.photoText {
	width: 230px;
	float:left;
	margin: 10px 0px 0px 0px;
	}
	
div.fixer {
	height:1px;
	line-height:1px;
	font-size:1px;
	clear:both;
	margin:0px;
	padding:0px;
	}

.box {
	d\isplay:block;
	f\loat:left;
	width: 228px;
	border-style: dashed;
	border-width: 1px;
	border-color: #cccccc;
	margin: 0px 10px 20px 10px;
	}

/*	begin ie5-mac hack	*/
.latest+.latest+.latest+.latest+.latest{
	margin: -18px 10px;
	}

/*	end ie5-mac hack	*/
a.box img {
	display:block;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0px;
	}
a.box:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #70cee9;
	}

.box2 {
	d\isplay:block;
	f\loat:left;
	width: 355px;
	border-style: dashed;
	border-width: 1px;
	border-color: #cccccc;
	margin: 5px 5px 10px 10px;
	_margin: 5px;
	
	}

a.box2 img {
	display:block;
	margin: 0px;
	padding: 0px;
	}
a.box2:hover {
	border-style: solid;
	border-width: 1px;
	border-color: #70cee9;
	}

.smallbox {
	d\isplay:block;
	f\loat:left;
	width:174px;
	border-style: dashed;
	border-width: 1px;
	border-color: #cccccc;
	margin: 0px 0px 10px 10px;
	}

/*	macs will ignore this rule	::: tweaked on 3-31-2003	*/
@media all {
	
#content+.latest+.latest+.latest+.latest+.latest{	/*	mozilla, etc	*/
		margin: 0px 10px 20px 10px;
		}
	* html .box {	/*	all flavors of ie on the PC	*/
		width: 230px;
		w\idth: 228px;
		margin/**/:/**/0px 13px 20px 5px;	/*	ie5.5+	*/
		}
}

.latest b {float:left;width:100px;margin:5px 0 0 10px;}
.box {
	margin-bottom: 20px;
	}
	
/*	ADDED FOR NEW NAV	::: tweaked on 12-09-2007	*/
#nav .menu {
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
width:700px;
height:relative;
position:relative;
margin:1em 125px 0 5px;
font-family: tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;
font-size:9px;
z-index:999;
}
/* get rid of the default padding - margin and bullets */
#nav .menu ul {
padding:0; 
margin:0;
list-style-type: none;
z-index:999;
}
/* make menu horizontal */
#nav .menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
#nav .menu ul li a, #nav .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:88px; 
height:1.5em;
font-weight:bold;
color:#888; 
border-bottom:8px solid #888;
background:#fff; 
padding-left:10px; 
line-height:1.5em;
margin-right:2px;
z-index:999;
}
/* hack for IE5.5 to correct the faulty box model */
* html #nav .menu ul li a, #nav .menu ul li a:visited {
width:98px;
w\idth:88px;
z-index:999;
}
/* hide the drop down menu */
#nav .menu ul li ul {
display: none;
z-index:999;
}
/* remove all table style so that it does not interfere with the menu */
#nav .menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
z-index:999;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
#nav .menu ul li:hover a,
#nav .menu ul li a:hover {
color:#000; 
border-bottom:8px solid #568D9F;
z-index:999;
}
/* make the drop down menu show and correctly position it */
#nav .menu ul li:hover ul,
#nav .menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:11px;
left:0; 
width:96px;
border:1px solid #888;
border-top:0;
background-color: #ffffff;
font-family: verdana,sans-serif;
z-index:999;
}
/* style the drop down links with no hover */
#nav .menu ul li:hover ul li a,
#nav .menu ul li a:hover ul li a {
display:block; 
color:#000; 
border:0;
margin:0;
color:#333;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:86px;
font-family: verdana,sans-serif;

}
/* style the drop down menu links when hovered */
#nav .menu ul li:hover ul li a:hover,
#nav .menu ul li a:hover ul li a:hover {
background:#888; 
color:#fff;
z-index:999;
}

/* special styling for IE5.5 and IE6  */
#nav .menu ul li a:hover ul {
/* background:transparent filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8; */
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
z-index:999;
}
/* IE5.5 hack for faulty box model in drop down menu */
#nav .menu ul li a:hover ul li a {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
z-index:999;
}

#nav {
background-color: #ffffff;
z-index:999;
}

#main_message {
font-family: Gill Sans, sans-serif; 
font-weight: 600;
font-size: 18px;
text-align: left;
color:#000;
}

#main_submessage {
font-family: Gill Sans, sans-serif; 
font-weight: 500;
font-size: 14px;
text-align: left;
color:#6195A5;
}