/* bitweb stylesheet 2009*/ /* latest update october 2009*/ /* all url references here are wrt stylesheet location */ /*using font-size:100%; allows proper size setting across all browsers*/ /**/ /* bitweb logo green is rgb(175,189,33) or #afbd21 */ /* bitweb logo lighter-1 green is rgb(181,189,94) or #b5bd5e */ /* bitweb logo lighter-2 green is rgb(251,255,204) or #fbffcc */ /* bitweb logo lighter-3 green is rgb(225,239,83) or #e1ef53 */ /* bitweb logo darker green is rgb(90,97,17) or #5A6111; */ /* bitweb logo another green is rgb(205,214,107) or #cdd66b; */ /* bitweb yellowgreen is rgb(154,205,50) or #9ACD32; */ /**/ body {text-align:left; height:100%; } body {background-color: #ffffff; font-family: arial, sans-serif; font-size:12pt;} /**/ /* #wrapper width is 834px*/ /* #wrapper absolute width is 838px to allow for 1px border on left and/or right and/or between columns*/ /* left column is one col wide - 100px */ /* right column is one col wide - 124px */ /* main column is five col wide - 610px */ /* within main column ..... */ /* .... a single column is 120px wide + 2px left + 2px right margin = 124px */ /* .... a double column is 244px wide + 2px left + 2px right margin = 248px */ /* .... a triple column is 368px wide + 2px left + 2px right margin = 372px */ /* .... a quad column is 492px wide + 2px left + 2px right margin = 496px */ /* .... a quin column is 616px wide + 2px left + 2px right margin = 620px */ /* */ #wrapper{width:840px; height:100%; background:#ffffff; text-align:center; border-right:0px #9acd32 solid; border-left:0px #9acd32 solid ; padding:4px;} #header{width:100%; height:100%; clear:both; background:#9acd32;border:0px red solid;} /* see also #header and #footer and div.navtab for background colors*/ #footer{width:100%; clear:both; background:#9acd32; } #torso{width:100%; clear:both; border-right:1px #9acd32 solid; border-left:1px #9acd32 solid ;padding-top:8px; } /* */ #left{width:100px; float:left;} #main{width:100%; height:100%; float:left; margin:0px; } #right{width:0; float:left;} #blog{width:100%; height:100%; clear:both; float:left; margin:0px auto; } #blogswitch {} /**/ a {color:#808080 font-family: arial sans-serif; font-size: 0.6em; font-weight: bold;} /* gray = #808080*/ /*a:visited { color: rgb(153, 102, 153); }*/ img{ border: 0px white solid;} img.grid { width:120px; height:68px;} p { color: rgb(63,63,63); font-family: arial, sans-serif;} p.b19 { font-size: 1.9em; font-weight: bold; } p.b17 { font-size: 1.7em; font-weight: bold; } p.b15 { font-size: 1.5em; font-weight: bold; } p.b14 { font-size: 1.4em; font-weight: bold; } p.b13 { font-size: 1.3em; font-weight: bold; } p.b12 { font-size: 1.2em; font-weight: bold; } p.b11 { font-size: 1.1em; font-weight: bold; } p.b10 { font-size: 1.0em; font-weight: bold; } p.b9 { font-size: 0.9em; font-weight: bold; } p.b8 { font-size: 0.8em; font-weight: bold; } p.b7 { font-size: 0.7em; font-weight: bold; } p.b6 { font-size: 0.6em; font-weight: bold; } p.a11 { font-size: 1.1em; } p.a10 { font-size: 1.0em; } p.a9 { font-size: 0.9em;} p.a8 { font-size: 0.8em;} p.a7 { font-size: 0.7em;} p.a6 { font-size: 0.6em;} p.buttons { font-size: 0.6em; font-weight: bold; } /* hr{width:95%; color:rgb(215,215,215); height:1px; clear:both;} */ /* hr{width:95%; color: rgb(225,239,83); height:1px; clear:both;} *//* hex #e1ef53 */ hr{width:95%; color: #9acd32; height:1px; clear:both;} /* #C8D63A */ div.indexleft { float:left; width:240px; padding-bottom:2px; padding-left:4px; text-align:left;border-bottom:1px navy solid;} div.indexright {float:right; width:240px; padding-bottom:2px; padding-right:4px; text-align:right;border-bottom:1px navy solid; } div.indexcenter {width:350px; border-bottom:1px navy solid; } a.returnlink {font-size:10pt; background-color:rgb(100,100,200); color:white; border: 1px navy solid;} /*required for width fixing div if used - now in page header*/ /*#widthfix, div.header, div.topnav, div.footer { width:850px; }*/ /*sets default colour for whole page*/ #widthfix{ background-color:rgb(255,255,127); border:0px red dashed; margin: 0 auto; text-align: center; } /**/ /* following required for LEFT navigation strip*/ div.leftnav {border-right :0px #afbd21 solid; margin-top:10px;padding-top:2px; padding-bottom:1px; width:100%; height: 424px; position:relative; font-size:0.7em; text-align:center;} div.navtab, div.navtabhover, div.space {width:90px; height: 24px;} div.navtab , div.space {border: 0px rgb(225,0,0) solid ; background:#9acd32; color:#ffffff; font-weight:bold; margin: 10px auto; padding-top:3px; position:relative; text-align:center; } div.navtabhover {background-color:rgb(215,215,215); color:black; font-weight: bold;} div.navtabhover {border: 0px black solid; margin: 10px auto; padding-top:3px; position:relative; text-align:center; cursor:pointer; } div.space {border: 0px; background: ; } div.memlogin {width:90px; height: 156px; border: 1px rgb(225,239,83) solid; background:white; margin: 10px auto; padding-top:0px; padding-left:0px; position:relative; text-align:center;} /* END following required for left navigation strip*/ /**/ /* following required for TOP navigation strip*/ div.topnav {border:0px yellow solid; margin-top:6px;padding-top:2px; padding-bottom:1px; border-bottom: 0px black solid; height: 24px; position:relative; font-size:0.7em; text-align:center;} div.navtableft, div.navtablefthover, div.navtabright, div.navtabrighthover {width:90px; height: 20px;} div.navtablefthover, div.navtabrighthover {background-color:rgb(215,215,215); color:black; font-weight: bold;} div.navtableft {border-right: 1px red dashed; float: left; margin: auto 0px auto 2px; position:relative; text-align:center; } div.navtablefthover {border-right: 1px red dashed; float: left; margin: auto 0px auto 2px; position:relative; text-align:center; cursor:pointer; } div.navtabright {border-left: 1px red dashed; float: right; margin:auto 0px auto 2px; position:relative; text-align:center; } div.navtabrighthover {border-left: 1px red dashed; float: right; margin:auto 0px auto 2px; position:relative; text-align:center; cursor:pointer; } /* END following required for top navigation strip*/ /**/ div.memlogintop {width:100%; height: 136px; border: 0px rgb(225,239,83) solid; background:white; margin: 0px ; padding-top:0px; padding-left:0px; position:relative; text-align:center; font-size:0.7em;} div.vidselgrid{text-align:center; width:120px; height:68px; margin:2px auto ; background:#cccccc; border:0px green solid; } div.border{width:75%; background:#000000; margin:0px auto; padding:3px;} div.wedoa{width:75%; background:; color:#000000; margin:2px auto; padding:6px;} div.wedob{width:75%; background:#f0f0f0; color:#000000; margin:4px auto; padding:6px;} div.wedoc{width:75%; background:#cccccc; color:#000000; margin:4px auto; padding:6px;} div.wedox{width:75%; background:; color:#000000; margin:4px auto; padding:6px;} div.weareheadline{width:90%; background:#ffffff; margin:0px auto; padding:0px; color:#5A6111;} div.wearetext{width:90%; clear:both; background:; margin:4px auto;padding:6px;} div.wearetextb{width:90%; clear:both; background:#cccccc; margin:4px auto;padding:6px;} div.wearetextc{width:90%; clear:both; background:#f0f0f0; margin:4px auto;padding:6px;} div.wearename{background:#f0f0f0; margin:4px 0px; padding:6px;} /**/ /*required for three column divs*/ .colmask { CLEAR: both; FLOAT: left; OVERFLOW: hidden; WIDTH: 100%; POSITION: relative; } .colright { FLOAT: left; WIDTH: 100%; POSITION: relative; } /* colright not used in classic three column layout*/ .colmid { FLOAT: left; WIDTH: 100%; POSITION: relative; } .colleft { FLOAT: left; WIDTH: 100%; POSITION: relative; } .colmain { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 1em; OVERFLOW: hidden; PADDING-TOP: 0px; POSITION: relative; } .colnav { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 1em; OVERFLOW: hidden; PADDING-TOP: 0px; POSITION: relative; } .col3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 1em; OVERFLOW: hidden; PADDING-TOP: 0px; POSITION: relative; } /* colmask or threecol sets default background colour for all columns */ /* colmid sets background colour for colmain (middle) and colnav (left)*/ /* colleft sets background colour for colnav (left)*/ .threecol { BACKGROUND: ;} .threecol .colmid { RIGHT: 200px; BACKGROUND: ;} .threecol .colleft { RIGHT: 500px; BACKGROUND: ;} /* these values now on each page header*/ /* to allow easy setting of column widths */ /* .threecol .colmain { LEFT: 850px; WIDTH: 500px} .threecol .colnav { left:200px; WIDTH: 150px} .threecol .col3 { LEFT: 700px; WIDTH: 200px} */ /*END required for three column divs*/ /*navy is #000080 */ table.headingtable {width:750px; padding:2px;} table.maintable {width:692px; border:0px black solid; padding:0px;background-color:;} table.scrolltable {width:700px; padding:0px;} table.imagegridtable{ padding:0px;background-color:white;border:2px grey solid;} table.foottable { width:750px; padding:0px;background-color:white;} td.videocell{ padding-left:15px;padding-right:15px;padding-top:10px; padding-bottom:10px; border: 2px navy solid;} td.middletextcell {border-left:1px navy solid; border-right :1px navy solid;} /* cells are from left to right across row */ td.a {text-align:left; vertical-align:middle; } td.b {text-align:center; vertical-align:middle; } td.c {text-align:left; vertical-align:middle; } td.d {text-align:left; vertical-align:middle; } td.e {text-align:left; vertical-align:middle; } td.grid {text-align:center; vertical-align:middle; width:120px; border: 2px grey solid; } tr.grid { height:72px;} span.b14 { font-size: 1.4em; font-weight: bold; } span.b12 { font-size: 1.2em; font-weight: bold; } span.b11 { font-size: 1.1em; font-weight: bold; } span.b10 { font-size: 1.0em; font-weight: bold; } span.b9 { font-size: 0.9em; font-weight: bold; } span.b8 { font-size: 0.8em; font-weight: bold; } span.b7 { font-size: 0.7em; font-weight: bold; } span.b6 { font-size: 0.6em; font-weight: bold; } span.a11 { font-size: 1.1em; } span.a10 { font-size: 1.0em; } span.a9 { font-size: 0.9em;} span.a8 { font-size: 0.8em;} span.a7 { font-size: 0.7em;} span.a6 { font-size: 0.6em;} span.b10link { font-size: 1.0em; font-weight: bold; cursor:pointer; text-decoration:underline;}