/*********************************************************
** Copyright 2009-2010 ActionExtreme & MARS Racing	**
** Created by Steve Romano				**
**						   	**
** This section is used for page structure control 	**
** and should be edited with caution. This section 	**
** sets up the framework for the page itself.      	**
**						   	**
** Anything with "Templ" in the name is used for	**
** subordinate pages					**
**						  	**
** The page structure is pretty simple:			**
**							**
** Header/Footer/Background 955 pixels wide		**
**							**
** ---> Header/Logo					**
** ---> NavContainer					**
**	->ButtonContainer	   			**
** ---> Schedule Marquee container (3 parts)		**
** ---> Top5 Marquee container				**
** ---> Content Titles container		     	**
** ---> OuterWrapper					**
**	-> Wrapper					**
**		-> SideA/Content/SideB			**
** ---> Footer						**
**							**
**							**
** Elements:						**
**							**
** body - main page properties, background etc		**
** NavContainer - outer container for NavButtons	**
** BUttonContainer - contains button images themselves	**
** AMarquee - container for "This Week's Races" marquee	**
** BMarquee - container for "Next Week's Races" marquee **
** CMarquee - container for "Last Week's Results" marq	**
** DMarquee - container for Top5 Marquee area		**
** ContentTitles - "Menu/News/Links" title area		**
** OuterWrapper - Outside container for center columns	**
** Wrapper - Inner container for center columns		**
** Side-a - Left column					**
** Side-b - Right column				**
** Content - Center column				**
** Footer - Bottom section of page below columns	**
** DonateButton - Container for donation section	**
** DonateLink - Container for PayPal button itself	**
** LeftColDiv - Container for section dividers Left	**
** RightColDiv - Container for section dividers Right	**
** MidColDiv - Container for section dividers center	**
**							**
*********************************************************/

body /* main body of page, background, etc */
{
	background:black;
	text-align:center;
	color:white;
	width:955px;
	border:0;
	margin:0;
	height:100%;
	margin-left:auto; /* needed to center for non-IE browsers */
	margin-right:auto;
}

#NavContainer /* Outer Container for Navbuttons */
{
	background:url(/2010/MARSImages/navbar.gif) no-repeat;
	width:955px;
	height:36px; /* needed for non-IE browsers */
}


*:first-child+html #NavContainer /* IE7 only fix */
{
	margin-top:-4px;
}

#ButtonContainer /* Inner container for NavButtons */
{
	width:651px;
}

#ButtonContainer Img /* Positioning for Navbuttons within containers */
{
	float:left;
}


#DivNavContainer /* Outer Container for Division Navbuttons */
{
	background:url(/2010/MARSImages/divnavbar.gif) no-repeat;
	width:955px;
	height:36px; /* needed for non-IE browsers */
}


*:first-child+html #DivNavContainer /* IE7 only fix */
{
	margin-top:-4px;
}

#DivButtonContainer /* Inner container for Division NavButtons */
{
	width:651px;
}

#Div ButtonContainer Img /* Positioning for Division Navbuttons within containers */
{
	float:left;
}

#AMarquee /* Container for "This week's Races" section */
{
	background:url(/2010/MARSImages/marquee-a.gif) no-repeat; 
	margin:0px;
	padding:0px;
	width:955px;
	height:430px;
}

#BMarquee /* Container for Next Week / Last Week races & results */
{
	background:url(/2010/MARSImages/marquee-b.gif) no-repeat;
	margin:0px;
	padding:0px;
	width:955px;
	height:170px;
}

#CMarquee /* Container for Last Week's Results */
{
	background:url(/2010/MARSImages/marquee-c.gif) no-repeat;
	margin:0px;
	padding:0px;
	width:955px;
	height:250px;
}


#DMarquee /* Container for Marquee section for Top5 Division Standings */
{
	background:url(/2010/MARSImages/marquee-d.gif) no-repeat;
	margin:0px;
	padding:0px;
	width:955px;
	height:289px;
}

#AuxMarquee /* Container for Marquee section on aux pages */
{
	background:url(/2010/MARSImages/marquee-aux.gif) no-repeat;
	margin:0px;
	padding:0px;
	width:955px;
	height:70px;
}

#Div_AMarquee /* Container for Marquee section on Division pages */
{
	background:url(/2010/MARSImages/div_marquee-a.gif) no-repeat;
	margin:0px;
	padding:0px;
	width:955px;
	height:378px;
}

#Div_AMarquee h1
{
	margin-top:0;
}

#Div_AMarquee ul
{
	float: left;
	width: 950px;
	margin:2px auto auto 75px;
	padding: 0;
	list-style: none;
}

#Div_AMarquee li
{
	color:#05F8F5;
	font:italic bold 12px Arial;
	width:316px;
	text-align:left;
	float: left;
	margin: 0; 
	padding: 0;
}

#Div_AMarquee a:link, a:visited
{
	color:#05F8F5;
	text-decoration:none;
}

#Div_AMarquee a:hover
{
	color:red;
	text-transform:uppercase;
}

#Div_BMarquee /* Container for Marquee section on Division pages */
{
	background:url(/2010/MARSImages/div_marquee-b.gif) no-repeat;
	margin:0px;
	padding:0px;
	width:955px;
	height:328px;
}

#Div_BMarquee ul
{
	float: left;
	width: 950px;
/*	margin: 0;
	margin-top:2px; */
	margin: -5px auto auto 50px;
	padding: 0;
	list-style: none;
}

#Div_BMarquee li
{
	color:#05F8F5;
	font:italic bold 12px Arial;
	text-align:left;
	float: left;
	width:316px;
	margin: 0; 
	padding: 0;
}

#Div_BMarquee a:link, a:visited
{
	color:#05F8F5;
	text-decoration:none;
}

#Div_BMarquee a:hover
{
	color:red;
	text-transform:uppercase;
}

#Div_BMarquee img
{
	border:4px solid black;
	width:214px;
	height:150px;
}

#AMarquee ul
{
	float: left;
	width: 950px;
	margin: 0;
	margin-top:54px;
	padding: 0;
	list-style: none;
}

#AMarquee li
{
	color:#05F8F5;
	font:italic bold 12px Arial;
	text-align:left;
	float: left;
	margin: 0; 
	padding: 0;
}

#AMarquee a:link, a:visited
{
	color:#05F8F5;
	text-decoration:none;
}

#AMarquee a:hover
{
	color:red;
	text-transform:uppercase;
}

#BMarquee ul
{
	float: left;
	width: 950px;
	margin: 0;
	margin-top:36px;
	padding: 0;
	list-style: none;
}

#BMarquee li
{
	color:#05F8F5;
	font:italic bold 12px Arial;
	text-align:left;
	float: left; 
	margin: 0; 
	padding: 0; 
}

#BMarquee a:link, a:visited
{
	color:#05F8F5;
	text-decoration:none;
}

#BMarquee a:hover
{
	color:red;
	text-transform:uppercase;
}

#CMarquee ul
{
	float: left;
	width: 950px;
	margin: 0;
	margin-top:35px;
	padding: 0;
	list-style: none;
}

#CMarquee li
{
	color:#05F8F5;
	font:italic bold 11px Arial;
	text-align:left;
	float: left; 
	margin: 0; 
	padding: 0; 
}

#CMarquee a:link, a:visited
{
	color:#05F8F5;
	text-decoration:none;
}

#CMarquee a:hover
{
	color:red;
	text-transform:uppercase;
}

#DMarquee ul
{
	float: left;
	width: 950px;
	margin: 0;
	margin-top:44px;
	padding: 0;
	list-style: none;
}

#DMarquee li
{
	color:#05F8F5;
	font:italic bold 11px Arial;
	text-align:left;
	float: left; 
	margin: 0; 
	padding: 0; 
}

#DMarquee a:link, a:visited
{
	color:#05F8F5;
	text-decoration:none;
}

#DMarquee a:hover
{
	color:red;
	text-transform:uppercase;
}


#ContentTitles /* Container for Titles above columns */
{
	margin:-4px auto -4px auto;
}

.OuterWrapper /* Outer wrap of columns */
{
	width:955px;
	border:0;
	padding:0;
	height:100%; 
	background:url(/2010/MARSImages/wrapper_bk.gif) repeat-y;
	overflow:auto; /* Fix for Firefox & Safari */
}

.templwrapper /* Outer wrap for subordinate pages */
{
	background:url(/2010/MARSImages/templ_wrapper_bk.gif) repeat-y;
}

.divwrapper /* Outer wrap for Division subpages */
{
	width:955px;
	margin-top:-5px;
	border:0;
	padding:0;
	height:100%;
	overflow:auto;
	background:url(/2010/MARSImages/div_content-bk.gif) repeat-y;
}

.wrapper  /* Inner wrap of columns */
{
	text-align:left;
	margin:0px auto;
	padding:0px;
	border:0;
	width:955px;
}

.side-a  /* Settings for left column structure */
{
	float:left;
	width:165px;
	border:0;
	padding:30px;
	margin-top:-30px;
}

.side-b  /* Settings for right column structure */
{
	float:right;
	width:165px;
	border:0;
	padding:15px;
	margin:-15px 5px auto auto;
}

.content /* Middle column content props */
{ 
	float:left;
	width:450px;
	border:0;
	padding:0px;
	margin:1px auto auto 30px;
}

.divcontent /* Content props for Division subpages */
{
	width:847px;
	margin:10px auto 10px 40px;
}

.templcontent /* Content props for subordinate pages */
{
	width:690px;
	margin:20px 10px 55px 30px; 
}

.templcontent form
{
	margin-left:150px;
	font-weight:bold;
}

.templcontent input, select, textarea
{
	text-align:left;
	background:black; 
	color:#05F8F5;
	border:1px dotted white;
}

input.btn
{
	color:black;
	background:#fed;
	border:1px solid red;
	font-weight:bold;
}

.templcontent h4, h5
{
	margin-left:130px;
	margin-top:20px;
	color:#FD0309;
	font:italic bold 16px Arial;
	line-height:60%;
}

.templcontent h5
{
	font-size:18px;
	color:#05F8F5;
}

#Footer /* Container for footer */
{
	clear:both;
}

.LeftColDiv /* Divider for left column sections */
{
	background-image:url(/2010/MARSImages/left_col_div.gif);
	margin:10px 0px 5px -20px;
}

.RightColDiv /* Divider for right column sections */
{
	background-image:url(/2010/MARSImages/right_col_div.gif);
	margin:10px -12px 5px -23px;
}

.LeftColDiv, .RightColDiv /* Common between Left & Right column dividers */
{
	background-repeat:no-repeat;
	height:40px;
	width:198px;
}

.MidColDiv /* Divider for center column news items */
{
	margin:20px 0px 20px 23%;
	height:10px;
	background:url(/2010/MARSImages/mid_col_div.gif) no-repeat;
}

.TemplMidColDiv /* Divider for center column on subordinate pages */
{
	background:url(/2010/MARSImages/templ_mid_col_div.gif) no-repeat;
	height:10px;
	margin:auto auto auto 150px;
}

#DonateButton /* Container for Donation button */
{
	Width:136px;
	Height:45px;
	margin:40px auto 8px 8px;
	background:url(/2010/MARSImages/donate_button.gif) no-repeat;
}

#DonateLink /* Container for donation link */
{
	width:136px;
	height:50px;
	margin-left:12px;
}



/*********************************************************
**							**
** This section is used for formatting of the content   **
** of each column in the center wrapper of the page.	**
** This is where you will change font settings, colors, **
** etc. Just remember that all of the elements on the   **
** page are divided into classes - so when you edit a 	**
** class, you are affecting every element on the page	**
** within that class, not just that element.		**
**							**
** Side-a/Side-b - Left/Right columns			**
** Content - Center column				**
**							**
*********************************************************/

.side-a, .side-b /* Common settings between Left & Right columns */
{
	font:italic bold 12px Arial;
}	

.side-a H3, .side-b H3 /* Use for Column Menu Headers */
{
	color:black;
	text-align:center;
	margin-left:-5px;
	background:url(/2010/MARSImages/laser.gif) center no-repeat;
}

.side-b H3 /* Use for RightCol Menu Headers */
{
	background:url(/2010/MARSImages/laser_b.gif) center no-repeat;
	margin-right:10px;
}

.side-a H4
{
	color:red;
	text-align:center;
}

.side-a p, .side-b p 
{
	color:#05F8F5;
}

.side-a ul, .side-b ul /* Left & Right column hyper-link properties */
{
	color:white; 
	list-style-type:square;
	margin-left:50px; /* For IE v6 & below */
}

.side-b ul /* Hyper-link properties specific to Right column for IE6 & below ONLY */
{
	margin-left:30px; /* For IE v6 & below */
}

html>body .side-a ul /* Hyperlink props for Left column all other browsers */
{
	margin-left:10px;
}

html>body .side-b ul /* Hyperlink props for Right column all other browsers */
{
	margin-left:-10px;
}

*:first-child+html .side-a ul /* Hyperlink props Left Column For IE7 only */
{
	margin-left:50px;
}

*:first-child+html .side-b ul /* Hyperlink props Right Column For IE7 only */
{
	margin-left:30px;
}

.side-a a:link, .side-b a:link /* Common hyperlink props for Left & Right Columns ALL browsers */
{
	color:#05F8F5; 
	text-decoration:none;
}

.content a:link, a:visited
{
	color:#05F8F5;
	text-decoration:none;
}

.content a:hover
{
	color:red;
	text-transform:uppercase;
}


.side-a a:visited, .side-b a:visited /* Common hyperlink "visited" props Left&Right Cols ALL browsers */
{
	color:#05F8F5; 
	text-decoration:none;
}

.side-a a:hover, .side-b a:hover /* Common hyperlink "hover" props Left & Right Cols ALL browsers */
{
	color:red; 
	text-transform:uppercase;
}


.content h1, h3, p /* Middle column content H1 H3 & p text items */
{
	font:italic bold 12px Arial;
}

.content h1 /* Use for News Headlines */
{
	color:#05F8F5;
	font-size:18px;
	margin-bottom:-5px;
}

.content h3 /* Use for Date above News Headline */
{
	color:#FD0309;
	font-size:12px;
	margin-bottom:-5px;
}

.content p /* Use for body of News story */
{
	color:white;
	font:normal bold 12px Arial;
}