/* css file for the 2010-2011 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; }
#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; }

/* content for admin pages */
#midSolar { width:950px; margin:0px; padding: 5px; float:left; }
#midSolar h2 { margin:0px; padding:0px; float:left; font: 18px Georgia; color:#000000; line-height:24px; font-weight:normal; }
#midSolar p { font: 12px Arial; color:#252525; line-height:16px; }
#midSolar a { text-decoration:none; }
#midSolar a:hover { text-decoration:underline; }
#midSolar table { border: 1px solid #fff; border-collaspe: collaspe; width: 100%; float: left; font: 12px Arial, Verdana, sans-serif;}
#midSolar th, #midSolar td { border: 1px solid #e1e1e1; padding: 2px; text-align: left; }

/* content or middle section */
#middlePanel { width:388px; margin:0px; padding:0 0 38px 32px; float:left; border-right:#c6d09d dashed 1px; }
#middlePanel h2 { width:350px; margin:0px; padding:0px; float:left; font: 28px Georgia; color:#000000; line-height:32px; font-weight:normal; }
#middlePanel p { width:350px; margin:16px 0 0 0; padding:0px; float:left; font: 12px Arial; color:#363636; line-height:16px; }
#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; }

/* twitter feed */
#tweets img { float:left; margin:5px; width:48px; height:48px; }
#tweets div { clear:left; height:70px; font: 12px Arial; color:#363636; border-bottom:1px dotted #ccc; margin:5px 0 5px 0; }
#middlePanel h2 { width:350px; margin:0 0 5px 0; padding:3px 0 2px 3px; float:left; font-family:Georgia; font-size:25px; color:#000000; line-height:29px; font-weight:normal; }

/* 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 { 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; }
#midPane ol li { margin:0px; padding:0px; float:left; font: 12px Arial; color:#363636; font-weight:normal; }

/* collaspe table for ajax tabs */
#midPane .ridetable { border: 1px solid #E4EDED; border-collaspe: collaspe; width: 500px; align: center; font: 11px Arial; } 
#midPane .ridetable a { font: 11px Arial; text-decoration:none;}
#midPane .ridetable a:hover { font: 11px Arial; text-decoration:underline;}
#midPane .ridetable td { border: 1px solid #E1E1E1; border-collaspe: collaspe; padding: 0.2em; text-align: left; }
#midPane .ridetable th { border: 1px solid #E1E1E1; border-collaspe: collaspe; padding: 0.2em; text-align: center; }
#midPane .ridetable tr.altrow { background-color: #DFE7F2; color: #000000; }
#midPane .ridetable td.pts {	text-align: center; }
#midPane .ridetable td.notes { text-align: left; font: 12px Arial;}
#midPane .ridetable td.time { text-align: center; }

/* root element for tabs  */
#midPane ul.css-tabs { margin:0 !important; padding:0; height:30px; z-index:-1; border-bottom:1px solid #ccc;}
#midPane ul.css-tabs li { float:left; padding:0;  margin:0; list-style-type:none; }
#midPane ul.css-tabs a { float:left; font-size:12px; display:block; padding:3px 15px; text-decoration:none; border:1px solid #fff; border-bottom:0px; height:18px; background-color:#efefef; color:#777; margin-right:2px; position:relative; top:1px; outline:0; -moz-border-radius:4px 4px 0 0; }
#midPane ul.css-tabs a:hover { background-color:#F7F7F7; color:#333; }
#midPane ul.css-tabs a.current { background-color:#fff; border-bottom:1px solid #fff; color:#000; cursor:default; }
#midPane .css-panes div { width:450px; display:none; border-bottom:1px solid #fff; border:1px solid #fff; border-width:0 1px 1px 1px; min-height:500px; padding:15px 15px; background-color:#fff; }
#midPane .css-panes p { width:450px;}

/* 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; float:left; font: 12px Arial;}
.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; }

/* box 2 sides rides */
#wrapbox3 { width: 500px; margin: auto; padding: 0px; text-align: left; }
#containbox3 { width: 100%; height: auto; margin: 0px; padding:2px 0px; background-image: url(/img/gline-home.gif); background-repeat: no-repeat; background-position: bottom center; }
#leftbox3 { width: 300px; height: auto; float: left; padding: 10px; margin: 0px; }
#leftbox3 p { margin: 0px; }
#rightbox3 { width: 200px; height: auto; float: left; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 40px; }
#rightbox3 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; }

/* collaspe table for winter series result pages and various tables on site */
#midPanel .ridetable { border: 1px solid #E4EDED; border-collaspe: collaspe; width: 100%; align: center; font: 11px Arial; } 
#midPanel .ridetable a { font: 11px Arial; text-decoration:none;}
#midPanel .ridetable a:hover { font: 11px Arial; text-decoration:underline;}
#midPanel .ridetable td, .ridetable th { border: 1px solid #E1E1E1; border-collaspe: collaspe; padding: 0.2em; text-align: left; }
#midPanel .ridetable tr.altrow { background-color: #DFE7F2; color: #000000; }
#midPanel .ridetable td.pts { text-align: center; }
#midPanel .ridetable td.notes { text-align: left; font: 12px Arial;}
#midPanel .ridetable td.time { text-align: center; }

/* 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 h4 { font: 14px arial; color:#d22222; font-weight:bold; }
#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; }

/* hobees feed */
#coffeecake img { float:left; margin:5px; width:48px; height:48px; }
#coffeecake div { clear:left; height:70px; font: 12px Arial; color:#363636; border-bottom:1px dotted #ccc; margin:5px 0 5px 0; }
#rightPanel h2 { width:218px; margin:0 0 5px 0; padding:3px 0 2px 3px; float:left; font-family:Georgia; font-size:25px; color:#000000; line-height:29px; font-weight:normal; }

/* 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: 500px; 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 */
.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; }

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