.require {
	color: #990000;
	font-size: 90%;
}
header {
	color: #212B15;
	background-color: #596D32;
	width: 97%;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	font-size: 110%;
}
/* CSS Document */
html, body, ol, p, h1, h2, h3, h4, h5, h6, form, ul, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}	 


body	{
	color:#000000;
	margin: 0;
	padding: 0;
	font: x-small/1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #CCCCCC;
}

* html body { /*simplified box model hack */
font-size: xx-small; /*for IE5/Win */
f\ont-size: x-small; /*for other IE versions */
}
#wrapper_shawdow {
	width: 890px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/wrapper_shawdow.png);
}

#wrapper {
	width: 890px;
	border: 1px solid #000000;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	background-image: url(../images/wrapper_bk.gif);
	background-color: #CC9;
}
#wrapper #clear_all {
	clear: both;
}
#right_panel {
	color: #FFFFFF;
	top: 0px;
	float: right;
	background-color: #336600;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	width: 165px;
	margin: 0px;
}
#right_panel a {
	color: #FFFFFF;
}
#right_panel a:hover {
	color: #CCCCCC;
	font-weight: normal;
}
#right_panel h2, #right_panel h2 a:link,  #right_panel h2 a:hover, #right_panel h2 a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-decoration: none;
}


#rightpanel ul, #rightpanel ul a:link, #rightpanel ul a:visited {
	list-style: none;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#rightpanel li {
	padding-top: 5px;
	padding-bottom: 5px;
}
.panelbox {
	border: 1px solid #ffe8d3;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 20px;
	margin-right: 5px;
	background-color: #3C7700;
	color: #FFF;
}
.panelboxCenter {
	border: 1px solid #ffe8d3;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 20px;
	background-color: #3C7700;
	color: #FFF;
	text-align: center;
}
#banner {
	width: 718px;
	background-color: #4A6522;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#left_nav {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
	float: left;
	width: 145px;
	color: #FFFFFF;
	padding-top: 2px;
	background-color: #000000;
	font-weight: bold;
	left: 0px;
	top: 75px;
	padding-left: 0px;
	margin: 0px;
}

#left_nav a, #left_nav a:visited {
	background: #336600;
	color: #FFFFFF;
	text-decoration: none;
	width: 142px;
	display: block;
	border-bottom: 1px solid #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#left_nav a:hover {
	background: #659935;
	color: #000000;
	text-decoration: none;
	width: 142px;
	display: block;
	border-bottom: 1px solid #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#left_nav h1  {
	padding-left: 3px;
	display: block;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000;
}
#left_nav h4 {
	padding-left: 3px;
	display: block;
	padding-top: 3px;
	padding-bottom: 4px;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}
#left_nav .leftpanel {
	padding-top: 3px;
	padding-left: 2px;
	border: 1px solid #FFFFFF;
	width: 133px;
	margin-left: 3px;
	padding-right: 2px;
	padding-bottom: 5px;
	margin-top: 5px;
}

#center_panel {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #CCCC99;
	width: 575px;
}
#content {
	width: 568px;
	position: relative;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-size: 120%;
}

#content a {
	color: #900;
	text-decoration: underline;
}
#content h3 a, #content h3 a:visited{
	color: #EDEDD3;
} 
#content .calgreen a:link, #content .calgreen a:visited, #content .calblue a:link, 
#content .calblue a:visited, #content .calred a:link, #content .calred a:visited {
	color: #FFF;
	text-decoration: underline;
	line-height: 90%;
}
#content .calgreen a:hover, #content .calblue a:hover, #content .calred a:hover  {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 90%;
}
#content h2 {
	font-weight: bold;
	color: #EDEDD3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8E16F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #172F00;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #336600;
	border-left-color: #C8E16F;
	background-color: #022D00;
	background-image: url(../images/h2back.jpg);
	background-repeat: no-repeat;
	font-size: 110%;
	width: 537px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#content h2 a:link, #content h2 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#content ul {
	list-style: disc inside;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: normal;
	padding-right: 10px;
}
#content ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 10px;
	padding-bottom: 10px;

}
#content ol {
	list-style-type: lower-alpha;
	padding-left: 60px;
	padding-top: 0px;
}
#content fieldset {
	border: 1px solid #336600;
	width: 90%;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 8px;
	margin: 0px;
}

#content legend {
	font-weight: bold;
	color: #000000;
}
#content_calendar {
	width: 640px;
	position: relative;
	margin: 0px 0px 0px 145px;
	background: #CCCC99;
}
#content h3 {
	font-size: 110%;
	font-weight: bold;
	background: #336600;
	padding: 3px 3px 5px 10px;
	text-align: center;
	color: #FFFFFF;
}
#content .box li {
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
}
#footer {
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-top: 3px;
	background-color: #000000;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#footer a:link, a:visited, a:hover {
	color: #FFFFFF;
}
/* CSS for membership form */
#member_form {
	background-color: #D6E5D4;
	width: 510px;
	border: 1px solid #360;
	margin-bottom: 20px;
	margin-top: 10px;
	background-image: url(../images/memformBack.gif);
	padding: 0px;
}
#memberFormCol1 {
	background-color: #BEBDE6;
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0px;
}
#memberFormCol2 {
	float: right;
	width: 48%;
	background-color: #D6E5D4;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.memberFormCol1Right {
	float: right;
	clear: right;
	width: 19%;
	padding: 5px 0px 0px;
}
.memberFormRow {
	width: 75%;
	float: left;
	margin-bottom: 5px;
	padding-left: 5px;
}
#memberFormCol2b {
	float: right;
	width: 70%;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 5px;
}
#update #State , #update #MemberTypeID  {
	margin-bottom: 7px;
}
#update #LastModify ,  #new #JoinDate2{
	margin-top: 5px;
}
#merge select {
	width: 15em;
	background-color: #DCDCBA;
}
#merge label {
	width: 11em;
}
#merge #State {
	margin-bottom: 6px;
	width: 4em;
}


.step2 {
	margin-left: 280px;
}
.step3 {
	margin-left: 440px;
}
.step1 {
	margin-left: 80px;
}

h1 {
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.box {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right: 1px solid #336600;
	border-bottom: 1px solid #336600;
	border-left: 1px solid #94B425;
	border-top-color: #336600;
	border-top-width: 1px;
	margin-bottom: 20px;
	background: #DDDDAA url(../images/drop-shawdow.jpg) repeat-x right bottom;
	margin-left: 5px;
	margin-right: 0%;
	width: 540px;
	margin-top: 0px;
}
.box .align {
	padding-left: 170px;
	margin-bottom: 1px;
}


.newstitle {
	font: 120% Verdana, Arial, Helvetica, sans-serif;
	color: #ddddaa;
}
.panelimage20 {
	padding: 20px 0px;
}

.beginner {
	font-weight: bold;
	color: #336600;
	text-decoration: underline
}
.intermediate {
	font-weight: bold; 
	color: #0000FF;
	text-decoration: underline
}
.advanced {
	font-weight: bold;
	color: #900;
	text-decoration: underline
}.panelimage_flush {
	padding: 20px 0px 2px;
}
.panelimage_flushTB {
	padding: 0px;
}
.image_left {
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	clear: both;
	float: left;
}
.image_right {
	margin-top: 3px;
	margin-bottom: 3px;
	clear: both;
	float: right;
	margin-left: 5px;
	font-size: 85%;
	line-height: normal;
}
.moreinfo {
	clear: both;
	padding-top: 10px;
	text-align: right;
	float: none;
}
.align_bottom {
	vertical-align: bottom;
}
#mtb_nav {
	top: 350px;
	position: relative;
	bottom: 500px;
	left: 8px;
}

#more_info {
	position: relative;
	top: 300px;
}
#assesment_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:center;
	}
#forward {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	vertical-align: middle;
}
#back {
	float: left;
	margin-left: 10px;
}
.indent {
	padding-left: 10px;
}
.cal {
	background-color: #336600;
	padding: 2px 2px 3px;
	font-weight: bold;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
}
.smaller {
	font-size: 90%;
}

.calblue
{
	background-color: #EBEBFD;
	font-size: 90%;
}
.calgreen
{
	background-color: #336600;
	display: block;
	color: #FFFFFF;
	font-size: 90%;
}

.calred {
	background-color: #E0A7A8;
	padding: 2px;
}
.crossout {
	text-decoration: line-through;
}

.caldays {
	color: #FFFFFF;
	background-color: #666666;
	font-weight: bold;
	line-height: 200%;
	vertical-align: middle;
	font-size: 90%;
}
.image_left_bb {
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	clear: both;
	float: left;
	border: 1px solid #000000;
}
.image_right_bb {
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #000000;
	clear: both;
	float: right;
	margin-left: 5px;
	font-size: 85%;
	background-color: #CCCC99;
}
.column1 {
	width: 275px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
}
.column2 {
	width: 140px;
	float: right;
	margin: 0px;
}
.column3 {
	width: 50px;
	margin: 0px;
	float: right;
	padding-top: 0px;
}
.attention {
	font-weight: bold;
	color: #900;
}
.image_middle {
	margin-top: 3px;
	margin-bottom: 3px;
	clear: both;
	float: right;
	margin-left: 5px;
	font-size: 85%;
	line-height: normal;
	margin-right: 100px;
	border: 1px solid #000000;
}
.bpcolumn1 {
	background-color: #39502d;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
}
.report {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-bottom: 10px;
	background-color: #DDDDAA;
}

.bpcolumn2 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	background-color: #DDDDAA;
}
.bikereport {
	margin: 10px 0px;
	padding: 5px 0px 10px 5px;
	background-color: #39502d;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/bikereport.gif);
	background-repeat: no-repeat;
}
.verdanabold18 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	display: inline;
}
.bikereport_right {
	padding-left: 300px;
}
.reverse {
	color: #DDDDAA;
	background-color: #000000;
	width: 70%;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}
.border {
	border: 1px solid #000000;
}
.clearall {
	clear: both;
}
.cal2 {
	background-color: #336600;
	padding: 2px 2px 3px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #000000;
}

form input, form textarea, form list, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;
	padding: 0px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 0px;
}
form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	clear: both;
	width: 80px;
	margin: 0px;
}
.indent_box  {
	border: 1px solid #336600;
	color: #333333;
	font-style: normal;
	display: block;
	margin-left: 10px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C6C66F;
	padding-right: 2px;
}
.cancolumn1 {
	width: 260px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
	float: left;
	padding-left: 3px;
	background-color: #DDDDAA;
	padding-right: 3px;
	background-image: url(../images/drop-shawdow.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	border: 1px solid #336600;
	margin-bottom: 5px;
}
.cancolumn2 {
	width: 260px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 10px;
	float: right;
	padding-right: 3px;
	background-color: #DDDDAA;
	padding-left: 3px;
	background-image: url(../images/drop-shawdow.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	border: 1px solid #336600;
	margin-bottom: 5px;
}
.canidateheader {
	padding: 0px 5px 5px;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
}

.valign_middle {
	vertical-align: middle;
	background-position: center;
}
.spacer {
	margin-bottom: 20px;
}
.whiteborder {
	border: 1px solid #FFFFFF;
}
tr.odd {
	background-color:#C6C68C
}
tr.even {
	background-color:#D9D9B3
}
.entry p {
	margin-bottom: 10px;
}
.db_backButtton {
	float: right;
}
.db_Butttons {
	width: 520px;
}
.button {
	background-color: #E3EDE2;
	color: #000000;
	width: 6em;
	margin-bottom: 5px;
	background-image: url(../images/db_button.gif);
	background-position: top;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #999;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
}
.buttonSmall {
	background-color: #E3EDE2;
	color: #000000;
	margin-bottom: 5px;
	background-image: url(../images/db_button.gif);
	background-position: top;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #999;
	line-height: 30px;
	height: 30px;
}
.buttonLarge {
	background-color: #E3EDE2;
	color: #000000;
	width: 8em;
	margin-bottom: 5px;
	background-image: url(../images/db_button.gif);
	background-position: top;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #999;
	line-height: 30px;
	height: 30px;
}
.buttonXLarge {
	background-color: #E3EDE2;
	color: #000000;
	width: 10em;
	margin-bottom: 5px;
	background-image: url(../images/db_button.gif);
	background-position: top;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #999;
	line-height: 30px;
	height: 30px;
}
#login label {
	width: 6em;
	float: left;
	margin-right: .5em;
}
#login  #username, #password       {
	width: 120px;
	margin-bottom: .5em;
}
#update  label, #new label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	vertical-align: middle;
}
#update input, select, #new input, select {
	margin-bottom: .5em;
	vertical-align: middle;
}
.indent_box2 {
	border: 1px solid #336600;
	color: #333333;
	font-style: normal;
	display: block;
	margin-left: 10px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 2px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #C1C184;
}

/* CSS for database pages */
.instuctions {
	float: right;
	width: 360px;
	padding-right: 5px;
	margin: 0px;
	clear: both;
}
/*.meminterestcol {
	float: left;
	width: 9em;
	text-align: left;
	color: #FF0;
} */
.attentionHeader {
	font-weight: bold;
	color: #CF0;
}
.link {
	color: #900;
	text-decoration: underline;
}
#memberdetails form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding-top: 3;
	padding-right: 10px;
	padding-bottom: 10;
	clear: both;
	width: 120px;
	margin: 0px;
}
/*form input, form textarea, form list, form radio, form select {
	 display: inline; inline display must not be set or will hide submit buttons in IE 5x mac 
	width:auto;
	padding: 0px;
	margin: 0px 0px 10px;
}*/

#memberdetails  .textfield{
	width:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #DDDDAA;
	height: 16px;
}
.fakeTextfield {
	width:180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 130px;
	background-color: #DDDDAA;
	border: 1px solid #FFF;
}
.strikethrough {
	text-decoration: line-through;
}
.panelboxCenterBk {
	border: 1px solid #ffe8d3;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 20px;
	background-color: #FFF;
	color: #000;
	text-align: center;
}
#content h3 {
	font-weight: bold;
	color: #EDEDD3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C8E16F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #172F00;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #336600;
	border-left-color: #C8E16F;
	background-color: #022D00;
	background-image: url(../images/h2back.jpg);
	background-repeat: no-repeat;
	font-size: 110%;
	width: 515px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: left;
}