@charset "UTF-8";
/* CSS Document */
body {
	font-family:Century Gothic, Verdana, Geneva, sans-serif;
}
.header {
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	background-color:#FFF;
	background-image:url(site-images/header.gif);
	background-repeat:no-repeat;
	height:134px;
	width:950px;
	color:#000;
	font-size:17px;
	letter-spacing:1px;
}
ul#headernav {
	list-style-type:none;
	padding:0;
	margin:0;
	display:inline;
	float:left;
	padding-left:100px; 
	padding-top:55px;
}
ul#headernav li {
	display:inline;
	float:left;
	text-align:center;
	padding-right:50px;
}
a.headerlink:link {text-decoration:none; color:#000;}
a.headerlink:visited {text-decoration:none; color:#000;}
a.headerlink:hover {text-decoration:none; color:#1e6678;}
.span {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(site-images/span.gif);
	background-repeat:repeat-y;
	background-color:#FFF;
}
.centercontent {
	margin-left:auto;
	margin-right:auto;
	background-image:url(site-images/background_homepage_center.jpg);
	background-repeat:no-repeat;
	height:430px;
	width:897px;
}
.footer {
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	background-image:url(site-images/footer.gif);
	background-repeat:no-repeat;
	height:106px;
	width:950px;
	color:#000;
	font-size:17px;
	letter-spacing:1px;
	text-align:center;
}
.footer_about {
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	background-image:url(site-images/footer_about.gif);
	background-repeat:no-repeat;
	height:106px;
	width:950px;
	color:#000;
	font-size:17px;
	letter-spacing:1px;
	text-align:center;
}
.table {
	display:table;
	margin: 0 auto;
}
ul#footernav {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#footernav li {
	display:inline;
	margin-left:7px;
	margin-right:7px;
	margin-top:43px;
	padding:1px;
	letter-spacing:1.5px;
}
a.footerlink:link {text-decoration:none; color:#000;}
a.footerlink:visited {text-decoration:none; color:#000;}
a.footerlink:hover {text-decoration:none; color:#1e6678;}

a.contentlink:link {text-decoration:none; color:#000;}
a.contentlink:visited {text-decoration:none; color:#000;}
a.contentlink:hover {text-decoration:underline; color:#1e6678;}
.credits {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	text-align:right;
	color:#494949;
	font-size:11px;
	line-height:18px;
	text-align:center;
}
a.credits:link {text-decoration:none; color:#494949;}
a.credits:visited {text-decoration:none; color:#494949;}
a.credits:hover {text-decoration:none; color:#494949;}
.hiddenpic {
	display:none;
}
.contentleft {
	float:left;
	padding-left:33px;
	margin-top:40px;
}
.contentright {
	float:left;
	width:400px;
	margin-top:13px;
	padding-left:30px;
	font-size:12px;
	letter-spacing:1px;
	line-height:17px;
}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.howto_contentleft {
	float:left;
	padding-left:45px;
	margin-top:0px;
	width:400px;
	font-size:12px;
	letter-spacing:1px;
	line-height:17px;
}
.howto_contentright {
	float:left;
	width:400px;
	margin-top:0px;
	padding-left:45px;
	font-size:12px;
	letter-spacing:1px;
	line-height:17px;
}
.photo_thumbs {
	border:solid; 
	border-width:2px;
	border-color:#333333; 
	margin:6px;
}
.photogallery {
	padding-top:35px; 
	width:390px; 
	height:305px; 
	overflow:hidden; 
	float:left;
}
.arrows {
	border-width:0px;
}
#thumbsbox {
	width:350px; 
	padding-left:50px;
}
.safety_contentleft {
	float:left;
	padding-left:45px;
	margin-top:0px;
	width:400px;
	font-size:12px;
	letter-spacing:1px;
	line-height:17px;
}
.safety_contentright {
	float:left;
	width:400px;
	margin-top:0px;
	padding-left:45px;
	font-size:12px;
	letter-spacing:1px;
	line-height:17px;
}
.formstyle {
	font-size:12px;
	letter-spacing:1px;
	line-height:17px;	
	padding-left:150px; 
	width:500px;
	height:300px;
	margin-top:50px;
}
ul#links {
	margin:0;
	padding-left:19px;
	list-style:disc;
}
ul#links li {
	margin-bottom:5px;
}
ul#links2 {
	margin:0;
	padding-left:19px;
	list-style:disc;
}
ul#links2 li {
	margin-bottom:5px;
}