body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	background-color: #FFF;
	background-image: url(../img/bg_body.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
}

.int {background-image: url(../img/bg_body_int.jpg);}

p {font-size: 13px; line-height: 17px;}

h1 {color:#0C65BF; font-size:22px;}
h2 {color:#265077; margin:12px 0px 6px 0px; font-size:16px;}
h3 {color:#265077; margin:2px 0; font-size: 14px;}
h4 {margin:2px 0; font-size:13px;}

a:link, a:visited {color:#003366; text-decoration:none;}
a:hover, a:active {color:#003366; text-decoration: underline;}

hr {height: 1px; border-top: 1px solid #ccc; border-bottom: none; border-right:none; border-left:none;}

form {
	margin:0;
	padding:0;
	}

.form {
	color:#333333; 
	border: 2px solid #999; 
	text-align:center; 
	font-weight:bold; 
	padding:3px; 
	margin-bottom:4px;
	}
.error_field {
	color: #990000; 
	border: 2px solid #990000; 
	text-align:center; 
	font-weight:bold; 
	padding:3px; 
	margin-bottom:4px; 
	background-image:url(../img/winner_09_subscribe_error_arrow.gif); 
	background-repeat:no-repeat; 
	background-position:right; 
	}

.label {font-weight: bold; color:#003366;}
.red {color: #d3232d;}




.head_logo {
	float: left;
	height: 97px;
	width: 250px;
}

.head_topnav {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	float: right;
	height: 28px;
	margin: 6px 12px 0 0;
	color: #fff;
}

.head_topnav a {text-decoration: none; color: #fff;}
.head_topnav a:hover {text-decoration: underline;}


/* begin main nav with dropdowns */
.head_mainnav {
	font-family: Helvetica, Arial, sans-serif;
	background-image: url(../img/bg_main_nav.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: right;
	height: 60px;
	width: 750px;
	margin:0;
	z-index: 99999;
    }

/*margin around main nav to center in nav bar*/
.head_mainnav ul#nav {
	margin:20px 10px; 
	padding:0 30px;
}

/* stylize and control the width of the main nav items on the nav bar. They all have to be the same width unless inline styles are used on the list itself. */
.head_mainnav ul#nav li.main {
	display:inline;
	list-style:none;
	height: 38px;
	margin-right: auto;
	margin-left: auto;
	padding: 3px 21px;
	font-size:14px;
	font-weight: bold;
	color: #D4E5F7;
	}

/* stylize the font for all the menus. just the font though, let the other styles do the rest...*/
.head_mainnav ul#nav li {font-family:Helvetica, Arial, sans-serif;	font-size: 12px; font-weight: normal;}
.head_mainnav ul#nav li a {text-decoration: none; color: #D4E5F7;}
.head_mainnav ul#nav li a:hover {text-decoration: none;}

/*then the menu magic*/
 ul#nav li ul {
	padding: 10px 0px 0px 0px;	
	list-style: none;
	font-family: Verdana, arial, helvetica; 
	font-size: 10px; 
	font-weight: normal;
	margin:0;
	z-index: 99999;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
	text-align:left;
}

#nav li ul {
	margin:0px;
	position: absolute;
	/*width contains the list items within this list so they don't display inline */
	width: 105px;
	/*push this guy WAY off the screen so it seems hidden */
	left: -999em;
	padding: 0px;
}

/* move the link in from the left of the dropdown box a bit */
#nav li.main ul a {margin-left: 10px;}

/*stylize the menus that pull out, and add that border to the top*/
#nav li.main ul li {
	border-top: none;
	background-color: #265077;
	margin:0px;
	padding: 5px 0px;
	height: 15px;
	width:135px;
	filter:alpha(opacity=95); opacity:.95;
}

#nav li.main ul li:hover ul {
	left: auto;
	margin:0px;
}

#nav li.main ul li:hover ul, #nav li.main ul li.sfhover ul {
	margin: -28px -40px 0px 135px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/*change the background color on any menu item that is hovered (and is within a dropdown menu)*/
#nav li.main ul li:hover, #nav li.main ul li.sfhover {background-color:#E1DED8; filter:alpha(opacity=100); opacity:1; }
/*and the font color too*/
#nav li.main ul li:hover a, #nav li.main ul li.sfhover a {color: #265077;}

/* for the third level */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
/*if for some bad reason four levels are needed */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}


/* End Main Nav and Hover Menus */

/* Homepage feature area with banner image and tabbed content areas */
.home_feature {
	/*background-image: url(../img/bg_home_content_main.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	height: 403px;
	width: 999px;
}

.home_banner {
	float: left; 
	position: absolute; 
	z-index:1; 
	width:540px; 
	height:340px;
	margin:35px 26px; 
	}

.home_tabbed_content {
	margin: 50px; 
	float:right; 
	position: relative; 
	z-index:2; 
	width:540px; 
	height:300px;
	}
	
/* interior page interface elements */

.int_top {padding:12px 0 0 0;}

.int_body {
	width: 999px;
	margin:0;
	padding:0;
	margin-right:auto;
	margin-left:auto;
}

.int_foot {
	
	height: 50px; 
}
.int_content {
	background-image: url(../img/bg_int_body.png);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding:0px 40px;
	overflow:hidden;
}

	
.int_col {
	margin: 16px 0px;	
}
	
.col1 {
	float:left;
	width:640px;
	vertical-align:top;
}

.col1 .content {
	padding: 10px 0px;	
}

.col2 {
	float:right;
	width: 220px;
	vertical-align:top;
	background-image:url(../img/int_col2_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;

	}

.col2 .top {
	background-image:url(../img/int_col2_top.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height: 20px;
	}
	
.col2 .content {
	padding:5px 20px;
	}	

.col2 .content ul {margin:4px 2px 4px 10px; padding:10px;}
.col2 .content ul li {padding:4px 0; font-weight: bold;}

.col2 h2 {
	color:#796E54;
	font-size:18px;
	margin:0 ;
	}
	
.col2 .bot {
	background-image:url(../img/int_col2_bot.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	height: 20px;
	}


/* lower content areas */

.sub_content {
	width: 320px;
	margin-left:auto;
	margin-right:auto;
}
	
.sub_1{
	background-image:url(../img/bg_home_content_sand_lite.png);
	background-position:center top;
	background-repeat:no-repeat;
	height: 255px;
	padding: 20px 0px 10px 20px;
}

.sub_1 .content {
	padding:10px;	
	height:200px;
	width:275px;
	overflow:auto;
	
}

.sub_1 img {margin-right: 10px;}

.sub_1 h1 {
	text-align: center;
	font-size: 17px;
	letter-spacing: -.5px;
	margin: 0px 0px 6px 0px;
	color:#d3232d;
	}

.sub_1 h3 {
	text-align: left;
	font-size: 14px;
	letter-spacing: -.5px;
	margin: 0px;
	
	}

.sub_2{
	background-image:url(../img/bg_home_content_sand_mosaic.png);
	background-position:center top;
	background-repeat:no-repeat;
	height: 255px;
	padding: 20px 0px 10px 20px;
	
}

.sub_2 .content {
	padding:10px;	
	height:200px;
	width:275px;
	overflow:auto;
}

.sub_2 .content p {
	margin:6px 0px;
}

.sub_2 h2 {
	text-align: center;
	color:#265077;
	font-size: 20px;
	margin:0px;
}

.sub_2 h4 {
	color:#265077;
	font-size: 12px;
	margin:2px 0px;
	text-align: left;
}

.sub_3 {
	background-image:url(../img/bg_home_content_wood_top.png);
	background-position:center top;
	background-repeat:no-repeat;
	height: 143px;
	
}

.sub_3 .content {
	padding:10px;	
	text-align:center;
}

.sub_3 h2 {
	text-align: center;
	color:#265077;
	font-size: 20px;
	margin:16px 0px;
	
}

.sub_4{
	background-image:url(../img/bg_home_content_wood_bottom.png);
	background-position:center top;
	background-repeat:no-repeat;
	height: 122px;
	
}

.sub_4 .content {
	padding:10px 20px;	
	text-align:center;
}

.sub_4 h2 {
	text-align: center;
	color:#265077;
	font-size: 20px;
	margin:16px 0px;
}

/*footer*/

.footer {
	border-top: solid 1px #CCCCCC;
	padding:4px;
	vertical-align:top;
}

.left {
	font-size:10px;
	color: #333;
	text-align:left;
}

.center {
	font-size:11px;
	color:#265077;
	text-align: center;
	line-height: 15px;
}

.right {
	font-size: 11px;
	color: #00254D;
	text-align: right;
}

.footer a {color:#00254D; text-decoration:none;}
.footer a:hover {text-decoration: underline;}

.footer h3 {
	font-size:13px;
	margin:0px 0px 6px;}
/*end footer*/
.accorMastleft {
	float: left;
	width: 400px;
}