﻿@import url(datePicker.css);
a:visited {
	color: blue;
	}
body {
	background-color:#FFFFFF;
	background-image:none;
 	padding:0;margin:0;font-family: 
	Verdana;font-size: 11px;
	}
table{
	font-family: Verdana;
	font-size: 11px;
	}
#sitemain {
	position:relative; 
	clear:both; 
	width:940px; 
	height:1000px; 
	background-color:transparent; 
	font-size:10px; 
	margin:0 auto 0 auto;
	}
/*
#header_line_1sp {
	position:relative; 
	float:left; 
	clear:both; 
	width:940px; 
	height:28px; 
	background:transparent; 
	font-size:1px; 
	} 
#header_line_1 {
	position:relative; 
	float:left; 
	clear:both; 
	width:935px;
	padding-top:5px;
	height:23px; 
	background-color:#FFFFFF; 
	font-family:verdana,arial,helvetica,sans-serif; 
	font-size:10px; 
	text-align:right;
	}
.header_line_1_items {
	font-size: 11px;
	color:#990099;
	font-weight:bold
	}
*/
#mybasketimg {
	float:left;
	width:720px;
	height:19px;
	}
/*
#toplinks {
	float:left;
	height:19px;
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	}

#mybasket{
	text-indent:19px;
	background:#FFFFFF url("../images/cart.jpg") no-repeat;
	float:right;
	height:19px;
	text-align:left;
	padding-top:5px;
	}
a.mybasket {
	font-size: 11px;
	color:#330099;
	font-weight:bold;
	text-decoration:none
	}
a.mybasket:hover {
	font-size: 11px;
	color:#330099;
	font-weight:bold;
	text-decoration:none
	}
#header_banner {
	position:relative; 
	float:left; 
	clear:both; 
	width:940px; 
	height:124px; 
	background:#FFFFFF url("../images/header_banner.jpg") no-repeat; 
	font-size:10px;
	}
#header_banner h1 a,#header_banner h1 a:hover {
	display:block;
	text-indent: -10000px;
	height:128px;
	width:939px;
	text-decoration:none;
	outline: none;
	}
* html #header_banner h1 a,#header_banner h1 a:hover{
	height:101px;
}
#menu {
	position:relative;
	float:left; 
	clear:both; 
	width:940px; 
	height:32px; 
	background:#FFFFFF url("../images/menu_bg.jpg") no-repeat; 
	font-family:verdana,arial,sans-serif; 
	font-weight:normal; 
	font-size:10px; 
	color:#FFFFFF; 
	z-index:90;
	text-transform: uppercase;
	}
#menu ul {
	margin:0; 
	padding:0; 
	font-size:12px;
	}
#menu li {
	float:left; 
	overflow:inherit; 
	list-style-type:none; 
	margin:0; 
	padding:0; 
	} 
#menu li.menu_seperator {
	background:#FFFFFF url("../images/menu_sep.jpg") no-repeat;
	text-indent: -10000px;
	float:left; 
	overflow:inherit; 
	list-style-type:none; 
	margin:0; 
	padding:7px 1px 0;
	height:25px;
	}
* html #menu li.menu_seperator{
	padding:7px 0px 0;
	width:2px;
	}
#menu a {
	float:left; 
	height:24px; 
	text-decoration:none; 
	margin:0; 
	padding:7px 28px 0; 
	display:block; 
	color:#F0F0F0;
	}
#menu a.selected {
	background:#330099;
}
#menu a.first {
	margin:0; 
	padding:7px 30px 0; } 
#menu a.first:hover,#menu a.first_selected:hover {
	background:#990099 url("../images/menu_first_hover.jpg") 
	no-repeat; 
	background-position: left top;
	} 
#menu a.first_selected {
	margin:0; 
	padding:7px 30px 0;
	background:#330099 url("../images/menu_first_selected.jpg") 
	no-repeat; 
	background-position: left top;
	} 
#menu a.last {
	float:left; 
	height:24px; 
	text-decoration:none; 
	margin:0; 
	padding:7px 30px 0; 
	display:block; 
	color:#F0F0F0;
	}
#menu a.last:hover,#menu a.last_selected:hover  {
	background:#990099 url("../images/menu_last_hover.jpg") 
	no-repeat; 
	background-position: right top;
	} 
	
#menu a.last_selected {
	float:left; 
	height:24px;
 	text-decoration:none; 
 	margin:0; 
	padding:7px 30px 0; 
	display:block; 
	color:#F0F0F0;
	background:#330099 url("../images/menu_last_selected.jpg") no-repeat; 	
	background-position: right top;
	} 
#menu a:hover {
	background:#990099;
}
*/

#header_shadow {
	position:relative; 
	float:left; 
	clear:both; 
	width:940px; 
	height:33px; 
	background:#FFFFFF url("../images/header_shadow.jpg") no-repeat; 
	font-size:10px;
	}
/*** Redundent Code??? ***/
#main_content {
	position:relative;
	float:left;
	clear:both; 
	width:940px; 
	background-color:transparent; 
	font-size:10px;
	}
/*** END ***/

/*
#content1sp {
	position:relative; 
	float:left; width:320px; 
	background:transparent; 
	font-size:1px; 
	} 
#content1 {
	position:relative; 
	float:left; 
	width:298px; 
	background-color:#FFFFFF; 
	font-size:10px;
	}
#content1 .bspc {
	padding-bottom:25px; 
	clear:both; 
	font-size:1px;
	}
*/

#content2sp {
	position:relative; 
	float:left; 
	width:320px; 
	background:transparent; 
	font-size:1px; 
	} 
#content2 {
	position:relative; 
	float:left; 
	width:298px; 
	background-color:#FFFFFF; 
	font-size:10px;
	}
#content2 .bspc {
	padding-bottom:25px; 
	clear:both; 
	font-size:1px;
	}
/*
#content3 {
	position:relative; 
	float:left; 
	width:300px; 
	background-color:#FFFFFF; 
	font-family:verdana; 
	font-size:10px;
	}
#content3 .bspc {
	padding-bottom:20px; 
	clear:both; 
	font-size:1px;
	}
*/
.column_title_sm h3 {
	padding-left: 10px;  
	font-size: 12px; 
	color: #4B4C4C; 
	font-family: Verdana; 
	font-style: italic; 
	font-weight: bold;
	margin:0px;
	height:20px;
	padding-bottom:6px; 
	text-transform:uppercase 
	}
.column_title_sm_217 h3 {
	padding-left: 10px;  
	font-size: 12px; 
	color: #4B4C4C; 
	font-family: Verdana; 
	font-style: italic; 
	font-weight: bold;
	margin:0px;
	height:20px;
	padding-bottom:6px; 
	text-transform:uppercase 
	}
.column_title_sm {
	padding-top: 7px; 
	background-image:url('../images/small_header_bg.jpg');
	background-repeat: no-repeat; 
	background-position: left top; 
	color:#4B4C4C; 
	padding-bottom:10px 
	}
.column_title_sm_217 {
	padding-top: 7px; 
	background-image:url('../images/small_header_bg_217.jpg');
	background-repeat: no-repeat; 
	background-position: left top; 
	color:#4B4C4C; 
	padding-bottom:10px 
	}
.column_right_content {
	padding-left:10px
	}
.content a,.content a:hover{
	color:#990099;
	}
.column_right_content a{
	color:#330099;
	}
.column_right_content a:hover{
	color:#990099;
	}
/*** not needed ???***/
#main_content2 {
	position:relative; 
	float:left; 
	clear:both; 
	width:940px; 
	background-color:transparent; 
	font-size:10px;
	}

#content12sp {
	position:relative; 
	float:left; 
	width:320px; 
	background:transparent; 
	font-size:1px; 
	} 
#content12 {
	position:relative; 
	float:left; 
	width:298px; 
	background-color:#FFFFFF; 
	font-family:verdana; 
	font-size:10px;
	}
#content12 .bspc {
	padding-bottom:20px;
	clear:both; 
	font-size:1px;
	}

/*** Login ***/
.main_column_700 {
	width:700px;}
.main_column_title_700 h3 {
	background-color:transparent; font-size: 12px;  color: #4B4C4C; font-family: Verdana; font-style: italic; font-weight: bold;margin:0px;height:20px; padding-left:10px; padding-right:0px; padding-top:7px; padding-bottom:0px; text-transform:uppercase;}
.main_column_title_700 {padding-left: 0px; padding-top: 0px; background-image:url('../images/blank_header_700.jpg'); background-repeat: no-repeat; background-position:right top; color:#4B4C4C;}
.main_column_700 .content {padding-top:24px; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;padding-left:10px}	

/*** Needed ??? ***/
.main_column {width:539px;}
.main_column_title h3 {background-color:transparent;font-size: 12px; color: #4B4C4C; font-family: Verdana; font-style: italic; font-weight: bold;margin:0px;height:20px; padding-left:10px; padding-right:0px; padding-top:7px; padding-bottom:0px; text-transform:uppercase;}
.main_column_title {padding-left: 0px; padding-top: 0px; background-image:url('../images/blank_header.jpg'); background-repeat: no-repeat; background-position:right top; color:#4B4C4C;}
.main_column .content {padding-top:24px; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;padding-left:10px}

/*** Home Ppge info ***/
.big_column {
	width:305px;}
.content {
	font-size: 11px; color: #676767}
.big_column_title h3 {
	background-color:transparent;font-size: 12px; color: #4B4C4C; font-family: Verdana; font-style: italic; font-weight: bold;margin:0px;height:20px; padding-left:10px; padding-right:0px; padding-top:7px; padding-bottom:0px; text-transform:uppercase;}
.big_column_title {
	padding-left: 0px; padding-top: 0px; background-image:url('../images/col_header_bg.jpg'); background-repeat: no-repeat; background-position:right top; color:#4B4C4C;}
.big_column .content {padding-top:24px; border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF;padding-left:10px}               
.big_column .content h4 {
	font-size: 10px; color: #4B4C4C; font-family: Verdana;margin:0px;padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:3px;text-transform:uppercase;}    
.big_column .content h5 {
	font-size: 10px; color: #330099; font-family: Verdana;margin:0px;padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:6px}             
.big_column_footer {
	height: 25px; border: 1px solid #CFCFCF; background-image:url('../images/col_footer_bg.jpg');background-repeat: repeat-x; background-position: left top;}
.content .seperator {
	margin-left:-10px;height: 36px; border-left-width: 1px; border-right-width: 1px;border-top-width: 1px;background-image:url('../images/pix_sep.jpg'); background-repeat: repeat-x; background-position: left center}
.content a:visited {
	color:blue;}
/*** Home Page - Results ***/
#content22sp {
	position:relative; float:left; width:320px; background:transparent; font-size:1px; } 
#content22 {
	position:relative; float:left; width:298px; background-color:#FFFFFF; font-family:tahoma,verdana,sans-serif; font-size:10px;}
#content22 .bspc {
	padding-bottom:20px; clear:both; font-size:1px;}

/*** Needed??? ***/
#content32 {
	position:relative; float:left; width:300px; background-color:#FFFFFF; font-family:verdana; font-size:10px;}
#content32 .bspc {
	padding-bottom:20px; clear:both; font-size:1px;}

/*** Main Body Contaner ***/
#inner_content {
	position:relative; float:left; clear:both; width:940px; background-color:transparent; font-size:10px;}

/*
#inner_content1sp {
	position:relative; 
	float:left; 
	width:160px; 
	background:transparent; 
	font-size:1px; 
	} 
#inner_content1 {
	position:relative; 
	float:left; 
	width:145px; 
	background-color:#FFFFFF; 
	font-size:10px;
	}
#inner_content1 .bspc {
	padding-bottom:20px; 
	clear:both; 
	font-size:1px;
	}
*/

/*** Login ***/
#two_col_content2sp {
	position:relative; float:right; width:770px; background:transparent; font-size:1px; }
#two_col_content2 {
	position:relative; float:left; width:770px; background-color:#FFFFFF; font-size:10px;}

/*
.subheading {
	border-bottom:1px solid #CFCFCF; 
	font-size: 11px; color: #4B4C4C; 
	font-family: Verdana; 
	font-weight: bold;
	height: 20px; 
	background-image:url('../images/col_footer_bg.jpg');
	background-repeat: repeat-x; 
	background-position: left top; 
	padding-left:10px; 
	text-transform:uppercase; 
	padding-top:5px
	}
.subheading_box {
	border-left:1px solid #CFCFCF; 
	border-right:1px solid #CFCFCF; 
	border-top:1px solid #CFCFCF; 
	}

.subheading a{
	color:#330099;
	text-decoration: none;
	}
.subheading a:hover{
	color:#990099;
	}
.sub_subheading {
	border-bottom:1px solid #CFCFCF; 
	font-size: 10px; color: #4B4C4C; 
	font-family: Verdana; 
	font-weight: bold;
	height: 20px; 
	background-repeat: repeat-x; 
	background-position: left top; 
	padding-left:20px; 
	text-transform:uppercase; 
	padding-top:5px
	}

.sub_subheading a{
	color:#333333;
	text-decoration: none;
	}
.sub_subheading a:hover{
	color:#990099;
	}
	
.sub_subheading_box {
	
	}     
*/

/*** DAN - NOTE - Content for body for site - new css at the bottom of the file ***/
#inner_content2sp {
	position:relative; 
	float:left; 
	width:555px; 
	background:transparent; 
	font-size:1px; 
	} 

#inner_content2 {
	position:relative; 
	float:left; 
	width:540px; 
	background-color:#FFFFFF; 
	font-size:10px;
	}
#inner_content2 .bspc {
	padding-bottom:20px; 
	clear:both; 
	font-size:1px;
	}
/*
#inner_image_row {
	padding-bottom:30px;
	}
*/

/*** Needs To go!!!  ***/
h1.inner_heading {
	text-transform:uppercase; margin:0px; padding:0px;  font-family:Verdana;  font-size:12px;  color:#4B4C4C; font-style:italic; font-weight:bold}
/*
p.inner_content {
	font-family:Verdana; 
	font-size:12px; 
	color:#4B4C4C;
	}
*/
#search_form {
	margin-top:-10px;
	border-left:1px solid #B9B9B9; 
	border-right:1px solid #B9B9B9; 
	border-bottom:1px solid #B9B9B9; 
	width:537px ;
	}
#search_form td {
	font-family:Verdana; 
	font-size:10px; 
	color:#4B4C4C; 
	text-transform:uppercase; 
	font-weight:bold
	}
.search_result_title {
	font-family:Verdana; 
	font-size:10px; 
	color:#4B4C4C; 
	text-transform:uppercase; 
	font-weight:bold; 
	height:31px;
	}
.search_result_heads td {
	font-family:Verdana; 
	font-size:10px; 
	color:#990099;
	font-style: italic; 
	font-weight:bold; 
	height:31px
	}
.row1 {
	background-color: #E9EBEB;
	}
.row2 {
	background-color: #FFFFFF;
	}
.button {
	font-family: Verdana; 
	font-size: 10px; 
	color: #990099; 
	font-style: italic; 
	font-weight: bold; 
	height: 27px; 
	border: 1px solid #C0C0C0; 
	background-color: #E2E2E2;
	}
/*
#inner_content3 {
	position:relative; float:left; width:200px; background-color:#FFFFFF; font-family:verdana; font-size:10px;}
#inner_content3 .bspc {
	padding-bottom:20px; clear:both; font-size:1px;}
*/

#search_an_event td {
	font-family:Verdana; font-size:10px; color:#4B4C4C; text-transform:uppercase; font-weight:bold;}
/*
#what_we_do_index{
	padding-left:20px;}
*/

/*** Main Page Conntainer  ***/
#groupsp {
	position:relative; float:left; width:320px; background:transparent; font-size:1px; } 
#group {
	position:relative; float:left; width:298px; background-color:transparent; font-size:10px;}
#group2sp {
	position:relative; float:left; width:320px; background:transparent; font-size:1px; } 
#group2 {
	position:relative; float:left; width:298px; background-color:transparent; font-size:10px;}

#footer{
		width: 100%;margin: 0 auto;text-align:center;background-color: #fff;}
	
.footer2 {
	float:left;width:100%;padding-top:20px; padding-bottom:20px;text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}

label {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 140px;
	float: left;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 10px;
	font-family:Verdana; font-size:10px; color:#4B4C4C; text-transform:uppercase; font-weight:bold;
	line-height: 1.5;
}

.login label {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 70px;
	float: left;
	text-align: left;
	padding-right: 10px;
	margin-bottom: 10px;
	font-family:Verdana; font-size:10px; color:#4B4C4C; text-transform:uppercase; font-weight:bold;
	line-height: 1.5;	
}

.clearTable label {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 10px;
	font-family:Verdana; font-size:10px; color:#4B4C4C; text-transform:uppercase; font-weight:bold;
	line-height: 1.5;
}
form br {
	clear:left;
}

.error {
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	color: #ff0000;
	font-weight:bold;
	}
.rederror {
	color: #ff0000;
	font-weight:bold;
}

fieldset {
	margin-left: 2em 0 2em 0;
	padding: 2em .5em .5em .5em;
	border: 1px solid #ccc;
	width:100%;
}
legend {
	margin-left: auto;
	margin-right: auto;
	padding: .6em;
	background-color: #F5F5F5;
	font-weight: bold;
	font:bold 1.1em/1  Verdana, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #ccc;
}

.formbreak {
	color: #ccc;
	background-color: #ccc;	
	width: 100%;
	height: 2px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	
	}
	
#primolnk {
	/*text-align:right;*/
	color: #666;
}
#primolnk a {
	text-decoration: none;
	color: #666;
}

#bread {
	width:45%;
	float:left;
	text-align:left;
	color: #666;
	padding-top:7px;
	padding-left:5px;
}
/*
#user {
	width:45%;
	float:right;
	text-align:right;
	color: #666;
	padding-top:7px;
	padding-right:5px;
}
*/
.loginbenifits {
	position:absolute;
 	top:20px;
 	right:0;
 	width:235px;
	background:#fff;
	padding:4px;
	margin:4px;
}

input,select,textarea {
	margin:2px;
}
/*** DAN NOTE ***

#inner_content2 {position:relative; float:left; background-color:#FFFFFF; 
	width:540px; font-size:10px;}
***/

/*** DAN new css for servises etc - Width 540px ***/
div#OurServices{width:100%; padding:0; margin:0; border:none}
div#OurServices h1{margin:0px 0px 5px 0px; padding:0px 0px 3px 0px;}
div#OurServices h2,div#OurServices h3,div#OurServices h4{margin:0px 0px 3px 0px; padding:0px 0px 2px 0px;}
/*** For centering H1,2,3,4 tags for titles on pages if needed ***/
div#OurServices .Center{text-align:center; margin:0px 0px 3px 0px; padding:0px 0px 1px 0px;}
div#OurServices .ClearBoth{clear:both}
div#OurServices img{padding:0; margin:0; border:none}
div#OurServices .FloatRight{float:right; padding:0px 0px 4px 8px}
div#OurServices .FloatLeft{float:Left; padding:0px 8px 4px 0px}
div#OurServices .FloatLeftRaceNumber{float:Left; padding:0px 6px 4px 0px; width:172px; text-align:center;}
div#OurServices .BackRaceNumber{border:1px solid #cccccc}
div#OurServices .FloatLeftRaceNumber img{ border:1px solid #cccccc}
div#OurServices p.Box{padding:7px; margin-top:11px; border:solid 2px #3975B5; text-align:center; clear:both;}
div#OurServices div.DownloadLink{float:Right; padding:8px; border:solid 2px #3975B5}
div.H2Title p{padding-top:2px; margin-top:2px}
div#OurServices img.TextAlignTop{vertical-align:text-top}
div#OurServices li{padding-top:2px; padding-top:2px}
ol#Install li{padding-bottom:6px}
ol#Install li img{padding-top:4px; margin-left:-37px}
dl.HowToDOB{width:175px; padding:0px 0px 0px 25px; margin:0px; border:0px; float: left}
dl.HowToDOB dt,dd,ul{margin:0px; margin-left:15px; padding:0px; border:0px}
dl.HowToDOB li{padding:3px}
dl.HowToDOB dt{font-weight:bold}
dl.HowToDOB ul{margin:4px 0px 7px 0px}
dl.HowToDOB ul .odd{background:#F3F3F3}
dl.HowToDOB ul .even{background:#F9F9F9}
div#OurServices #SiteMap{ background:#f0f0f0; list-style-position:inside; padding-left:7px; margin-left:0px}
div#OurServices #SiteMap ul.a{ background:#ffffff; margin-right:3px; list-style-position:inside; padding-left:7px}
div#OurServices #SiteMap ul.b{ background:#f0f0f0; margin-right:3px; list-style-position:inside; padding-left:7px;}
table#OrderForm {width:100%; padding:4px; border-collapse:collapse; border: black 1px solid}
table#OrderForm td {border: black 1px solid; padding:4px}
div#OurServices td.Per88{width:88%; vertical-align:middle;}
div#OurServices td.PerR88{ text-align:right; padding:12px}
div#OurServices td.Per12{width:12%; border-left: black 1px solid;}

/*** Print Version CSS ***/
/* 1
#sitemain {width:100%}*/
#header_line_1sp{display:none}
#header_line_1{ display:none}
#toplinks{display:none}
#header_banner{display:none}
#menu{display:none}
##user{display:none}
/* 2
#inner_content{width:100%}*/
#inner_content1sp{display:none}
#inner_content1{display:none}
#content1sp{display:none}
#content2sp{display:none}
#content3{display:none}
#what_we_do{display:none}
/* 3
#inner_content2sp{width:100%}*/
/* 4
#inner_content2{width:100%}*/
#inner_image_row{display:none}
#inner_content3{display:none}
#search_an_event{display:none}
#search_an_event table{display:none}
#search_an_event table tr{display:none}
#search_an_event table tr td{display:none}
#user{display:none}

.PrintVersion{display:none}

/*** Print Version additions to over-rid main CSS above ***/
/* 1 */
#sitemain {width:100%}
/* 2 */
#inner_content{width:100%}
/* 3 */
#inner_content2sp{width:100%}
/* 4 */
#inner_content2{width:100%}

/*** Afer thought ***/
#header_shadow{width:100%}
#main_content{width:100%}
#main_content2{width:100%}
#content12sp{width:40%}
#content12{width:40%}
#content22sp{width:40%}
#content22{width:40%}
/* Needed???
#content32{}*/
.main_column_700{width:100%}
.main_column{width:100%}
.big_column{width:100%}
#bread{width:90%}
