/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 10.5px;
	font-family: "Verdana", verdana, arial, sans-serif;
	color: #fff;
	background: url(/images/bg.jpg) top left repeat-x #446da1; }
	
h1 { font-size: 120%; font-weight: normal; margin-bottom: 5px; }

a:link, a:visited { color: #fff; }
a img { border: none; }

p { margin-bottom: 16px; }

ul, ol { list-style-position: inside; }


#wrapper { 
	width: 765px; 
	margin: 0 auto; 
	border: 2px solid #fff; 
	border-width: 0 2px 2px 2px;
	background: url(/images/sidebar_bg.jpg) top right repeat-y; }



/************* HEADER STYLES ***/
#header { 
	width: 765px; 
	height: 96px; 
	background: url(/images/header.jpg) top left no-repeat; }



/************* NAV STYLES ***/
#topnav { 
	float: left;
	width: 587px; 
	height: 41px; 
	background: url(/images/nav_bg.jpg) top left repeat-x; }


	ul#nav { list-style-type: none; margin: 0 0 0 5px; }
	
	ul#nav li { float: left; }
	
	ul#nav li a { display: block; height: 41px; }
	ul#nav li a span { display: none; }
	
		ul#nav li.home a { width: 82px; background: url(/images/nav_01_home.jpg) top left no-repeat; }
		ul#nav li.home:hover a { width: 82px; background: url(/images/nav_01_home_active.jpg) top left no-repeat; }
		ul#nav li.home:hover ul li a { background: none; }
		
		ul#nav li.aboutus a { width: 82px; background: url(/images/nav_02_aboutus.jpg) top left no-repeat; }
		ul#nav li.aboutus:hover a { width: 82px; background: url(/images/nav_02_aboutus_active.jpg) top left no-repeat; }
		ul#nav li.aboutus:hover ul li a { background: none; }	
		
		ul#nav li.financialplanning a { width: 82px; background: url(/images/nav_03_financialplanning.jpg) top left no-repeat; }
		ul#nav li.financialplanning:hover a { width: 82px; background: url(/images/nav_03_financialplanning_active.jpg) top left no-repeat; }
		ul#nav li.financialplanning:hover ul li a { background: none; }
		
		ul#nav li.retirementplanning a { width: 82px; background: url(/images/nav_04_retirementplanning.jpg) top left no-repeat; }
		ul#nav li.retirementplanning:hover a { width: 82px; background: url(/images/nav_04_retirementplanning_active.jpg) top left no-repeat; }
		ul#nav li.retirementplanning:hover ul li a { background: none; }
		
		ul#nav li.insuranceplanning a { width: 82px; background: url(/images/nav_05_insuranceplanning.jpg) top left no-repeat; }
		ul#nav li.insuranceplanning:hover a { width: 82px; background: url(/images/nav_05_insuranceplanning_active.jpg) top left no-repeat; }
		ul#nav li.insuranceplanning:hover ul li a { background: none; }
		
		ul#nav li.mortgage a { width: 82px; background: url(/images/nav_06_mortgageinformation.jpg) top left no-repeat; }
		ul#nav li.mortgage:hover a { width: 82px; background: url(/images/nav_06_mortgageinformation_active.jpg) top left no-repeat; }
		ul#nav li.mortgage:hover ul li a { background: none; }
		
		ul#nav li.contactus a { width: 84px; background: url(/images/nav_07_contactus.jpg) top left no-repeat; }
		ul#nav li.contactus:hover a { width: 84px; background: url(/images/nav_07_contactus_active.jpg) top left no-repeat; }
		ul#nav li.contactus:hover ul li a { background: none; }
		
			
		ul#nav li ul {
			position: absolute;
			text-align: left;
			background: #94a3c4;
			list-style-type: none;
			width: 200px;
			left: -999em;
			z-index: 999; }

		ul#nav li ul li { display: block; width: 200px; height: 14px; padding: 3px 5px; margin: -1px 0 0 1px; background: #559793; border: 1px solid #fff; }
		ul#nav li ul li:hover { background: #75b1af; }
		
		ul#nav li ul li a { display: inherit; height: 14px; background: none; text-decoration: none; }
		
		ul#nav li:hover ul ul, ul#nav li.sfhover ul ul { left: -999em; z-index: 999; }
		
		ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul  { left: auto; }
	
		ul#nav li:hover ul li a, ul#nav li li:hover ul li a, ul#nav li.sfhover ul li a, ul#nav li li.sfhover ul li a { background: none; }
		
		ul#nav li:hover, ul#nav li.hover { position: static; }		
		
		
/************* CONTENT STYLES ***/
#content { 
	float: left; 
	width: 573px;
	min-height: 600px;
	padding: 7px;
	text-align: justify;
	background: url(/images/body_bg.jpg) top left repeat-x #6f91bf;
	z-index: 1px; }
	
	* html #content { padding: 7px; height: 600px; }

	#content h1 { text-transform: uppercase; }

	#content ul, #content ol { list-style-position: inside; }


/************* SIDEBAR STYLES ***/
#sidebar { 
	float: right; 
	width: 178px;
	margin: -41px 0 0 -6px;
	text-align: left;
	color: #000; }

	#sidebar p { padding: 5px 8px; }
	#sidebar a:link, #sidebar a:visited { color: #000; }	



/************* FOOTER STYLES ***/
#footer { margin-top: 10px; font-size: 90%; }

	#footer p { margin: 0 0 4px 0; }
	
	
table.dynamicForm { width: 95%; }

table { text-align: left; }

table tr td { padding: 3px; }

hr { border: 1px solid #fff; border-width: 1px 0; }


/* Support for the "iehover-fix.js" */

ul#nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

* html ul#nav li { z-index: 9999; }

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */