@charset "utf-8";
/* 2009 Model Template */

body { margin: 0; padding: 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; }

#maincontainer{ width: 840px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ }
#topsection { border: 1px solid #b1b1b1; background-color: #fff; height: 90px; /*Height of top section*/ }
#topsection img { margin: 0; padding: 0; }
#contentwrapper { float: left; width: 100%; margin: 5px 0 0 0;}
#contentcolumn { margin-left: 200px; /*Set left margin to LeftColumnWidth*/ margin-right: 0px; }
#standcolumn { margin-left: 0px; /*Set left margin to LeftColumnWidth*/ margin-right: 0px; }
#leftcolumn { float: left; width: 200px; /*Width of left column*/ margin-left: -840px; margin-top: 5px;  background: #ffffff; }
#footer { clear: left; width: 80%; border: 1px solid #fff; background-color: #fff; text-align: center; padding: 4px 0; }
.logobox { float: left; width: 400px; }

/* additional page columns */
#container { padding-left: 200px;   /* LC width */ padding-right: 200px;  /* RC width */ }
#container .column { float: left; }
#left { float: left; width: 200px;}
#right { margin-left: -200px; width: 200px;}

/* traditional calls */
b { font: 11px Verdana, Arial, sans-serif; font-weight: bold; }
em { color: red; }
a:link, a:visited, a:active { color: blue; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }

/* custom calls */
.innertube{ margin: 10px 0 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }
.innertubeLeft { margin: 0 0 10px 0; /*Margins for inner DIV inside each column (to provide padding)*/ }
.innertubeStand{ margin: 10px 0 10px 0; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }
/* do not delete - navbox is on race reports */
.navbox { padding: 2px 6px 2px 6px; margin: 0 0 10px 0; border: 1px solid #b1b1b1; background-color: #fff; }
.navbox h2 {font: 14px verdana; font-weight: bold;}
.eventbox { padding: 2px 2px 2px 6px; margin: 0 0 5px 0; border: 1px solid #b1b1b1; background-color: #fff; }
.racebox { padding: 2px 2px 2px 6px; margin: 0 0 5px 0; border: 1px solid #b1b1b1; background-color: #fff; }
.winterbox { padding: 2px 2px 2px 6px; margin: 0 0 5px 0; border: 1px solid #b1b1b1; background-color: #fff; }
.sponsorbox { padding: 2px 2px 2px 6px; margin: 0 0 5px 0; border: 1px solid #b1b1b1; background-color: #fff; }
.satbox { padding: 2px 2px 2px 6px; margin: 0 0 5px 0; border: 1px solid #b1b1b1; background-color: #fff; }
.currentbox { padding: 2px 4px 4px 8px; margin: 0 0 5px 0; border: 1px solid #b1b1b1; background-color: #fff; }
.standbox { padding: 2px 2px 2px 6px; margin: 0 0 5px 0; border: 1px solid #b1b1b1; background-color: #fff; }
.standboxClear { padding: 2px 2px 2px 6px; margin: 0 0 5px 0; border: 1px solid #fff; background-color: #fff; }
.boxTitle { font: 12px Verdana, Arial, Helvetica, sans-serif; color: black; font-weight: bold; }
.pageTitle { font: 12px Verdana, Arial, Helvetica, sans-serif; color: black; font-weight: bold; }
.spotTitle1 { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #000; font-weight: bold; text-transformation: capitalize; }
.spotTitle2 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: blue; font-weight: bold; }
.spotTitle3 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: green; font-weight: bold; }
.spotTitle4 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: red; font-weight: bold; }
.spotTitle5 { font: 12px Verdana, Arial, Helvetica, sans-serif; color: blue; font-weight: bold; }
.headline { font: 13px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: capitalize; letter-spacing: 1px; }
.photo { border: 4px double #999;} /* for the basic photos */
.photo2 { border: 4px double #2755ea; } /* for photos starting the gallery */
.photo3 { border: 1px solid #ccc;} /* for the basic photos */
.space { height: 1px; width: 100%; }
.wsname { color: green; }
.lreport { font: 9px; }

/* 2010 report pages */
.race_reports { border: 1px solid #999; margin: 0 0 10px 0; }
.race_reports p { padding: 5px; margin: 0; }
.race_reports .nav { background: #eee; border-top: 1px solid #999; padding: 5px; }
.race_reports .nav#nav4 { border-top: 0; border-bottom: 1px solid #999; }
.race_reports .nav a { padding: 0 5px; }
.race_reports .nav a.highlight { color: #000; font-weight: bold; }
#reportpage { padding: 0 2px 10px 10px; overflow: hidden;}
.title { font: 16px verdana; font-weight: bold; margin:5px;}
.category { color: #903; font-weight: bold; }

/* divide the box by 2 */
#wrapbox { width: 550px; margin: auto; padding: 0px; text-align: left; }
#containbox { width: 100%; height: auto; margin: 0px; padding:2px 0px; background-image: url(/img/gline.gif); background-repeat: repeat-y; background-position: 250px 0px; }
#leftbox { width: 230px; height: auto; float: left; padding: 10px; margin: 0px; }
#rightbox { width: 230px; height: auto; float: left; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 40px; }
#rightbox p { margin: 0px; }
.cleanbox { font-size: 0px; height: 0px; width: 100%; display: block; clear: both; }

.boxtitlegreen { border: 1px solid #363;}
.boxtitlegreen h2 { background: #bed9c1; border: 1px solid #363; margin: -1px; padding: 4px; height: 14px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.boxtitlegreen p { padding: 4px; margin: 0.2em 0 0 0; }

.boxtitleblue { border: 1px solid #3b6c9e;}
.boxtitleblue h2 { background: #d4dfea; border: 1px solid #3b6c9e; margin: -1px; padding: 4px; height: 14px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.boxtitleblue p { padding: 4px; margin: 0.2em 0 0 0; }

.boxtitlered { border: 1px solid #ab8989;}
.boxtitlered h2 { background: #ab0909; border: 1px solid #ab8989; margin: -1px; padding: 4px; height: 14px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#fff; }
.boxtitlered p { padding: 4px; margin: 0.2em 0 0 0; }

.boxtitlegrey { border: 1px solid #999;}
.boxtitlegrey h2 { background: #edebeb; border: 1px solid #999; margin: -1px; padding: 4px; height: 14px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.boxtitlegrey p { padding: 4px; margin: 0.2em 0 0 0; }

.boxtitlegold { border: 1px solid #cf9c02;}
.boxtitlegold h2 { background: #eecd6a; border: 1px solid #cf9c02; margin: -1px; padding: 4px; height: 14px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.boxtitlegold p { padding: 4px; margin: 0.2em 0 0 0; }

/* box header */
.topnavbox1 { border: #0040cb 1px solid; color: #fff; background-color: #0040cb; padding: 3px; margin: 1px; }
.topcurrentbox1 { border: #0040cb 1px solid; color: #fff; background-color: #0040cb; padding: 3px; margin: 1px; }


/* test for race reports - minimize length */
input.button { color: #000; background: #fff; font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border: solid 1px #999; }

/* navigation drop down */
.blackmenu ul { margin: 0; padding: 0; font: bold 11px Verdana; list-style-type: none; border-bottom: 1px solid gray; background: #414141; overflow: hidden; width: 100%; }
.blackmenu li { display: inline; margin: 0; }
.blackmenu li a { float: left; display: block; text-decoration: none; margin: 0; padding: 6px 10px; /*padding inside each tab*/ border-right: 1px solid white; /*right divider between tabs*/ color: white; background: #414141 }
.blackmenu li a:visited { color: white; }
.blackmenu li a:hover { background: black; /*background of tabs for hover state */ }
.blackmenu a.selected { background: black; /*background of tab with "selected" class assigned to its li */ }

/* drop down uls */
.ddsubmenustyle, .ddsubmenustyle ul { /*topmost and sub ULs, respectively*/
font: normal 12px Verdana; margin: 0; padding: 0; position: absolute; left: 0; top: 0; 
list-style-type: none; background: white; border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; }
.ddsubmenustyle li a {
display: block; width: 160px; color: black; background-color: #edf1fd; text-decoration: none; padding: 4px 5px; border-bottom: 1px solid black; }
.ddsubmenustyle li a:hover { background-color: black; color: white; }

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/ display: inline-block; }

/* neutral  */
.downarrowpointer { /* down arrow image added to top menu items */ padding-left: 4px; border: 0; } 
.rightarrowpointer { /* right arrow image added to drop down menu items */ position: absolute; padding-top: 3px; right: 2px; border: 0; }
.ddiframeshim { position: absolute; z-index: 500; background: transparent; border-width: 0; width: 0; height: 0; display: block; }

/* light box for image galleries */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:img/show/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/show/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/show/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* collaspe table for race reimbursement */
.racetable { border: 1px solid #fff; border-collaspe: collaspe; width: 100%; align: center; } 
.racetable th { border: 1px solid #e1e1e1; padding: 0.2 em; text-align: left; }
.racetable td { border: 1px solid #e1e1e1; padding: 0.2 em; text-align:left; }
.racetable tr.altrow { background-color: #dfe7f2; color: #000; }
.racetable tr.ineli { background-color: #e1e1e1; color: #000; text-align: left; }

/* collaspe table for memorial weekend */
.memtable { border: 1px solid #fff; border-collaspe: collaspe; width: 100%; align: center; } 
.memtable th { border: 1px solid #e1e1e1; padding: 0.2 em; text-align: center; }
.memtable td { border: 1px solid #e1e1e1; padding: 0.2 em; text-align: center; }
.memtable td1 { border: 1px solid #e1e1e1; padding: 0.2 em; text-align: left; }
.memtable tr.altrow { background-color: #dfe7f2; color: #000; }
.memtable tr.ineli { background-color: #e1e1e1; color: #000; text-align: left; }

/* collaspe table for uniform */
.uniformtable { border: 1px solid #fff; border-collaspe: collaspe; width: 100%; align: center; } 
.uniformtable th { border: 1px solid #fff; padding: 0.2 em; text-align: center; width: 35%; }
.uniformtable td { border: 1px solid #fff; padding: 0.2 em; text-align: center; width: 35%; }
.uniformtable tr.altrow { background-color: #dfe7f2; color: #000; }
.uniformtable tr.ineli { background-color: #e1e1e1; color: #000; text-align: center; }
.uniformtable td.pts { text-align: center; padding: 0.2em; }
.uniformtable td.notes { text-align: left; }
.uniformtable td.time { text-align: center; }

/* collaspe table for winter series result pages */
.ridetable { border: 1px solid #E4EDED; border-collaspe: collaspe; width: 100%; align: center; } 
.ridetable td, .ridetable th { border: 1px solid #E1E1E1; border-collaspe: collaspe; padding: 0.2em; text-align: left; }
.ridetable tr.altrow { background-color: #DFE7F2; color: #000000; }
.ridetable td.pts {	text-align: center; }
.ridetable td.notes { text-align: left; }
.ridetable td.time { text-align: center; }

/* collaspe table for winter series result pages */
.sponsorstable { border: 1px solid #ffffff; border-collaspe: collaspe; width: 100%; align: center; } 
.sponsorstable td, .sponsorstable th { border: 1px solid #ffffff; border-collaspe: collaspe; padding: 1em; text-align: left; border-bottom: 1px thin #e1e1e1; }
.sponsorstable tr.altrow { background-color: #DFE7F2; color: #000000; }
.sponsorstable td.image { text-align: center; }
.sponsorstable td.notes { text-align: left; }
.sponsorstable td.time { text-align: center; }

/* collaspe table for 4ttt pages */
.4table { border: 1px solid #E4EDED; border-collaspe: collaspe; width: 100%; align: center; } 
.4table td, .ridetable th { font: 10px Verdana, Arial, sans-serif; color: black; border: 1px solid #E1E1E1; border-collaspe: collaspe; padding: 0.2em; text-align: left; }
.4table tr.altrow { background-color: #DFE7F2; color: #000000; }
.4table td.pts {	text-align: center; }
.4table td.notes { text-align: left; }
.4table td.time { font: 10px Verdana, Arial, sans-serif; color: black; text-align: center; }

/* race team application  and reports */
input.txt { color: #00008b; border: 1px inset #00008b; width: 200px; }
input.btn { color: #00008b; background-color: #add8e6; border: 1px outset #00008b; }
form div { clear: left; margin: 0; padding: 0; padding-top: 5px; }
form div label { float: left; width: 40%; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
.fieldset { border: 1px solid #61b5cf; margin-top: 1.4em; padding: 0.6em; }
.legend { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #00008b; background-color: #fff; } 

/* sponsor main page - logo placement */
.sponsorlogo { float: left; width: 510px; margin:0; }

/* race reports open to view or close the month */
.racemonth { /*header of 1st report */ cursor: hand; cursor: pointer; padding: 2px 5px; border: 1px solid gray; background: #E1E1E1; }
.openmonth { /*class added to contents of 1st month when they are open*/ background: yellow; }
.technology { /*header of 2nd month */ cursor: hand; cursor: pointer; font: bold 14px Verdana; margin: 10px 0; }
.openlanguage{ /*class added to contents of 2nd month when they are open*/ color: green; }
.closedlanguage{ /*class added to contents of 2nd month when they are closed*/ color: red; }

/*tag cloud experiment */
#tagcloud { color: #dda0dd; font-family: Verdana, Arial, sans-serif; width:200px; border: 1px solid black; text-align: center; }
#tagcloud a { color: green; text-decoration: none; text-transform: capitalize; }