body { 
	margin: 0;
	padding: 0;
	background: #5E7EB7 url(../images/bodybg.jpg) repeat-x;
	text-align: center;

}

a.skip	{display: none;}
a img {border: none;}
img.logo {
	float: left;
}


/* =TYPOGRAPHY-----------------------------------------*/	

body, input, select {
color: #000;
line-height: 20px;
font: 12px verdana;
}
body {line-height: 20px;}

h1 {
	margin: 0;
	padding: 0;
	font: 22px verdana;
 	color: #003366;
 	text-transform: uppercase;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: 16px verdana bold;
	color: #336699;
	line-height: 20px;
	}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: 16px verdana bold;
	line-height: 20px;
	color: #003366;
	}
	
h4 	{
	margin: 0;
	padding: 0;
	font: bold 12px verdana;
	color: #000000;
	}

a	{
	font: 12px verdana;
	color: #003366; 
	text-decoration: underline;
	line-height: 20px;
	}
	
a:hover	{
	font: 12px verdana;
	color: #003366;
	text-decoration: underline;
	line-height: 20px;
	}

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 950px;	
	background: #fff;
	padding: 0;
}

div#banner {
	position: relative;
	width: 950px;
	height: 196px;
	padding: 0 0 10px 0;
	background: url(../images/banner.jpg) no-repeat;
}

div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
}

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 227px;
    height: 147px;
    top: 8px;
    left: 26px;
    text-decoration: none;
}


div#title	{
	height: 54px;
	width: 948px;
	background-color: #fef5e0;
	}

/* =NAVIGATION-----------------------------------------*/	

div#navBar {
    height: 36px;
    width: 950px;
    position: absolute;
    left: 0px;
    top: 168px;
    margin: 0;
    padding: 0;
    background: none;
    }

ul#nav {
	width: 950px;
	padding: 0;
	margin: 0px;
	list-style-type: none;
	text-align: center;
	display: inline;
	position: absolute;
	top: 0x;
	right: 0;
	}
	
ul#nav li {
	clear: all;
	margin: 0 14px;
	padding: 0;
	display: inline;
	text-align: center;
 	}
ul#nav li.home {margin: 0 14px 0 0;}


ul#nav li.contact {margin: 0 0 0 18px;}
 	
ul#nav a {
	text-align: center;
	display: inline;
	line-height: 20px;
	padding: 0;
	margin: 0px;
	color: #ccc;
	font: 13px verdana;	
	text-transform: uppercase;
	text-decoration: none;
}

ul#nav a.on, ul#nav a:hover	{
	color: #99ccff;
		} 
	
ul#nav ul {
	width: 500px;
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 44px;
	left: 300px;
	display: inline;
		}

ul#nav li ul li	{
	clear: all;
	display: inline;
	background: none;
	padding: 0;
	margin: 0 10px;
	}

ul#nav li ul li a	{
    color: #000;
	font: 12px verdana;
	background: none;
	padding: 0;
	margin: 0;
	display: inline;
	line-height: 20px;
	text-transform: none;
	text-align: left;
	text-decoration: none;
}

ul#nav li ul li a:hover, ul#nav li ul li a.on { color: #336699;}
	

div#dtt {
	text-align: center;
	margin: 10px 0 20px 0;
	background: url(../images/dtt.jsp) no-repeat center;
	width: 145;
	height: 32;
}

/* =SHOPPING MENU -----------------------------------------*/	
div#enav {
    width: 216px;
    height: 30px;
    margin: 6px 9px 0 0;
    display: inline;
    float: right;
    background: #000;
}

ul#eNav {
    list-style-type: none;
	font: 11px verdana;
	color: #ccc;
	text-align: right;
	padding: 7px 9px 0 0;
	margin: 0;
}

ul#eNav li {
	height: 26px;
    display: inline;
    margin: 0 0 0 1px;
    padding: 0 4px;
}

ul#eNav a {
	color: #ccc;
	font-weight: none;
	text-decoration: none;
	line-height: 18px;
	font: 11px verdana;
}

ul#eNav a:hover,
ul#eNav a.on {
	color: #ccc;
}


/* =EDITABLE BODY -----------------------------------------*/	
div#header {
	height: 96px;
	width: 948px;
	background: url(../images/header.jpg) top no-repeat;
}

div#mainPageArea {
	background: none;
	margin: 0;
	padding: 0 0 0 0; 
	width: 950px;
	float: left;
	padding: 0;
	}

div#specialsArea		{	
	float: left;
	display: inline;
	width: 251px;
	margin: 12px 0 0 12px;
	padding: 0;
	}

	
div#cmsContentArea {
	margin: 40px 25px 10px 0px;
	width: 635px;
	float: right;
	display: inline;
	padding: 0 0 0px 0;
}

div#kicker1 {
    background: url('../images/kicker1.jpg') top left no-repeat;
    width: 251px;
    height: 165px;
    margin: 14px 0 0 0;
    float: left;
    display: inline; 
}

div#kicker2 {
    background: url('../images/kicker2.jpg') top left no-repeat;
    width: 251px;
    height: 165px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#kicker3 {
    background: url('../images/kicker3.jpg') top left no-repeat;
    width: 251px;
    height: 165px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#announce {
    background: none;
    width: 251px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#specials {
    background: none;
    width: 251px;
    margin: 12px 0 0 0;
    float: left;
    display: inline; 
}

div#signup {
	background: url('../images/mailing.jpg') top left no-repeat;
    width: 251px;
    height: 64px;
    margin: 0 0 0px 0;
    float: left;
    display: inline; 
    padding: 0;
}

form#signform {
	display: inline;
	float: left;
	width: 225px;
	height: 20px; 
	margin: 34px 0 0 13px; 
	padding: 0;
}
form#signform .button {display: inline; float: right; padding: 0; margin: 0;}
form#signform .text {display: inline; float: left; padding: 0; margin: 0;}


/* =HOMEPAGE-----------------------------------------*/	

body#home #banner h1 {
    display: none;
    }

body.home div#banner {
	position: relative;
	width: 950px;
	height: 280px;
	padding: 0 0 10px 0;
	background: url(../images/home_banner.jpg) no-repeat;
}

body.home div#navBar {
    height: 36px;
    width: 950px;
    position: absolute;
    left: 0px;
    top: 253px;
    margin: 0;
    padding: 0;
    background: none;
    }
    
body.home ul#nav li.home a {color: #99ccff;} 

body.home div#cmsContentArea {
	margin: 30px 60px 10px 0px;
	width: 585px;
	float: right;
	display: inline;
	padding: 0 0 0px 0;
}
 
home.cleaner {
      clear:both;
      height:0px;
      margin: -8px 0 0 0; 
	  padding: 0px;
      border:none;
      visibility: hidden;
      }

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
      }

/* =FOOTER DIV-----------------------------------------*/	

div#footer
	{
	text-align: left;
	width: 950px;
	height: 30px;
	padding: 0;
	margin: 12px auto 10px auto;
	clear: both;
	color: #ccc;
	font-family: verdana;
	font-size: 11px;
	position: relative;
	background: #000;
	}
	
div#footer a {
    color: #ccc;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
	}
	
div#footer p {margin: 0; padding: 5px 0 0 0;}
div#footer p.legal {float: left; padding-left: 20px;}
div#footer p.rss {float: right; padding-right: 20px;}
div#footer p.footlinks {text-align: center;}


.button	{
		background-color: #003366;
		color: #cccccc;
		border: none;
		font: 11px verdana;
		cursor: hand;
		cursor: pointer;
}

/* generic overrides */

div.processBar {
	width: 100%;
}
body.news h2.generic {display: none;}

td.verify_box h3, h3.box {font-size: 14px;}
	
