@charset "utf-8";
body {
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/*text-align: justify; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	border-top-color: #FF0000;
	border-top-width: 2px;
	border-top-style: outset;
}
.oneColFixCtr #container {
	POSITION: relative;
	TOP: 0px;
	width: 986px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	background:url(pics/bk_frontpage.jpg);
	background-repeat:no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top:10px;
	border: 2px solid #252525;
	/*text-align: justify; /* this overrides the text-align: center on the body element. */
	height:1950px;
	z-index: 0;

}
BODY {  SCROLLBAR-FACE-COLOR: #000000;  SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;  SCROLLBAR-SHADOW-COLOR: #666666;  SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;  SCROLLBAR-ARROW-COLOR: #FFFFFF;  SCROLLBAR-TRACK-COLOR: #000000;  SCROLLBAR-DARKSHADOW-COLOR: #000000;
}


#apDiv1 {
	position:absolute;
	left:42px;
	top:241px;
	width:908px;
	height:39px;
	z-index: 1;
}
#pagecontainer {
	position:absolute;
	top:325px;
	left: 50px;
	width:891px;
	height: 1535px;
	z-index: 0;	
}

#introcontainer {
	position:absolute;
	left:0px;
	top:0px;
	width:555px;
	height:441px;
	padding-right: 20px;
	z-index:1;
	text-align: left;
	font-size: 11pt;
	line-height: 150%;
}
#photobordercontainer {
	position:absolute;
	right:0px;
	top:0px;
	width:312px;
	height:442px;
	z-index:1;
	background:url(pics/photocontainer.gif);
	background-repeat:no-repeat;
}
#photocontainer {
	position:absolute;
	right:15px;
	top:15px;
	width:282px;
	height:414px;
	z-index:2;
}
#updateheadingcontainer {
	position:absolute;
	left:0px;
	top:442px;
	width:579px;
	height:170px;
	z-index:1;
}
#updateheadingcontainer2 {
	position:absolute;
	right:550px;
	top:525px;
	width:100px;
	height:75px;
	z-index:1;
}
/* Update container details only for the main (index) pages */
#index_updatecontainer {
	position:absolute;
	left:0px;
	top:614px;
	width:555px;
	height:923px;
	z-index:1;
	padding-right: 20px;
	text-align: left;
	font-size: 11pt;
	overflow: auto;
}
/* Links container details only for the main (index) pages */
#index_linkscontainer {
	position:absolute;
	right:0px;
	top:448px;
	width:311px;
	height:1087px;
	z-index:1;
	background:url(pics/linkscontainer.gif);
	background-repeat:no-repeat;
}
/* Top container details only for the info pages */
#info_topcontainer {
	position:absolute;
	left:0px;
	top:0px;
	width:635px;
	height:515px;
	z-index:1;
	padding-bottom: 25px;
	text-align: left;
	font-size: 11pt;
	background:url(pics/otherdivider.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height: 115%;
}
/* Top container details only for Micks SPonsor pages */
#sponsor_topcontainer {
	position:absolute;
	left:0px;
	top:0px;
	width:635px;
	height:515px;
	z-index:1;
	padding-bottom: 25px;
	text-align: left;
	font-size: 11pt;
	background:url(pics/otherdivider.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height: 125%;
	overflow: auto;
}
/* Middle container details only for the info pages */
#info_middlecontainer {
	position:absolute;
	left:0px;
	top:562px;
	width:635px;
	height:660px;
	z-index:1;
	padding-right: 20px;	
	text-align: justify;
	font-size: 11pt;
	overflow: auto;
}

/* Left bottom container details only for the info pages */
#info_leftbottomcontainer {
	position:absolute;
	left:0px;
	top:1249px;
	width:317px;
	height:260px;
	z-index:1;
	padding-top: 25px;
	text-align: left;
	font-size: 11pt;
	background:url(pics/otherdivider.gif);
	background-repeat:no-repeat;
	background-position:top;
}

/* Right bottom container details only for the info pages */
#info_rightbottomcontainer {
	position:absolute;
	left:318px;
	top:1249px;
	width:317px;
	height:260px;
	z-index:1;
	padding-top: 25px;
	text-align: left;
	font-size: 11pt;
	background:url(pics/otherdivider.gif);
	background-repeat:no-repeat;
	background-position:top;
}
/* Links container details only for the info pages */
#info_linkscontainer {
	position:absolute;
	right:0px;
	top:0px;
	width:206px;
	height:1535px;
	z-index:1;
	background:url(pics/narrowlinkscontainer.gif);
	background-repeat:no-repeat;
}
#footer {
	position:absolute;
	left:-2px;
	top:1593px;
	width:986px;
	height:40px;
	font-size: 11pt;
	text-align: center;
	z-index: 0;
}




/*A few pseudo-classes (a:link etc) connected to elements to stop the shitty link colours from appearing in the written links in the INDEX page links container*/  

#index_linkscontainer a:link {
color: white;
text-decoration:none;
}

#index_linkscontainer a:visited {
color: white;
text-decoration:none;
}

#index_linkscontainer a:active {
background-color: blue;
text-decoration:none;
}

#index_linkscontainer a:hover {
color:blue;
text-decoration:none;
} 

/*A few pseudo-classes (a:link etc) connected to elements to stop the shitty link colours from appearing in the written links in the INFO page links container*/  

#info_linkscontainer a:link {
color: white;
text-decoration:none;
}

#info_linkscontainer a:visited {
color: white;
text-decoration:none;
}

#info_linkscontainer a:active {
background-color: blue;
text-decoration:none;
}

#info_linkscontainer a:hover {
color:blue;
text-decoration:none;
} 

/*A few pseudo-classes (a:link etc) connected to elements to stop the shitty link colours from appearing in the written links in the INDEX page updates container*/

#index_updatecontainer a:link {
color:#00CCFF;
text-decoration:none;
}

#index_updatecontainer a:visited {
color:#00CCFF;
text-decoration:none;
}

#index_updatecontainer a:active {
background-color: none;
text-decoration:none;
}

#index_updatecontainer a:hover {
color:red;
text-decoration:none;
} 
	
/* The text size of all main container headings */
.containerheading {
	font-size: 24px;
}

/*A few pseudo-classes (a:link etc) connected to elements to stop the shitty link colours from appearing in the written links in the INDEX page intro container*/

#introcontainer a:link {
color:#00CCFF;
text-decoration:none;
}

#introcontainer a:visited {
color:#00CCFF;
text-decoration:none;
}

#introcontainer a:active {
background-color: none;
text-decoration:none;
}

#introcontainer a:hover {
color:red;
text-decoration:none;
} 
	
/* The text size of all main container headings */
.containerheading {
	font-size: 24px;
}

/* The text size and location of all bottom container headings on Micks Sponsor Page*/
.sponsorbottomcontainerheading {
	font-size: 24px;
}
/* Construct the SPONSOR ME buttons on Micks Sponsor page*/
.sponsorshipbutton {
	text-align: center;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
	border-width: 4px;
	border-style:outset;
	border-color: #FFFFFF;
	font-size: 24px;
	background: red;
	color: white;
	font:bold;
	margin: 40px;
}
/* Controlling the text heading in the links container*/
.kitincludeslist {
	margin-top: 20px;
	/*margin-left: 15px;*/
	font-size: 18pt;
	text-align: center;
}

/* Style of the kit links in the links container...!*/
.kitlink1, .kitlink2, .kitlink3, .kitlink4, .kitlink5, .kitlink6, .kitlink7, .kitlink8 {
	color:#FFFFFF;
	text-align: center;
	margin: 5px;
}
/* Spacing and style of the top divider in the links container...!*/
.pagelinkmargin1 {
	text-align: center;
	margin-top: 40px;
	border-bottom-width: 6px;	
	border-bottom-style: solid;
	border-bottom-color: #000000;	
} 
/* Spacing and style of the middle divider in the links container...!*/
.pagelink1 {
	color:#FFFFFF;
	text-align: center;
	padding: 10px;
	margin: 10px;
	font-size: 18px;
}
/* Boxes and style around the pagelinks in the links container...!*/
.pagelink2, .pagelink3, .pagelink4, .pagelink5, .pagelink6 {
	text-align: center;
	padding: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 30px;
	border-top-width: 2px;
	border-top-style:groove;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	font-size: 18px;
}
/* Link 5 red beacuse the Optic Rally is NOW ON!!!!
.pagelink3 {
		background: red;
		color: black;
		font:bold;
}
*/

/* Spacing and style of the top divider in the links container...!*/
.pagelinkmargin2 {
	text-align: center;
	margin-top: 10px;
	border-bottom-width: 6px;	
	border-bottom-style: solid;
	border-bottom-color: #000000;	
}  
/* Centering the Logos in the Link Container*/
.logolocation{
		margin-top: 30px; /*this margin alters the dropheight of the logos on the links container*/
		text-align: center;
}

/* Locating Craigs Photo on the info page */
.riderphoto{
		padding: 13px;
		padding-top: 0px;
}

/*Setting the list styles to circle*/
li {
list-style-type: circle;
}

/*Alters the question style in the interview section of the Info page */

.headertext{
		font:bold;
}

/*heading to make any section highlighted red eg. when there is a race on I want to draw attention to*/
.racingnow{
		background: red;
		color: black;
		font:bold;
}


/* Other content pages that hold external web pages or iframes*/

div#iframecontainer {
	position:absolute;
	font-size: 14px;
	color:#FFFFFF;
	left:45px;
	top:318px;
	width:888px;
	padding:0px;
	margin:0px;
	height: 983px;
}

/*A few pseudo-classes (a:link etc) connected to elements to stop the shitty link colours from appearing in the written links 

div#index_updatecontainer a:link {
color:#00CCFF;
text-decoration:none;
}

div#index_updatecontainer+a:visited {
color:#9999FF;
text-decoration:none;
}

div#index_updatecontainer+a:active {
background-color: none;
text-decoration:none;
}

div#index_updatecontainer+a:hover {
color:red;
text-decoration:none;
} 
*/