@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	}
	
img {
	border:none;
	}

body,
html {
	margin:0;
	padding:0;
	background:#d7d7d7 url("../images/background.jpg") repeat-x; 
	font-family: Arial, 'Myriad Web', sans-serif;
	font-size:12px;	
	color:#666;
	line-height:1.5;
	}
	
body {
	min-width:814px;
	text-align:center;
	}
	
#wrapper {
	margin:0 auto;
	width:814px;
	background:#dcdcdc url("../images/borderShadow.jpg") no-repeat;
	text-align:left;
	}

#container	{
	width:800px;
	margin:0 7px 0 7px;
	background-color:#FFF;
	}
	
#header {
	height:80px;
	background:#122744 url("../images/logo.gif") no-repeat; 
	}
	
#topnav {
	float:right;
	margin:4px;
	padding:0;
	height:50px;
	list-style:none;
	display:inline;
	overflow:hidden;
	}
	
#topnav li {
	margin:0; 
	padding:0;
    list-style:none;
	display:inline;
	}
	
#topnav a {
	float:left;
	text-decoration:none;
	padding:30px 10px 0 0;
	color:#fff;
	font-size:9px;
	text-align:center;
	}	
	
#home a{
	background:url("../images/home_icon.gif") no-repeat;
	width:30px;
	height:30px;
	}
	
#email a{
	background:url("../images/email_icon.gif") no-repeat;
	width:30px;
	height:30px
	}

#login a{
	background:url("../images/login_icon.gif") no-repeat;
	width:30px;
	height:30px
	}
	
h1{
	display: none;
	}

#nav {
	float:left;
	width:200px;
	}

#nav ul {
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:11px;	
	font-weight:bold;
	}
	
#nav ul a {
	display:block;
	width:200px;
	height:34px;
	line-height:34px;
	color:#fc4718;
	text-decoration:none;
	background:url(../images/button.jpg) no-repeat left center;
	text-indent:26px;
	}
	
#nav .selected {
	background-position:right bottom;
	}
		
#nav a:hover {
	color:#ccc;
	}

#nav li {
	display:inline /* :KLUDGE: Removes large gaps in IE/Win */
	}
	
#news {
	margin:6px 3px 6px 5px;
	width:186px;
	height:200px;
	border:solid 3px #627ea5;
	background:#ffffff;
	}
	
#content{
	float:right;
	width:600px;
	}

#main h2 {
	font-size:16px;
	margin:11px;
	color:#627ea5;
	}
	
#main h3 {
	color:#fc4718;
	font-size:14px;
	margin:0 0.8em;
	padding-bottom:4px;
	}
	
#main h4 {
	color:#627ea5;
	font-size:12px;
	margin-left:1em;
	font-weight:bold;
	}
	
.centre-heading-shadow{
	font-size:25px;
	margin:11px;
	color:#627ea5;
	text-align:center;
	text-shadow: 1px 1px 1px #c6c6c6;
}

.centre-heading{
	font-size:25px;
	margin:11px;
	color:#627ea5;
	text-align:center;
}

.big-heading{
	font-size:32px;
	margin:11px;
	color:#627ea5;
	text-align:center;
}
	
#main p	{
	margin:0.2em 1em 1em 1em;
	}
	
#main {
	float:left;
	width:400px;
	padding-bottom:6px;
	}
	
#main ul {
	padding:5px 12px 12px 30px;
	list-style-image: url("../images/arrow.gif")
}

#sidebar {
	float:right;
	width:187px;
	border-left:solid 1px #ccc;
	color:#122744;
	margin:14px 0 0 0;
	padding-left:12px;
	height:100%;
	}
	
#sidebar p{
	line-height:1.3;
	}

#sidebar h3 {
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:16px;
	line-height:1.1;
	padding-bottom:6px;
	}
	
#sidebar ul {
	list-style-type:none;
	width:130px;
	}
	
#sidebar li {
	padding-bottom:14px;
	line-height:1.2;
	}

#sidebar a {
	color:#122744;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:12px;
	}
	
#sidebar a:hover {
	color:#ccc;
	}

.mouse {
	float:right;
	padding-right:16px;
	}
	
.lady{
	float:right;
	padding-right:16px;
	}
	
.keys {
	float:right;
	padding-right:16px;
	}
	
.register {
	margin-top:10px;
	}

.spacerbottom {
	padding-bottom:8px;
	}
	
.spacer {
	padding:14px 0 8px 0;
	}

#example {
	color:#627ea5;
	font-size:11px;
	}	

table {
	margin:0 0 1em 1em;
	font-size:12px;	
	}	
	
.statistics {
	border:1px solid #cccccc;
	}
	
.statistics th, td{
	padding:2px 4px;
	}
	
.greyrow {
	background-color:#e5e5e5;
}

.bluerow {
	background-color:#627ea5;
	color:#fff;
	}
	
.greytable {
	background-color:#e5e5e5;
	color:#000000;
	}

#footer {
	padding:3px 0 5px 8px;
	color:#fff;
	clear:both;
	background-color:#122744;
	font-size:10px;	
	height:16px;
	}
	
.highlight {
	color:#FF0000;
	line-height:1.4;
	font-size:11px;
	}
	
.hours {
	padding:12px 0 6px 0;
	}
	
/*highlight current page*/
/*delete if not used*/
#index a.index {background-position:right bottom;}
#about a.about {background-position:right bottom;}
#savings a.savings {background-position:right bottom;}
#loans a.loans {background-position:right bottom;}
#insurance a.insurance {background-position:right bottom;}
#services a.services {background-position:right bottom;}
#memberforms a.memberforms {background-position:right bottom;}

#flash {
	width:600px;
	height:136px;
	}
	
#applet {
	padding:12px 0 0 8px ;
	}
	
div.float {
  float:left;
  padding-left:12px;
  }
  
div.float p {
   text-align:center;
   }
  
#photogallery img {
	border:solid 2px #ccc;
	} 
	
#photogallery{
	padding-top:6px;
	color:#666;
	font-size:11px;
	} 
   
ol {
	padding:5px 12px 12px 30px;
	}
	
ol li {
	padding:6px;
	}

#demo {
	padding:7px;
	}	
	
.largeorange {
	font-size:32px;
	color:#fc4718;
	}	
	
.orange {
	color:#fc4718;
	}
	
.persdets {
	border:1px solid black;	
}

.forms li{
	padding-bottom:10px;
	}
	
.pdfpadding {
	padding-left:10px;
	}