* {
margin: 0px;
padding: 0px;
}

a {outline: none;}

body {
	margin: 0px;
	background-color: #ffffff;
	background-image: url(../styleImages/backgrounds/pageBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
padding: 0px;
}
#pageSurround {
	width: 1001px;
	margin: 0px auto;
	padding-top: 20px;

}
#topHeader {
	text-align: right;
	height: 275px;
	padding-right: 0px;
	padding-top: 0px;	
	width: 1001px;	
	margin: 0px auto;
	/* SKIN VARIABLE IS cAsE SeNsItIvE */
	background-image: url(../styleImages/backgrounds/head_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}
#topHeader a img.home_link {

}
#side {
			border: none;
			height: auto;				
			float: left;
			position: relative;
			width: 198px;
			padding: 0px;
			margin-left: -40px;
			*margin-left: -30px;
			}

	#jhf {
background-image: url(/images/jhf.jpg);
background-position: top center;
background-repeat: no-repeat;
width: 400px;
height: 100px;
float: left;
margin-top: 10px;
padding-left: 120px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}

	#jhf a {
	text-decoration: none;
	color: #628fbc;
	}
	
		#jhf a:hover {
		text-decoration: underline;
		}
p.address{
	color: #000;
	text-align: center;
	font-size: 120%;
	text-transform: uppercase;
}
#tlg {
width: 400px;
height: 100px;
float: right;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
}

	#tlg a {
	text-decoration: none;
	color: #628fbc;
	}
	
		#tlg a:hover {
		text-decoration: underline;
		}

/* Emergency Numbers */
			#emergency_numbers {
				position: absolute;
				width: 250px;
				left: 0px;
				top: 5px;
				height: 125px;
				text-align: center;
				height: auto;
				font-family:  Arial, Helvetica, sans-serif;
				font-size: 15px;
				color: #fff;
				}

					#emergency_numbers h3 {
						color: #fff;
						padding-left: 0px;
						font-size: 1.3em;
						font-weight: normal;
						text-transform: uppercase;
						}

					#emergency_numbers dl {
						margin: 6px 0;
						}

					#emergency_numbers dt {
						font-weight: bold;
						}
					
					#emergency_numbers dd {
						font-size: .9em;
						}


						
#prod_left {
float: left;
width: 120px;
padding-top: 7px;
padding-right: 20px;
margin-top: 20px;
}

#prod_right {
margin-top: 20px;
float: left;
width: 480px;
}
						
						

#nav {
	
	text-align: left;
	height: 26px;
	width: 1001px;
	text-transform: uppercase;
	font-size: 1.33em;
	font-weight: bold;
	
	font-family:  Arial, Helvetica, sans-serif;
	}

	#nav ul {
		float: left;
		margin-top: 10px;
		}

	#nav li { 
		display: inline;
		list-style: none;
		text-align: center;
		}

	#nav li a, #nav li a:visited { 
		color: #fff;
		line-height: 28px;
		text-decoration: none;
		margin-right: 45px;
		
		padding: 1px 14px 1px 14px;
		}

	#nav li a:hover {
		background: url(/site_images/nav_hover_bg.jpg) repeat-x;
		width: 100%;
		border-left: #BACCBC 2px solid;
		border-right: #BACCBC 2px solid;
		padding: 1px 12px 1px 12px;
		}
		
		
		#nav a.exit {
			background-image: url(/images/quick_exit.jpg);
			background-repeat: no-repeat;
			background-position: top left;
			width: 100px;
			height: 22px;
			display: block;
			margin-top: 15px;
			float: left;
			}
			
				#nav a.exit:hover {
				background-position: top right;
				padding: 0;
				width: 100px;
				height: 22px;
				}


		
		
		#head_nav {
		float: right;
		width: 200px;
		padding-top: 9px;
		padding-right: 30px;
		}

	/* Header Navigation */
		#head_nav ul {
			
			}

		#head_nav li {
			list-style: none inside;
			}

		#head_nav li a {
			font-size: .0001em;
			color: #25518E;
			display: block;
			width: 200px;
			height: 60px;
			border: 0px;
			background-position: 0 0;
			*margin-top: -3px;
			}

			#head_nav li a.help {
				background: url(/site_images/nav_help.jpg) no-repeat;
				}
			
			#head_nav li a.involve { 
				background: url(/site_images/nav_involve.jpg) no-repeat;
				}
			
			#head_nav li a.learn {
				background: url(/site_images/nav_learn.jpg) no-repeat;
				}
			
			#head_nav li a.shop {
				background: url(/site_images/nav_shop.jpg) no-repeat;
				}
			
				#head_nav li a:hover {
					background-position: -200px 0;
					}
					
					
					
					
#footer  { 
	background: #5895D4;
	height: auto;
	min-height: 15px;
	padding: 5px 0 5px 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	clear: both;
	border: none;
	color: #fff;
	}
	
#footer p, #footer p a, #footer p a:visited {
	color: #fff;
	font-family:  Arial, Helvetica, sans-serif;
	}

	#footer a, #footer a:visited {
		color: #fff;
		text-decoration: none;
		padding: 5px;
		margin: 0 5px 0 5px;
		}
	
	#footer a:hover {
		text-decoration: underline;
		}
	
	#footer h3 {
		color: #fff;
		line-height: 1.4em;
		width: auto;
		padding-left: 15px;
		margin: 0 5px 5px 5px;
		letter-spacing: -.01em;
		font-size: 1.33em;
		}
		
		
	#logos {
width: 790px;
height: 100px;
float: left;
padding-bottom: 15px;
}

	#logos a {
	display: block;
	float: left;
	padding-right: 100px;
	border: none;
	}

		#logos a.coa {
		background-image: url(/images/coa.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: 15px;
		width: 83px;
		height: 75px;
		}
	
		#logos a.nca {
		background-image: url(/images/nca.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		width: 57px;
		height: 100px;
		}
	
		#logos a.safeplace {
		background-image: url(/images/safeplace.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: 15px;
		width: 75px;
		height: 75px;
		}
	
		#logos a.unitedway {
		background-image: url(/images/unitedway.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: 25px;
		width: 116px;
		height: 50px;
		}
		
		

.boxTitleLeft, .boxTitleRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #005293;
	background-color: #fff;
	height: 15px;
	
	padding: 5px;
}
.boxContentLeft, .boxContentRight {
	border: 1px solid #E1E1E1;
	background-color:#FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
}


.boxCategories {
	border: 1px solid #E1E1E1;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 10px;
}
.colLeft {
	position: relative;
	z-index:5;
	left: 0px;
	width: 160px; 
	float: left;
}
.colMid {
	position: relative;
	width: 575px;
	*width: 550px;
	float: left;
	padding-left: 25px;
	*padding-left: 30px;
}
.colRight {
	position: relative;
	width: 160px; 
	float: right;
}
.boxContent {
	border: none;
	background-color: #FFFFFF;
	padding: 10px;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 0px;
	position: inherit;
}



/* CHECKOUT PAGES */
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 15px;
	padding-right: 5px;
	float: left;
}
.colMainCheckout {
	position: relative;
	width: 100%;
	float: left;
}
/* END CHECK OUT PAGES */
.siteDocs {
	text-align:center;
	margin-top: 7px;
	margin-bottom: 20px;
}
.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subCats {
	text-align:justify;
	background-color: #ffffff;
	text-align: center;
	border: 1px solid #e1e1e1;
	margin: 0px auto;
	padding: 3px;
	float: left;
	width: 99%;
	position:inherit;
}
.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 110px;
	position:inherit;
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#imgThumbSpace{
	line-height: 0px;		
}
#imgThumbSpace img {
	padding-right: 3px;
	padding-bottom: 3px;		
}

div.latestProds {
	text-align: center;
	width: 19%;
	margin-right: 20px;
	margin-bottom: 3px;
	height: 200px;
	float: left;
	overflow: hidden;
	border: none;
	position: relative;
}

/*
Start Cross-Browser DHTML Menu
*/

#mainmenu-nav {
	list-style: none;
	list-style-type: none;
	padding-left: 3px;
	margin: 0px;
	
}

.li-nav a {
	padding: 2px 1px;
	background-color: #ffffff;
	width: 140px;
	display: block;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	text-indent: 2px;
}
.li-nav a:hover {
	background-color: #ffffff;
	color: #3c6096;
}

.ul-nav, .li-nav {
	display: block;
	list-style: none;
}

.ul-nav {
	width: 140px;
	padding: 0px;
}

.li-nav {	
	float: left;
}

.li-nav .ul-nav  {
	display: none;
	position: absolute;
	margin-left: 100px;
	margin-top: -19px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 4px solid #70cdcc;
	z-index: 99;
}

a.hassubmenu {
	background-image: url(../styleImages/more.gif);
	background-repeat: no-repeat;
	background-position: 130px 6px;
}

/*
End Cross-Browser DHTML Menu
*/