/* This is for Display CSS */

/* Body 
---------------------------------*/ 
body { 
  font: 12px Arial, Verdana, sans-serif;
  line-height: 1.6;
}

a:link {color: blue; text-decoration: underline;}
a:visited {color: blue; text-decoration: underline;}
a:hover {color: blue; text-decoration: none;}

/* 3-column mode. Used by draw.php */
.PageLeftEdge {
  float: left;
  width: 30px;
}
.PageCentre {
  float: left;
}
.PageRightEdge {
  float: left;
  width: 30px;
}
.PageTopLeft {
  background-image: url(/images/site/topleftbar.jpg);
  height: 20px;
}
.PageTopMid {
  background-image: url(/images/site/topmidbar.jpg);
  height: 20px;
}
.PageTopRight {
  background-image: url(/images/site/toprightbar.jpg);
  height: 20px;
}
.LogoBitLeft {
  background-image: url(/images/site/midleftwhite.jpg);
  height: 155px;
}
.LogoBitMid {
  background-image: url(/images/site/midmidwhite.jpg);
}
.LogoBitRight {
  background-image: url(/images/site/midrightwhite.jpg);
  height: 155px;
  text-align: left;
}
.NavPadLeft {
  background-color: black;
  height: 20px;
  margin: 0 0 0 1px;
}
.NavPadRight {
  background-color: black;
  height: 20px;
  width: 26px;
}
.NavBack {
  background-color: black;
  height: 20px;
  padding: 0;
}
.GreyLeftBit {
  background-image: url(/images/site/midleftgrey.jpg);
}
.GreyMidBit {
  background-image: url(/images/site/midmidgrey.jpg);
}
.GreyRightBit {
  background-image: url(/images/site/midrightgrey.jpg);
  text-align: left;
}
.PageBottomLeft {
  background-image: url(/images/site/bottomleftbar.jpg);
  height: 20px;
}
.PageBottomMid {
  background-image: url(/images/site/bottommidbar.jpg);
  height: 20px;
}
.PageBottomRight {
  background-image: url(/images/site/bottomrightbar.jpg);
  height: 20px;
}
/* End of 3-column mode */

.PageTop {
  background-image: url(/images/site/topbar.jpg);
  width: 754px;
}

.LogoBit {
  background-image: url(/images/site/midwhite.jpg);
  width: 754px;
}

.PageBottom {
  background-image: url(/images/site/bottombar.jpg);
  width: 754px;
}

.LogoLeft {
  border: medium none;
  float: left;
  height: 109px;
  margin: 0 0 0 3px;
  padding: 26px 0 0 0;
  width: 190px;
}

.LogoMid {
  border: medium none;
  float: left;
  height: 135px;
  line-height: 1;
  margin: 0;
  /*padding: 2px 0 0 0;*/
  width: 360px;
}

.LogoRight {
  border: medium none;
  float: left;
  height: 135px;
  margin: 0;
  padding: 2px 0 0 0;
  width: 190px;
}

.NavPad {
  background-color: black;
  width:94px;
  height: 20px;
  float: left;
}
.NavPad a:link {color: black; text-decoration: none; color: white;}
.NavPad a:visited {color: black; text-decoration: none; color: white;;}
.NavPad a:hover {color: black; text-decoration: none; color: gray;}

.NavLH {
  border: 1px solid #303030;
  width: 140px;
  line-height: 1.7;
  height: 538px;
  margin: 10px 3px 10px 10px;
  float: left;
  
}
.NavLH a:link {color: black; text-decoration: underline;}
.NavLH a:visited {color: black; text-decoration: underline;}
.NavLH a:hover {color: black; text-decoration: none;}

.NavRH {
  /*border: 1px solid #303030;*/
  border-top: medium none;
  border-right: medium none;
  border-left: medium none;
  border-bottom: medium none;
  width: 145px;
  height: 538px;
  margin: 10px 3px 10px 10px;
  float: left;
}

img.NavImage {
  padding: 0 0 0 0;
  margin: 10px 0 10px 0;
}

.NavBottom {
  background-color: black;
  color: white;
  font: 16px "Times New Roman", Arial, Verdana, sans-serif;
  width:745px;
  height: 20px;
  margin-left: 2px;
  float: left;
}

.NavBotLink {
  width:230px;
  padding-left: 12px;
  text-align: center;
  float: left;
}
.NavBotLink a:link {color: black; text-decoration: none; color: white;}
.NavBotLink a:visited {color: black; text-decoration: none; color: white;;}
.NavBotLink a:hover {color: black; text-decoration: none; color: gray;}

.HistBanner {
  background-color: black;
  color: white;
  float: left;
  height: 20px;
  text-align: center;
}
.HistBanner a:link {color: black; text-decoration: none; color: white;}
.HistBanner a:visited {color: black; text-decoration: none; color: white;;}
.HistBanner a:hover {color: black; text-decoration: none; color: gray;}

.HistBannerActive {
  background-color: grey;
  color: white;
}

.GreyBit {
  background-image: url(/images/site/midgrey.jpg);
  width: 754px;
}

.GreyBitAll{
  padding: 0 5px 0 5px;
  text-align: justify;
  width:707px;
}
  
.MidBody {
  border: 1px;
  width: 420px;
  height: 538px;
  margin-top:10px;
  padding: 0 5px 0 5px;
  float: left;
  text-align: justify;
}

.MidRightBody {
  float: left;
  margin-top:10px;
  padding: 0 5px 0 5px;
  text-align: center;
  width: 575px;
}

img.Right {
  float: right;
  margin: 8px;
}

.clubcontacts {
  float: left;
  font-weight: bold;
  margin:0pt 0pt 0pt 15px;
  padding: 0 12px 0 0;
  text-align: left;
  width: 338px;
}

.contactmap {
  background-color: #003060;
  border: 1px solid black;
  float: left;
  width: 360px;
}

.smallemail {
  color: #808080;
  font-size: 9pt;
}

.committeeright {
  border: 1px solid black;
  float: left;
  height: 337px;
  margin-left: 165px;
  width: 170px;
}

.Left {
  float: left;
  padding: 4px 4px 4px 15px;
}

.Head1 {
  font-size: 20px;
  color: #4d4d4d;
  padding: 0 0 0 10px;
  float: left;
}

.HorizLine {
  margin: 0 25px 0 21px;
}

.photothumb {
  width: 175px;
}

td.photothumb {
  height: 1px;
  padding-bottom: 12px;
}

.wordsleft {
  float: left;
  margin : 0;
  padding-left: 8px;
}

p.close {
  margin: 12px 0 12px 0;
}

.functionpic {
  width: 115px;
}
  
div.functionpic {
  float: left;
  margin: 0;
  padding: 0;
}

p.promo { /* Cos IE and FF display <p> differently */
  margin-bottom:8px;
/* Changed for Christmas
  margin-top:8px;
*/
  margin-top:2px;
  padding:0
}
  
/* General Table stuff
*****************************/

.top {
  border-top: 1.5pt solid black;
  border-left: 1.5pt solid black;
  border-right: 1.5pt solid black;
  border-bottom: none;
  background-color: white;
}

.topleft {
  border-top: 1.5pt solid black;
  border-left: 1.5pt solid black;
  border-right: none;
  border-bottom: none;
  background-color: white;
}
  
.topmid {
  border-top: 1.5pt solid black;
  border-left: .3pt solid black;
  border-right: none;
  border-bottom: none;
  background-color: white;
}

.topright {
  border-top: 1.5pt solid black;
  border-left: .3pt solid black;
  border-right: 1.5pt solid black;
  border-bottom: none;
  background-color: white;
}

.leftmid {
  border-top: .3pt solid black;
  border-left: 1.5pt solid black;
  border-right: none;
  border-bottom: none;
  background-color: white;
}
.midall{
  border-top: .3pt solid black;
  border-left: 1.5pt solid black;
  border-right: 1.5pt solid black;
  border-bottom: none;
  background-color: white;
}
.mid {
  border-top: .3pt solid black;
  border-left: .3pt solid black;
  border-right: none;
  border-bottom: none;
  background-color: white;
}
.rightmid {
  border-top: .3pt solid black;
  border-left: .3pt solid black;
  border-right: 1.5pt solid black;
  border-bottom: none;
  background-color: white;
}
.botleft {
  border-top: .3pt solid black;
  border-left: 1.5pt solid black;
  border-right: none;
  border-bottom: 1.5pt solid black;
  background-color: white;
}
.botmid {
  border-top: .3pt solid black;
  border-left: .3pt solid black;
  border-right: none;
  border-bottom: 1.5pt solid black;
  background-color: white;
}
.botright {
  border-top: .3pt solid black;
  border-left: .3pt solid black;
  border-right: 1.5pt solid black;
  border-bottom: 1.5pt solid black;
  background-color: white;
}
.bottom {
  border-top: .3pt solid black;
  border-left: 1.5pt solid black;
  border-right: 1.5pt solid black;
  border-bottom: 1.5pt solid black;
  background-color: white;
}

/* Webcampic table
***************************/
td.webcamtop {
  border-top:1.5pt solid black;
  border-left:1.5pt solid black;
  border-right:1.5pt solid black;
  border-bottom: none;
  background-color: #808080;;
  color:white;
}
td.webcambottom {
  border-top:1.5pt solid black;
  border-left:1.5pt solid black;
  border-right:1.5pt solid black;
  border-bottom:1.5pt solid black;
}

/* Tables that ignore hierarchy
***************************/
#CostsTable {
  font: 12px Arial, Verdana, sans-serif;
  line-height: 1.6;
}