/************* GENERAL CSS ************/

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(/IMAGES/BACKGROUND_mock-up.png) repeat-y center top;
/*	background: #666666 url(/IMAGES/back.png) repeat-y center top; ORIGINAL*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

  @font-face {
    font-family: Copperplate Gothic Bold;
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.fasttrackracingteam.com/FONT_CopperplateGothicBold.eot);
  }

h1, h2, /*h3,*/ h4, h5, h6 {
	font-family: Copperplate Gothic Bold, verdana, Geneva, Arial, helvetica, sans-serif;/*Georgia, "Times New Roman", Times, serif;*/
	color: #3399FF;
}

a {
	font-weight: bold;	
	text-decoration: none;
	color: #33CCFF;
}

a:hover {
	text-decoration: underline;
	color: #33CCFF;
}

/************* HEADER STUFF ************/

#header {
/*	width: 770px;
	height: 120px;
header.jpg
*/
	width: 770px;
	/*height: 250px;  7-FEET BEST*/
	height: 250px;
	margin: 0px auto;
	padding: 10px 0px;
	background: #CCCCCC url(/IMAGES/HEADER_IMG_Trotter.jpg);
}

#header h1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	color: #3399FF;
	font-size: 3em;
	text-transform: uppercase;
}

#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;
}

/************* MENU ************/

#menu {
	width: 770px;
	margin: 0px auto;
	padding: 5px 0px 5px 0px;
	background-color: #000000;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 5px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	background-color: #333333;
}

/************* CONTENT ************/




#contentContent {
	width: 770px;
	margin: 0px auto;
}
#superContent {
	width: 1280px;
	margin: 0px auto;
}



#content p, #content ul, #content ol {
	line-height: 150%;
}

 



#leftLeft {
	float: left;
	width: 255px;

}

/*left_full ADDED BY STEVE TO ALLOW FULL USE OF BOARD MEMBER PAGE */
#left_full {
	float: left;
	width: 725px;
	margin-left: 4px;
	padding: 0px 20px 40px 16px;
	background-color: #ffffff;
}


#rightRight {
	float: right;
	width: 255px;

}



/************* FOOTER ************/

#footer {
position:relative; /* THIS IS TO ENSURE COPYRIGHT STAYS ON BOTTON */
	clear: both;
/*	width: 771px;*/
	width: 770px;
	height: 264px;
	margin: 0px auto;
	border-top: 1px solid #666666;
	background-color:white;
	background-image: url(/IMAGES/FOOTER_Old-Logo.jpg);
background-repeat: no-repeat
/*	background: url(/IMAGES/back-footer.png) repeat-y center top;*/
	font-size: 9px;
	/*text-align: center;*/
/*	padding: 2px;*/
	color: #333333;
}
/************************* STEVE BREESE's ADDITIONS: *********************/
.M{vertical-align:middle; 
	list-style-image: url(http://www.fasttrackracingteam.com/IMAGES/runnerM.gif);
}
.F{vertical-align:middle; 
	list-style-image: url(http://www.fasttrackracingteam.com/IMAGES/runnerF.gif);
}
.php{vertical-align:middle; 
	list-style-image: url(/IMAGES/ICONS/icon_php.png);
}
.xls{vertical-align:middle; 
	list-style-image: url(/IMAGES/ICONS/icon_xls.gif);
}
.lsx{vertical-align:middle; 
	list-style-image: url(/IMAGES/ICONS/icon_xls.gif);
}
.pdf{vertical-align:middle; 
	list-style-image: url(/IMAGES/ICONS/ICON_PDF.jpg);
}
.doc{vertical-align:middle; 
	list-style-image: url(/IMAGES/ICONS/ICON_doc.gif);
}
.rtf{vertical-align:middle; list-style-image: url(/IMAGES/ICONS/ICON_rtf.gif);
}
.justify{text-align: justify;}

h3 { font: bold 14px verdana, Geneva, Arial, helvetica, sans-serif;color:#8B0000;}

dt {//THIS IS FOR ACCORDIAN SHOW/HIDE
cursor:pointer;
}
img.mid {vertical-align:middle}//THIS CENTERS ICONS IN A SENTENCE

//THE FOLLOWING IS FOR FRAMING IMAGES
div.img-wrap { 
    /* Needed to keep the image from being set to float left in ie 7, but doesn't work for ie 6*/
    position: relative;
    /* This triggers the layout feature to contain the floated divs for the top and bottom borders */ 
    overflow: hidden; 
}


div.img-container {
    /* Keep the floated divs/image contained within */
    position: relative;
    float: left;
    overflow: hidden;
    /* this is the left side vertical border
       Set the color to transparent then include the image and have 
       it repeat vertically */
    background: transparent url(/images/pic_frame_vertical.jpg) repeat-y;
}


div.img-container img {
     /* Setting the padding equal to the border width for all sides 
        so the borders can be seen */
    padding: 6px;
    /* this is the right side vertical border
       Set the color to transparent then include the image and have 
       it repeat vertically and line up on the right side of the image */
    background: transparent url(/images/pic_frame_vertical.jpg) repeat-y right;
}


div.img-container div.img-top {
    /* Positioning the top border to start at the top left corner of
       the img-container div */
    position: absolute;
    left: 0;
    top: 0;
    /* Set the height equal to the height of the border */
    height: 6px;
    width: 100%;
     /* this is the top horizontal border
       Set the color to transparent then include the image and have 
       it repeat horizontally */
    background: transparent url(/images/pic_frame_horizontal.jpg) repeat-x;
}
div.img-container div.img-bottom {
    /* Positioning the bottom border to start at the bottom left corner of
       the img-container div */    
    position: absolute;
    left: 0;
    bottom: 0;
    /* Set the height equal to the height of the border */
    height: 6px; 
    width: 100%;
    /* this is the bottom horizontal border
       Set the color to transparent then include the image and have 
       it repeat horizontally positioned at the bottom of the div 
       (bottom position needed for ie 6) */
    background: transparent url(/images/pic_frame_horizontal.jpg) bottom repeat-x; 
}

/////////////////////////IN USE ON BOARD & ADMIN PAGE:
#membership
{
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#membership td, #membership th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
background-color:white;
}
#membership th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#membership tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}
//////////////////////////////// END BOARD & ADMIN PAGE