/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}
img, div { behavior: url(iepngfix.htc) }
body > #wrap {
	height: auto;
	min-height: 100%;
}
body {
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	background-color: #f4fcff;
	background-image: url(top-background.gif);
	background-repeat: repeat-x;
	background-position: top;
}
p {margin:10px 0 5px 0;}
strong {
	color: #005384;
}
#main {
	padding-bottom: 150px;
	margin: 0 auto;
	width: 990px;
	clear: both;
}  /* must be same height as the footer */
#header {
	width: 990px;
	height: 212px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.hide {display: none}
#header #headerlogo {
	height: 81px;
	width: 448px;
	position: absolute;
	left: 13px;
	top: 36px;
	overflow: hidden;
	display: none;
}
#header h1 {
	height: 20px;
	position: absolute;
	left: 691px;
	top: 16px;
	font-family: "Times New Roman", Times, serif;
	color: #083856;
	font-size: 18px;
	font-weight: bold;
		display: none;
}
#header #quote {
	height: 61px;
	width: 218px;
	position: absolute;
	overflow: hidden;
	left: 734px;
	top: 57px;
		display: none;
}
#sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 231px;
	background: url(nav_background.png) no-repeat;
	font-size: 14px;
	text-align: left;
	margin-top: 20px;
	margin-right: 13px;
		display: none;
}
#wrap #main #Container2 #sidebar1 #toolkit {
	height: 250px;
	width: 201px;
	background-image: url(Sidebar-Toolkit-Box.png);
	overflow: hidden;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	color: #000;
}

#wrap #main #Container2 #sidebar1 #sidebartext {
	width: 231px;
	margin-top: 20px;
}

#sidebar1 h2 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: "Times New Roman", Times, serif;
}
#sidebar1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
#navigation {
	width: 979px;
	font-size: 14px;
	text-align: left;
	position: absolute;
	height: 20px;
	left: 5px;
	top: 157px;
	color: #FFF;
}
#wrap #header #navtoolset {
	height: 53px;
	width: 253px;
	overflow: hidden;
	position: absolute;
	left: 734px;
	top: 157px;
}

#navigation a:link {
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	display: block;
	font-size: 14px;
	padding-right: 15px;
}
#navigation a:visited {
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	padding-right: 15px;
}
#navigation a:hover {
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	text-decoration: underline;
	font-size: 14px;
	padding-right: 15px;
}
#navigation a:active {
	text-transform: uppercase;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	padding-right: 15px;
}
#Container {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
	width: 990px;
	background-color: #FFF;
	background-image: url(green_background.png);
	background-repeat: repeat-x;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
} 
#Container2 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
	width: 990px;
	margin: 0 auto;
	background-image: url(green_background_Int.png);
	background-repeat: repeat-x;
	overflow: hidden;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
} 
#maintext {
	float: left;
	width: 720px;
	text-align: left;
	font-size: 13px;
	background-image: url(mainbody-top.png);
	background-repeat: no-repeat;
	background-position: top;
}
#maintext #maincontent    {
	background-image: url(mainbody.gif);
	background-repeat: repeat-y;
	clip: rect(10px,auto,auto,auto);
	margin-top: 32px;
	width: 690px;
	padding-right: 15px;
	padding-left: 15px;
}
#wrap #main #Container2 #maintext #mainbottom {
	background-image: url(mainbody-bottom.png);
	height: 79px;
	width: 720px;
	background-repeat: no-repeat;
}


#maintext p {
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	line-height: 25px;
}
#maintext h1  {
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	color: #0a5482;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
}
#maintext h2 {
	font-size: 14px;
	text-transform: none;
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 0px;
	padding-bottom: 3px;
	color: #3E5E75;
	font-weight: bold;
}
#footer #footerdecor {
	background-image: url(Hammer.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 990px;
	background-position: center;
	position: relative;
	height: 54px;
	top: -25px;
}


#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	text-align: center;
	color: #CCC;
	background-color: #0a5482;
	background-image: url(footer-border.gif);
	background-repeat: repeat-x;
	background-position: top;
} 
#footer p {
	font-size: 12px;
	text-align: center;
	margin: 0px 0 0;
	padding: 10px 0;
}
#footer a:link {
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
}
#footer a:visited {
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
}
#footer a:hover {
	font-size: 12px;
	color: #999;
	text-decoration: underline;
	font-weight: normal;
	text-transform: none;
}
#footer a:active {
	font-size: 12px;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
	text-transform: none;
}
.art ul  {
	margin: 0px;
	font-size: 13px;
	line-height: 0px;
	padding: 0px 0px 0px 5px;
}
.art li {
	list-style: none;
	text-indent: 35px;
	padding-top: 8px;
	margin: 0px;
	padding-left: 0px;
	background-image: url(list-check.gif);
	background-repeat: no-repeat;
	background-position: 1% 80%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
}
.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;
/* CLEAR FIX*/
.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 */
.coupon {
	height: 250px;
	width: 350px;
	border: 6px dashed #0A5482;
	padding-top: 10px;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: auto;
	margin-left: auto;
}