/*************************************************************
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: #0053a0;
	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;
	color: #0053a0;
	text-decoration:underline;
	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: #0053a0;
	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: #0053a0;
	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: 26px 0 0 10px;
	padding: 0;
	}

#header #back_next
	{
	float: right;
	margin: 28px 0 0 0;
	padding: 0;
	width: 135px;
	}

#header #back_next a.back
	{
	margin: 0;
	padding: 0 5px 0 0;
	}  

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

#wrap
	{
	display: block;
	float: left;
	margin: 15px 0 0 12px !important;
	margin: 15px 0 0 6px;
	padding: 0;
	width: 825px;
	height: 276px;
	}

p.closing
	{
	margin: 0 0 0 165px !important;
	margin: 0;
	padding: 30px 0 0 40px;
	width: 310px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	}

.closing a
	{
	text-decoration: none;
	font-weight: bold;
	color: #0053a0;
	}
	
.closing a:hover
	{
	color: #0053a0;
	text-decoration:underline;
	}

/*************************************************************
Text Area
*************************************************************/

#text
	{
	display: block;
	float: left;
	margin: 17px 0 0 20px;
	padding: 0;
	width: 250px;
	height: 240px;
	}

#text p
	{
	margin: 0;
	padding: 0 0 10px 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

#text ul
	{
	margin: 5px 0 0 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

#text li
	{
	display: block;
	float: left;
	clear: both;
	width: 220px;
	margin: 0;
	padding: 0 0 6px 10px;
	line-height: 1.25em;
	list-style-type: none;
	background-image: url(../images/bullet_point.gif);
	background-repeat: no-repeat;
	background-position: 0em .4em;
	}

#text h1
	{
	margin: 0;
	padding: 5px 0 5px 0;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #21548e;
	}


	
/*************************************************************
Text Area Side
*************************************************************/

#text_side
	{
	display: block;
	float: left;
	margin: 17px 0 0 5px;
	padding: 0;
	width: 165px;
	height: 150px;
	}

#text_side p
	{
	margin: 0 0 10px 13px;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

#text_side ul
	{
	margin: 0 0 0 13px;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.25em;
	color: #000;
	}

#text_side li
	{
	display: block;
	float: left;
	clear: both;
	width: 145px;
	margin: 0;
	padding: 0 0 6px 10px;
	line-height: 1.25em;
	list-style-type: none;
	background-image: url(../images/bullet_point.gif);
	background-repeat: no-repeat;
	background-position: 0em .4em;
	}	
	
#text_side h1
	{
	margin: 0;
	padding: 5px 0 5px 0 !important;
	padding: 5px 0 10px 0;
	text-indent: -14px; 
	margin:  0 0 0 14px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #21548e;
	text-transform: uppercase;
	}

/*************************************************************
Screen Shot
*************************************************************/

#screen_shot
	{
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 392px;
	height: 260px;
	background-color: #999999;
	}

#screen_shot img
	{
	display: block;
	margin: 0 auto;
	padding: 5px 0 0 0;
	}

/*************************************************************
Screen Shot Large
*************************************************************/

#screen_shot_lg
	{
	display: block;
	float:left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 460px;
	height: 260px;
	background-color: #999999;
	}

#screen_shot_lg img
	{
	display: block;
	float: left;
	margin: 0;
	padding: 5px 0 0 5px;
	}

/*************************************************************
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;
	}