@charset "utf-8";

body {
	background-color:#111;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:62.5%;
	margin:0;
}

/* links and heading tags */

h1 {
	color:#fff;
	font-size:3em;
	margin:0;
	visibility:hidden; /* a way to have a SEO friendly header with no visible html text */
}
h2 {
	color:#f3c800;
	font-size:3em;
	margin:10px auto;
	text-align:center;
}
h3 {
	color:#00bff3;
	font-size:2.5em;
	margin:0;
	text-align:center;
}
h4 {
	color:#999;
	font-size:1.4em;
	margin:0; /* margin:0 140px 0 0; for full width */
	padding:10px 0;
	text-align:right;
}
a {
	color:#00bff3;
	border-bottom:1px dotted #00bff3;
	text-decoration:none;
}
a:hover {
	color:#f3c800;
	border-color:#f3c800;
}

/* page structure */

#join {
	background:#000;
	color:#999;
	margin:0 auto;
	width:900px;
}
#members {
	background:#000;
	color:#999;
	margin:0 auto;
	width:610px; /* width:900px; for full width */
}
#join #left {
	background:#333;
	display:inline;
	float:left;
	width:660px;
}
#members #left {
	background:#333;
	display:inline;
	float:left;
	width:470px; /* width:660px; for full width */
}
#join #right {
	display:inline;
	float:right;
	width:240px;
}
#members #right {
	display:inline;
	float:right;
	width:120px;
}

/* logo */

#join #logo {
	background:url(images/logo.jpg);
	display:block;
	height:180px;
	width:240px;
}
#members #logo {
	background:url(images/logo-small.jpg);
	display:block;
	height:90px;
	width:120px;
}

/* top menu */

#join #topnav {
	background:#000;
	height:180px;
	width:100%;
}
#members #topnav {
	background:#000;
	height:90px;
	width:100%;
}
#join #topnav ul {
	list-style:none;
	margin:0;
	padding:150px 0 0 0;
}
#members #topnav ul {
	list-style:none;
	margin:0;
	padding:60px 0 0 0;
}
#topnav ul li {
	display:inline;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 0 20px;
	padding:0;
}

/* members page content */

#members #content {
	background:#111;
	width:100%;
}
#members #content .block {
	border-bottom:1px dotted #111;
	color:#111;
	font-size:1.2em;
	margin:0 auto;
	padding:5px;
	width:600px;
}
#members #content .block img {
	display:inline;
	float:left;
	padding:0 5px 0 0;
}
#members #content .block .title {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:5px;
}
#members #content .block .title a {
	color:#000;
	border-color:#000;
}
#members #content .block .title a:hover {
	border-bottom:none;
} 
.grey-blocks .a { background:#515151; } 
.grey-blocks .b { background:#616161; } 
.grey-blocks .c { background:#717171; }
.grey-blocks .d { background:#818181; } 
.grey-blocks .e { background:#919191; } 
.grey-blocks .f { background:#a0a0a0; }  
.grey-blocks .g { background:#b0b0b0; } 
.grey-blocks .h { background:#c0c0c0; }  
.blue-blocks .a { background:#00bff3; } 
.blue-blocks .b { background:#1ac6f4; } 
.blue-blocks .c { background:#33ccf5; }
.blue-blocks .d { background:#4dd2f7; } 
.blue-blocks .e { background:#66d9f8; } 
.blue-blocks .f { background:#80dff9; }  
.blue-blocks .g { background:#99e5fa; } 
.blue-blocks .h { background:#b3ecfb; }  
.yellow-blocks .a { background:#f3c800; } 
.yellow-blocks .b { background:#f4ce1a; } 
.yellow-blocks .c { background:#f5d333; }
.yellow-blocks .d { background:#f7d94d; } 
.yellow-blocks .e { background:#f8de66; } 
.yellow-blocks .f { background:#f9e480; }  
.yellow-blocks .g { background:#fae999; } 
.yellow-blocks .h { background:#fbefb3; }  

/* join page options table */

#join table {
	font-weight:bold;
	margin:0 auto;
	width:550px;
}
#join td {
	background:#000;
	margin:0;
	padding:10px 10px;
}
#join #footer {
	background-color:#111;
	padding:10px;
	text-align:right;
	margin:0 auto;
	width:880px;
}
#members #footer {
	background-color:#111;
	padding:10px;
	text-align:right;
	margin:0 auto;
	width:590px;
}
.yellow {
	color:#f3c800;
}
.blue {
	color:#00bff3;
}
img.thumb {
	display:inline;
	float:left;
	margin-right:10px;
}

/* misc classes */

.tiny {
	font-size:1.1em;
}
.small {
	font-size:1.3em;
}
.medium {
	font-size:1.8em;
}
.clear {
	clear:both;
}
.txtcenter {
	text-align:center;
}