/* page structure stylesheet */ 
html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-color: #E8E8D0;
} 
 
#pagewidth{
	width:950px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
} 
 
#header{
	position:relative;
	background-color:#FFF;
	width:100%;
} 

#search{
	position:absolute;
	width:389px;
	float: right;
	font-family: Tahoma, Arial, Helvetica, "sans serif";
	font-size: 0.75em;
	color: #036;
	height: 25px;
	left: 549px;
	top: 22px;
}

 
 #search a:link{
	color: #036;
	text-decoration: none;
}

#search a:active{
	color: #C00;
	text-decoration: underline;
}
#search a:hover{
	color: #C00;
	text-decoration: underline;
}
#search a:visited{
	color: #CCC;
	text-decoration: none;

}

#head-bar{
	height:95px;
	width:100%;
	position: relative;
	background-image: url(../images/top-bar.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFF;
}
 
#nav{
	height:25px;
	width:100%;
	position: relative;
	background-image: url(../images/navbar-bknd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
} 
 
#leftcol{
	width:200px;
	float:left;
	position:relative;
	background-color:#FFF;
 }
 
 #leftcol-int{
	width:200px;
	float:left;
	position:relative;
	background-color:#FFF;
	padding-top: 25px;
 }
#leftcol-int2{
	width:200px;
	float:left;
	position:relative;
	background-color:#FFF;
	padding-top: 25px;
 }
 
#leftcol-int2{
	width:198px;
	float:left;
	position:relative;
	background-color:#FFF;
	padding-top: 25px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #036;
 }
 
 
#twocols{
	width:942px;
	float:right;
	position:relative;
  }
 
#rightcol{
	width:260px;
	float:right;
	position:relative;
	background-color: #FFF;
 }
 
#maincol{
	float: left;
	display:inline;
	position: relative;
	width:650px;
	padding-left: 20px;
	padding-bottom: 20px;
 }
 
 #maincol-prod{
	float: left;
	display:inline;
	position: relative;
	width:680px;
	padding-left: 20px;
	padding-bottom: 20px;
 }
 
#footer{
	clear:both;
	background-image: url(../images/navbar-bknd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 5px;
	background-color: #4172B5;
	text-align: center;
	font-size: 0.8em;
 }
 
 #footer a:link{
	color: #ffffff;
	text-decoration: none;
}

#footer a:active{
	color: #CC9900;
	text-decoration: underline;
}
#footer a:hover{
	color: #CC9900;
	text-decoration: underline;
}
#footer a:visited{
	color: #CCC;
	text-decoration: none;

}
 
/* Add'l Divs */


}
#slideshow{
	position: relative;
	height:216px;
	width:100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#pg-top{
	position: relative;
	height:75px;
	width:932px;
}

#top-pic{
	position: relative;
	height:105px;
	width:932px;
	float: left;
}
/* Product interior divs */

#prod-desc{
	width: 620px;
	margin-bottom: 20px;
	
	}

#resources-box{
	width: 235px;
	background-image: url(../images/orange-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #F7E8C7;
	display: inherit;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}	

#lt-blue-box{
	width: 205px;
	height: 162px;
	background-image: url(../images/blue-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #DCE3ED;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}	
#lt-green-box{
	width: 205px;
	height: 162px;
	background-image: url(../images/green-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #E1E6D2;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/*print styles */
#printhead{display:none;} 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
#printhead{display:block;width:100%; float:none;}
#twocols, #maincol{display:block;width:100%; float:none;}

/*hide these items when printing*/ 
#rightcol{display:none;} 
#header {display:none;} 
#nav {display:none;}
#top-pic {display:none;}
#buttons{display:none;}
#footer{display:none;} 

}