/* zero out default margins and padding for all elements */
body, #wrapper, #header, #menu, ul, li, a, ol, #footer, #content, #sidebarL, #sidebarR, h1, h2, h3, h4, h5, h6, hr, img, p {
	margin: 0;
	padding: 0;
}
/* removes the default border that appears on images inside links */
img{
	border: none;
}

/* ******** setup body and structural layout */
body{
	 font: 100.01% Verdana, Arial, Helvetica, sans-serif; /*sets font family and size for everything */
     background: #f3e5c8 url(images/bodyBGs.jpg) repeat-x; 
     text-align: center; /* needed to make IE 5.5 or lower center the site */
	  color: #000; /* sets font color */
	
}



/* wrapper holds the site content and is centered */
#wrapper{
	position: relative;
	margin: 0 auto; /* centers the wrapper on the screen, regardless of resolution */
	width: 940px; /* defines width or site area */
	text-align: left;
	/*border: 1px solid #155db1;
	border-top: none;
	border-bottom: none;*/
}


#header{
	height: 300px;
	background: url(images/headerBlue2.png) no-repeat;
	padding-top: 1px;
	/*border: 1px solid red;*/
}

#header.racing{
 background: URL(images/headerRedBright.jpg) no-repeat;
}

/* for transparent Corvette lettering */
.lettering{
	background: url(images/vettelettering.png) no-repeat;
	width: 731px;
	height: 70px;
	margin: 8px auto 0 auto;
	
}
.scTitle{
	position: relative;
	top: -13px;
	margin: 0;
	padding: 0;
	
	
}

.tagLine{
	margin: -35px 0 0 6px;
	padding: 0;
	position: relative;
	z-index: 10;
	font-size: .80em;
	font-weight: bold;
}

.membership{
	color: white;
	font-weight: bold;
	margin: 8px 0 0 6px;
}

/* holds sidebars and content area */
#mainContent{
	/*height: 500px;*/
	margin: -1px 0 0px 0;
	background: url(images/contentBG.gif) repeat-y; /* white page background */
	width: 100%;
	font-size: 80%;
}


/* center content section */
#content {
	float: left;
	width: 510px;
	margin: 0 15px 10px 0;
	
	padding: 0 0 10px 0;
	/*border: 1px dotted green;*/
}

/* left side column for navigation */
#sideBarL {
	width: 200px;
	float: left;
	margin: 0 10px 10px 24px;
	padding: 0 0 10px 0;
	position: relative;
	/*border: 1px solid blue;*/
	
}

/* right side column for logos, etc. */
#sideBarR{
	width: 160px;
	float: left;
	text-align: center;
	padding: 0 0 10px 0;
	/*border: 1px solid blue;*/
}
/* bottom area for all sponsor logos and links */
#sponsorBox{
	border-top: 2px solid #cacaca;
	margin: 5px 25px 0 25px;
	padding: 6px 0;
	text-align: center;
	
}
#sponsorBox img{
	vertical-align: middle;
	padding: 2px;
}

#sponsorBox p{
	padding: 5px 0;
}
#sponsorBox{
	display: block;
}
/* **** end of sponsor box **** */

/* sets the full-width bottom bar */
#footer{
	height: 25px;
	background: #000; /* black bar at the bottom of the page */
	color: #fff;
	font-size: 70%;
	padding-top: 1px;
	clear: both;
}
#footer p{
	margin: 5px 0; 
}

/* sets the line height and spacing of all paragraphs in the content section */
#content p{
	line-height: 1.25em;
	/*margin: 3px 0;*/
	padding: 3px 0;
	
}

/* ********* lists  ***** */

/* main navigation area*/

#menuWrap{ /*this holds the gradient top of the menu box */
	background: url(images/menuTop.gif) no-repeat;
	width: 198px;
	padding-top: 1px;
	
}

ul#menu{
	background: url(images/menuBg.gif) repeat-y;
	padding: 10px 0 4px 0;
	margin-top: 27px;
	width: 198px;
	font-size: 110%;
	
}

/* styles the individual list items */
#menu li{
	list-style: none; /* removes default bullets */
	margin: 3px 10px 5px 10px;
	font-size: .90em;
	color: #0d407b;
	border-bottom: 1px dotted #59b0e1;
	/*border: 1px solid pink;*/
	
}

#menu li a{
	display: block;
	color: #0d407b;
	text-decoration: none;
	padding: 2px 0 2px 4px;
}
/* changes the background color of the link to tan when the mouse hovers over it */
#menu li a:hover{
	background: #f6eedc;
}

#menu li.last{
	border-bottom: none;
}
/* this gives the visitor a visual cue as to what page they're on by changing the link bg to blue */
#menu li.selected{
	background: #c2e0f3;
}
/* this is the bottom of the menu box */
#menuWrap img.boxBtm{
	display:block;
}

/* other lists */
ul{
	list-style-position: inside;
	margin-left: 10px;
}


#clubOfficers ul{
	margin: 6px auto;
	list-style: none;
	width: 90%;
	
	
}

#clubOfficers ul li{
	padding: 3px 4px;
	text-align: center;
}

#clubOfficers .office{
	font-weight: bold;
	color: #2491d2;
	padding: 0;
}

#clubOfficers li a{
	display: block;
	color: #0d407b;
	padding: 0px 0 3px 0;
}

#clubOfficers li a:hover{
	color: #b20d0d;
}
/* Misc elements */

#flags{
	position: absolute;
	background: url(images/flagsEmblem.png) no-repeat;
	width: 99px;
	height: 57px;
	top: -38px;
	left: -6px;
	z-index: 20;
}

#clubOfficers{
	width: 186px;
	margin: 10px 0 10px 4px;
	border: 1px solid #cacaca;
}

#contact{
	width: 50%;
	margin: 10px auto;
	font-size:70%;
	text-align: center;
	
}

#contact img{
	padding: 5px 0;
}

/* ******** headings ****** */
h1{
	font-size: 1.5em;
	color: #0e4482;
	font-weight: bold;
	margin: 3px 0;
}

h2{
	font-size: 1.15em;
	color: #000;
	margin: 0 0 10px 0;
}

h3{
	font-size: 1.10em;
	color: #b20d0d;
	margin: 7px 0;
	padding: 3px 0;
	border-bottom: 1px dotted #339ede;
	
}

h4, h5{
	font-size: .90em;
	margin: 4px 0;
}

h5{
	color: #339ede;
}

h6{
	color: #017605;
}

#clubOfficers h3{
	border-bottom: 1px solid #f5d49d;
	background: #f3e5c8;
	text-align: center; 
	margin: 0;
}


/* miscellaneous styles */

/*Drop cap effect */
.dropcap {
float:left;
color:#2491d2;
font-size:80px;
line-height:50px;
padding: 2px 0 2px 0;
font-family: "Times New Roman", Times, serif;
} 


.brclear{
	clear:both; 
	height:0; 
	margin:0; 
	font-size: 1px; 
	line-height: 0; 

}

.fltLft{
	float: left;
	margin: 5px 8px 5px 0;
}

.fltRt{
	float: right;
	margin: 5px 0px 5px 8px;
}

.imgBlock{
	display:block;
	margin: 0 auto;
}