/* MAIN STYLES */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #333333 url(images/backdrop.gif) top left repeat-x;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #F26824;
	margin: 0px 0px 12px 0px;
}
h1.centre {
	text-align: center;
	width: 780px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #F26824;
	margin: 18px 0px 9px 0px;
}
.bfirst {
	margin: 4px 0px 9px 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0px 0px 9px 0px;
}
p.small {
	font-size: 70%;
	margin: 4px 0px 5px 0px;
}
p.logo {
	color: #FFFFFF;
	margin: 0px 0px 3px 0px;
}
.line {
	margin: 16px 0px 16px 0px;
	padding: 16px 0px 0px 0px;
	border-top: 1px solid #F0D38B;
	display: block;
	clear: both;
}
a:link, a:visited, a:active{
	color: #C2531D;
	text-decoration: none;
}
a:hover {
	color: #F26824;
	text-decoration: underline;
}
ul {
	margin: 6px 0px 6px 25px;
	padding: 0px 0px 1px 0px; /* Need padding for cross-browser differences */
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin: 0px 0px 3px 0px;
	text-align: left;
}
span.gold {
	font-weight: bold;
	color: #D7A019;
}
span.smaller {
	font-size: 85%;
	color: #666666;
	margin: 0px;
}
span.gray {
	color: #666666;
}
#searchbox {
	width: 100%;
	margin: 0px;
	padding: 8px 10px 0px 10px;
	border: 4px solid #999999;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	width: 200px;
	margin: 0px 0px 9px 0px;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333333;
	width: 200px;
	margin: 0px 0px 9px 0px;
}
.auto {
	font-size: 100%;
	width: auto;
	margin: 3px 0px 3px 0px;
}



/* LAYOUT STYLES */
#header {
	position: relative;
	width: 780px;
	height: 264px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 16px 0px 0px 0px;
}
html>body #header {
	height: 248px;	
}
#headerphoto {
	position: absolute;
	left: 13px;
	top: 120px;
	z-index: 1;
}
#headerquote {
	position: absolute;
	width: 780px;
	height: 96px;
	top: 160px;
	right: 0px;
	text-align: left;
	padding: 18px 0px 0px 0px;
 	background: url(images/headerbackdrop.gif) top right no-repeat;
}
#middle {
	background-color: #FFFFFF;
	text-align: center;
	border-bottom: 8px solid #999999;
	padding: 22px 0px 0px 0px;
}
html>body #middle {
	padding: 22px 0px 16px 0px;
}
#page {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px 0px 16px 0px;
}
#column1 {
	width: 552px;
}
#column2 {
	float: right;
	width: 200px;
	padding: 4px 0px 0px 0px;
	text-align: lefy;
}
div.columns {
	float: left;
	width: 260px;
	margin: -12px 0px 0px 0px;
}
.pad {
	padding: 0px 27px 0px 0px;
}
html>body div.columns {
	width: 260px;
	padding: 0px;
}
#base {
	clear: both;
}
#footer {
	width: 780px;
	margin: 0px auto;
	padding: 0px 0px 12px 0px;
	text-align: left;
}
.footerbox {
	width: 382px;
	float: left;
}
.first {
	margin: 0px 16px 0px 0px;
}
#footer p {
	font-size: 70%;
	color: #999999;
	margin: 12px 0px 0px 0px;
	line-height: 1.3em;
}
span.fright {
	text-align: right;
	float: right;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
#footer img {
	margin: 0px 0px -4px 0px;
}
#testimonial_start {
	width: 160px;
	background: #FAFBF6 url(images/testimonial_start.gif) top left no-repeat;
	padding: 10px 0px 0px 0px;
	text-align: left;
}
#testimonial_end {
	width: 160px;
	height: 28px;
	background: #FAFBF6 url(images/testimonial_end.gif) top left no-repeat;
	margin: 0px 0px 0px 0px;
}
.mod {
	width: 140px;
	margin: 0px 9px 0px 9px;
}
img.quote66 {
	margin: 0px 6px 0px 0px;
}
img.quote99 {
	vertical-align: top;
	margin: 3px 0px 0px 6px;
}
img.map {
	margin: 18px 0px 0px 28px;
}
img.mapfirst {
	margin: 4px 0px 0px 28px;
}
#video-player {
	float: right;
	margin: 0px 0px 0px 20px;
}
#video-player p {
	text-align: center;
	font-size: 70%;
	color: #000000;
	margin: 3px 0px 0px 0px;
}



/* NAV STYLES */
#nav {
	position: absolute;
	top: 128px;
	left: 0px;
	width: 780px;
	height: 42px;
	background: url(images/tabs.gif) 0px 0px no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 77px;
	z-index: 2;
}
#nav span {
	display: none;
}
#nav li, #nav a {
	height: 42px;
	display: block;
}
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
}
#nav-home			{ width: 68px; }
#nav-members		{ width: 93px; }
#nav-branches		{ width: 89px; }
#nav-meetings		{ width: 90px; }
#nav-visitordays	{ width: 104px; }
#nav-howtojoin		{ width: 105px; }
#nav-contact		{ width: 79px; }
#nav-home a:hover			{ background: transparent url(images/tabs.gif) -77px -42px no-repeat; }
#nav-members a:hover		{ background: transparent url(images/tabs.gif) -145px -42px no-repeat; }
#nav-branches a:hover		{ background: transparent url(images/tabs.gif) -238px -42px no-repeat; }
#nav-meetings a:hover		{ background: transparent url(images/tabs.gif) -327px -42px no-repeat; }
#nav-visitordays a:hover	{ background: transparent url(images/tabs.gif) -417px -42px no-repeat; }
#nav-howtojoin a:hover		{ background: transparent url(images/tabs.gif) -521px -42px no-repeat; }
#nav-contact a:hover		{ background: transparent url(images/tabs.gif) -626px -42px no-repeat; }
#home #nav-home a:visited 					{ background: transparent url(images/tabs.gif) -77px -84px no-repeat; }
#members #nav-members a:visited 			{ background: transparent url(images/tabs.gif) -145px -84px no-repeat; }
#branches #nav-branches a:visited 			{ background: transparent url(images/tabs.gif) -238px -84px no-repeat; }
#meetings #nav-meetings a:visited 			{ background: transparent url(images/tabs.gif) -327px -84px no-repeat; }
#visitordays #nav-visitordays a:visited 	{ background: transparent url(images/tabs.gif) -417px -84px no-repeat; }
#howtojoin #nav-howtojoin a:visited 		{ background: transparent url(images/tabs.gif) -521px -84px no-repeat; }
#contact #nav-contact a:visited 			{ background: transparent url(images/tabs.gif) -626px -84px no-repeat; }



/* MEMBERS */
#memberlist {
	font-size: 100%;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#memberlist li {
	font-size: 80%;
	border-bottom: 1px solid #E5E5E5;
	margin: 0px;
}
#memberlist li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding: 4px 10px 7px 10px;
	background-color: #FFFFFF;
}
#memberlist li a.on:hover {
	background-color: #FFFFFF;
}
#memberlist li a:hover {
	background-color: #FEF0EA;
}
#membertable td {
	border-bottom: 1px solid #E5E5E5;
	padding: 2px 0px;
}