body {font-size: 0.8em; font-family: verdana, arial, sans-serif; 
color: #333333;
}
table, tr {margin:0}
caption {
text-align:center;}


.head {white-space:nowrap; float:left; margin:0; text-align:left; width:100%;}

hr {color:#006400;
 height: 1px;}


h4 {font-size: 8pt; font-weight: normal;
 padding-bottom: 5px;
 color: #333333;
}
h3 {font-size: 9pt;}
h2 {font-size:10pt;}
h1 {
font-size:12pt;
}


/* Drop-down menu (menuwrapper) components */

/* Remove margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{margin:0; padding:0; list-style:none; white-space:nowrap;}

/* Float li list to left & apply background colour */
#menuwrapper ul li{float:left; white-space:nowrap; width:12.4%; background-color:#2E8B57}

/* Apply background hover colour when user hovers mouse over li component */
#menuwrapper ul li:hover{position:relative; background-color:darkgreen;}

/* Apply link style */
#menuwrapper ul li a{padding:3px 10px; display:inline-block; text-decoration:none;
 white-space:nowrap; color:white; font-size:1.1em;}

/**** SECOND LEVEL MENU ****/
/* Make position absolute for flyout menu & hide ul until user hovers the parent li item */
#menuwrapper ul li ul{position:absolute; display:none;}

/* When hovering over the li item, show ul list by applying display:block, note: 25px is the menu height.  */
#menuwrapper ul li:hover ul{left:0; top:23px; display:block;}

/* As parent li has float:left property, overwrite for submenu (level 2) to float none (normal position)  */
#menuwrapper ul li ul li{float:none; width:120px;}

/* Change background colour for level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{background-color:darkgreen;}

/* Style colour of level 2 links */
#menuwrapper ul li ul li a{color:white; display:inline-block;}

/**** THIRD LEVEL MENU ****/
/* Need to hide 3rd menu, when hovering the first level menu */
#menuwrapper ul li:hover ul li ul{position:absolute; display:none;}

/* Show third level menu only when hovering over second level menu parent */
#menuwrapper ul li:hover ul li:hover ul{display:block; left:75px; top:0;}

/* Change background colour for level 3 submenu*/
#menuwrapper ul li:hover ul li:hover ul li{background-color:#2E8B57; width:60px;}

/* Change background colour for level 3 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover ul li:hover{background-color:darkgreen;}

/* Change level 3 link colour */
#menuwrapper ul li:hover ul li:hover ul li a{color:white;}

/* Clear float */
.clear{clear:both;}




li {white-space : nowrap; list-style : none;}


.club {text-align : center;}
.club a {display : block; border : thin solid; border-color : silver black black silver; text-decoration : none;}
.club a:hover {color : white; background-color:maroon; border : thin solid; border-color : black silver silver black;}

.content {clear : left; padding : 2px; margin : 10px;}
.content a {color : blue;}
.content a:hover {color : white; background-color:maroon;}
.content pre {text-align : left;}

.copyright {clear : both; margin : 0 5px 5px 5px; font-size : 8pt; text-align : center;}

.drinkup {float : left; border : 1px maroon solid;}  
.drinkup a {display : block; text-decoration : underline;}

.fixtures {background : white; white-space : nowrap; margin : 0 5px 5px 5px; border : 1px maroon solid; text-align:center; width:100%;}
.fixtures a {white-space : nowrap; padding : 1px; text-align : center;}
.fixtures a:hover {color : white; background-color:maroon; text-decoration : none;}

#gallerybig {text-align : center; color  : rgb(67,0,14); min-width : 50em;}
#gallerybig img {border : 1px green solid;}
.gallerysmall {text-align : center; width : 100%;}
.gallerysmall img {vertical-align : bottom; border : 1px maroon solid; border-color:gray black black gray; width:150px; height:100px;}
.gallerysmall a:hover img {border-color : black gray gray black;}

.ground a {text-align : left; color : white; background-color : rgb(64,104,64); border : thin solid;
    border-color : silver black black silver; display : block; text-decoration : none;}
.ground a:hover {background-color:maroon; border-color : black silver silver black;}

.inn a {border : thin solid; border-color : silver black black silver; display : block; text-decoration : none; text-align : center;}
.inn a:hover {background-color:maroon; border-color : black silver silver black;}

.menutop2 {float : left; white-space : nowrap; border-bottom : thin solid gray; text-align : center; width : 100%;}
.menutop2 a {white-space : nowrap; color : gray; font-size : 8pt; color : black;
    margin : 0; padding : 10px 20px; display : inline-block; text-decoration : none; text-align : center; }
.menutop2 a:hover {color : black; background : rgb(230,230,230);}

.passport {clear : both; margin : 0px; padding  : 0px; position : relative;}
.passport a {text-decoration : none; color : black;}
.passport img, .passport a:hover img {float : left; position : absolute; height:145px; width:115px;
    top : 30px; left : 150px; border : thin maroon solid;}
.passport a img {height : 0; width : 0; border-width : 0;}
.passport2 object {float : left; position : absolute; height : 145px; width : 177px;
    top : 30px; left : 320px; border : thin maroon solid;}
.passport3 {float : left;}
.passport3 img {border : 1px maroon solid; width : 115px; height : 145px; margin : 0 5px 0 0;}

#signature {width : 226px; height : 67px;}


.slideshow_container.outer-container {
  position: absolute;
  background-color: #fafafa;
}

.slideshow.show-container {
  padding: 25px 20px 20px;
  max-width: 1000px;
}

.slides_indicator.icon-pairs.indicator-container {
  margin-top: 10px;
  text-align: center;
}

a.slide_node.icon-pair {
  color: #757575;
  font-size: 12px;
}

.slides_container > .slide {
  padding-right: 1px;
  padding-left: 1px;
}

.slideshow_container > .slideshow .slider-container.container-1 {
  position: relative;
  display: block;
  float: left;
  clear: left;
}.slide {
  display: none;
}
.slide.active {
  display: block;
}




.sponsors {white-space : nowrap; background : white; clear : both; text-align : center;
    margin : 0 5px 5px 5px; padding : 0 0 0 10px; font-size : 8pt; border : 1px maroon solid; width : 100%;}

.years a {text-align : center; font-size : 12pt; font-weight : bold; color : green;
    font-style : italic; width : 50px; height : 25px; padding : 2px;}

.backbeige, .backblack, .backblue, .backcrimson, .backgray, .backgreen, .backkhaki, .backmaroon, .backnavy, .backwhite {text-align : center; white-space : nowrap;}
.backblack   {color : white; background : black}
.backblue    {color : black; background : rgb(100,149,237)}
.backcrimson {color : white; background : rgb(220,20,60)}
.backgray    {color : white; background : gray}
.backkhaki   {color : black; background : rgb(240,230,140)}
.backmaroon  {color : white; background : rgb(69,0,14)}
.backnavy    {color : silver; background : rgb(0,0,80)}
.backwhite   {color : black; background : white}
.backbeige, .backbeige a {color : black; background : rgb(245,222,179)}
.backgreen, .backgreen a {color : white; background : rgb(64,104,64)}

.width {width: 95%; min-width: 600px; margin: 0 auto; text-align: left;}
* html .minwidth {border-left: 600px solid red;}
* html .container {margin-left: -600px; position: relative;}
/*\*/
* html .minwidth, * html .container, * html .content {height: 1px;}
/*/
.width {display: inline-block;}
/**/