/* very lt tan: #F5EED5; lt tan: #F3E9C3; med tan: #E4D496; med dark tan: #c4b476; blue: #454771; lt blue: #8587b1; olive: #9A8A4A; */

/* GENERAL */
body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
}

#specials { border-top: 4px double #000000;
	border-bottom: 4px double #000000;
	border-radius: 1em;
	padding: 1px 1em;
	margin: 3em 0;}

H1 { 
	font-family: Georgia, "Times New Roman", serif;
	text-align: right;
}
H1 a { 
	color: #454771;
	text-decoration: none; 
}
H1 a:visited { 
	color: #454771;
}

H2 {
	font-family: Georgia, "Times New Roman", serif;
	color: #454771;
}

HR { 
	margin-right: 10%;
	margin-left: 10%;
}

IMG { border: none; }

a { color: #9A8A4A;
}
a:hover {
}
a:visited { color: #c4b476;
}
a:active { color: #900; }

dt {
	font-weight: bold;
	margin-left: 2em;
}
dd {
	padding-bottom: 1em;
	margin-left: 4em;
}

.left { float: left; }
.right { float: right; }

.small { font-size: small; }

.important {
	color: #dd0000;
	font-weight: bold;
}


/* WHOLE PAGE */
#wrapper { 
	border-left: 12em solid #454771;
	padding-top: 1px;
	position: relative; /*to enable z-index on the crossbar */
}

.win #wrapper { 
	font-size: 80%; 
} /* fixes Windows huge Verdana */


/* HEADER */
#header {
	padding: 0 1em; 
}

#crossbar { 
	z-index: 100; /*so it shows over the border*/
	margin-left: -12em;
	margin-right: 0;
	height: .5em;
	border-top: solid .5em #E4D496;
	border-bottom: solid .5em #E4D496;
	background-color: transparent;
}


/* SIDE COLUMN */
#sidebar {
	width: 12em;
	position: absolute; left: -12em; top: 10em;
}

.win #sidebar { 
	/*left: 0; so it doesn't vanish off the side of the page in IE*/
}

#sidebar ul,
ul#sidenav,
ul#boardlist { 
	width: 12em;
	color: #ffffff;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul#boardlist { margin-top: 3em; }

#sidebar li {
	margin: 5px;
}

#boardlist li {
	padding-left: 1em;
	margin-top: .25em;
}

#sidenav a {
	display: block;
	padding: .25em .5em;
	color: #ffffff;
	text-decoration: none;
	border-radius: 1em;
	border: 1px solid transparent;
}
#sidenav a:hover {
	background-color: #8587b1;
	color: #ffffff;
	border-color: #222;
}
#sidebar a:active {
	background-color: #E4D4b0;
	color: #454771;
}

body#home a#homelink,
body#services a#serviceslink,
body#online a#onlinelink,
body#loans a#loanslink,
body#rates a#rateslink,
body#member a#memberlink,
body#contact a#contactlink { 
	background-color: #8587b1; 
	color: #ffffff; 
	border-color: #222;
}


/* MAIN COLUMN */
#main {
	padding: 1em 2em;
}

.accent {
	background-color: #F5EED5;
	border: double 3px #000000;
	border-radius: 1em;
	padding: .5em;
	margin: 1em;
}

.pageimage {
	text-align: center;
}

#update { 
	font-size: small; 
	text-align: right;
	margin-top: 5em;
	color: #666666;
}

#clear {
	clear: both;
}

#footer {
	text-align: center;
	font-size: small;
	color: #999999;
	margin-top: 4em;
}
#footer a { color: #999999; }
#footer a:visited {color: #999999; }


/* JUMP MENU*/

#jumpmenu {
	text-align: center;
	line-height: 1;
	height: 1.5em; /* makes height and line height match */
	width: 100%;
	margin: 2em auto;
}

#jumpnav,
#jumpnav ul {
	list-style: none;
	margin: auto;
	padding: 0;
	width: 36em;
}

#jumpnav li { float: left;
	width: 8em;
	margin-right: .5em;
}

#jumpnav li,
#jumpnav a {
	border-radius: 1em;
	}

#jumpnav a {
	text-decoration: none;
	display: block;
	padding: .25em .5em;
	border: 1px solid #111;
	color: #ffffff;
	background-color: #454771;
}

#jumpnav a:hover {
	background-color: #8587b1;
} /* the hovered top level links*/

#jumpnav li li a, 
#jumpnav li li a {
	margin: 3px;
} /* the un-hovered links in the dropdown */

#jumpnav li ul { 
	position: absolute;
	width: 13.5em;
	height: auto;
	left: -999em; 
	margin: 0;
	z-index: 100;
	text-align: left;
	/*border: 1px solid #454771;*/
}
	
#jumpnav li li { 
	width: 12em;
	margin-left: 1em;
}

.ie7 #jumpnav li:hover, 
.ie7 #jumpnav li.sfhover {
	position: relative;
} /* sticking fix */

#jumpnav li:hover ul, 
#jumpnav li.sfhover ul { 
	left: auto;  
	background-color: #fff;
} /* to make the dropdown opaque over the text */
.ie7 #jumpnav li:hover ul, 
.ie7 #jumpnav li.sfhover ul { 
	left: 0;
} /* fix for huge indent problem */


/* RATES TABLES */

table#sharerates,
table#sharecert,
table#penalty,
table#loanrates {
	border: 1px solid #000000;
	width: 90%;
	margin: 1em;
}
.ie5 table#sharerates,
.ie5 table#sharecert,
.ie5 table#penalty,
.ie5 table#loanrates {
	width: auto;
}

table#sharerates td,
table#sharecert td,
table#penalty td,
table#loanrates td {
	border: 1px solid #000000;
	padding: 3px;
}

table#sharerates th,
table#sharecert th,
table#penalty th,
table#loanrates th {
	border: 1px solid #000000;
	padding: 3px;
	text-align: left;
	background-color: #F5EED5;
}

table#sharerates th.header,
table#sharecert th.header,
table#penalty th.header,
table#loanrates th.header {
	text-align: center;
	background-color: #454771;
	color: #ffffff;
}

.details { 
	font-size: small;
	font-weight: normal; 
}


/* LOAN CALCULATOR TABLE */

table#calculator {
	width: 100%;
}
.ie5 table#calculator {
	width: auto;
}


/* EMAIL FORM */

body#contact #mailform { 
	display: block;
	margin: 1em;
	text-align: center;
} /* remember display:none for folded versions */
	
#mailmessage { 
	padding: 1em 2em;
	display: block; 
	border: 1px solid #000000;
	margin: 1em;
}

#mailmessagebody {
	background-color: #F5EED5;
	padding: 5px;
}
	
.tiny { font-size: x-small; }

#mailform H3 {
}

table#mailtable {	
	text-align: left;
	margin: auto;
	border-collapse: collapse;
}

#mailtable tbody tr:first-child th { border-top-left-radius: 1em; }
#mailtable tbody tr:first-child td { border-top-right-radius: 1em; }
#mailtable tbody tr:last-child th { border-bottom-left-radius: 1em; }
#mailtable tbody tr:last-child td { border-bottom-right-radius: 1em; }

#mailtable th {
	background-color: #F3E9C3;
	text-align: left;
	padding: .5em;
}

#mailtable td {
	background-color: #F5EED5;
	padding: .5em 1em;
}

#mailtable th.bottom { font-weight: normal; color: #333; }