/*************************************************************
Main Styles
*************************************************************/

body
	{
	margin: 0 auto;
	border: 0;
	padding: 0;
	background-color: #ffffff;
	}

img
	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
.clear
	{ 
  	clear:both; 
	/*** these next attributes are designed to keep the div 
	height to 0 pixels high, critical for Safari and Netscape 7 ***/ 
	height:1px; 
	overflow:hidden; 
	line-height:1%; 
	font-size:0px; 
	margin-bottom:-1px; 
	} 

	
/*************************************************************
Contain
*************************************************************/

#contain
	{ 
	display: block;
	margin: 0 auto;
	padding: 60px 0 0 0;
	width: 890px;
	height: 590px;
	background-color: #ffffff;
	}

p.copyright
	{
	display: block;
	float: left;
	margin: 12px 0 0 33px;
	padding: 0;
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	}

img.legal
	{
	float: left;
	display: block;
	margin: 8px 0 0 20px;
	padding: 0;
	}

p.btm
	{
	display: block;
	float: right;
	margin: 12px 33px 0 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #3f6388;
	}

p.btm a.high
	{
	padding: 0 0 0 17px;
	text-decoration: none;
	color: #3f6388;
	background-image: url(../images/icon_plus.gif);
	background-repeat: no-repeat;
	background-position: .1em .1em; 
	}

p.btm a:hover.high
	{
	padding: 0 0 0 17px;
	text-decoration: underline;
	color: #3f6388;
	background-image: url(../images/icon_plus.gif);
	background-repeat: no-repeat;
	background-position: .1em .1em;  
	}

p.btm a.login
	{
	margin: 0 0 0 17px;
	padding: 0 0 0 17px;
	text-decoration: none;
	color: #3f6388;
	background-image: url(../images/icon_lock.gif);
	background-repeat: no-repeat;
	background-position: -.1em -.1em;  
	}

p.btm a:hover.login
	{
	margin: 0 0 0 17px;
	padding: 0 0 0 17px;
	text-decoration: underline;
	color: #3f6388;
	background-image: url(../images/icon_lock.gif);
	background-repeat: no-repeat;
	background-position: -.1em -.1em;  
	}


/*************************************************************
Content
*************************************************************/

#content
	{ 
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 850px;
	height: 473px;
	background: url(../images/content_bkg.gif) top left no-repeat;
	}


/*************************************************************
Header
*************************************************************/

#header
	{
	display: block;
	float: left;
	margin: 12px 0 0 12px !important;
	margin: 12px 0 0 6px;
	padding: 0;
	width: 825px;
	height: 120px;
	background: url(../images/header_gradient.jpg) top left no-repeat;
	}
	
#header img.home
	{
	float: left;
	margin: 8px 0 0 20px;
	padding: 0;
	}

#header img.home_txt
	{
	float: left;
	margin: 30px 0 0 10px;
	padding: 0;
	}

/*************************************************************
Wrap
*************************************************************/

#wrap
	{
	display: block;
	float: left;
	margin: 15px 0 0 12px !important;
	margin: 15px 0 0 6px;
	padding: 0;
	width: 825px;
	height: 276px;
	background: url(../images/couple.jpg) top right no-repeat;
	}

#wrap p.intro
	{
	display: block;
	float: left;
	margin: 55px 0 0 40px;
	padding: 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	color: #666666;
	}
	
#wrap a.button
	{
	display: block;
	margin: 56px 0 0 0;
	padding: 0;
	}


/*************************************************************
Nav
*************************************************************/
#main_nav
	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 155px;
	height: 276px;
	background-color: #d3d3d3;
	}

#main_nav p
	{
	margin: 35px 0 0 0;
	padding: 0;
	}

#main_nav ul 
	{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 155px;
	}
	
#main_nav li 
	{ /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 155px;
	}
	
#main_nav li ul 
	{ /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 9.05em;
	margin-top : -1.35em;
	}
	
#main_nav li a.main 
	{
	width: 11em;
	display : block;
	border : none;
	padding: 0;
	}
#main_nav li a 
	{
	width: 130px;
	display : block;
	color : #3F6388;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration : none;
	background-color : #D3D3D3;
	border : none;
	padding: 4px 8px 4px 20px;
	}
	
#main_nav li a:hover 
	{
	text-decoration: none;
	color: #89ABC9;
	}
	
#main_nav li:hover ul ul, #main_nav li:hover ul ul ul, #main_nav li.sfhover ul ul, #main_nav li.sfhover ul ul ul 
	{
	left: -999em;
	}
	
#main_nav li:hover ul, #main_nav li li:hover ul, #main_nav li li li:hover ul, #main_nav li.sfhover ul, #main_nav li li.sfhover ul, #main_nav li li li.sfhover ul 
	{ /* lists nested under hovered list items */
	left: auto;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/*************************************************************
Footer
*************************************************************/

#footer
	{
	display: block;
	float: left;
	margin: 0 0 0 12px !important;
	margin: 0 0 0 6px;
	padding: 0;
	width: 825px;
	height: 38px;
	background: url(../images/footer_bkg.jpg) bottom left no-repeat;
	}