/* ********************************************************************************* */
/* general styles */
/* ********************************************************************************* */
* {margin:0; padding:0;}

body {
	background-color:#FFFFFF; 
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size:13px;
	color:#5C5C5C;
	text-align:center;
	}
	body a:link,  body a:visited {color:#FF0000; text-decoration:none;}
	body a:hover,  body a:active {color:#FF0000; text-decoration:underline;}



h1 {
	background-image:url(/images/strapline.gif);
	background-repeat:no-repeat;
	width:860px;
	height:230px;
	text-indent:-9999em;
	}

h2 {
	font-family: "Century Gothic", sans-serif;
	font-size:14px;
	margin-bottom:15px;
	text-transform:uppercase;
	color:#FF0000;
	}

h3 {
	font-family: "Century Gothic", sans-serif;
	font-size:14px;
	margin-bottom:15px;
	text-transform:uppercase;
	color:#FF0000;
	}
	.h3_section {margin-top:40px;}

h4 {
	font-family: "Century Gothic", sans-serif;
	font-size:13px;
	margin: 50px 0 10px 0;
	text-transform:uppercase;
	color:#333333;
	}
	.h4_first {margin-top:0px;}

hr {height:5px; color:#CCCCCC; background-color:#CCCCCC; border:0;}

.headline {color:#000000; background-color:#FFFFCC; padding:10px;}

.legal {font-size:10px; color:#666666; margin:5px 0 10px 0;}

.photo {border:solid thin #666666;}

.caption {font-size:11px; font-style:italic; margin-top:-10px; padding-top:-10px;}

.pdf {background-image:url(/images/pdf.gif); background-repeat:no-repeat; padding-left:25px;}

.profile_question {font-weight:bold;}
.profile_photo {border:solid thin #666666; margin:30px 40px 50px 0;}

#jersey {
	width:391px;
	height:255px;
	background-image:url(/images/jersey.png);
	background-repeat:no-repeat;
	position:absolute;
	top:80px;
	left:-71px;
	z-index:10;
	}

#facebook {
	width:24px;
	height:24px;
	position:absolute;
	top:30px;
	right:0px;
	z-index:20;
	}


/* ********************************************************************************* */
/* layout styles */
/* ********************************************************************************* */
#pagecontainer {
	margin: 0 auto 0 auto;
	width:860px; 
	text-align:left;
	position:relative;
	}

#logo {
	width:860px;
	height:60px;
	}

#contentcontainer {width: 860px; margin-top:35px; margin-bottom:35px;}

#maincontent {
	width:600px; 
	float:left;
	margin-right:60px;
	margin-bottom:35px;
	}
	#maincontent p {line-height:18px; margin-bottom:20px;}
	#maincontent ul {list-style:square; padding:0 0 30px 40px;}
	#maincontent li { padding-bottom:5px;}

	#maincontent ul.race_details {list-style:none; padding:0 0 20px 0;}

#profile {display:none;}

#footer {
	clear:both;
	width:860px;
	}


/* ********************************************************************************* */
/* navigation styles */
/* ********************************************************************************* */
#navigation {
	width:540px;
	height:36px;
	margin-top:5px;
	margin-left:320px;
	overflow:hidden;
	}

#navigation ul {list-style: none;}

#navigation li {display: inline;float: left;}

#navigation a {
	display:block;
	background-image:url(/images/arc_nav.gif);
	text-indent:-5000px;
	overflow:hidden;
	}

#membership a {width:105px; height:12px; background-position:0 0;}
#membership a:hover {background-position:0 -12px;}
#membership a:active {background-position:0 -24px;}

#events a {width:67px; height:12px; background-position:-105px 0;}
#events a:hover {background-position:-105px -12px;}
#events a:active {background-position:-105px -24px;}

#forum a {width:68px; height:12px; background-position:-172px 0;}
#forum a:hover {background-position:-172px -12px;}
#forum a:active {background-position:-172px -24px;}

#youth a {width:65px; height:12px; background-position:-240px 0;}
#youth a:hover {background-position:-240px -12px;}
#youth a:active {background-position:-240px -24px;}

#gallery a {width:78px; height:12px; background-position:-305px 0;}
#gallery a:hover {background-position:-305px -12px;}
#gallery a:active {background-position:-305px -24px;}

#sponsors a {width:91px; height:12px; background-position:-383px 0;}
#sponsors a:hover {background-position:-383px -12px;}
#sponsors a:active {background-position:-383px -24px;}

#contact a {width:66px; height:12px; background-position:-474px 0;}
#contact a:hover {background-position:-474px -12px;}
#contact a:active {background-position:-474px -24px;}

#subnav {
	font-size:11px;
	width:200px; 
	margin-bottom:35px;
	float:left;
	}

#subnav ul {list-style:none;}
#subnav li {margin-bottom:10px; padding-bottom:10px; border-bottom:dashed #CCCCCC 1px;}
#subnav a {color:#666666; text-decoration:none;}
#subnav a:hover {color:#FF0000; text-decoration:underline;}

.subnavfirst {margin:10px 0 10px 0; padding:10px 0 10px 0; border-top:dashed #CCCCCC 1px; border-bottom:dashed #CCCCCC 1px;}


/* ********************************************************************************* */
/* contact form styles */
/* ********************************************************************************* */
form {}
input {
	border:1px #999999  solid;
	background-color:#F4F4F4;
	background-image:url(/images/input_bg.jpg);
	background-repeat:repeat-x;
	margin-top:10px;
	margin-bottom:5px;
	}
	input:focus {background-image:none; background-color:#FFFFCC;}

#name, #email {width:200px;}
#message {width:350px; height:100px;}
.warning {color:#FF0000;}


/* ********************************************************************************* */
/* gallery styles */
/* ********************************************************************************* */
#maincontent ul.gallery {
	padding:0;
	list-style:none;
	margin-left:0px;
	margin-top:10px;
	}

#maincontent ul.gallery li {
	float:left;
	width:180px;	
	height:150px;
	list-style:none;
	padding:0;
	margin:0 30px 10px 0;
	}

#maincontent ul.gallery li.endofline {margin:0 0 10px 0;}
#maincontent ul.gallery li.last {margin:0 0 50px 0;}


#maincontent ul.gallery a img {border:1px #CCCCCC solid;}
#maincontent ul.gallery a:hover img {border:1px #D70606 solid;} 


/* ********************************************************************************* */
/* lightbox styles */
/* ********************************************************************************* */
#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption { float: left; }
#keyboardMsg { float: right; }
#closeButton { top: 5px; right: 5px; }

#lightbox img { border: none; clear: both;} 
#overlay img { border: none; }

#overlay { background-image: url(/gallery/overlay.png); }

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/gallery/overlay.png", sizingMethod="scale");
	}


/* ********************************************************************************* */
/* kit pricing table styles*/
/* ********************************************************************************* */
.kit_pricing {
    	border-spacing: 0px;
	border:thin solid #CCCCCC;
	margin:0 0 20px 0;
	}
	
tr {
	text-align: left;
    	font-weight: normal;
    	padding: 0.1em 0.5em;
    	border-bottom: 2px solid #CCCCCC;
    	background: #FFFFFF;
	}

td {
   	text-align: left;
    	border-bottom: 2px solid #CCCCCC;
    	padding: 0.1em 0.5em;
    	background: #FFFFFF;
	}

td.price_type {background:#CCCCCC; color:#333333; font-weight:bold; text-align:center;}

td.kit_type {background:#EAEAEA; color:#333333;}