body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	background-color: #eeeeee;

	margin: 0;

}

#wrapper {

	text-align: left;

}

#topbar, #basebar {

	background-color: #626262;

	font-size: 5px;

}

#header-left, #header-center, #header-right {

	background-color: #697A68;

	border-top: 1px solid #ffffff;

	border-bottom: 1px solid #ffffff;

	border-right: 1px solid #ffffff;

}

#header-right {

	border-right: 0 !important;

}

#logo {

	border-bottom: 1px solid #ffffff;

}

#nav {

	text-align: left;

	color: #eeeeee;

	margin-right: 5px;

}

#nav td {

	padding: 4px 0;

}

#nav td.navitem {

	border-bottom: 1px dashed #eeeeee;

}

#nav a {

	color: #eeeeee;

	font-weight: bold;

	text-decoration: none;

}

#nav a:hover {

	color: #eeaa00;

}

#obheader {

	background-color: #eeaa00;

	color: #ffffff;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	padding: 2px 10px;

}

#obmain {

	background-color: #ffffff;

	padding: 10px 10px 15px 5px;

}

#obmain img {

	margin-left: 10px;

}

#obmain a {

	font-size: 11px;

	color: #333333;

	text-decoration: none;

}

#obmain a:hover {

	color: #000000;

	text-decoration: underline;

}

#slogan {

	margin-top: 15px;

}

#left {

	padding: 15px 7px;

	background-color: #DBDBDB;

}

#main {

	background-color: #ffffff;

}

#footer {

	background-color: #626262;

	color: #dddddd;

	font-size: 11px;

	padding: 2px 5px;

}

#footer a {

	color: #dddddd;

}

#footer a:hover {

	color: #ffffff;

}

h1 {

	font-size: 18px;

	font-weight: bold;

	padding-bottom: 2px;

	border-bottom: 1px solid #697A68;

	color: #335511;

}

h2 {

	font-size: 15px;

	font-weight: bold;

	color: #335511;

}

a {

	color: #225500;

}

a:hover {

	color: #000000;

}



p, ul {

	text-align: justify;

	line-height: 18px;

}

img.bordered {

	padding: 1px;

	border: 1px solid #697A68;

}

img.left {

	margin-right: 10px;

}

img.right {

	margin-left: 10px;

}

.break {

	font-size: 1px;

	line-height: 1px;

	border-bottom: 1px dashed #cccccc;

	margin: 10px 0;

}

.smalltext {

	font-size: 10px;

}

.list td {

	border-bottom: 1px solid #dddddd;

	padding: 2px 0;

}

.people td {

	padding: 5px;

}
ul.pdf {
	list-style-type: none;
	padding: 0;
	margin: 0 0 1.5em 0;
}

ul.pdf li {
	padding: 1px 0 1px 22px;
	margin: 0;
	background: transparent url(images/pdf-icon.gif) 2px center no-repeat;
}

/* custom styling for myWEALTH text */

span.my {

	color: #d79a00;

	font-weight: bold;

}

span.wealth {

	color: #000000;

	font-weight: bold;

}



small, small p {

	font-size: 10px;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	line-height: 1.2em;

	color: #555555;

}

small a {

	color: #555555;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	text-decoration: underline;

}

.calc
{
    font-size: 11px;
    border: 1px solid #eee;
    padding: 5px;
    margin: 0 auto 15px auto;
    width: 230px;
}


/**************** Accordion*********************/

#accordion
{
width: 535px;
border-bottom: solid 1px #c4c4c4;
margin: 0;
padding: 0;
text-indent: 0;
         
}
#accordion a.head
{
background: #697A68 url(images/collapsed.gif) no-repeat right;
border: 1px solid #000;
color: #fff;
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-family: Arial,Verdana !important;

color:#000000;

font-size: 12px;

width: 150px;

border: 1px solid black;

padding: 2px;

background-color: lightyellow;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/



}