/***************************************************
** 	Style Sheet:
** 	This style sheet contains all of the styling
** 	required on 241racing.com
**
**	Colors to use are: #2282DB(light blue), 
**	#215A91(med blue), #09345C(dark blue)
****************************************************/

/* 	The body section sets up what the default body
	will look like on all pages.	*/
body{
	background-color:#000000;
	font-family:sans-serif;
}

/* 	Warning section of outside page */
div.warning{
	color:#ff0000;
}

/* 	Header section in the main site */
div.header{
	position:fixed;
	top:0px;
	left:0px;
	background-color:#2282DB;
	height:90px;
	width:100%;
	z-index:0;
}


/*	Holds the section for the left slide show */
div.headerSlideShowLeft{
	position:fixed;
	top:0px;
	left:0px;
	z-index:3;
	width:33%;
	height:90px;
	text-align:left;
}

div.headerSlideShowLeft img{
	height:100%;
	width:80%;
}

/*	Holds the section for the right slide show */
div.headerSlideShowRight{
	position:fixed;
	top:0px;
	right:0px;
	z-index:3;
	width:33%;
	height:90px;
	text-align:right;
}

div.headerSlideShowRight img{
	height:100%;
	width:80%;
}

/* 	This is the small accent bar (white) which sits right below the header */
div.smallAccentBar1{
	position:fixed;
	top:95px;
	left:0px;
	background-color:#ffffff;
	height:5px;
	width:100%;
	z-index:0;
}


/* 	This is the small accent bar (blue) which sits right below the header */
div.smallAccentBar{
	position:fixed;
	top:90px;
	left:0px;
	background-color:#09345C;
	height:5px;
	width:100%;
	z-index:3;
}

/* 	This is the large accent bard which sits right below the small accent bar -- Holds nav buttons */
div.largeAccentBar{
	position:fixed;
	top:100px;
	left:0px;
	background-color:#09345C;
	height:20px;
	width:100%;
}

/* 	This sets up the default sizes for buttons in terms of height and font size */
div.largeAccentBar input.button{
	height:20px;
	font-size:8pt;
	float:right;
	z-index:3;
}

div.marqueeBar{
	position:fixed;
	top:105px;
	left:0px;
	background-color:#09345C;
	height:15px;
	width:50%;
	font-size:10pt;
	color:white;
	z-index:0;
}

/*	Bottom accent bar */
div.bottomAccentBar{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:#215A91;
	height:25px;
	font-style:italic;
	font-size:8pt;
	color:#ffffff;
	z-index:0;
}

div.bottomLeft{
	float:left;
	position:relative;
	width:33.3%;
	text-align:left;
	z-index:1;
}

div.bottomCenter{
	float:left;
	position:relative;
	width:33.3%;
	text-align:center;
	z-index:1;
}

div.bottomRight{
	float:left;
	position:relative;
	width:33.3%;
	text-align:right;
	z-index:1;
}

/*  This is the content iFrame */
iFrame.content{
	position:fixed;
	top:120px;
	left:0px;
	width:100%;
	height:76.2%;
	border-style:none;
	border-width:0px;
	z-index:0;
}