body { 
	margin:0; 
	padding:0;  
	background-color: #ffffff;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:75%;
	color:#000000;
}
p 
{ 
}
hr {
   border: 0;
   height: 1px;
   color: #000000;
   padding:0;
   margin:0;
}
form 
{
	padding: 0;
	margin: 0;
}
a
{
	text-decoration:none;
	color:#2a5698;
}
a:hover
{
	text-decoration:underline;
}
ul 
{ 
	margin: 0 0 10px 50px;
	padding: 0 0 0 5px;	
	list-style-type:disc;
}
	
li 
{ 
	
}

img {
	border: none;
	padding:0px;
	margin:0px;
}
input, textarea, select
{
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:1em;
	color:#000000;
}
.ServicesHeader /*Services*/
{
	font-size:1.5em;
	color:#347C9C;
	font-weight:bold;
}
.LoansHeader /*Loans*/
{
	font-size:1.5em;
	color:#639C59;
	font-weight:bold;
}
.SavingsHeader /*Savings*/
{
	font-size:1.5em;
	color:#A083B2;
	font-weight:bold;
}
.FormsHeader /*Forms*/
{
	font-size:1.5em;
	color:#AA262C;
	font-weight:bold;
}
.MembershipHeader /*Membership*/
{
	font-size:1.5em;
	color:#FCB316;
	font-weight:bold;
}
.subheading /* sub heading titles */
{
	font-size:1.2em;
	color:#2a5698;
	font-weight:bold;
}
/* MAIN CONTENT SECTION STARTS */
div#content { 
	margin-right: auto;
	margin-left: auto;
	padding: 0; 
	width: 778px; 
	background:#ffffff;
	text-align:left;
}
div#MainContentArea
{
	overflow:hidden;
	width:778px;
	margin: 0px; 
	padding: 0px; 
	background-color:#ffffff;
	float:left;	
}
div#MainContent
{
	width:586px;
	float:left;
	/*padding: 0 10px 0 10px; */
}
div#TextContent
{
	width:562px;
	float:left;
	padding: 10px 10px 10px 10px;
}
/* MAIN CONTENT SECTION ENDS */

/* HEADER SECTION STARTS HERE */
div#header 
{
	height: 65px; 
	width:778px;
	background: url(images/header.jpg)  no-repeat;
	padding-bottom:0px;
	background-color:#ffffff;
}
div#header div#header-container
{
	width:778px;
	height: 65px; 
	overflow:hidden;
}
div#header div#headerLogo
{
	float:left;
	width:70px;
	height:65px;
}
div#header div#headerText
{
	float:left;
	margin-top: 25px;
	width:267px;
	height:37px;
	padding-left:20px;
}
div#header div#headerPencil
{
	width:194px;
	height:65px;
	float:left;
	padding-left:220px;
}
div#headerbanner
{
	padding: 2px 0 2px 0;
}
/* HEADER SECTION ENDS HERE */


/* TOP LINKS SECTION STARTS HERE */
div#topLinks
{
	float:left;
	width:682px;
	font-size:0.9em;
	background: url(images/bar.jpg) no-repeat;
	height:27px;
	padding-left:0px;
	font-weight:bold;
	z-index:10;
}
#hmenu
{     
	padding: 0;     
	margin: 0;     
	list-style: none; 
	margin-left:15px;
} 
#hmenu ul 
{     
	padding: 0;     
	margin: 0;     
	list-style: none; 
} 
#hmenu a 
{     
	display: block;     
	width:120px; 
} 
#hmenu .membershipmain a 
{     
	display: block;     
	width: 120px; 
	color:#FCB316;
	height:22px;
	text-align:center;
	padding-top:5px;
} 
#hmenu .membership a 
{     
	display: block;     
	width: 160px; 
	color:#FCB316;
	height:auto;
	text-align:left;
	border-right:0px;
	border-bottom: solid 1px #cccccc;
	background-color:#eeeeee;
	padding: 2px 5px 2px 5px;
} 
#hmenu .formsmain a 
{     
	display: block;     
	width: 120px; 
	color:#AA262C;
	height:22px;
	text-align:center;
	border-right: solid 2px #cccccc;
	padding-top:5px;
} 
#hmenu .forms a 
{     
	display: block;     
	width: 120px; 
	color:#AA262C;
	height:auto;
	text-align:left;
	border-right:0px;
	border-bottom: solid 1px #cccccc;
	background-color:#eeeeee;
	padding: 2px 5px 2px 5px;
} 
#hmenu .savingsmain a 
{     
	display: block;     
	width: 120px; 
	color:#A083B2;
	height:22px;
	text-align:center;
	border-right: solid 2px #cccccc;
	padding-top:5px;
} 
#hmenu .savings a 
{     
	display: block;     
	width: 220px; 
	color:#A083B2;
	height:auto;
	text-align:left;
	border-right:0px;
	border-bottom: solid 1px #cccccc;
	background-color:#eeeeee;
	padding: 2px 5px 2px 5px;
} 
#hmenu .loansmain a 
{     
	display: block;     
	width: 120px; 
	color:#639C59;
	height:22px;
	text-align:center;
	border-right: solid 2px #cccccc;
	padding-top:5px;
} 
#hmenu .loans a 
{     
	display: block;     
	width: 210px; 
	color:#639C59;
	height:auto;
	text-align:left;
	border-right:0px;
	border-bottom: solid 1px #cccccc;
	background-color:#eeeeee;
	padding: 2px 5px 2px 5px;
} 
#hmenu .servicesmain a 
{     
	display: block;     
	width: 120px; 
	color:#347C9C;
	height:22px;
	text-align:center;
	border-right: solid 2px #cccccc;
	padding-top:5px;
} 
#hmenu .services a 
{     
	display: block;     
	width: 140px; 
	color:#347C9C;
	height:auto;
	text-align:left;
	border-right:0px;
	border-bottom: solid 1px #cccccc;
	background-color:#eeeeee;
	padding: 2px 5px 2px 5px;
} 
#hmenu li 
{     
	float: left;     
	width: 120px; 
}
#hmenu li ul 
{     
	position: absolute;    
	width: 120px;    
	left: -999em; 
} 
#hmenu li 
{     
	float: left;     
	width: 120px; 
}
#hmenu li ul  
{     
	position: absolute;    
	width: 120px;    
	left: -999em; 
} 
#hmenu li:hover ul, #hmenu li.sfhover ul
{     
	left: auto; 
}

/* TOP LINKS SECTION ENDS HERE */


/* LEFT HAND SIDE SECTION STARTS */
div#leftside 
{  
	float:left; 
	width: 93px; 
	height:420px;
	padding: 10px 0 0 3px;  
	background: url("images/LEFT PANEL.jpg")   no-repeat;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:0.85em;
	color:#FFFFFF;
}

div#leftside a
{ 
	color: #ffffff;
}
/* To send different CSS rules to IE, we can use the child 
selector command which IE can't understand. The child selector 
command involves two elements, one of which is the child of 
the other. So, html>body refers to the child, body, contained 
within the parent, html.

IE can't understand the second CSS rule due to the html>body 
CSS command so will ignore it and use the first rule. All 
other browsers will use the second rule.
 */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 93px;
	margin-top:20px;
}
html>body #nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 123px;
	margin-top:20px;
}
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 2em;
	margin-bottom : -1px;
	width: 93px;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 93px;
	margin-top : -1.35em;
	background-color:#2a5698;
	padding: 2px 5px 2px 5px;
}
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#nav li a {
	width: 93px;
	w\idth : 80px;
	display : block;
	color : white;
	font-weight : bold;
	text-decoration : none;
	padding-left : 0.5em;
}
#nav li ul li a {
	width: 353px;
	w\idth : 120px;
	display : block;
	color : white;
	font-weight : bold;
	text-decoration : none;
	padding-left : 0.5em;
	border-bottom:solid 1px #ffffff;
}
#nav li a:hover {
	text-decoration : underline;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* LEFT HAND SIDE SECTION ENDS */


/* RIGHT HAND SIDE SECTION STARTS */
div#rightside 
{  
	float:right; 
	width: 96px; 
	padding: 2px 0 0 0;  
	background-color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:1.2em;
	color:#FFFFFF;
	margin-top:0px;
	font-weight:bold;
}
div#rightside a
{
	color:#FFFFFF;
	text-decoration:none;
}
div#rightside a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}
div#rightside #SavingsButton
{
	background: url("images/SAVINGS BUTTON.jpg")  no-repeat;
	width:96px;
	height:134px;
	margin-bottom:1px;	
}
div#rightside #LoansButton
{
	background: url("images/LOAN BUTTON.jpg")  no-repeat;
	width:96px;
	height:134px;
	margin-bottom:1px;	
}
div#rightside #ContactsButton
{
	background: url("images/CONTACT BUTTON.jpg")  no-repeat;
	width:96px;
	height:134px;	
}
#SavingsButton div#SavingsText
{
	padding-top: 98px; 
	padding-left:24px;
}
#LoansButton div#LoansText
{
	padding-top: 100px; 
	padding-left:5px;
}
#ContactsButton div#ContactsText
{
	padding-top: 105px; 
	padding-left:12px;
}
/* RIGHT HAND SIDE SECTION ENDS */


/*FOOTER SECTION STARTS HERE */
div#footer 
{
	clear:both;
	background: url("images/FOOTER.jpg")  no-repeat;
	text-align:left; 
	width:778px;
	height:24px;
	font-family:Trebuchet MS, Verdana, Sans-Serif;
	color:#ffffff;  
	font-size:0.9em;
	font-weight:bold;
}

div#footer .content
{
	padding-top: 3px;
	padding-left: 10px;
	overflow:hidden;
}
div#footer-left
{
	float:left;
}
div#footer-right
{
	float:left;
	padding-left:270px;
}
/*FOOTER SECTION ENDS HERE */


/* OTHER STYLES START HERE */
div#flash-home
{
	margin: 2px 2px 0 2px;
	width:582px;
	height:88px;
}
div#flash-services
{
	background: url("images/ServicesBanner.jpg")  no-repeat;
	margin: 2px 2px 0 2px;
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	width:582px;
	height:88px;
}
div#flash-loans
{
	background: url("images/LoansBanner.jpg")  no-repeat;
	margin: 2px 2px 0 2px;
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	width:582px;
	height:88px;
}
div#flash-savings
{
	background: url("images/SavingsBanner.jpg")  no-repeat;
	margin: 2px 2px 0 2px;
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	width:582px;
	height:88px;
}
div#flash-forms
{
	background: url("images/FormsBanner.jpg")  no-repeat;
	margin: 2px 2px 0 2px;
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	width:582px;
	height:88px;
}
div#flash-membership
{
	background: url("images/MembershipBanner.jpg")  no-repeat;
	margin: 2px 2px 0 2px;
	color:#FFFFFF;
	font-size:1.5em;
	font-weight:bold;
	width:582px;
	height:88px;
}
.headerText
{
	font-size:1.5em;
	color:#2a5698;
	font-weight:bold;
}
/* OTHER STYLES END HERE */