/* css file for the 2010 sjbc site 
written by jonathan racine
*/

body { margin:0px; padding:0px; /*background:#062fa2;*/}
#headWrap { width:100%; height:160px; margin:0px; padding:0px; float:left; background:#ffffff url(/img/ten/bg.jpg) repeat-x;}
#headpanel { width:934px; height:160px; margin:0 auto; padding:0px;}
#logo { width:235px; height:53px; margin:20px 0 0 0; padding:0px; float:left; }
#menu { width:934px; height:24px; margin: 52px 0 0 0; padding:0px; float:left; }
/*#menu ul { width:934px; height:28px; margin:0px; padding:0px; float:left; display:block; }
 * #menu ul li { width:auto; height:28px; margin:0px; padding:0px; float:left; display:block; }
 * #menu ul li .gap { width:1px; height:28px; margin:0px; padding:0 11px 0 11px; float:left; background:url(menuspace.jpg) no-repeat center top; }
 * #menu ul li a { width:auto; height:28px; margin:0px; padding:0px; float:left; font: 12px Arial; color: #ffffff; line-height:18px; font-weight:bold; text-decoration:none; }
 * #menu ul li a:hover { color: #ffffff; text-decoration:underline; }
 * */
/* navigation drop down */
.blackmenu ul { width:934px; height:24px; margin: 40px 0 0 0; padding:0px; float:left; }
.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: #005baa; }
.blackmenu li a:visited { color: white; }
.blackmenu li a:hover { background: #005baa; /*background of tabs for hover state */ }
.blackmenu a.selected { background: #005baa; /*background of tab with "selected" class assigned to its li */ }

/* drop down uls */
.ddsubmenustyle, .ddsubmenustyle ul { /*topmost and sub ULs, respectively*/
font: normal 12px Arial; 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; }

/* potential menu navigation */
#subnavbar { background: #003366; width: 960px; height: 24px; color: #ffffff; margin: 0px; padding: 0px; }
#subnav li a:hover, #subnav li a:active { background: url(/img/ten/transparent-blue.png); color: #ffffff; display: block; text-decoration: none; margin: 0px 5px 0px 0px; padding: 6px 13px 6px 13px; }
#subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: url(/img/ten/transparent-blue.png); width: 150px; float: none; margin: 0px; padding: 6px 10px 6px 10px; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
#subnav li li a:hover, #subnav li li a:active { background: url(/img/ten/transparent-black.png); margin: 0px; padding: 6px 10px 6px 10px; }
.children { margin: 0px; padding: 0px; }

#contentWrap { width:100%; margin:0px; padding:0px; float:left; /*background:#fffcd5 url(contentBg.jpg) repeat-x;*/}
#contentPanel { width:934px; margin:0 auto; padding:33px 0 0 0; }
#leftPanel { width:259px; margin:0px; padding:0 0 34px 0; float:left; border-right:#c6d09d dashed 1px; }
#leftPanel .toplinks { width:259px; margin:0px; padding:0px; float:left; }
#leftPanel .toplinks h2 { width:224px; margin:0px; padding:0px; float:left; font: 20px Georgia; color:#000000; line-height:24px; font-weight:normal; }
#leftPanel .toplinks h3 { width:224px; margin:5px 0 0 0; padding:0px; float:left; font: 12px Arial; color:#005b7f; line-height:16px; font-weight:bold; }
#leftPanel .toplinks p { width:224px; margin:10px 0 0 0; padding:0px; float:left; font: 12px Arial; color:#252525; line-height:16px; }
#leftPanel .toplinks a { text-decoration:none; }
#leftPanel .toplinks a:hover { text-decoration:underline; }
#leftPanel .toplinks ul { width:224px; margin:8px 0 0 0; padding:0px; float:left; display:block; }
#leftPanel .toplinks ul li { width:224px; margin:0px; padding:0px; float:left; display:block; }
#leftPanel .toplinks ul li a{  width:205px; height:19px; margin:0px; padding:0 0 0 19px; float:left; font-family:Arial; font-size:12px; color:#363636; line-height:16px; text-decoration:none; border-bottom:#c6d09d solid 1px; background:url(/img/ten/right-arrow.gif) no-repeat; }
#leftPanel .toplinks ul li a:hover { color:#1e346f; background:url(/img/ten/right-arrow-select.gif) no-repeat; }
#leftPanel .toplinks ul li a.bottom { width:205px; height:19px; margin:0px; padding:0 0 0 19px; float:left; font: 12px Arial; color:#363636; line-height:16px; text-decoration:none; border-bottom:0px; background:url(/img/ten/right-arrow.gif) no-repeat; }
#leftPanel .toplinks ul li a.bottom:hover { color:#1e346f; background:url(/img/ten/right-arrow-select.gif) no-repeat; }
#leftPanel .category { color: #903; font-weight: bold; }

#leftPanel table { border: 1px solid #fff; border-collaspe: collaspe; width: 230px; float: left; font: 10px verdana, arial, sans-serif;} 
#leftPanel th {  border: 1px solid #e1e1e1; padding: 0.2 em; text-align: center; }
#leftPanel td {  border: 1px solid #e1e1e1; padding: 0.2 em; text-align: center; }
#leftPanel tr.altrow {  background-color: #dfe7f2; color: #000; }
#leftPanel tr.ineli {  background-color: #e1e1e1; color: #000; text-align: left; }

/* future section */
#projectsPanel { width:230px; margin:42px 0 0 0; padding:0px; float:left; }
#projectsPanel h2 { width:224px; margin:0px; padding:0px; float:left; font-family:Georgia; font-size:20px; color:#000000; line-height:24px; font-weight:normal; }
#projectsPanel h3 { width:224px; margin:5px 0 0 0; padding:0px; float:left; font: 11px Arial; color:#005b7f; line-height:16px; font-weight:bold; }
#projectsPanel .pic1 { width:105px; height:83px; margin:10px 0 0 0; padding:0px; float:left; background:url(/img/ten/pic1.jpg) no-repeat; }
#projectsPanel .pic2 { width:105px; height:83px; margin:10px 0 0 0; padding:0px; float:left; background:url(/img/ten/pic2.jpg) no-repeat; }
#projectsPanel .blank { width:20px; height:10px; margin:10px 0 0 0; padding:0px; float:left; }
#projectsPanel a { width:55px; height:16px; margin:7px 0 0 0; margin-left:5px; padding:0px; float:right; font: 10px Arial; color:#000000; line-height:14px; text-align:center; text-decoration:none; border:#bdbcbd solid 1px; background:#ffffff; } 
#projectsPanel a:hover { background:#cccccc; }

/* content or middle section */
#middlePanel { width:388px; margin:0px; padding:0 0 38px 32px; float:left; border-right:#c6d09d dashed 1px; }
#middlePanel .top { width:350px; margin:0px; padding:0 0 0 3px; float:left; }
#middlePanel .top h2 { width:350px; margin:0px; padding:0px; float:left; font: 28px Georgia; color:#000000; line-height:32px; font-weight:normal; }
#middlePanel .top h3 { width:350px; margin:9px 0 0 0; padding:0px; float:left; font: 12px Arial; color:#005b7f; line-height:16px; font-weight:bold; }
#middlePanel .top p { width:350px; margin:16px 0 0 0; padding:0px; float:left; font: 12px Arial; color:#363636; line-height:16px; }
#middlePanel .top p span { color:#1e346f; font-weight:bold; }
#middlePanel .top a { text-decoration:none; } 
#middlePanel .top a:hover { text-decoration:underline; }
#middlePanel .bottom { width:358px; margin:32px 0 0 0; padding:0px; float:left; }
#middlePanel .bottom p { font: 12px Arial; color:#000; text-align: left; padding:1px;}
#middlePanel .bottom h5 { font: 12px Arial; color:#000; text-align: center; padding:1px; font-weight: normal;}
#middlePanel .bottom h2 { width:350px; margin:0px; padding:0 0 0 3px; float:left; font-family:Georgia; font-size:25px; color:#000000; line-height:29px; font-weight:normal; }
#middlePanel .bottom h3 { width:350px; margin:12px 0 0 0; padding:0 0 0 3px; float:left; font: 12px Arial; color:#005b7f; line-height:16px; font-weight:bold; }
#middlePanel .bottom h4 { font: 12px Arial; color:#000; text-align: left; padding:1px;}
#middlePanel .pic3 { width:358px; height:270px; margin:19px 0 0 0; padding:0px; float:left; background:url(/img/ten/home-race.jpg) no-repeat; border: 1px solid #ccc; }
#middlePanel .pic4 { width:358px; height:270px; margin:19px 0 0 0; padding:0px; float:left; background:url(/img/ten/masterstrack.jpg) no-repeat; }
#middlePanel .pic5 { width:358px; height:270px; margin:19px 0 0 0; padding:0px; float:left; background:url(/img/ten/race-shot.jpg) no-repeat; border: 1px solid #ccc; }
#middlePanel .pic6 { width:358px; height:331px; margin:19px 0 0 0; padding:0px; float:left; background:url(/img/ten/medals.jpg) no-repeat; border: 1px solid #ccc; }
#middlePanel .advert { width:358px; height:400px; margin:19px 0 0 0; padding:0px; float:left; background:url(/img/ten/17sept.jpg) no-repeat;  }
#middlePanel .bottom ul { width:349px; margin:16px 0 0 0; padding:0px; float:left; display:block; }
#middlePanel .bottom ul li { width:349px; margin:0px; padding:0px; float:left; display:block; }
#middlePanel .bottom ul li a { width:334px; height:24px; margin:0px; padding:0 0 0 15px; float:left; font: 12px Arial; color:#1e2316; line-height:20px; text-decoration:none; border-bottom:#8bb5a2 dashed 1px; background:url(/img/ten/right-arrow.gif) no-repeat; }
#middlePanel .bottom ul li a:hover { color:#1e346f; background:url(/img/ten/right-arrow.gif) no-repeat 0 -24px; }
#middlePanel .bottom ul li a.bottom { width:334px; height:24px; margin:0px; padding:0 0 0 15px; float:left; font: 12px Arial; color:#1e2316; line-height:20px; text-decoration:none; border-bottom:0px; background:url(/img/ten/right-arrow.gif) no-repeat; }
#middlePanel .bottom ul li a.bottom:hover { color:#1e346f; background:url(/img/ten/right-arrow.gif) no-repeat 0 -24px; }

/* content section */
#midPanel { width:528px; margin:0px; padding:0 0 38px 32px; float:left; }
#midPanel p { width:520px; margin:8px 0 0 0; padding:0px; float:left; font: 12px Arial; color:#363636; line-height:16px; }
/*#midPanel a { text-decoration:none; } */
#midPanel .paragraph { font: 12px Arial; color:#000; text-align: left; padding:1px; }
#midPanel a:hover { text-decoration:underline; }
#midPanel h2 { width:350px; margin:0px; padding:0px; float:left; font: 20px Georgia; color:#000000; line-height:24px; font-weight:normal; }
#midPanel h4 { margin:0px; padding:0px; float:left; font: 20px Georgia; color:#000000; font-weight:normal; }
#midPanel ol li { margin:0px; padding:0px; float:left; font: 12px Arial; color:#363636; font-weight:normal; }
#midPanel ul li { width:450px; margin:0px; padding:0px; float:left; font: 12px Arial; color:#363636; font-weight:normal; }
#midPanel legend {font: 12px Arial; }
#midPanel form { width:520px; margin:8px 0 0 0; padding:0px; float:left; font: 12px Arial; color:#363636; line-height:16px; }

#midPanel table { border: 1px solid #fff; border-collaspe: collaspe; width: 450px; float: left; font: 12px arial, sans-serif;} 
#midPanel th { border: 1px solid #e1e1e1; padding: 0.2 em; text-align: left; }
#midPanel td { border: 1px solid #e1e1e1; padding: 0.2 em; text-align: left; }
#midPanel td.brief { text-align: left; padding: 0.2 em; font: 12px Arial, Helvetica, sans-serif; }
#midPanel td.image { text-align: center; padding: 0.2 em; }

/* reports page drop v2 */
#midPanel div, #midPanel h3, #midPanel h5 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 12px Arial; vertical-align: baseline; background: transparent; }
#midPanel a { margin: 0; padding: 0; border: 0; outline: 0; font-size: 12px Arial; vertical-align: baseline; background: transparent; text-decoration:none; }
#toggle-wrapper { width:528px; margin-left:auto; margin-right:auto; overflow:hidden; }
#midPanel blockquote, q { quotes: none; }
#midPanel blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
#midPanel :focus { outline: 0; }
#midPanel h3 { font: 12px Arial; margin-top: 2px; cursor: hand; cursor: pointer; }
#midPanel h5 { padding:5px; font:14px Georgia; color:#243953; background-color:#fafafa; border: 1px solid #a9a9a9; text-align:left; margin-bottom:3px; }

#midPanel .togglebox { background-color:#fafafa; border: 1px solid #a9a9a9; overflow: hidden; font: 12px Arial; width: 528px; clear: both; margin-bottom:2px; }
#midPanel .togglebox .block { padding: 10px; }
#midPanel .togglebox1 { background-color:#fff; overflow: hidden; font: 12px Arial; width: 528px; clear: both; margin-bottom:2px; }
#midPanel .togglebox1 .block { padding: 10px; }

/* sponsor section */
#midPane { width:528px; margin:0px; padding:0 0 38px 32px; float:left; }
#midPane p { width:520px; margin:8px 0 0 0; padding:0px; float:left; font: 12px Arial; color:#363636; line-height:16px; }
#midPane a { text-decoration:none; } 
#midPane a:hover { text-decoration:underline; }
#midPane h2 { width:350px; margin:0px; padding:0px; float:left; font: 20px Georgia; color:#000000; line-height:24px; font-weight:normal; }
#midPane h4 { margin:0px; padding:0px; float:left; font: 20px Georgia; color:#000000; font-weight:normal; }

#midPane table { border: 1px solid #fff; border-collaspe: collaspe; width: 100%; float: left; font: 12px arial, sans-serif;} 
#midPane th { padding: 0.2 em; text-align: left; }
#midPane tr { padding: 3px; }
#midPane td { padding: 0.2 em; text-align: left; }
#midPane td.brief { text-align: left; padding: 0.2 em; font: 12px Arial, Helvetica, sans-serif; }
#midPane td.image { text-align: center; padding: 0.3 em; }

/* 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; }

/* divide the box by 2 */
#wrapbox2 { width: 350px; margin: auto; padding: 0px; text-align: left; }
#containbox2 { width: 100%; height: auto; margin: 0px; padding:2px 0px; background-image: url(/img/gline-home.gif); background-repeat: no-repeat; background-position: bottom center; }
#leftbox2 { width: 130px; height: auto; float: left; padding: 10px; margin: 0px; }
#rightbox2 { width: 140px; height: auto; float: left; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 40px; }
#rightbox2 p { margin: 0px; }
.cleanbox { font-size: 0px; height: 0px; width: 100%; display: block; clear: both; }

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

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

/* calendar and right section  */
#rightPanel { width:218px; margin:0px auto; padding:0 0 0 35px; float:left; }
#rightPanel .services { width:218px; margin:0px; padding:0px; float:left; }
#rightPanel .services h2 { width:218px; margin:0px; padding:0px; float:left; font-family:Georgia; font-size:20px; color:#000000; line-height:24px; font-weight:normal; }
#rightPanel .services ul { width:218px; margin:10px 0 0 0; padding:0px; float:left; display:block; }
#rightPanel .services ul li { width:218px; margin:0px; padding:0 0 13px 0; float:left; display:block; }
#rightPanel .services ul li h2 { width:164px; margin:0px; padding:0px; float:left; font: 12px arial; color:#b70000; line-height:16px; font-weight:bold; }
#rightPanel .services ul li p { width:165px; margin:2px 0 0 0; padding:0 0 0 7px; float:left; font: 12px arial; color:#252525; line-height:16px; }
#rightPanel .services ul li a { margin:4px 0 0 0; padding:0px; float:left; font: 11px arial; font-weight:bold; color:#1e346f; }
#rightPanel .services ul li a:hover { text-decoration:none; }

#rightPanel .calendar { width:218px; margin:0px; padding:0px; float:left; font: 12px Arial;}
#rightPanel .calendar h2 { width:218px; margin:0px 0px 5px 0px; padding:0px; float:left; font: 20px georgia; color:#000000; line-height:24px; font-weight:normal; }
#rightPanel .calendar .month { font: 12px arial; color:#b70000; line-height:26px; font-weight:bold; }
#rightPanel .calendar ul { list-style-type:none; font:12px arial;}
#rightPanel .calendar ul li { list-type-style:none; font: 12px arial;}
#rightPanel .calendar ul li h2 { font: 15px arial; color:#b70000; line-height:16px; font-weight:bold; }
#rightPanel .calendar ul li p { font: 12px arial; color:#252525; }
#rightPanel .calendar a, a:link, a:visited, a:active { color: #005baa; text-decoration: none; font: 12px arial; font-weight:bold;}
#rightPanel .calendar a:hover { text-decoration: underline; color: #2568a1; font: 12px arial; font-weight:bold;}

#rightPanel .contacts { width:200px; margin:16px 0 0 0; padding:0px; float:left; }
#rightPanel .contacts h2 { width:200px; margin:0px; padding:0 0 3px 0; float:left; font-family:Georgia; font-size:20px; color:#000000; line-height:24px; font-weight:normal; }
#rightPanel .contacts input { width:191px; height:17px; margin:7px 0 0 0; padding:3px 0 0 9px; float:left; font: 10px Arial; color:#363636; border:0px; background:#f3efc0; }
#rightPanel .contacts textarea { width:191px; height:58px; margin:7px 0 0 0; padding:3px 0 0 9px; float:left; font: 10px Arial; color:#363636; border:0px; background:#f3efc0; }
#rightPanel .contacts a { width:55px; height:16px; margin:10px 0 0 0; margin-left:5px; padding:0px; float:left; font: 10px Arial; color:#000000; line-height:14px; text-align:center; text-decoration:none; border:#bdbcbd solid 1px; background:#ffffff; }
#rightPanel .contacts a:hover { background:#cccccc; }

/* footer section */
#footer{ width:100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; color: #005ca9; text-decoration: none; padding: 0px; float: left; background-image: url(/img/ten/industrial-foot.jpg); background-repeat: repeat-x; background-position: center top; height: 180px;}
#footer-contest{ width:100%; margin-top: 150px; margin-right: auto; margin-bottom: 0; margin-left: auto; color: #005ca9; text-decoration: none; padding: 0px; float: left; background-image: url(/img/ten/industrial-foot.jpg); background-repeat: repeat-x; background-position: center top; height: 180px;}
#wrapper { min-width: 1000px;}
#doc { width: 1000px; margin: auto; text-align: left; position: relative; z-index: 1; }
#main-content { float: left; display: inline; /* Fix IE double margin float bug */ width: auto; margin: 5px 30px 0 20px; font: 12px Verdana, Arial, sans-serif; }
#content { margin: 0 35px; font-size: 110%; }
#main-content .sub-feature { float: left; width: 200px; color: #69645c; margin: 5px 15px 0 15px; font: 10px Verdana, Arial, sans-serif; padding-bottom: 15px; min-height: 16em; }
* html #main-content .sub-feature { height: 18em; /* IE hack */ }
#main-content .sub-feature h3 { margin: 0 0 10px 0; padding: 20px 15px 0 15px; border-bottom: 1px solid #999; font: 14px Verdana, Arial, sans-serif; color: #69645c; font-weight: bolder}
#main-content .sub-feature p { padding-left: 5px; padding-right: 25px; }
#main-content .sub-feature a, .sub-feature a:visited, .sub-feature a:link {text-decoration: none; color: #69645c; font: 10px verdana, arial; font-weight: normal;}
#main-content .sub-feature a:hover {text-decoration: underline; color: #69645c; font: 10px verdana, arial; font-weight: normal;}
#main-content div { float: left; width: 200px; color: #69645c; font-size: 95%; margin: 0 20px 12px 0; }
#main-content div h3 { color: #69645c; font-size: 140%; margin: 30px 0 10px 0; }


/* 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 winter series result pages and various tables on site */
.ridetable { border: 1px solid #E4EDED; border-collaspe: collaspe; width: 100%; align: center; font: 11px Arial; } 
.ridetable a { font: 11px Arial; text-decoration:none;}
.ridetable a:hover { font: 11px Arial; text-decoration:underline;}
.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; font: 12px Arial;}
.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.brief { text-align: left; font: 12px Arial, Helvetica, sans-serif; }
.sponsorstable td.time { text-align: center; }

/* image decoration */
.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 */

/* sort by field & age */
#toggle-view { list-style:none; font: 11px verdana; margin:0; padding:0; width: 410px; }
#toggle-view li { margin:12px; border-bottom:1px solid #e1e1e1; position:relative; cursor:pointer; }
#toggle-view h3 { margin:0; font-size:12px; font-weight: normal;}
#toggle-view span { position:relative; top:0; left: 370px; color:#ccc; font-size:12px; }
#toggle-view p { margin:4px 0; display:none; }

/* 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; }