/* DESCRIPTION: 2-column, With Header */

/* --------------------- BODY ELEMENTS -------------------------*/
body{
background: #073a6f /*url(images/mainbg.gif) repeat-x top left*/;
font: Arial, Helvetica, sans-serif; /* main page font */
margin: 0; padding: 0;
/*text-align: center;   centers page */
}

/* --------------------- STANDARD TAG ELEMENTS -------------------------*/
p {font: 12px Arial, Helvetica, sans-serif;
margin: 0 0 10px 0; padding: 0;
}

address {
	color: #fff;
	padding: 10px;
	margin: 0;
	font: normal 10px Tahoma, sans-serif;
}

address strong{
font: bold 11px Tahoma, sans-serif;
}

h2 {
font: bold 14px Tahoma, sans-serif;
margin: 0 0 10px 0; padding: 0;
color: #0F8BC9;
}

h3 {
font: bold 13px Tahoma, sans-serif;
margin: 0 0 3px 0; padding: 0 0 5px 0;
border-bottom: 1px dashed #333;
color: #900;
}
/* --------------------- INTRO ELEMENTS -------------------------*/
div#intro {
position: relative;
margin: 0 auto; padding: 0;
text-align: center;
background: #77ABF1 url(images/splashbg.gif) no-repeat top left;
height: 450px;
}

div#splash {
position: absolute;
top: 0; left: 250px;
width: 150px;
}

div#splashinfo {
position: absolute;
top: 200px; left: 420px;
width: 125px;
}

/* intro footert */
div#introfooter {
width: 100%;
font: 10px Tahoma, sans-serif;
color: #fff;
text-align: center;
margin: 0 auto; padding: 5px 0;
}

div#introfooter p, div#introfooter a{
margin: 0 0 10px 0; padding: 0px;
font: 10px Tahoma, sans-serif;
color: #fff;
}

/* intro copyright */
div#introcopy {
width: 100%;
font: 9px Tahoma, sans-serif;
color: #fff;
text-align: center;
margin: 0 auto; padding: 5px 0;
}

div#introcopy p, div#introcopy a{
margin: 0 0 10px 0; padding: 0px;
font: 9px Tahoma, sans-serif;
color: #fff;
}

/* --------------------- MAIN CONTAINER -------------------------*/
div#container {
position: relative; /* allows for absolutely positioned divs */
width: 770px;
background: #fff url(images/containerbg.gif) repeat-y top left;
margin: 0 auto; padding: 0;
}

div#diywrap {
position: relative; /* allows for absolutely positioned divs */
width: 770px;
background: #fff url(images/diybg.gif) repeat-y top left;
margin: 0 auto; padding: 0;
}

div#coupon {
background: #fff;
width: 350px; height: 260px;
margin: 0 auto; padding: 5px;
}

div#coupon p, #coupon a{
color: #000;
text-align: center;
font: 11px Tahoma, sans-serif;
}

/* ------------------- HEADER ITEMS --------------------------- */
div#header {
width: 770px;
height: 125px;
position: relative;
}

div#flash {
position: absolute;
top: 0; left: 200px;
}

/* for page 4 call to action */
div#action {
position: absolute;
top: 0; left: 200px;
}

div#topphoto {
position: absolute;
top: 0; left: 450px;
}

div#plus {
font: 10px Tahoma, sans-serif;
margin: 10px 0; padding: 10px;
color: #777;
}

div#plus a{
color: #ccc;
}


/* --------------------- PAGE ELEMENTS -------------------------*/
div#body {
width: 770px;
margin: 0; padding: 0;
clear: both;
}

div#left {
float: left;
margin: 0; padding: 0;
color: #fff;
width: 150px;
}

div#left p {
padding: 10px; margin: 10px 0;
}

div#content {
margin: 0 190px 0 150px; padding: 10px;
}

* html #content {margin-left:147px;}
/* commented backslash mac hiding hack  \*/ 
* html #content {height:1%;} 
/* end hack */

div#content a {
color: #2250AB;
font: 12px Arial, Helvetica, sans-serif;
}

div#content li{
list-style-type: square;
margin-left: 0px;
font: 12px Arial, sans-serif;
}

div#right {
float: right;
width: 190px;
margin: 0; padding: 0;
}

div#full {
margin: 0 0 0 150px; padding: 10px;
background: #fff;
}

div#full a {
color: #2250AB;
font: 12px Arial, Helvetica, sans-serif;
}

div#full li{
list-style-type: square;
margin-left: 0px;
font: 12px Arial, sans-serif;
}

/* --------------------- NAVIGATION ELEMENTS (HORIZONTAL)-------------------------*/

div#navcontainer {
	width: 770px;
	margin: 0; padding: 0;
	background: #fff;
}

ul#mainnav {
	float: left;
	width: 619px;
	margin: 0px;
	padding: 0 0 0 150px;
	list-style: none;
	background: #05305c url(images/navbg.gif) no-repeat top left;
	border-right: 1px solid #081758;
}

ul#mainnav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font: 11px Tahoma, sans-serif;
}

ul#mainnav a {
	float: left;
	padding: 8px 8px 13px 8px;
	text-decoration: none;
	border-right: 1px solid #081758;
	color: #fff;
}

ul#mainnav a:hover, ul#mainnav a.active {
	background: url(images/navhoverbg.gif) repeat-x top left;
	color: #ff0;
}

/* --------------------- FOOTER ELEMENTS -------------------------*/
/* styling for text links */
div#footer {
width: 605px;
margin: 0; padding: 10px 5px 10px 160px;
background: #05305c;
font: 9px Verdana, sans-serif;
color: #fff;
clear: both;
}

div#footer a{
font: 9px Verdana, sans-serif;
color: #fff;
margin: 0; padding: 0;
}

/* styling for copyright */
div#copyright {
width: 605px;
margin: 0 auto; padding: 5px 5px 5px 160px;
font: 9px Verdana, sans-serif;
color: #fff;
clear: both;
}

div#copyright a{
margin: 0; padding: 0px;
font: 9px Verdana, sans-serif;
color: #fff;
}

/* --------------------- MISC ELEMENTS -------------------------*/
.clear {clear: both;} /* clearing element */

div#popup {
margin-top: 10px;
width: 250px;
display: block;
}

div#popup p, #popup a{
color: #fff;
text-align: center;
font: 12px Arial, Helvetica, sans-serif;
}

div.center {
display: block;
text-align: center;
}

p.privacy {
font: 9px Arial, Helvetica, sans-serif;
color: #444;
width: 400px;
}

p.slim {
width: 400px;
}

p.small {
font: 10px Tahoma, sans-serif;
margin: 0; padding: 0 10px 10px 10px;
}

/* ------------------------ IMAGE ELEMENTS -------------------------- */

img.right {
float: right;
margin: 10px 10px 10px 20px; padding: 3px;
background: #E1F3E4;
border: 1px solid #063;
}

img.row {
margin: 10px; padding: 3px;
background: #E1F3E4;
border: 1px solid #063;
}

img.norm {
margin: 0; padding: 0;
border: 1px solid #000;
}