body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 7px 0 0 0;
	font-size: 0.8em;
}

img {
	border: none;
}

/* layout */

div.container {
	width: 60em;
	margin: 0 auto;
}

div.top {
	background: url(images/logo.gif) no-repeat top left;
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}

div.banner {
	float: right;
	height: 75px;
	width: 406px;
}

div.top div.links {
	color: #D81F48;
	float: right;
	margin-right: 44px;
	font-size: 0.85em;
}

div.nav {
	background: url(images/back-nav.gif) repeat-x bottom left;
	height: 3.7em;
	font-size: 11px;
	overflow: hidden;
}

div.nav div.separator {
	float: left;
	height: 3.4em;
	width: 2.5em;
	background: url(images/back-nav-li.gif) no-repeat center center;
}

div.rightcol {
	float: right;
	width : 286px;
}

div.search {
	background: url(images/back-search.gif) repeat-y top right;
	padding: 7px 27px 6px 20px;
	white-space: nowrap;
}

div.sideText {
	margin: 0 0 0 20px;
	font-size: 0.9em;
}

div.content {
	margin: 0 286px 0 0;
	padding: 0 20px 0 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #D81F47;
	/*background: url(images/back-right.gif) repeat-y top left;*/
}

div.content img.rimage {
	float: right;
	margin-left: 20px;
}

div.content div.rside {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 100px;
}

div.content div.rblock {
	background: #D81F47;
	color: #fff;
	padding: 5px;
	font-size: 0.85em;
}

div.content div.rblock a {
	color: #fff;
}

div.clearfloat {
	clear: both;
}

div.footer {
	margin: 40px 0 0 0;
	font-size: 0.85em;
}

/* formatting */

div.top div.links a {
	color: #D81F48;
	font-weight: bold;
}

h1 {
	color: #D81F48;
	font-size: 3em;
	text-transform: uppercase;
	margin: 16px 0 12px 0;
	font-weight: normal;
}

h2 {
	color: #D81F48;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 22px 0 10px 0;
}

label {
	width: 4em;
	float: left;
	font-size: 0.8em;
	line-height: 2em;
}

label.hidden {
	display: none;
}

div.search div {
	margin: 0.5em 0 0 0;
}

div.content span.links {
	color: #999;
	font-weight: bold;
}

div.content a {
	color: #D81F47;
}

div.rightcol a {
	color: #D81F47;
	font-weight: bold;
}

div.content span.links a {
	color: #D81F48;
}

a.member {
	text-decoration: none;
}

a.button {
	font-weight: bold;
	font-size: 0.8em;
}

div.nav a {
	float: left;
	display: block;
	height: 3.7em;
	color: #575757;
	font-weight: bold;
	text-decoration: none;
	line-height: 36px;
}

div.nav a:hover {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}

input {
	color: #666;
	border: 1px solid #848484;
	height: 16px;
	margin-right: 10px;
}

input.button {
	color: #fff;
	background: #D81F47;
	border: none;
	font-weight: bold;
	font-size: 10px;
	height: 20px;
}

div.member {
	color: #D81F47;
	margin-bottom: 1.6em;
}

div.member a {
	color: #D81F47;
	font-weight: bold;
}

span.contactName {
	font-weight: bold;
	color: #6E6E6E;
}

.small {
	font-size: 0.8em;
}

.grey {
	color: #CCC;
}

.dgrey {
	color: #6E6E6E;
}

.white {
	color: #FFF;
}

.bold {
	font-weight: bold;
}

.red {
	color: #D81F47;
}

.bgpink {
	background: #FBE8EC;
}

/* styles to highlight the current nav option - ensure body is marked with the correct class */

body.about div.nav a#about {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}

body.news div.nav a#news {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}

body.events div.nav a#events {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}

body.library div.nav a#library {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}

body.members div.nav a#members {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}

body.reps div.nav a#reps {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}

body.contacts div.nav a#contacts {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}

body.forum div.nav a#forum {
	background: url(images/back-nav-hover.gif) repeat-x bottom left;
}


/* misc */

form.register label {
	float: left;
	width: 10em;
	color: #999;
}

form.register label.checkbox {
	float: left;
	width: auto;
	font-size: 0.8em;
	width: 80%;
}

form.register input {
	width: 250px;
	margin-bottom: 0.5em;
}

form.register input.noborder {
	border: none;
	width: auto;
}

form.register input.button {
	width: auto;
}

textarea {
	font-family: Verdana, Tahoma, Arial, sans-serif;
}