body {behavior: url("/js/hover.htc");}

html, body{ margin:0; padding:0; background: #ecf4e9 url(http://www.wealthyu.com/beta/img/global/back_grad.jpg) top left fixed repeat-x; font-size: 15px; color:#000033; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 17px; } 

#pagewidth{ width:819px; background: url(http://www.wealthyu.com/beta/img/global/content_back.png) center repeat-y; position: relative; top: 0px; left: auto; right: auto; margin-left: auto; margin-right: auto; }
#leftcol{ width:160px; float:left; position:relative; background-color:#ffffff; }
#twocols{ width:640px; float:right; position:relative; background-color:#ffffff; }
#rightcol_front{ width:225px; float:right; position:relative; background-color:#ffffff; }
#maincol_front{background-color: #FFFFFF; float: left; display:inline; position: relative; width:405px; }
#maincol{background-color: #FFFFFF; float: left; display:inline; position: relative; width:550px; padding-right:40px; padding-left:40px;}

/* for header file */
#banner {height:113px; width:801px; margin-left:9px; background-color:#96BCB1; } 
#content {margin-left:30px; margin-right:30px; margin-top:15px;}
#content_area {margin-left:10px; margin-right:10px; margin-top:15px;}
#navigation {text-align:right; width:100%; padding:15px; }

#footer {width:100%; margin-top:50px; font-size:10px; color:#7F7F7F; text-align:center; }
 
/* global styles */ 
p, blockquote, li { font-size: 15px; color:#000033; font-family: Arial, Verdana, Geneva, sans-serif; line-height: 17px; }
td { font-size: 15px; color:#000033; font-family:Arial, Verdana, Geneva, sans-serif; line-height: 17px; vertical-align:top;}

/* link styles */
a:link, a:visited, a:active {color:#870029; text-decoration: none; }
a:hover {color: #063E58; text-decoration: underline; }

/* page styles */
#pagetitle {color:#01567D; font-weight:bold; font-style:italic; font-size:15px; text-transform:uppercase; letter-spacing:.5em; line-height:17px; padding: 10px 0 5px 0;}
.sectiontitle {color:#063E58; font-size:17px; line-height:19px; font-weight:bold;}
.testimonial {color:#01567D; font-weight:bold; }
.credit {text-align:right; font-style:italic; font-size:11px; color:#000000;}
.sidebar {float:right; width:200px; border:2px solid #004531; background-color:#C9E4DC; margin-left:15px; margin-bottom:15px; padding:10px;}
.small {font-size:6px;}
.bold {color:#075234; font-weight:bold;}

.required { color:#01567D; }
.required_form { color:#cc0000; }
.form_line {padding-bottom:10px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 13px;}
.form_label {width:150px; text-align:right; float:left; padding-right:10px;}

/* CSS VERTICLE POPUP MENU :: Thanks to TANFA http://www.tanfa.co.uk/ */

	/* Remove Padding, Margins, Bullets, set menu width, and styles, and heading to suit */
#menu {
	clear:both;
	width: 100%; /* horizontal set size 12em; set width of menu */
	color: inherit;
	background-color: #96BCB1;
	float: left; /* remove float for vertical */
/*	padding-left:55px;
	padding-top:15px;
	padding-bottom:15px;*/
} 

#menu ul { /* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
/* 	width: 10em; */
	float: left; /* remove float and width for vertical */
}

/* style, color and size links and headings to suit */
#menu a, #menu h2, #menu h2 a {
/*	font: bold 11px/16px arial, helvetica, sans-serif; */
	display: block;
	margin: 0px; /* add margin-right to put spacing between them */
/*	padding: 2px 3px; */
	text-decoration: none;
	color:#075234;
	background-color:inherit;
/*	text-transform: uppercase; */
}

.top_nav {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-weight:normal; 
	font-size:16px; 
	display: block;
	margin: 0px; /* add margin-right to put spacing between them */
	color:#075234; 
	padding:0px 18px 2px 2px; 
	background-color:#96BCB1;
}

#menu a, #menu h2 a { border-width: 0px; }
#menu a:hover, #menu h2 a:hover, #menu a:hover h2 { color: #075234; text-decoration:underline; background-color: #96BCB1; }
#menu ul ul a, #menu ul ul a:visited { color: #075234; background-color: #96BCB1; text-decoration: none; padding: 2px 10px 2px 3px; }
#menu ul ul a:hover { color: #063E58; background-color: #96BCB1; padding: 2px 10px 2px 3px; text-decoration:underline;}
#menu ul ul a:active { color: #075234; background-color: #96BCB1; padding: 2px 10px 2px 3px; }

/* End padding, margins, bullets, menu width, styles, headings */

/* STYLING FOR EXPAND */

a.x, a.x:visited {
        font-weight: inherit;
        border: inherit;
        color: inherit;
        background-color: inherit;
        background-image: url("images/expand3.gif");
        background-repeat: no-repeat;
        background-position: 100% 100%;
}

a.x:hover {
        font-weight: bold;
        border: none;
        color: #a00;
	background-color: inherit;
}

a.x:active {
        color: #060;
        border: none;
        background-color: #ccc;
}
/* END STYLING FOR EXPAND */

/* POSITIONING */

#menu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
} 
#menu ul ul { position: absolute; z-index: 500; top: auto; display: none; }
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	display: none;
}
/* END POSITIONING */

/* HIDING AND REVEALING USING HOVER */

div#menu h2:hover { color: inherit;	background: #ffffff no-repeat -999px -9999px; }
div#menu li:hover { cursor: pointer; z-index: 100; }
div#menu ul ul, div#menu li:hover ul ul, div#menu ul ul ul, div#menu li:hover ul ul ul { display: none; }
div#menu ul ul ul { background-position: 0 0; }
div#menu li:hover ul, div#menu li li:hover ul { display: block; }
/* END HIDING AND REVEALING */

/* END POPUP MENU */




 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}