/*---------------------------------------------------------------
Author: geoff @ pullandpress.com
Last updated: November 22, 2008
----------------------------------------------------------------*/


/*----------------------------------------------GLOBAL RESET---*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent; }

/* remember to define focus styles! */

:focus {
	outline: 0; }

body {
	line-height: 1;
	color: black;
	background: white; }

ol, ul {
	list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }

blockquote, q {
	quotes: "" ""; }
	

/*----------------------------------------------END OF GLOBAL RESET---*/


/*----------------------------------------------GLOBAL CONTROL---*/

body {
	background-color:#000b11;
	}
	
#container {
	background-color:#FFFFFF;
	width:750px;
	margin: 0 auto;
	}
	
#content {
	clear:both;
	width:720px;
	margin:20px 0 0 0;
	padding:15px 15px 50px;
	}
	
#mainCol {
	float:left;
	width:555px;
	margin-right:15px;
	}
	
#homeblurbCol {
	width:540px;
	padding:0 15px 0 15px;
	}
	
#maincontentCol {   /*---used on About, Rides, Membership pages----*/
	width:540px;
	padding:0 15px 0 15px;
	}
	
	
#newspageCol {  /*COLUMN FOR NEWS FEED ON NEWS PAGE */  
	float:left;
	width:420px;
	padding:0 15px 0 15px;
	margin-right:15px;
	}
	
#adminpageCol {  /*COLUMN FOR ADMIN PAGE */  
	float:left;
	width:690px;
	padding:0 15px 0 15px;
	}
	
#newspagerightCol {  /* COLUMN FOR ATOMIC RACES, PAST ENTRIES ETC. */ 
	float:left;
	width:225px;
	padding:5px 0 0 0;
	}

#memberspageCol {  /*COLUMN FOR MAIN COLUMN ON MEMBERS ONLY PAGE */  
	clear:both;
	float:left;
	width:420px;
	padding:0 15px 0 15px;
	margin-right:15px;
	display:inline; /*--for IE6 double margin bug --*/
	}
	
#memberspagerightCol {
	float:left;
	width:225px;
	margin:10px 0 0 0;
	padding:10px;
	border-top: 6px solid #04c7ff;
	}

#loginContainer {
	float:left;
	width:420px;
	padding-left:15px;
	margin-right:15px;
	}
	
#leftCol {
	float:left;
	width:525px;
	margin:15px 0 0 15px;
	padding:5px 0 0 0;
	border-top: 6px solid #04c7ff;
	}

html #leftCol {
	display:inline; /*Fixes IE6 double padding/margin bullshit */
	}

#facebookLeftCol {
	float:left;
	width:525px;
	margin:0px 0 0 15px;
	padding:0px 0 0 0;
	}

html #facebookLeftCol {
	display:inline; /*Fixes IE6 double padding/margin bullshit */
	}

#facebookLeftCol img {
        vertical-align:middle;
        }

#rightCol {
	float:left;
	width:262px;
	margin:15px 0 0 15px;
	padding:5px 0 0 0;
	border-top: 6px solid #04c7ff;
	display:inline;
	}
	
#sponsorsCol {
	float:left;
	width:132px;
	border-top: 6px solid #04c7ff;
	padding:5px 0 0 0;
	}

#rideScheduleBlock {
  width: 100%;
  border-top: 6px solid #04c7ff;
  margin-top: 14px;
}

#rideScheduleBlock h5 {
  padding-top: 5px;
  padding-bottom: 12px;
  color: black;
  font-size: 13px;
}

#resultsBlock {
  width: 100%;
  border-top: 6px solid #04c7ff;
  margin-top: 14px;
  padding-top: 8px;
}

#bottomLogo {
	margin:20px 0 0 0;
	}
	
	
h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#999999;
	line-height:25px;
	}
	
.adminTitle {
	font-size:35px;
	font-weight:normal;
	color:#000;
    padding:0 0 30px 15px;
}
	
h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#000b11;
	font-weight:bold;
	letter-spacing:.5px;
	/*padding-bottom:5px;*/
	}
	
#newspageCol h3 {
	padding-bottom:5px;
	line-height:16px;
	}
	

h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#333333;
	font-weight:bold;
	/*letter-spacing:1px;*/
	letter-spacing:0.04em;
	line-height:16px;
	}
	
.feed h4 {
	font-size:16px;	
	padding:2px 0 5px 0;
}
	
#maincontentCol h4 {  
	padding-top:8px;
    padding-bottom: 4px;
	}
	
#maincontentCol li {  
	line-height:18px;
	}
	
	
h5 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.5px;
	/*line-height:16px;*/
	/*border:1px solid red;*/
	}

p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#413f3f;
	line-height:19px;
	padding:0 0 7px 0;
	}
	
ul {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#413f3f;
	line-height:17px;
	list-style-type:disc;
	margin-left:13px;
	padding-bottom:7px;
	}
	
ol {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;		
	line-height:17px;
	padding-bottom:7px;
}
	
#adminpageCol ol {	
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;		
	line-height:17px;
	list-style-type:decimal;
	padding-bottom:7px;
	margin-left:20px;
	}
	
#adminpageCol ol li {
	padding-top:6px;
}
	
li {
	padding-top:3px;
	color:#413f3f;
	}
	
strong {
	font-weight:bold;	
}
	

	

/* CONTACT LIST TABLE CONTROL */	
	
table.listTable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #CCCCCC;
	border-style:outset;
	margin-bottom:15px;
    width: 100%;
	}
	
.listTable a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	
.listTable th {
	padding:6px;
	border:1px solid #CCCCCC;
	}
	
.listTable td {
	padding:6px;
	border:1px solid #CCCCCC;
	}

.listTable p {
    padding: 0px;
    line-height: 100%;
}

/*----------------------------------------------MAIN NAV CONTROL---*/

#mainNav {
	width:720px;
	height:45px;
	margin:5px 15px 0 15px;
	background-color:#000b11;
	background-image:url(../../images/main_nav_a.gif);
	background-repeat:no-repeat;
	}
	
#mainNav ul {
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	}
	

#mainNav li {
	display:inline;
	padding:0;
	margin:0;
	}

	
#mainNav li a {
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	/*padding:25px 10px 0 40px;*/
	padding:25px 10px 0 45px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	border-left: 1px solid #FFFFFF;
	display:block;
	float:left;
	}
	

/* BUTTON CONTROL */

#mainNav a:link, #mainNav a:visited {
	background-color:#04c7ff; 
	color:#000b11;
	height:20px;
	}

#mainNav a:hover {
	background-color:#000b11;
	color:#FFFFFF;
	height:20px;
	}

#mainNav a:active {
	color: gray;
	height:20px; 
	}
	
#mainNav .current a {
	background-color:#000b11;
	color:#FFFFFF;
	height:20px;
	}

/* GLOBAL BUTTON CONTROL */ 
	
a:link, a:visited {
	color:#0391ba;
	text-decoration:none;
	}
	
a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
a:active {
	color:#666666;
	}
	

/* NEWS FEED BUTTON CONTROL */

h4 a:link, h4 a:visited {
	color:#0391ba;
	text-decoration:none;
	}
	
h4 a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
h4 a:active {
	color:#666666;
	text-decoration:none;
	}
	
	
	
/* MAIN NEWS BUTTON CONTROL */

h3 a:link, h3 a:visited {
	color:#0391ba;
	text-decoration:none;
	}
	
h3 a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
h3 a:active {
	color:#666666;
	text-decoration:none;
	}
	
	
	
/*----------------------------------------------CLASSES---*/

.sponsorLogo {
	margin-top:10px;
	}
	
.homeHead {
	padding-bottom:10px;
	}
	
	
/*.homeHeadIconMail {
	padding:5px 0 0 17px;
	margin-bottom:10px;
   	background:url(../../images/mail.gif) no-repeat left center;
	}*/
	
.afterBox {
	margin:25px 0 10px 0;
	border-top: 6px solid #04c7ff;
	padding-top:5px;
	}
	
.afterBoxNoMargin {
	margin:10px 0 10px 0;
	border-top: 6px solid #04c7ff;
	padding-top:5px;
	}

.feed {
	border-bottom:1px solid #CCCCCC;
	margin-bottom:15px;
	}
	
.feed h5 {
	padding-bottom:2px;
	}
	
.feedSpace {
	padding:15px 0 0 0;
	}

h5.eventDate {
	padding-bottom:2px;
	}

.highlight {
	color:#666666;
	}

.mainHead {
	font-size:30px;
	padding-bottom:8px;
	}
	
.bodyHead {
	padding: 8px 0 2px 0;
	}
	
/*.bulletList {
	list-style-type:disc;
	margin-left:13px;
	}*/
	
.newsEntry {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
	margin-bottom:20px;
	}
	
.newsEntry h5 {
	padding-bottom:3px;
	}

.newsDate {
	color:#04c7ff;
	}
	
.feedEvent {
	padding-bottom:2px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:15px;
	}
	
.topRule {   
	margin-top:15px;
	padding:5px 0 0 0;
	border-top: 6px solid #04c7ff;
	}
	
.resultsLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:17px;
	}
	
.memberArticle {
	border-bottom:1px solid #CCCCCC;
	padding:2px 0 4px 0;
	margin-bottom:2px;
	}
	
.linksList {
	margin-top:5px;
	}

.login {
	padding-left:15px;
	}
	
.active {
	padding-right: 15px;
	float: right;
	}
	

/*----------------------------------------------Image replacement for titles--Gilder/Levin----*/


.homeBlurb{
	width:540px;
	height:163px;
	position:relative;
	line-height:20px;
	}
	
.homeBlurb span {
	background:url(../../images/intro_blurb.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}	

/*----------Image replacement for large heads--------*/	

.aboutHead {
	width:540px;
	height:47px;
	position:relative;
	margin:0 0 10px 0;
	}
	
.aboutHead span {
	background:url(../../images/about_head.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
.ridesHead {
	width:540px;
	height:47px;
	position:relative;
	margin:0 0 10px 0;
	}
	
.ridesHead span {
	background:url(../../images/rides_head.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
.membershipHead {
	width:540px;
	height:47px;
	position:relative;
	margin:0 0 10px 0;
	}
	
.membershipHead span {
	background:url(../../images/membership_head.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}	
	
.newsHead {
	width:420px;
	height:47px;
	position:relative;
	margin:0 0 10px 0;
	}
	
.newsHead span {
	background:url(../../images/news_head.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
.loginHead {
	width:540px;
	height:47px;
	position:relative;
	margin:0 0 10px 0;
	}
	
.loginHead span {
	background:url(../../images/login_head.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
.membersHead {
	width:400px;
	height:47px;
	position:relative;
	margin:0 0 10px 0;
	padding-left:15px;
	}
	
.membersHead span {
	background:url(../../images/members_head.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	padding-left:15px;
	}	
	
.contactHead {
	width:540px;
	height:47px;
	position:relative;
	margin:0 0 10px 0;
	}
	
.contactHead span {
	background:url(../../images/contact_head.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}			

/*----------Image replacement for small heads--------*/
	
h5.atomicNews {
    font-size:10px;
    }
	
.atomicNews {
   	width:260px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.atomicNews span {
	background:url(../../images/atomic_news.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
h5.upcomingEvents {
    font-size:10px;
    }	
	
.upcomingEvents {
   	width:260px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.upcomingEvents span {
	background:url(../../images/upcoming_events.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
h5.sponsorHead {
    font-size:10px;
    }
	
.sponsorHead {
   	width:132px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.sponsorHead span {
	background:url(../../images/sponsors_title.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
h5.atomicRaces {
    font-size:10px;
    }	
	
.atomicRaces {
   	width:225px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.atomicRaces span {
	background:url(../../images/atomic_races.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
h5.links {
    font-size:10px;
    }
	
.links {
   	width:225px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.links span {
	background:url(../../images/links.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
h5.articles {
    font-size:10px;
    }	
	
.articles {
   	width:420px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.articles span {
	background:url(../../images/articles_title.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
h5.downloads {
    font-size:10px;
    }
	
.downloads {
   	width:420px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.downloads span {
	background:url(../../images/downloads_title.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
h5.contact {
    font-size:10px;
    }
	
.contact {
   	width:225px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.contact span {
	background:url(../../images/contact_title.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}
	
h5.miscellany {
    font-size:10px;
    }
	
.miscellany {
   	width:225px;
   	height:11px;
   	position:relative;
   	margin:2px 0 10px 0;
	}
	
.miscellany span {
	background:url(../../images/miscellany_title.gif) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	}

#StandAloneArticle h4 {
  font-size: 18px;
  padding-bottom: 12px;
  font-weight: bold;
  text-align: center;
}

.center {
  text-align: center;
}

.topLine {
  border-top: 1px solid black;
  margin-top: 8px;
  padding-top: 8px;
}

/*----------------------------------------------End of Image replacement for titles----*/

/* CONTACT LIST COLUMN CLASSES */ 
	
.listName {
	}
	
.listHome {
	}
	
.listCell {
	}
	
.listEmail {
	}
	
.listCat {
	}
	
.listEmergency {
    width: 180px;
	}
	


/*----------------------------------------------CLEAR FIX---*/
	
.clearfix:after {   /*This is for fixing the margins on floats*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */	



/*----------------------------------------------FOOTER CONTROL---*/

#footer {
	background-color:#04c7ff;
	width:750px;
	margin:10px auto 50px;
	text-align:center;
	}
	
#footer p {
	font-weight:bold;
	color:#000b11;
	font-size:11px;
	letter-spacing:1px;
	padding: 12px 0 8px 0;
	text-transform:uppercase;
	}
	
#footer a:link, #footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#footer a:hover {
	color:#000b11;
	text-decoration:none;
	}

#footer a:active {
	color:#0287ad;
	text-decoration:none;
	}

a.interestLink {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    }

h5.imitationHeading {
  padding-top: 5px;
  padding-bottom: 12px;
  color: black;
  font-size: 13px;
}

