body { background-color: white !important; color: #000000 !important; font-family: Arial, helvetica, swiss, sans-serif !important; font-size: 12px !important; line-height: 135% !important; margin: 0px; padding: 0px;}

/* layout stuff */
.base { position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; width: 1000px; text-align: left; z-index: 1; }
.main { position: absolute; left: 135px; top: 133px; margin: 0px; padding: 0px; width: 575px; text-align: left; z-index: 11;}
.pic1 { position: fixed; left: 130px; top: 0px; margin: 0px; padding: 0px; width: 580px; height: 130px; text-align: left; z-index: 31; }
.full { position: absolute; left: 130px; top: 40px; margin: 0px; padding: 0px; width: 580px; text-align: left; z-index: 12;}
.logo { position: fixed; left: 0px; top: 0px; margin: 0px; padding: 0px; width: 120px; height: 160px; background-color: #008e52; background-image: url(../images/logo-web.jpg) !important; background-repeat: no-repeat; text-align: left; z-index: 21;  }
.stripe { position: fixed; left: 118px; top: 161px; margin: 0px; padding: 0px; width: 2px; height: 650px; background-color: #008e52 !important; text-align: left; z-index: 13;}
.rightbar { position: absolute; left: 720px; top: 0px; margin: 0px; padding: 0px; width: 260px; text-align: left; z-index: 26;}
.over { position: absolute; left: 135px; top: 68px; margin: 0px; padding-left: 0px; padding-top: 2px; width: 570px; background-color: transparent !important; text-align: left; z-index: 16; }

.nav { position: fixed; left: 0px; top: 154px; margin: 0px; padding-left: 0px;  padding-top: 0px; width: 120px; height: 1000px;  background-color: #008e52 !important; color: black; text-align: left; z-index: 14;}
.topline { position: absolute; left: 130px; top: 0px; margin: 0px;  padding-left: 0px;  padding-top: 3px; width: 580px; height: 28px;  background-color: #0096d7; text-align: left; z-index: 18;}
.topaddon { position: absolute; left: 708px; top: 0px; margin: 0px; padding-left: 0px;  padding-top: 3px; width: 14px; height: 28px; background-color: #0096d7; font-size: 10px !important; line-height: 110% !important; text-align: left; z-index: 19; }

/* css hack for IE6 - IE6 doesn't see the following, other browsers do, so overwrite the lines above  */
html>body .nav { position: fixed; left: 0px; top: 154px; margin: 0px; padding-left: 0px;  padding-top: 13px; width: 120px; height: 1000px;  background-color: #008e52 !important; color: black; text-align: left; z-index: 14;}
html>body .topline { position: absolute; left: 130px; top: 0px; margin: 0px;  padding-left: 0px;  padding-top: 3px; width: 580px; height: 25px;  background-color: #0096d7; text-align: left; z-index: 18;}
html>body .topaddon { position: absolute; left: 708px; top: 0px; margin: 0px; padding-left: 0px;  padding-top: 3px; width: 14px; height: 25px; background-color: #0096d7; font-size: 10px !important; line-height: 110% !important; text-align: left; z-index: 19; }



/* .maintrans { position: absolute; left: 130px; top: 0px; margin-left: 15px;  text-align: left; width: 580px; z-index: 12; background:rgba(255,255,255,0.3);   filter:alpha(opacity=30); } */

hr { width: 95%; color: #006720;  text-align : left;  margin-left: 0px; padding: 0px}

table { font-size: 12px }
table.layout { width: 100%; font-size: 12px }

.list { margin-left: 44px }
.narrower { width: 480px; }



/* font colours and sizes */
.plain { color: #008e52 }
.blank { color: white }
.update { color: red }
.loud { color: #33ff33 }
.head { color: #006720 }
.highlight { background-color: #ffffcc }
.invert { background-color: navy; color: white }
.greyback { background-color: #888888; color: white }
.none { display: none }
.hidden { visibility: hidden }

.Easy  { background-color: #008e52 !important; color: white !important; }
.Easynav  { background-color: #006720 !important; color: white !important; }
.Moderate  { background-color: #0096d7 !important; color: white !important; }
.Enthusiast  { background-color: #ff9900 !important; color: white !important; }
.Expedition  { background-color: #e4000e !important; color: white !important; }

/* .1  { background-color: #008e52 !important; color: white !important; }
.2  { background-color: #0096d7 !important; color: white !important; }
.3  { background-color: #ff9900 !important; color: white !important; }
.4  { background-color: #e4000e !important; color: white !important; }
.9  { background-color: white !important; color: white !important; } */

.Easytwo  { color: #008e52 !important; }
.Moderatetwo  { color: #0096d7 !important; }
.Enthusiasttwo  { color: #ff9900 !important; }
.Expeditiontwo  { color: #e4000e !important; }

.UK  { background-color: #663399 !important; color: white !important; width: 580px; }
.EU  { background-color: #cc6600 !important; color: white !important; width: 580px; }
.W  { background-color: maroon !important; color: white !important; width: 580px; }
/* .W  { background-color: #990066 !important; color: white !important; width: 580px; } */

.UKtwo  { color: #663399 !important; font-weight: bold;  }
.EUtwo  { color: #cc6600 !important; font-weight: bold;  }
.Wtwo  { color: maroon !important; font-weight: bold;  }

.UKthree  { background-color: #663399 !important; color: white !important; }
.EUthree  { background-color: #cc6600 !important; color: white !important; }
.Wthree  { background-color: maroon !important; color: white !important; }

.navy { color: navy }
.maroon { color: maroon }
.red { color: red }
.update { color: red }
.blue { color: #0096d7 }
.green { color: #008e52 }
.lightblue { color: #66ccff }
.lightgreen { color: #33ff33 }
.palegreen { color: #ccff99 }
.darkblue { color: #0053a5 }
.darkgreen { color: #006720 }
.white { color: white }
.yellow { color: yellow }
.black { color: black }
.silver { color: silver }
.grey { color: #888888 }

.vote { color: #006600; background-color: #ccff99; font-size: 12px; line-height: 10pt;}
.bluback { color: #006600; background-color: #ccff99; font-size: 8px; line-height: 10pt;}
.skyback { background-color: #ccff99;  line-height: 10pt;}
.skyback:focus { background-color: white;  line-height: 10pt;}

.tiny { font-size: 9px !important; line-height: 90% !important; }
.small { font-size: 9px !important; line-height: 120% !important; }
.smallx { font-size: 9px; line-height: 125% }
.smaller { font-size: 11px !important; line-height: 125% !important; }
.larger { font-size: 14px !important; }
.large { font-size: 16px !important; }
.largex { font-size: 14px !important; line-height: 125% !important; }
.bigger { font-size: 18px }
.big { font-size: 22px }
.biggest { font-size: 26px }
.fancy { font-family: 'Comic Sans MS', cursive; font-style: italic }
.mono { font-family: 'Courier New', Courier, Monospace; white-space: pre;}
.heading { font-size: 24px; color: #008e52  }
.subheading { font-size: 14px; color: #003366 }

.stripe0 { background-color: transparent !important; }
.stripe1 { background-color: white !important; }
.stripe2 { background-color: #eeeeee !important; }
.stripe3 { background-color: #ccff99 !important; }

/* links */
a { text-decoration: none; color: #006720; background-color: white; font-weight: bold; }
a.ad { color: #bd6c2c  !important;}
a.pdf { color: white; background-color: maroon; line-height: 120% }
a.doc { color: white; background-color: #0053a5; line-height: 120% }
a.xls { color: white; background-color: #006720; line-height: 120% }
a.link { color: white; background-color: #0053a5; width: 83px; text-align : center;}
a.navbar { color: white; background-color: #008e52; display:block; width:120px; line-height: 125% !important;}
a.navrev {  color: yellow; background-color: #008e52; display:block; width:120px; line-height: 125% !important;}
a.navsmall { color: white; background-color: #008e52; display:block; width:120px; font-size: 10px !important; line-height: 110% !important;}
a.topbar { color: white; background-color: transparent; font-size: 10px !important; padding: 1px;}
a.rev { color: white; background-color: transparent; font-size: 10px !important; line-height: 110% !important;}

a:visited { text-decoration: none; color: #006720; background-color: white; font-weight: bold; }
a.ad:visited { color: #bd6c2c  !important;}
a.pdf:visited { color: white; background-color: maroon; }
a.doc:visited { color: white; background-color: #0053a5; }
a.xls:visited { color: white; background-color: #006720; }
a.link:visited { color: white; background-color: #0053a5;}
a.navbar:visited { color: white; background-color: #008e52;}
a.navrev:visited { color: yellow; background-color: #008e52; }
a.navsmall:visited { color: white; background-color: #008e52;}
a.topbar:visited { color: white; background-color: transparent; }
a.rev:visited { color: white; background-color: transparent;}
a:active { text-decoration: none; color: #006720; background-color: white; font-weight: bold; }
a.pdf:active { color: white; background-color: maroon; }
a.doc:active { color: white; background-color: #0053a5; }
a.xls:active { color: white; background-color: #006720; }
a.link:active { color: white; background-color: #0053a5;}
a.navbar:active { color: white; background-color: #008e52;}
a.navrev:active { color: yellow; background-color: #008e52; }
a.navsmall:active { color: white; background-color: #008e52;}
a.topbar:active { color: white; background-color: transparent;  }
a.rev:active { color: white; background-color: transparent;}

a:hover { text-decoration: none; color: yellow; background-color: #006720; font-weight: bold; }
a.pdf:hover { color: white; background-color: #e4000e; }
a.doc:hover { color: white; background-color: #0096d7; }
a.xls:hover { color: white; background-color: #006720; }
a.link:hover { color: white; background-color: #66ccff; }
a.navbar:hover { color: yellow; background-color: #006720; }
a.navrev:hover { color: yellow; background-color: #006720; }
a.navsmall:hover { color: yellow; background-color: #006720; }
a.topbar:hover { color: white; background-color: #0053a5 ;}
a.rev:hover { color: yellow; background-color: #006720;}