/*
	These properties are not permitted in this file, and should be in the colour file(s):
	background-color
	border-color (border-left-color etc)
	background-image
	color
*/

*{
	background-repeat:no-repeat;
	border:0px;
	margin:0px;
	padding:0px;
}

.zero { position: absolute; left: 0px; top: 0px; z-index: 10; border: 0px; margin: 0px;	padding: 0px; }

.tiny { font-size: 63%;  line-height: 120%  }
.small { font-size: 69%;  line-height: 130%  }
.smallx { font-size: 75%; line-height: 125% }
.smaller { font-size: 81%;  line-height: 130%  }
.normal { font-size: 88%;  }
.larger { font-size: 94%;  }
.large { font-size: 100%;  }
.largex { font-size: 100%; }
.bigger { font-size: 116%; }
.big { font-size: 140%; }
.biggest { font-size: 156%; }

/*
font size declaration is based on the assumption that the browser has a default font size of 16px
	10px	63%
	11px	69%
	12px	75%
	13px	81%
	14px	88%
	15px	94%
	16px	100%
arial is the default font. Use verdana.css after this in the cascade if required
*/

html{
	overflow-y:scroll;
}

body{
	font-family: Helvetica, Verdana, Arial, Sans-serif;
	font-size:100%;
	margin-bottom:100px;
}

html,body{
	min-height: 100%;
}

.pageaccess{
	left:-1000em;
	position:absolute;
	top:0;
}

/* site shell begins */

#container{
	float:none;
	min-height:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

/* define total page width */
#container, #main, #footer, #contentarea{
	width:978px;
}

/* define left hand column width */
#logo, a#logolink, div.menu {
	width:180px;
}

/* float the left menu. */
div.menu{
	float:left;
}


/* content area width */
#contentarea, #editpage, #title{
	width:748px;
}

/*header begins*/

#logo{
	float:left;
	min-height:100px;
}

#controlpanel{
	float:right;
	min-height:20px;
	height:20px;
	text-align:right;
	font-size:75%;
	margin-top: 5px;
}

#searchpanel{
	float:right;
	clear:right;
	text-align:right;
	font-size:75%;
	border: solid 1px #aaaaaa;
	margin-left: 30px;
	margin-top: 4px;
}

#title{
	float:left;
}

h1{
	font-size:180%;
	font-weight:normal;
	margin-top:20px;
	margin-bottom:15px;
}

/*header ends*/


#main{
	clear:both;
	display:block;
	float:left;
}

/* main menu begins */

div.menu{
	font-size:75%;
	display:block;
	padding-bottom:20px;
}

div.menu h2{
	left:-1000em;
	position:absolute;
	top:0;
}

div.menu ul{
	clear:left;
	list-style-type:none;
}

ul.menu{
	border-bottom:1px solid;
}

div.menu a:link, div.menu a:visited{
	display:block;
	padding:6px 0px 5px 10px;
	text-decoration:none;
}

/* Level one menu begins */

div.menu li.level1{
	border-top:1px solid;
	width:180px;
}

div.menu li.level1 a.selectexpand:link, div.menu li.level1 a.selectexpand:visited{
	border-bottom:none;
}

/* Level one menu ends */

/* Level two menu begins */

div.menu ul.level2{
	border-bottom:0px;
	padding:0px 0px 5px 0px;
}

div.menu li.level2 a:link, div.menu li.level2 a:visited{
	background-position:10px 7px;
	border-bottom-width:0px;
	display: block;
	font-weight: normal;
	padding: 2px 0px 2px 20px;
}

/* Level two menu ends */

/* Level three menu begins */

div.menu ul.level3{
	border-bottom:0px;
	padding:0px 0px 2px 0px;
}

div.menu li.level3 a:link, div.menu li.level3 a:visited{
	background-position:20px 7px;
	border-bottom-width:0px;
	display:block;
	padding:2px 0px 3px 30px;
}

div.menu li.level2 a.selected:link, div.menu li.level2 a.selected:visited,
div.menu li.level2 a:hover, div.menu li.level2 a:active, div.menu li.level2 a:focus,
div.menu li.level3 a.selected:link, div.menu li.level3 a.selected:visited,
div.menu li.level3 a:hover, div.menu li.level3 a:active, div.menu li.level3 a:focus{
	text-decoration:underline;
}

/* main menu ends */

/* submenu begins (for use in content area) */

#contentarea div.submenu{
	display:block;
	width:200px;
	margin:20px 10px;
}

#contentarea div.submenu ul{
	clear:left;
	list-style-type:none;
	margin:0px;
}

#contentarea div.submenu li{
	margin:0px;
}

#contentarea div.submenu a:link, #contentarea div.submenu a:visited{
	display:block;
	padding:6px 10px 5px 20px;
	text-decoration:none;
}

#contentarea div.submenu ul{
	border:outset 1px gray;
}

#contentarea div.submenu li a:link, #contentarea div.submenu li a:visited{
	background-position:20px 7px;
	border-bottom-width:0px;
	display:block;
	padding:2px 0px 3px 30px;
}

#contentarea div.submenu li a.selected:link, #contentarea div.submenu li a.selected:visited,
#contentarea div.submenu li a:hover, #contentarea div.submenu li a:active, #contentarea div.submenu li a:focus{
	text-decoration:underline;
}

/* submenu ends */

/* form fields */

form br{
	clear:left;
}

fieldset{
	margin:5px 0px;
	padding: 10px;
	border: 1px solid gray;
}

fieldset legend{
	display:none;
}

select{
	border-style:solid;
	border-width:1px;
}
/* margin:0px 0px 10px 5px; */

textarea{
	border-style:solid;
	border-width:1px;
	clear:none;
	display:block;
	margin:0px 0px 10px 5px;
}

input.text{
	border-style:solid;
	border-width:1px;
	clear:none;
	display:inline-block;
}

input.submit{
	border-style:outset;
	border-width:2px;
	font-size: 100%;
	font-family:Arial, Helvetica, Sans-serif;
	letter-spacing:0px;
	margin:0 10px 0 0;
	min-height:18px;
	overflow: visible;
	padding:0 2px 2px 2px;
	width: auto;
}

.label, #contentarea dl.entryform dt.label {
	display:inline-block;
	float: left;
	width: 80px;
}

.labelnarrow, #contentarea dl.entryform dt.labelnarrow {
	display:inline-block;
	float: left;
	width: 65px;
}

.labelnarrow, #contentarea dl.entryform dt.labelmedium {
	display:inline-block;
	float: left;
	width: 100px;
}

.labelwide, #contentarea dl.entryform dt.labelwide {
	display:inline-block;
	float: left;
	width: 140px;
}

.fieldvalue{
	display: inline-block;
	margin-bottom: 4px;
}

.fieldvalueminimum, #contentarea dl.entryform dd.fieldvalueminimum {
	display: inline-block;
	margin-bottom: 4px;
	width:	50px;
}
.fieldvaluenarrow, #contentarea dl.entryform dd.fieldvaluenarrow {
	display: inline-block;
	margin-bottom: 4px;
	width:	100px;
}
.fieldvaluemedium, #contentarea dl.entryform dd.fieldvaluemedium {
	display: inline-block;
	margin-bottom: 4px;
	width:	200px;
}
.fieldvaluemediumplus, #contentarea dl.entryform dd.fieldvaluemediumplus {
	display: inline-block;
	margin-bottom: 4px;
	width:	230px;
}
.fieldvaluewide, #contentarea dl.entryform dd.fieldvaluewide {
	display: inline-block;
	margin-bottom: 4px;
	width:	465px;
}

label.for_select{
	display:inline-block;
	float: left;
	width: 75px;
}

label.for_checkbox{
	float:left;
	font-weight:normal;
	padding:5px 0px;
	text-align:left;
	width:100%;
}

label.for_checkbox input{
	vertical-align:middle;
}

label.for_textarea{
	text-align:left;
	width:100%;
}


#contentarea input.datepicker{
	float:none;
	width:12%;
}

.datefield {
	width: 64px;
}

span.datefieldholder {
	width: 90px;
}

/* form fields end */

/* login form extras */

#login {
	width: 270px;
}

#login input.text {
	width:120px;
}

/* edit page extras */

#editpage input.submit {
	float:left;
}

#editpage {
	float: left;
	margin:10px 0 0 10px;
}

#editpage label.title, #editpage input.title {
	font-size: 150%;
}


#editpage input.title {
	border: solid 1px black;
	width: 85%;
}



#footer{
	display:block;
	float:left;
	font-size:75%;
	min-height:35px;
}

#printfooter{
	display:none;
	float:left;
	font-size:75%;
	min-height:35px;
}

/*footer info now full width */


#footer{
	float:left;
	min-height:35px;
	width:100%;
}

#footerlinks{
	display: block;
	margin-left:0px;
	font-weight:bold;
}

#footerlinks a:link, #footerlinks a:visited{
	text-decoration:none;
}

#footerlinks a:hover{
	text-decoration:underline;
}

#footerlinks li{
	display: inline;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0px 10px;
	background-position:0px 2px;
}

#footerlinks li.right{
	float:right;
	background-image:none;
}

#footerlinks h2{
	left:-1000em;
	position:absolute;
	top:0;
}


.left{
	float: left;
}

.right{
	float: right;
}
.center{
	text-align:center;
}
.textleft{
	text-align:left;
}
.textcenter{
	text-align:center;
}
.textright{
	text-align:right;
}

/* site ends */

/*
contentarea begins
assumed default font size 14px (achieved by font-size:82% declaration below
contentarea fonts are therefore sized relative to 14px rather than the document default of 16px

*/

#contentarea, #title{
	padding-left:20px;
	padding-right:10px;
}

#contentarea{
	float:left;
	font-size:81%;
	padding-top:5px;
}


/* Author classes */

#contentarea img.imageleft{
	clear:left;
	float: left;
	padding: 10px 10px 10px 0;
}

#contentarea img.imageright{
	clear:right;
	float: right;
	padding: 10px 0 10px 10px;
}

#contentarea .newline{
	clear:both;
	float: none;
}

#contentarea .br{
	clear:left;
}

#contentarea span.newline{
	display:block;
}

#contentarea a.arrow, #contentarea a span.arrow, #contentarea span.arrow a{
	background-position:10px 6px;
	display:block;
	padding-left:20px;
}
#contentarea span.smalltext{
	font-size:81%;
}

#contentarea span.superscript, #contentarea sup{
	font-size:77%;
	line-height:100%;
	vertical-align:30%;
}

#contentarea span.subscript{
	vertical-align : -30%;
	line-height:100%;
	font-size:77%;
}

#contentarea sub{
	vertical-align : -25%;
	line-height:100%;
	font-size:77%;
}

/*  End Author classes */


/*generic lists begin*/
#contentarea ol, #contentarea ul{
	list-style-position:outside;
	margin:10px 0px;
}

#contentarea ul{
	margin-left:20px;
}

#contentarea ol{
	margin-left:35px;
}

#contentarea ol li, #contentarea ul li{
	margin-bottom:5px;
}

#contentarea ul li ul, #contentarea ul li ul li ul li ul{
	list-style-type:circle;
	margin:5px 0px 5px 10px;
}

#contentarea ul li ul li ul, #contentarea ul li ul li ul li ul li ul{
	list-style-type:disc;
}

/* generic lists end */

/*control panel list begin*/
#controlpanel ul{
	list-style-position:outside;
}

#controlpanel ul{
	margin-left:20px;
}

#controlpanel ul li{
	margin-bottom:5px;
	list-style-type:none;
	display:inline;
	margin:2px 10px;
}

/* control panel list end */

#contentarea ul.listarrows{
	list-style-type:none;
}

#contentarea ul.listarrows a{
	padding-left:10px;
	background-position:0px 6px;
}

#contentarea table.noborder th, #contentarea table.noborder td{
	border:0;
}

#contentarea #levelfourcontentheader a.arrow{
	background-position:10px 8px;
}

#contentarea #levelfourcontentheader{
	float:left;
	margin-bottom:10px;
	width:100%;
}

#contentarea #levelfourcontentheader ul{
	list-style-type:none;
	margin-left:0px;
	margin-top:0px;
}

#contentarea #levelfourcontentheader ul li ul{
	border-style:solid;
	border-width:1px;
	float:left;
	list-style-type:none;
	padding-bottom:5px;
	width:96%;
}

#contentarea #levelfourcontentheader ul li ul li h3{
	font-size:100%;
	margin-bottom:0px;
	padding:3px 10px;
}

#contentarea #levelfourcontentheader ul li ul li.first{
	height:10px;
}

#contentarea #levelfourcontentheader ul li ul li a{
	display:block;
	padding:2px 10px;
}

#contentarea #levelfourcontentheader ul li ul li.current{
	font-weight:normal;
	text-indent:20px;
}

#contentarea a:link, #contentarea a:visited{
	text-decoration:underline;
}

#contentarea pre a:link, #contentarea h2 a:link,#contentarea h3 a:link, #contentarea pre a:visited, #contentarea h1 a:visited, #contentarea h2 a:visited,#contentarea h3 a:visited{
	text-decoration:none;
}

#contentarea h2 a:hover,#contentarea h3 a:hover{
	text-decoration:underline;
}

#contentarea a:hover{
	text-decoration:none;
}

#contentarea a.right_link{
	text-align:right;
}

#contentarea a.vertical_spaced{
	margin:10px 0px;
}

#contentarea a.button, .button {
	text-decoration: none;
	padding: 2px 10px;
	border: 3px solid;
	text-align: center;
	min-height:20px;
	display: block;
	float: left;
	margin-right: 10px;
}

#contentarea a.thinbutton, .thinbutton {
	text-decoration: none;
	padding: 1px 10px;
	border: 1px solid;
	text-align: center;
	font-size: 81%;
	min-height:8px;
	display: block;
	float: left;
	margin-right: 10px;
}

#contentarea a.lightbutton, .lightbutton {
	text-decoration: none;
	padding: 1px 10px;
	border: 1px solid;
	text-align: center;
	font-size: 75%;
	min-height:8px;
	display: block;
	float: left;
	margin-right: 10px;
}

#contentarea table{
	border-collapse:collapse;
	width:100%;
}

#contentarea table.quarter{
	width:25%;
}

#contentarea table.half{
	width:50%;
}

#contentarea table.threequarters{
	width:75%;
}

#contentarea table.bordered td, #contentarea table.bordered th{
	border:1px solid black;
}

#contentarea fieldset table{
	margin:0;
}

#contentarea caption{
	font-size:115%;
	padding-bottom:10px;
	padding-top:10px;
}

#contentarea table th{
	font-size:100%;
}

#contentarea table td, #contentarea table th{
	border:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	vertical-align:top;
}

#contentarea table td.textcenter, #contentarea table th.textcenter{
	text-align:center;
}

#contentarea table td.textright, #contentarea table th.textright{
	text-align:right;
}


#contentarea table th a{
	white-space:nowrap;
}


#contentarea h2{
	font-size:123%;
	font-weight: bold;
	margin-bottom:16px;
}

#contentarea h3{
	font-size:115%;
	font-weight:bold;
	margin-bottom:10px;
}

#contentarea h4{
	font-size:108%;
	font-weight:bold;
	margin-bottom:10px;
}

#contentarea h5, #contentarea h6{
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
}

#contentarea p{
	margin-bottom:5px;
}


#contentarea hr{
	clear:both;
	height:1px;
	margin:10px 0px;
	border:solid 1px;
}

#contentarea li.current{
	font-weight:bold;
}

#contentarea dl{
	clear:left;
	margin-bottom:0px;
	width:100%;
}

#contentarea dt{
	clear:left;
	float:left;
	margin-bottom:4px;
	width: 100px;
}

#contentarea .panel dt, #contentarea .panelbig dt {
	width: 85px;
}

#contentarea dd{
	float:left;
	font-weight:bold;
	margin-bottom:4px;
	width:640px;
}

#contentarea dt.clearnone{
	clear: none;
}

#contentarea .panel dd {
	width: 160px;
}

#contentarea .panelbig dd {
	width: 405px;
}

#contentarea .infolist dd {
	font-weight:normal;
	margin-bottom: 10px;
}

#contentarea .infolist dt {
	font-weight:bold;
	margin-bottom: 10px;
}


#contentarea q{
	background-position:top left;
	padding-left:25px;
}

/* support for captioned images within text begins*/
.image_caption_left, .image_caption_right, .image_caption_none{
    font-size:86%;
}

.image_caption_left{
    float:left;
}

.image_caption_right{
    float:right;
}

.image_caption_none{
    text-align:center;
    width:100%;
}

.image_caption_none img{
    margin:0px auto;
}

.image_caption_left img, .image_caption_right img, .image_caption_none img{
	display:block;
    padding-bottom:10px;
}
/* support for captioned images within text ends*/






/*optional width panels*/
#main .width_half{
	margin-right:1%;
	width:49%;
}

#main .width_half_right{
	margin-left:1%;
	width:49%;
}

#main .width_third{
	margin-right:1%;
	width:32%;
}

#main .width_twothirds{
	margin-right:1%;
	width:65%;
}

#main .width_quarter{
	margin-right:1%;
	width:24%;
}

#main .width_threequarters{
	margin-right:1%;
	width:74%;
}

#main .width_full{
	width:100%;
}



/* Details hover */

#event_details{
	left:200px;
	position:absolute;
	top:350px;
}

/* special styles for editable content */

div.feature {
	padding-top:0;
	margin-bottom: 12px;
	width:100%;
}

div.feature h2, div.feature h3 {
	padding:5px 10px;
}

div.feature p {
	padding:5px 10px;
}

/* Event lists */
#contentarea #eventlist {
	padding: 0px 20px;
}

#contentarea #eventlist h4 {
    margin:2px 8px;
}

#contentarea #eventlist a {
	display: inline-block;
	width: 100%;
}

#contentarea #eventlist.summary a {
    text-decoration: none;
}

#contentarea #eventlist.summary .medal {
}

#contentarea #eventlist.summary .distance {
    text-align: right;
}

#contentarea #eventlist.summary .detail {
    width: 75%;
}

#contentarea #eventlist.summary span {
    display: inline-block;
    vertical-align: middle;
    float: left;
    padding:2px 10px;
}

#contentarea #eventlist.summary img {
    vertical-align: middle;
}
#contentarea #eventfilter {
	font-size: 90%;
}

#contentarea #eventfilter td {
	padding:	5px;
	vertical-align: middle;
}

#contentarea #eventfilter select, #contentarea #eventfilter input.text {
	font-size: 90%;
}

#contentarea #eventfilter select option{
	margin-left: 4px;
	margin-right: 4px;
}

#eventfilter select{
	margin: 0px 10px 0px 0px;
}

.left {
	float:	left;
}

.right {
	float:	right;
}

/* ridelist is used when listing results for a rider */
#contentarea table.ridelist td {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* panels that can be placed in the contentarea. */
.panel {
	width: 245px;
}

.panelbig {
	width: 490px;
}

#contentarea p.note {
	padding: 10px 5px;
}

#contentarea img.eventlogo {
	display: block;
	padding-top: 15px;
	margin-left: auto;
	opacity: 0.8;
}

/* Styles for the edit pages */
#editbuttons {
	height: 32px;
}

#editbuttons a.button {
	font-size: 81%;
	min-height: 18px;
	padding: 3px 10px 1px;
	margin-right: 10px;
}

#editbuttons input.submit {
	margin-right: 10px;
}

.gallery {
	border-width:20px;
	border-style:ridge;
	margin-top:10px;
}

.hidden {
	display: none;
}

.bordered {
	border:	solid 1px gray;
}

#contentarea table.confirmation {border: 1px solid black; margin: 20px; width: 500px;}
#contentarea table.confirmation table {border: 0px; margin: 20px 80px; width: 300px;}
td.textcenter, th.textcenter {text-align: center;}
td.textright, th.textright {text-align: right;}
#contentarea table.confirmation td.first {padding-left: 10px;}
#contentarea table.confirmation td.last {padding-left: 10px; padding-bottom: 10px;}
#contentarea table.confirmation td.divider {border-top: 1px solid black; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
#contentarea table.confirmation tr.total td {border-top: 1px solid black; border-bottom: 1px solid black; }

#contentarea table.household td {border: 0px;}
#contentarea table.household th {border: 0px; width: 100px;}