body {
	background-color: #4C7AA8;
	margin: 0px;
}


#page {
	border-left: 1px solid #194B7D;
	border-right: 1px solid #194B7D;
	border-bottom: 1px solid #194B7D;
	width:680px;
	align: center;
	 }

.membershipBox {
	color: #483A24;
	background: #365E86 url("../img/Bkg-Membership.jpg") top left repeat-y;
	width: 316px;
	text-align: left;
}
.bankingBox {
	color: #EDE2D0;
	background: #365E86 url("../img/Bkgd-Banking.jpg") top left repeat-y;
	width: 170px;
	text-align: left;
}
.billpayBox {
	color: #EDE2D0;
	background: #365E86 url("../img/Bkgd-BillPayer.jpg") top left repeat-y;
	width: 170px;
	text-align: left;
}
.navBar {
	background: #365E86 url("../img/NavBar-Bkgd.jpg") top left repeat-y;
	width: 680px;
	text-align: left;
}
html>body .navBar {
	background: #365E86 url("../img/NavBar-Bkgd.jpg") top left repeat-y;
	width: 680px;
	text-align: left;
}

.content {
	padding: 0 20px 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #4D4D4D;
}

.siteMap {
	padding: 0 20px 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #4D4D4D;
}

ul.content, li.content {
	margin-left: 20px;
	padding-left: 0;
}
li.content {
	list-style-type:disc;
	padding-bottom: 3px;}

ol.content { list-style-type:decimal; padding-bottom: 4px;}
ol.content ol{ list-style-type:lower-alpha; padding-bottom: 4px;}
ol.content ol ol{ list-style-type:decimal; padding-bottom: 4px;}


.content a{ color : #4C7AA8;}
.content a:hover{ color : #C58805;}
.content a:visited{ color : #6E8273;}


/* Top Links Site Map
------------------------------------------------------------*/
.siteMap p{
	float: right;
	width: 645px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	padding: 0px 0px 10px 0px;
	margin-bottom: 0px;
	margin-top: 40px;
}
.siteMap a{
	color:#194B7D; text-decoration:underline;}
.siteMap a:hover{
	color:#C58805; text-decoration:underline;}	



h1  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 22px;
	padding-top: 0;
	color : #C58805;
	font-weight : bold;
}

h2  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 18px;
	color : #C58805;
	font-weight : bold;
	border-top: 1px solid #C58805;
}

h3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 15px;
	color : #C58805;
	font-weight : bold;
	border-top: 1px solid #C58805;
}

h4  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #C58805;
	font-weight : bold;
}

h3 a {color : #C58805; text-decoration:underline;}
h3 a:hover {color : #A07D2D; text-decoration:none;}

.footerLeft a, .footerRight a {color : #6d1d38;}
.footerLeft a:visited, .footerRight a:visited  {color : #6d1d38;}
.footerLeft:hover, .footerRight a:hover  {color : #6d1d38;}


/* Table/Chart layouts ------------------------------------------*/

table.rates {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #4D4D4D;
	/*width : 400px;*/
	border-left: 1px solid #4C7AA8;
	border-top: 1px solid #4C7AA8;
	/*border-right: 1px solid #37A1AF;*/
	border-spacing: 0px;
}

table.rates .head{
	text-align: center;
	background: #4C7AA8;
	color: #FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;}
table.rates .headLEFT{
	text-align: Left;
	padding-left: 8px;
	background: #4C7AA8;
	color: #FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;}	
table.rates .AudioHead{
	text-align: left;
	background: #4C7AA8;
	color: #FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;}
	
table.rates td {
	padding: 4px;
	border-bottom: 1px solid #4C7AA8;
	border-right: 1px solid #4C7AA8;
}

table.rates .Audio1 {
	font-size : 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #4C7AA8;
	padding-left: 10px;}
	
table.rates .Audio2 {
	font-size : 10px;
	color: #4C7AA8;
	padding-left: 50px;}
		
table.rates .emphasis {
	font-size : 11px;
	font-weight: bold;
	text-transform: capitalize;
	font-style: italic;
	color: #4C7AA8;
	background: #94B3D4; }
table.rates .emphasisOrange {
	font-size : 11px;
	font-weight: bold;
	text-align: center;
	text-transform: capitalize;
	font-style: italic;
	color: #FFFFFF;
	background: #C58805; }

table.rates .figures {
	text-align: center;
	font-weight: bold;
	color: #4C7AA8;}
table.rates .figuresLEFT {
	text-align: left;
	font-weight: bold;
	color: #4C7AA8;}

.caption {
	padding: 0 4px 0 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	margin-top: -2px;
	color : #6E8273;
}

.captionSmall {
	padding: 0 4px 0 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #6E8273;
	margin-top: -1px;
	font-style:italic;
}

.warning { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #993333;
	font-size: 10px;
	font-style:italic;
	padding-left: 8px;
	padding-right:8px;}


table.rates a {color: #4C7AA8;}
table.rates a:visited  {color: #483A24;}
table.rates a:hover  {color: #C58805;}

/* Floating Images ------------------------------------------*/
.imgleftmarg { margin-left: 10px; margin-bottom: 3px; }
.imgrightmarg { margin-right: 10px; margin-bottom: 3px; }



/* Navigation Dropdown from Suckerfish 
------------------------------------------------------------*/
#nav, #nav ul { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9px;
	display: inline;
}

	
#nav a { 
    display: block; 
	color: #FFFFFF;
	text-decoration: none;
	border-left: #4C7AA8 1px solid;
	border-bottom: #4C7AA8 1px solid;
	padding: 6px 13px 6px 13px;
}
#nav a:hover {
	color: #194B7D
}

#nav li { 
    float: left; 
}


#nav li ul { 
    position: absolute; 
    width: 12em; 
    left: -999em; 
	background-color:#8AACCE;
}
html>body #nav li ul { 
    position: absolute; 
    width: 12em; 
    left: -999em; 
	background-color:#8AACCE;
}
#nav li ul a {
    width: 12em; 
	list-style: none;
	display: inline;
	padding: 3px 1em;
	border-right: #4C7AA8 1px solid;
	margin: 0;
	color: #FFFFFF;}

html>body #nav li ul a{
	 /*Correct value for browsers that don't suffer from IE Win's bugs*/
    display: block; 
	width: 9.8em;
	border-right: #4C7AA8 1px solid;
	padding: 3px 1em;
	}

#nav li ul a:hover {
	color: #194B7D
}

#nav li:hover ul { 
    left: auto;
	color: #194B7D
}

#nav li:hover ul, #nav li.sfhover ul { 
    left: auto; 
}
/* End of navigation ---------------------------*/
