@charset "UTF-8";
/* CSS Document */

/*  ----------------body/hyperlinks/headings/misc---------------------- */ 
body {
background: #003880 url(images/bg.png) repeat-x;
font-size: 12px;
font-family:Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#fff;
padding:0px;
margin:0px;
	line-height:150%;
}

a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #DB7093;}
a:active { color:#DB7093;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px 
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img {
border:none;
}

p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}


/*  ----------------classes---------------------- */ 
img.download {vertical-align:middle;}

img {border:none;}

.boldw {
font-size:14px;
font-weight:bold;
color: #fff;
}

.boldw2 {
font-size:23px;
font-weight:bold;
color: #fff;
}

.boldy {
font-size:17px;
font-weight:bold;
color: #ffff00;
}

.yellow {
font-size:12px;
font-weight:bold;
color:#ffff00;
}



/* ----------container to center the layout-------- */
#container {
background: url(images/beach7.png) no-repeat;
max-width: 1024px;
margin: -15px auto 0;
/*
margin-top: -100px;
margin-left: auto;
margin-right: auto;
*/
} 


/* ----------banner for leaves-------------- */
#banner {
position:relative;
padding: 0px;
margin: -50px 14px 0;
z-index:25; 
}


/* -----------------homepage content--------------------- */ 
#logo {
position: relative;
margin-top:-170px;
margin-left:220px;
}

#call {
position: relative;
margin-top:-65px;
margin-left:20px;
z-index:25;
text-align:center
}

#boxes {
position: relative;
top: -18px;
/*
margin-top:0px;
margin-left:50px;
*/
margin: 0 75px;
z-index:20;
}

#opt-in {
width:200px;
position:relative;
margin-top:-485px;
margin-left:722px;
z-index:23;
}

#hotpicks {
width:859px;
height:217px;
position:relative;
margin-left:80px;
margin-top:85px;
z-index:24;
}

#leaf {
background:url(images/right.png) no-repeat;
width:145px;
height:218px;
position:relative;
margin-left:852px;
margin-top:-310px;
z-index:25;
}


/*  ----------------subpage content---------------------- */ 
#content-top {
position: relative;
top: -30px;
margin:0px 65px;
z-index:20;
}

#content-bottom {
position: relative;
margin:0 65px;
z-index:20;
}

#content-body {
background:url(images/content_bg.png) repeat-y;
width: 875px;
margin:-30px 0 0 65px;
padding:20px 30px;
z-index:20;
}


/*  ----------------footer---------------------- */ 
#footer {
background:url(images/footer.png) no-repeat;
width:984px;
height:175px;
position:relative;
clear:left;
margin-top:-60px;
margin-left:13px;
z-index:25;
}

#ftext {
padding-top:105px;
margin-top:0px;
margin-left:440px;
font-size:12px;
font-weight:bold;
color:#003399;
}

#footer1 {
background:url(images/footer1.png) no-repeat;
width:270px;
height:177px;
position:relative;
margin-left:15px;
margin-top:0px;
z-index:25;
}

#footer2 {
background:url(images/footer2.png) no-repeat;
width:204px;
height:177px;
position:relative;
left:793px;
margin-top:-177px;
z-index:25;
} 


/*  ----------------navigation---------------- */
#navcontainer ul
{
position:relative;
padding: 0;
margin-top:23px;
margin-left:197px;
color: #fff;
float: left;
height:28px;
font: 12px arial, sans-serif;
z-index:30;	
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a
{
padding: 8px 24px;
background:url(images/nav5.png) repeat-x;
color: #fff;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
background:url(images/nav6.png) repeat-x;
color: #fff;
}