﻿body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	margin: 0px;

	padding: 0px;

	background-color: #F2F2EC;

	text-align:center;

	behavior:url( hover.htc );

}

a {

	color: #003399;

}

a:hover {

	color: #996600;

}

h2 {

	color: #776655;

	font-size: 15px;

	font-weight: bold;

	margin:0px 0px 20px 0px;

	padding:0px;

	width: 100%;

	border-bottom: 1px solid #776655;

}

h3 {

	color: #224455;

	font-size: 13px;

	font-weight: bold;

	margin:0px;

	padding:0px;

	width: 100%;

	border-bottom: 1px solid #AAAA99;

}

p, ul {

	text-align: justify;

	line-height: 140%;	

}



div.break {

  display: block;

  height: 1px;

  border-bottom: 1px solid #AAAA99;

  margin: 1em 0 1em 0;

}





#wrapper {

	background-color: #ffffff;

	width: 760px;

	text-align: left;
	margin: 0 auto; 

}

#topbar, #basebar {

	background-color: #556666;

	border-bottom: 1px solid #ffffff;

	height: 8px;

}

.header {

	background-color: #ffffff;

	background-image: url(images/headerbg.gif);

	background-position: top right;

	background-repeat: repeat-y;

	border-bottom: 1px solid #ffffff;	

	width: 760px;

	vertical-align: bottom;

}

.headerlinks {

	text-align: right;

	vertical-align: bottom;

	padding: 3px 6px;

}

.headerlinks a {

	font-size: 11px;

	color: #222233;

}

.headerlinks a:hover {

	color: #996600;

}

#nav td {

	border-bottom: 1px solid #FFFFFF;

}

.navarrow {

	margin-right: 5px;

}

.navitem {

	background-color: #CCCCCC;

	border-right: 1px solid #FFFFFF;

	padding: 0px 2px 0px 8px;

	vertical-align:middle;

}

.navitem:hover {

	background-color: #bbb;

}

.navitem a {

	font-weight: bold;

	color: #334455;

}

.navitem a:hover {

	color: #996600;

}

#content {

	padding: 10px;

	width: 500px;

}

#rightcol {

	padding-left: 10px;

}

.featured {

	padding: 8px;

	border: 1px solid #FFFFFF;

}

.featured:hover {

	background-color: #F4F4ED;

	border: 1px solid #E8E8E0;

}

.featured p {

	margin:0px;

	padding:0px;

	line-height: 140%;

}

.infobox {

	border: 1px solid #889999;

	background-color: #F5F5F5;

	padding: 1px;

	width: 215px;

}

.infobox th {

	padding: 3px 2px 3px 5px;

	background-color: #446677;

	border-bottom: 4px solid #224455;

	color: #DDDDDD;

}

.infobox td {

	padding: 2px 3px;

	text-align: justify;

	line-height: 130%;

	font-size:11px;

}

.infobox td td {

	margin: 0px;

	padding: 5px 2px;

}

.logon {

	padding: 2px 5px;

	background: #dddddd;

	border: 1px solid #A4A5A3;

	color: #224455;

	font-weight: bold;

	font-size: 13px;

	text-decoration: none;

	margin-right: 1px;

}

.logon:hover {

	background: #eeaa00;

	color: #333333;

}

.pic {

	border: 1px solid #666;

}

table.products td {

	border: 1px solid #ddd;

	padding: 5px;

}

#footer {

	background-color: #667777;

	color: #223333;

	padding: 2px 5px 0px 5px;

	font-size: 11px;

}

#footer a {

	color: #223333;

}

#footer a:hover {

	color: #CCDDDD;

}



#press td {

	border-bottom: 1px solid #cccccc;

	padding-bottom: 12px;

	padding-top: 12px;	

}



.float-right {

	float: right;

	padding: 0 5px;

	text-align: center;

}



.float-right img {

	border: 1px solid #000;

	padding: 1px;

}



.clear {

	clear: both;

}

.my {

	color:#E3B84D;

}

.wealth {

	font-weight:bold;

}

/**team table**/



.teamtablebottom td {

	padding:1em 1em 0 0;

}

.teamtable td {

	border-bottom:1px solid #999999;

	padding:4px;

	font-size:12px;

}

.teamtable a {

	text-decoration:none;

}

td.color {

	background-color:#ebebeb;

}



td.border {

	border-right:1px solid #000000;

}

td.bordercolor {

	background-color:#ebebeb;

	border-right:1px solid #000000;

}

/**************** Accordion*********************/

#accordion
{
width: 750px;
border-bottom: solid 1px #c4c4c4;
margin: 0;
padding: 0;
text-indent: 0;
         
}
#accordion a.head
{
background: #446677 url(images/collapsed.gif) no-repeat right;
border: 1px solid #000;
color: #f5f5f5;
cursor: pointer;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
padding: 7px 20px 15px 10px;
text-decoration: none;
text-indent: 0px;
}

#accordion a.head:hover
{
background-color: #fff;
color: #000;
}

#accordion a.selected
{
background-image: url(images/expanded.gif);
}

#accordion a.current
{
    background-color: #FFFF99;
}


#dhtmltooltip{

position: absolute;

font-size: 11px;

width: 150px;

border: 1px solid black;

padding: 2px;

background-color: lightyellow;

visibility: hidden;

z-index: 100;



text-align: justify;

}

/* custom styling for myWEALTH text */

span.my {

	color: #d79a00;

	font-weight: bold;

}

span.wealth {

	color: #333333;

	font-weight: bold;

}

.text-center 
{
    text-align: center;
}