body {
margin: 0;
padding: 0;
background-color: #fcefda;
color: #000;
font: 11px/13px arial, sans-serif;
text-align: center;
}

td{
font: 11px arial, sans-serif;
vertical-align:top;
}

select
{
font: 11px/13px arial, sans-serif;
}

form {
margin: 0;
}

.clearfloat {
height: 0;
clear: both;
}
.clear1 {
height: 1px;
clear: both;
}

.MainContainer {
margin: 5px auto 0 auto;
width: 764px;
background-image: url(../images/bg_MC.gif);
text-align: left;
}

.LftCol {
width: 181px;
float: left;
}

.Logo {
padding-left: 10px;
background-color: #fcefda;
}

/****** LOGIN  *******/
.Login {
padding: 5px 5px 15px 12px;
background-image: url(../images/bg_ob.gif);
}

.Login img {
margin-bottom: 5px;
vertical-align: top;
border: 1px solid #70a188;
}
.Login input {
margin: 0 0 4px 0;
padding: 1px;
height: 18px;
max-height: 18px;
background-color: #FFF;
color: #000;
font-size: 11px;
border: 1px solid #70a188;
}
*:first-child+html .Login input {
	height: 12px;
	min-height: 12px;
	max-height: 12px;
	}
.Login a:link {	
font-weight: bold;
text-decoration: none;
color: #db6b27;
}
.Login a:visited {	
font-weight: bold;
text-decoration: none;
color: #db6b27;
}
.Login a:hover, .Login a:active {
font-weight: bold;
text-decoration: none;
color: #59aa46;
}
	
.Chat {
margin: 10px 0 20px 30px;
}



.RtCol {
width: 583px;
float: right;
}

/****** UTILITY NAV AND SEARCH  *******/
.UtilityNav {
padding: 5px 10px 0 0;
background-color: #fcefda;
color: #377a27;
font-size: 10px;
font-weight: normal;
text-align: right;
}
.UtilityNav a:link {	
text-decoration: none;
color: #377a27;
}
.UtilityNav a:visited {	
text-decoration: none;
color: #377a27;
}
.UtilityNav a:hover, .UtilityNav a:active {
text-decoration: underline;
color: #db6b27;
}

.UtilityNav input {
margin: 0 2px 0 0; 
padding: 1px;
}
.searchImg {
margin-top: -5px; 
vertical-align: top;
}
.ultraseek {
margin: 0; 
padding: 2px;
width: 116px;
height: 18px;
max-height: 18px;
border: 1px solid #59aa46;
color: #000;
font-size: 11px;
}
*:first-child+html .ultraseek {
	height: 12px;
	min-height: 12px;
	max-height: 12px;
	}
	
/****** MAIN NAV  *******/
.MainNav {
width: 583px;
height: 38px;
}

.MainNav img {
padding: 0;
margin: 0;
}

.MainNav ul {
margin: 0; 
padding: 0;
}
.MainNav li {
margin: 0; 
padding: 0;
list-style-type: none;
list-style-image: none;
display: inline;
}

/******* HOMEPAGE SPECIFIC ******/

.MainPromoArea {
width: 370px;
float: left;
}

.MenuArea {
width: 213px;
float: right;
}

.MenusBG {
margin-right: 5px;
padding: 47px 9px 11px 0;
height: 130px;
min-height: 130px;
background-color: #ec8a0a;
text-align: right;
}
* html .MenusBG  { padding-top: 46px; }

.MenusBG img {
margin-bottom: -2px; 
}
* html .MenusBG img { vertical-align: bottom; margin-bottom: 2px; }

.Menus {
margin: 0;
padding: 0;
width: 143px;
height: 17px;
max-height: 17px;
color: #000;
border: 1px solid #59aa46;	
background-color: #FFF;
font-size: 11px;
vertical-align: bottom;
font-family: arial;
}

*:first-child+html .Menus {
height: 19px;
min-height: 19px;
max-height: 19px;
}

.HomeContent {
margin: 25px 25px 12px 0;
background-image: url(../images/bg_HomeContent.gif);
}

.NewsCol {
width: 365px;
float: left;
}

.NewsItem {
margin: 0 25px;
padding: 8px 0;
border-bottom: 1px solid #acd4a2;
}

.HomeRtCol {
width: 184px;
float: right;
}

.HomeRtColPad {
margin-left: 8px;
}

.HomeRtCol ul {
margin: 0 0 30px 18px; 
padding: 0;
}
.HomeRtCol li {
margin-bottom: 7px; 
padding: 0;
list-style-type: none;
list-style-image: url(../images/bullet.gif);
}
	
.HomeRtCol a:link {	
font-weight: bold;
text-decoration: none;
color: #59aa46;
}
.HomeRtCol a:visited {	
font-weight: bold;
text-decoration: none;
color: #59aa46;
}
.HomeRtCol a:hover, .HomeRtCol a:active {
font-weight: bold;
text-decoration: underline;
color: #db6b27;
}

.HomeRotate {
margin-bottom: 15px;
}

/****** Backpage Specific ******/

#stockChart {
    margin:10px 0;
}

/****** FOOTER  *******/	
.Footer {
margin: 0 auto;
width: 764px;
font-size: 10px;
color: #949674;
}

.FtLft {
width: 360px;
float: left;
}
.FtLft img {
margin: 3px 0 10px 3px;
}

.FtRt {
width: 404px;
text-align: right;
color: #000000 !important;
float: right;
}
.FtRt img {
margin: 0 18px 10px 0;
vertical-align: middle;
}

.FtLinks,  .FtLinks a:link, .FtLinks a:visited {
font-size: 9px;
color: #367221;
text-decoration: none;
}

.FtLinks a:hover, .FtLinks a:active {
font-size: 9px;
text-decoration: underline;
color: #367221;
}

/****** BACK PAGE SPECIFIC *******/
.ToolBox {
margin: 15px 5px 0 15px;
line-height: 1.2em;
}
.ToolBox a:link {	
font-weight: bold;
text-decoration: none;
color: #deeeda;
}
.ToolBox a:visited {	
font-weight: bold;
text-decoration: none;
color: #deeeda;
}
.ToolBox a:hover, .ToolBox a:active {
font-weight: bold;
text-decoration: underline;
color: #FFF;
}
.ToolBox ul {
margin: 10px 0 30px 18px; 
padding: 0;
}
.ToolBox li {
margin-bottom: 7px; 
padding: 0;
list-style-type: none;
list-style-image: url(../images/bullet_tlbx.gif);
}

.SectionHed {
width: 342px;
float: left;
}

.SectionImg {
width: 241px;
float: right;
}

.BackContent {
margin: 0 50px 20px 38px;
}

.greenline {
margin: 10px 0 15px -10px;
border-bottom: 1px solid #acd4a2;
}

/****** TEXT FORMATTING  *******/
p {
	margin: 0; 
	padding: 5px 0 7px 0;
	}

a:link {	
	text-decoration: none;
	color: #db6b27;
	font-weight: bold;
	}
a:visited {	
	text-decoration: none;
	color: #db6b27;
	font-weight: bold;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #59aa46;
	font-weight: bold;
	}
	
a img { border: none; }

ul {
	margin:10px 0 10px 15px; 
	padding: 0;
	}
ul li {
	margin-bottom: 4px; 
	padding: 0;
	list-style-type: none;
	list-style-image: url(../images/bullet.gif);
	}
ol li {
	margin-bottom: 4px; 
	margin-left:-17px;
	padding: 0;
}

h1 {
	margin:  -13px 0 0 0; 
	padding: 0;
	font-size: 13pt;
	color: #000000;
	}
h2, #calccontent h1, #calccontent h1 center {
	margin: 10px 0 20px -29px; 
	padding: 0;
	font-weight: bold;
	font-size: 20px;
	color: #59aa46;
	text-align:left
	}
h3 {
	margin: 5px 0 3px -10px; 
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	color: #2f7656;
	}

h4 {
	margin: 10px 0 2px 0; 
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #ec8a0a;
	}
	

/****** =WCAC =FISTYLES ******/

.tableheader {
	font-size: 12px;
	font-weight: bold;
	background-color: #055638;
	color: #FFF;
	border-left:1px solid #055638;
	border-bottom:1px solid #055638;
	border-right:1px solid #055638;
	ouccollapse:collapse;
	}
	
th {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
background-color: #59aa46;
color: #FFF;
border-left:1px solid #055638;
border-bottom:1px solid #055638;
border-right:1px solid #055638;
collapse:collapse;
	}
	
.tablecontent1 {
font-size: 11px;
background-color: #E4F1E0;
vertical-align:top;
border-left:1px solid #055638;
border-bottom:1px solid #055638;
border-right:1px solid #055638;
collapse:collapse;
	}
	
.tablecontent2 {
font-size: 11px;
background-color: #FFF;
vertical-align:top;
border-left:1px solid #055638;
border-bottom:1px solid #055638;
border-right:1px solid #055638;
collapse:collapse;
	}

.faqQ, .faqA { 
	font-weight: bold;
	}

.faqQ { color: #ec8a0a; font-size: 13px; }
.faqA { color: #666; font-size: 12px; }
	
.xsmall {
    font-size:.8em; 
	}
.small {
    font-size:.9em;
	}
.medium {
    font-size:1em;
	}
.large {
    font-size:1.1em;
	}
.xlarge{
    font-size:1.2em;
	}

.special3 {
	}
.special2 {
	}
.special1 {
	}

.smalltext {
font-size: 9px;
line-height: 1.2em;
}

.disclaimer {
font-size: 9px;
line-height: 1.2em;
font-weight: bold;
color: #96a088;
}
	
.required {
font-size: 9px;
font-weight: bold;
color: #C30;
}

.appfield1 {
border: 1px solid #59aa46;
background-color: #FFF;
}

.appfield2 {
border: 1px solid #055638;
background-color: #edf6ea;
}
	
.hr {
margin: 9px 0 9px 0; 
padding: 0;
border-top: 1px solid #acd4a2;
height: 1px;
max-height: 1px;
}

#ex_dis{
display:none;
width:400px;
float:center;
padding:10px;
background-color:#FFFFFF;
position:absolute;
z-index:10000;
margin-top:50px;
border-width:2px;
border-style:solid;
border-color:#E6E4A9;
margin-left:-50px;
overflow: hidden;
}


.feesTable {
	border-top: solid 1px #055638;
	border-left: solid 1px #055638;		
}
.feesTable td {
	border-right: solid 1px #055638;
	border-bottom: solid 1px #055638;	
	width: 50%;	
}

/*  this is for the back pages in the my life section that have indented content
if it is decided taht this is not wanted just change this class to fix all pages
*/
.backLeftMargin {
	margin-left: 25px;
}

.ratestable{
	border: 0;
	margin-left:0;
	padding-left:0;
	width:415px;
	border: solid 1px #055638;
	border-left:0px;
	border-bottom:0px;
}



/* for the list on the how to join page I have already added this style to di_styles.css */
#selectBoxList {
	display: none;
}

#selectBoxDiv {
	display: block;
	margin: 10px 0 10px 0;
}

.specialNote {
	border: 1px solid #000000;
	padding: 10px;
	background-color: #EBEAD5;
}

.specialNote h4 {
	color: #000000;
}

.ratestable th{
	border-left:1px solid #055638;
	border-bottom:1px solid #055638;
}



td{
	vertical-align:top;
}

.tableNB{
	border:0;
	border:1px solid #055638;
	border-left:0;
	border-bottom:0;
}

.tableNB td{
	border-left:1px solid #055638;
}


.editContent{
	margin-top:15px;
}
.socialLinks {
	text-align: center;
}
.socialLinks img {
	padding-right: 5px;
}