/* COLOURS - http://www.december.com/html/spec/colorhex.html

Charcoal Black - #404040
Grey - #BEC8D1
Dark white - #fafafa

BLUE COLOURS
-------
#0042ff - brite blue - BAD
#003F87
#104E8B - good
#1B3F8B
#2C5197 - good
#6699CC - light blue
#87CEFA - very light blue - GOOD  
#B0C4DE - steel blue 
-------*/

/*---MAIN COLOURS---*/
/*
	#B0C4DE; - Faded Blue
	#87CEFA; - Very Light Blue
	#3F7DBC; - Light Blue
	#191970; - Dark Blue
	#302B54; - Dark Blue 2
*/

/*-----------LINKS-----------*/





a:link
	{
	display:inline;
	text-decoration:none;
	background-color:transparent;
	}

a:visited
	{
	display:inline;
	text-decoration:none;
	background-color:transparent;
	}

a:hover
	{
	display:inline;
	text-decoration:none;
	background-color:transparent;
	}

a:active
	{
	display:inline;
	text-decoration:none;
	background-color:transparent;
	}


a:focus
	{
	display:inline;
	text-decoration:none;
	background-color:transparent;
	}

/*-------------------------------------------*/

a.normal:link
	{
	display:inline;
	color:#3F7DBC;
	}

a.normal:visited
	{
	display:inline;
	color:#191970;
	}

a.normal:hover
	{
	display:inline;
	background-color:white;
	color:red;
	}

a.normal:active
	{
	display:inline;
	color:#B0C4DE;
	}

a.normal:focus
	{
	display:inline;
	color:#3F7DBC;
	}

/*-----------------------------------------*/
	
a.head:link
	{
		display:inline;
		padding:0px 10px 0px 10px;
		color:red;	/*#191970;*/

	}
	
a.head:visited
	{
		display:inline;
		padding:0px 10px 0px 10px;
		color:#191970;
	}
	
a.head:hover
	{
		display:inline;
		padding:0px 10px 0px 10px;
		color:black;
	}

a.head:active
	{
		display:inline;
		padding:0px 10px 0px 10px;
		color:white;
	}
	
a.head:focus
	{
		display:inline;
		padding:3px 10px 3px 10px;
		color:black;
	}

/*-------------------------------------------*/


a.mainmenu:link
	{
	display:block;
	color:#191970;
	}

a.mainmenu:visited
	{
	display:block;
	color:#3F7DBC;
	}

a.mainmenu:hover 
	{
	display:block;
	background-image: url(../images/hover.gif);
	color:red;
	}

a.mainmenu:active
	{
	display:block;
	background-color: transparent;
	color:white;
	}

a.mainmenu:focus
	{
	display:block;
	background-color: transparent;
	color:black;
	}

/*--------------------------------*/

a.submenu:link, a.submenu:visited
{
	display:block;
	text-align:left;
	background-color:#3F7DBC;
	color:white;
	width:10em;
	padding:0.2em;
	margin:0.5em auto;
	border-right:5px solid #87CEFA;
}


a.submenu:hover, a.submenu:focus, a.submenu:active
{
display:block;
text-align:left;
background-color:#87CEFA;
color: #191970;
width:10em;
padding:0.2em;
margin:0.5em auto;
border-right:5px solid #FFFFFF;
}

/*---------------Race Result TABLES--------------------------*/

th
{
	border-bottom: 2px solid #6699CC;
	border-left: 1px solid #6699CC;
	background-color: #BEC8D1;
	text-align: left;
	text-indent: 5px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}

td
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 5px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

table
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin: 15px 0px; }

/*----------------Gallery Table--------------*/


td.gallery
{ border: none;
text-align: left;
padding: 7px 0 7px 0;
/*margin: 0px;*/
/*text-indent: 5px;*/
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }


table.gallery
{ 
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: none;
border-collapse: collapse;
table-layout: auto;
border-spacing: 0px; }

/*-------------GENERAL----------------*/

body, h1, h2, h3, h4, h5, h6, p, div, form, legend, dl, dt, dd, ul, li, ol, img
	{
	margin:0;
	padding:0;
	border:0
	}

#container 
	{
	margin:0 auto;
	width:772px;
	}

body 
	{
	font:70%/1.7em Verdana, Arial, Tahoma, 	sans-serif;
	
	background-color:#191970;
	background-image: url(../images/background.jpg);
	color:black;
	}


.line 
	{
		text-align:center;
	height:10px;
	background-color:#f8f8f8;
	background-image: url('../images/line2.jpg');
	background-repeat: repeat;
	}
	
.line2 
	{
		text-align:center;
	height:20px;
	background-color:#DCDCDC;
	background-image: url('../images/line2.jpg');
	background-repeat: repeat;
	}

.line3
	{
	text-align:center;
	height:40px;
	background-color:transparent;
	}
	
p 
	{
	font-size:120%;
	margin:15px 0;
	color: black;
	}

p.list
	{
	text-align:left;
	}

p.page
	{
	text-align:center;
	}


/*------------TOP MENU------------*/

#topborder
	{
	text-align: right;
	height:20px;
	background-image: url(../images/menutop.jpg);
	border-left: thin ridge #F8F8F8;
	border-right: thin ridge #F8F8F8;
	border-top: thin ridge #F8F8F8;
	padding: 3px 3px 3px 3px;
	}
	


/*------------LOGO HEADING------------*/

#top
	{
	height:138px;
	background:#F8F8F8;
	padding: 0px 0px 0px 0px;
	border-right: thin ridge #F8F8F8;
	border-left: thin ridge #F8F8F8;
	}

#pagetitleback
	{
	padding:0;
	margin:0;
	height:100%;
	border:3px solid #FFFFFF;
	background:#3F7DBC;
	}

#pagetitlebackhome
	{
	padding:0;
	margin:0;
	height:100%;
	border:3px solid #FFFFFF;
	background:red;
	}	


/*------------MAIN MENU------------*/

/*----Grey Strip before menu---*/
#menupad 
	{
	height:10px;
	background-color:black;
	background-image: url('../images/pad.jpg');
	background-repeat: repeat;
	border: thin ridge #F8F8F8;
	border-bottom-width: 0px;
	border-top-width: 0px;
	}

/*--Menu Bar--*/
#menu 
	{
	
	margin:0;
	height:30px;
	list-style-type:none;
	background-image: url(../images/menu.jpg);
	border: thin ridge #F8F8F8;
	border-top-width: 0px;
		background-image: url(../images/menu.jpg);
	}

/*--Menu Items--*/
#menu li 
	{
	float:left; 
	width:100px; 
	height:30px;
	line-height:30px;
	position:relative;
	text-align:center;
	background-image: url(../images/menu.jpg);
	}

/*--Seperates menu items--*/
#menu li.gap 
	{
	float:left; 
	width:2px; 
	height:30px;
	line-height:30px;
	position:relative;
	text-align:center;
	background-image: url(../images/separator.gif);
	}
	
/*--Menu Bar Ending--*/
#menu li.end 
	{
	float:left; 
	width:25px; 
	height:30px;
	line-height:30px;
	position:relative;
	text-align:center;
	background-image: url(../images/menu.jpg);
	}


/*------------PAGE HEADING------------*/

h1 
	{
	font-size:200%;
	font-weight:normal;
	padding:10px 0 10px 7px;
	letter-spacing:-1px;
	color:#F8F8F8;
	text-align: center;
	}

/*------------MAIN BODY SECTION------------*/

#maincol 
	{
	padding:3px 3px 0 3px;
	border-bottom:3px solid #FFFFFF;
	background:#F8F8F8;
	}



/*------------SIDE MENU------------*/

/*--headings--*/
h5 
	{
	font-size:110%;
	font-weight:bold;
	color:black;
	padding:10px 0 7px 0;
	text-align: center;
	letter-spacing:1px;
	}

/*--Side Menu Gap--*/

li.divider 
	{
	height:45px;
	}

/*--Side Menu Items--*/
#navcol 
	{
	float:left;
	width:135px;
	height: 850px;
	background:#3F7DBC;
	}

/*------------CONTENT SECTION------------*/

/* ------------------------
Old Main Content*/

#rightcol 
	{
	float:left;
	padding:0 20px 0 20px;
	margin:0 0 15px;
	width:362px;
	border-right:1px solid #3F7DBC;
	}
/*-------------------------*/

/*--Text and Images section under it--*/
#midcol 
	{
	float:left;
	padding:0 20px 0 20px;
	margin:0 0 15px;
	width:590px;
	border-right:1px solid #3F7DBC;
	}



h2 
	{
	font-size:170%;
	font-weight:bold;
	color:#3F7DBC;
	padding: 15px 0 10px 7px;
	letter-spacing:0px;
	border-bottom:1px dotted #3F7DBC;
	}

.column
	{
	float:left;
	}



/*------------TEXT SECTION------------*/

#bodytext
	{
	width:400px;
	padding:15px 30px 0 7px;
	text-align:justify;
	/*border-right:1px dotted #3F7DBC;*/
	}

#bodytext_full
	{
	width:100%;
	padding:15px 30px 0 7px;
	text-align:justify;
	/*border-right:1px dotted #3F7DBC;*/
	}

#bodytext ul
	{
	padding:0 0 16px 10px;
	}

#bodytext li
	{
	list-style-type:none;

	padding:6px 13px 6px 13px;
	text-align:left;
	line-height:1.6em;
	}

h3.info
	{
	font-family:Tahoma;
	font-size:125%;
	font-weight:bold;
	height:30px;
	color:black;
	padding:5px 0 0 0;
	letter-spacing:0px;
	color:black;
	}

h3
	{
	font-size:130%;
	font-weight:bold;
	height:30px;
	color:black;
	padding:10px 0 0 20px;
	letter-spacing:0px;
	color:black;
	}

.firstpara 
	{
	margin:0 0 15px ;
	}

#bigtext 
	{
	font-size:110%;
	}

/*----RACE RESULTS SUB HEADING----*/
h4 
	{
	font-size:110%;
	font-weight:bold;
	color:black;
	padding:10px 0 7px 0px;
	letter-spacing:1px;
	}

.bottom
	{
	width:300px;
	padding:15px 30px 0 7px;
	text-align:justify;
	border-right:1px dotted #3F7DBC;
	text-align: center;
	}

/*------------IMAGES SECTION------------*/

#adcol 
	{
	padding:15px 0 0 0;
	position: relative;
	float:right;
	width:150px;

	}

#adcol img 
	{
	padding:0 0 0 5px;
	margin:0 auto;
	display:block;
	}


#adcol ul 
	{
	padding:5px 0 5px 20px;
	}

#adcol li 
	{
	list-style-type:none;
		
	padding:3px 10px 3px 13px;
	font-size:90%;
	line-height:1.6em;
	}

#adcol p 
	{
	padding: 5px 15px 10px;
	font-size:90%;
	}


/*------------FOOTER------------*/

.cleaner 
	{
	clear:both;
	}

#footer 
	{
	clear:both;
	height:25px;
	background-color:#3F7DBC;
	border:3px solid #FFFFFF;
	text-align:center;
	padding:6px 0 0;
	color: #FFFFFF ;
	}

/*--unknown old footer--*/
#longfoot 
	{
	height:15px;
	text-align:right;
	padding:30px 5px 0 0;
	}





/*-----------------SEARCH FORM------------------------*/



#search {
	padding:10px 10px 10px 10px;
	border: 1px solid #87CEFA;
        margin:15px 0 0;
}

#search legend
	{
	font-size: 130%;
	font-weight: bold;
	color: black;
	background: none;
	padding: 2px 10px 2px 10px;
	}
	
#search label {
	float:left;
	width:100px;
	height:20px;
	margin:3px 0 0;

}
#search .box {
	margin:5px 0 5px;
}
#search label.box {
	margin:5px 0 0px;
}


#search textarea {
	width:450px;
	height:200px;
	
	margin:3px 0 7px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}

#search .button {
	width:100px;
	margin:0px 0 10px;
	border:1px solid #3F7DBC;
	border-style: outset;
	background:none;
}

#search select {
	width:120px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 5px 0;
}

#search input {
	width:150px;
	margin:3px 0 3px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}

/*---------------ADMIN FORM-------------------*/

#admin {
	padding:10px 10px 10px 10px;
	border: 1px solid #87CEFA;
        margin:15px 0 0;
}

#admin legend
	{
	font-size: 130%;
	font-weight: bold;
	color: black;
	background: none;
	padding: 2px 10px 2px 10px;
	}
	
#admin label {
	float:left;
	width:150px;
	height:20px;
	margin:3px 0 0;
	text-align:right;

}
#admin .box {
	margin:5px 0 5px;
}
#admin label.box {
	margin:5px 0 0px;
}


#admin textarea {
	width:200px;
	height:50px;
	margin:3px 0 7px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}

#admin textarea.photo {
	width:500px;
	height:30px;

	margin:3px 0 7px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}

#admin .button {
	width:100px;
	margin:0px 0 10px;
	border:1px solid #3F7DBC;
	border-style: outset;
	background:none;
}
#admin input {
	width:200px;
	margin:3px 0 3px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}

/*---------------LOGIN FORM-------------------*/

#contact {
	padding:10px 10px 10px 10px;
	border: none;
        margin:15px 0 0;
}

#contact legend
	{
	font-size: 130%;
	font-weight: bold;
	color: black;
	background: none;
	padding: 2px 10px 2px 10px;
	}
	
#contact label {
	float:left;
	width:100px;
	height:20px;
	margin:3px 0 0;

}
#contact .box {
	margin:5px 0 5px;
}
#contact label.box {
	margin:5px 0 0px;
}


#contact textarea {
	width:450px;
	height:200px;
	
	margin:3px 0 7px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
}

#contact .button {
	width:100px;
	margin:0px 0 10px;
	border:1px solid #3F7DBC;
	border-style: outset;
	background:none;
}
#contact .browse {
	width:300px;
	margin:0px 0 10px;
	background-color:#f8f8f8;
}
#contact input {
	width:150px;
	margin:3px 0 3px;
	font:110% Verdana, Arial, Helvetica, sans-serif;
}
