<!--
BODY 
{
	overflow: visible !important;
	margin-left: 1%;
	margin-TOP: 1%;
	margin-right: 1%;
	font-weight: normal;
	font-family: Arial, sans-serif;
  font-size: small; 
	background-color: white;
	width: 98%;
}

table
{
  border: 0px;
  padding: 0px;
}

td
{
	font-family: Arial, sans-serif;
	color: black;
	vertical-align: top;
	text-align: left;
}

tr
{
}

H1 
{
	color: black;	
	line-height: 2;
	font-family: Times Roman, sans-serif;
	font-style: italic;
	margin-top: -0.3em;
	margin-bottom: 0.3em;
	background: #E0E0E0;
	padding: 5px;
	border-radius: 5px;
}

H2 
{
	color: black;	
	line-height: 1;
	font-family: Arial, sans-serif;
	margin-top: -0.3em;
	margin-bottom: 0.3em;
	background: silver;
	padding: 5px;
	border-radius: 5px;
}

H3 
{
	color: green;	
	line-height: 1;
	font-family: Arial, sans-serif;
	margin-top: -0.3em;
	margin-bottom: 0.3em;
	background: silver;
	padding: 5px;
	border-radius: 5px;
}

H4 
{
	color: blue;	
	line-height: 1.2;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-top: 0.3em;
	margin-bottom: 0em;
}

H5 
{
	line-height: 1.1;
	font-family: Arial, sans-serif;
	font-weight: normal;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

H6 
{
	font-family: Arial, sans-serif;
	font-weight: normal;
	line-height: 1;
	margin-top: 0em;
	margin-bottom: 1em;
}

table.pubdetails 
{
BORDER:#008080 1px solid; 
PADDING-LEFT: 2px; 
PADDING-RIGHT: 2px; 
PADDING-TOP: 2px; 
BACKGROUND:#FFFFFF;
font-family: Arial, sans-serif;
font-weight: 200;
width: 300px;
}

.pubflash
{
	width: 150px;
	background:	#80F0F0;
}


.newsflash
{
	width: 50%;
	background:	#F0E0D0;
	border: brown 3px solid;
}

.pubhalf
{
	width: 150px;
}

.pubthird
{
	width: 100px;
}

.pub2third
{
	width: 200px;
	background:	#F0F0F0;
}

.half
{
	width: 49%;
	border: white 1px solid;
	padding: 3px;
	float:left;
	border-radius:10px;
}

.third
{
	width: 30%;
	border: white 1px solid;
	padding: 3px;
	float:left;
	border-radius:10px;
}

.spacer
{
	width: 2%;
	float:left;
}

.top_spacer
{
	height:7px;
}

.picture
{
	width: 150px;
	margin-right: 25px;
}

.outsideedge
{
	border: #C08040 5px solid;
	padding: 0px;
	margin: 5px;
	border-radius: 15px;
}

.insideedge
{
	border: #C08040 5px solid;
	margin-left: -8px;
	margin-top: -8px;
	margin-bottom: -8px;
  background-image: url('back2.gif'); 
}

.link23
{
	width: 150px;
	height: 40px;
}

.picture2
{
	width: 220px;
	margin-right: 25px;
}

.formtab
{
	border: 1px #808080 solid;
	padding: 3px;
}

.maintab
{
  BORDER-BOTTOM:#808080 1px solid; 
  BORDER-RIGHT:#808080 1px solid; 
  BORDER-TOP:#f0f0f0 1px solid;
  BORDER-LEFT:#f0f0f0 1px solid;
	padding: 3px;
	width: 75%;
}

.menutab
{
	border: 1px #808080 solid;
	padding: 0px;
	margin: 0px;
}

.plain
{
}

.raised 
{
BORDER-BOTTOM:#808080 1px solid; 
BORDER-RIGHT:#808080 1px solid; 
BORDER-TOP:#f0f0f0 1px solid;
BORDER-LEFT:#f0f0f0 1px solid;
PADDING-BOTTOM: 2px; 
PADDING-LEFT: 2px; 
PADDING-RIGHT: 2px; 
PADDING-TOP: 2px; 
BACKGROUND:#e0e0e0;
font-family: Arial, sans-serif;
font-weight: 200;
}

.raisedyellow 
{
BORDER-BOTTOM:#808078 1px solid; 
BORDER-RIGHT:#808078 1px solid; 
BORDER-TOP:#f0f0e0 1px solid;
BORDER-LEFT:#f0f0e0 1px solid;
PADDING-BOTTOM:2px; 
PADDING-LEFT: 5px; 
PADDING-RIGHT: 2px; 
PADDING-TOP: 2px; 
BACKGROUND:#FFFFEE;
font-family: Arial, sans-serif;
font-weight: 200;
border-radius: 10px;
}

.raisedmenu 
{
width: 150px;
BORDER-BOTTOM:#808078 1px solid; 
BORDER-RIGHT:#808078 1px solid; 
BORDER-TOP:#f0f0e0 1px solid;
BORDER-LEFT:#f0f0e0 1px solid;
PADDING-BOTTOM:2px; 
PADDING-LEFT: 2px; 
PADDING-RIGHT: 2px; 
PADDING-TOP: 2px; 
BACKGROUND:#FFFFEE;
font-family: Arial, sans-serif;
font-weight: 200;
}

.raisedgreen 
{
BORDER-BOTTOM:#788078 3px solid; 
BORDER-RIGHT:#788078 3px solid; 
BORDER-TOP:#e0f0e0 3px solid;
BORDER-LEFT:#e0f0e0 3px solid;
PADDING-BOTTOM:2px; 
PADDING-LEFT: 2px; 
PADDING-RIGHT: 2px; 
PADDING-TOP: 2px; 
BACKGROUND:#EEFFEE;
font-family: Arial, sans-serif;
font-weight: 200;
}

.sunken 
{
  BORDER-BOTTOM:#808080 2px solid; 
  BORDER-RIGHT:#808080 2px solid; 
  BORDER-TOP:#808080 2px solid;
  BORDER-LEFT:#808080 2px solid;
  PADDING-BOTTOM:3px; 
  PADDING-LEFT: 5px; 
  PADDING-RIGHT: 5px; 
  PADDING-TOP: 3px; 
  BACKGROUND:#e0e0e0;
  font-family: Arial, sans-serif;
  font-weight: 200;
}

.italic
{
	font-style: italic;
}

.brown
{
	color: #804000;
}

.red
{
	color: red;
}

.yellow
{
	background-color: yellow;
}

.beige
{
	background-color: #F0E0D0;
}

.green
{
	color: green;
}

.blue
{
	color: blue;
}

.grey
{
	color: #808080;
}

.lightgrey
{
	color: #C0C0C0;
}

.backlightgrey
{
	background-color: #E0E0E0;
}

.backlightgrey1
{
	background-color: #D0D0D0;
}

.backlightgrey2
{
	background-color: #C0C0C0;
	vertical-align:middle;
}

.centrallightgrey2
{
	background-color: #C0C0C0;
	text-align: center;
	border-radius: 5px;
}

.backlightgrey3
{
	background-color: #E0E0E0;
	border: #C08040 5px solid;
	padding: 0px;
	margin: 2%;
	border-radius: 15px;
	width: 96%;
}

.amber
{
  color: #F08000;
}

.am
{
	background: #F0F0A0;
}

.pm
{
	background: #F0A0F0;
}

.eve
{
	background: #A0F0F0;
}

.backbrown
{
	background: #804000;
	z-index: 10000;
}

.backfawn
{
	background: #C08040;
}

.backred
{
	background: red;
}

.backgreen
{
	background: green;
}

.backblue
{
	background: blue;
}

.backsilver
{
	background: silver;
}

.maroon 
{
	color: #800000;	
}

.grey
{
	color: #808080;
}

.backwhite
{
	background: white;
}

.lythamgreen
{
  background: #D8E880;
}

.real
{
}

.keg
{
	color: red;
}

.unknown
{
	color: red;
}

.pubhead
{
	color: yellow;
	background: black;
}


.button 
{
	color: white; 
	background-color: #990000; 
	font-family: Arial, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


A:link 
{
	text-decoration: underline ;
	color: blue;
	font-family: Arial, sans-serif;
	font-weight: 200;
}


A:visited	
{
	text-decoration: underline ;
	color: blue;
	font-family: Arial, sans-serif;
	font-weight: 200;
}

A:active 
{
	text-decoration: none ;
	color: green;
	font-family: Arial, sans-serif;
	font-weight: 200;
}

A:hover 
{
	text-decoration: none ;
	color: red;
	font-family: Arial, sans-serif;
	font-weight: 200;
	background-color: #C0C0C0; 
}

.hover
{
	background-color: #808080; 
}

li
{
	font-weight: bold;
	font-style: italic;
}

P 
{
	font-family: verdana, sans-serif;
	color: #000080;
	vertical-align: top;
}

.fa_tab
{
	line-height: 1.5;
	font-size: 14pt;
	text-align: ;
	vertical-align: middle;
	padding: 5px; 
	border-radius: 5px;
	background-color: white; 
}

.menuback
{
	background: url(menubar.gif);
}

.menucell
{
	height: 24px;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px;
	border: 1px; 
	border-radius: 10px;
}

.ct
{
	text-align: center;
}

div.container
{
width: 650px;
margin: 0px;
border: 0px;
line-height:150%;
}

div.containercentre
{
width: 650px;
margin: 0px;
border: 0px;
line-height:150%;
text-align: center;
}

div.left
{
float:left;
margin: 0px;
vertical-align: top;
padding-right: 5px;
}

div.left_viewset
{
float:left;
padding: 5px;
border-style: solid;
border-color: white;
border-width: 2px;
border-radius: 10px;
background-color: #F0F0F0;
box-shadow: 15px 15px 10px #888;
}

div.left_thumbs
{
float:left;
padding: 5px;
border-style: solid;
border-color: white;
border-width: 2px;
border-radius: 10px;
background-color: #F0F0F0;
box-shadow: 15px 15px 10px #888;
}

div.clear
{
	clear:both;
}

div.lefthalf
{
float:left;
width: 50%;
margin: 0px;
vertical-align: top;
padding-right: 5px;
}

div.leftcentred
{
float:left;
width: 245px;
margin: 0px;
vertical-align: top;
padding-right: 5px;
text-align: center;
}

div.content
{
margin-left: 1px;
border-left: 3px;
vertical-align: top;
text-align: left;
}

div.bullet
{
float: left;
margin-left: 1px;
width: 25px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
}

div.right
{
float: right;
vertical-align: top;
}

.slide
{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background: #e0e0e0;
  width: 100px;
  float: left;
} 


.headerpic
{
  width: 50%;	
	margin-left: 25%;
	margin-right: 25%;
  border: 3px;
  border-color: 'black';
  border-radius: 20px;
}

.projected
{
  text-align: center;
  background: #e0e0e0;
  width: 99%;
  box-shadow: 15px 15px 10px #888;
}

 .projected2
{
  text-align: center;
  background: #e0e0e0;
  //width: 99%;
  box-shadow: 15px 15px 10px #888;
}

.slideimagesize
{
  width: 200px;
  height: 150px;
}

.ninetypercent
{
  width: 90%;
	border-style:solid;
	border-width:3px;
	border-color:#000000;
}

.ninetypercenthigh
{
  width: 90%;
	border-style:solid;
	border-width:3px;
	border-color:#F00000;
}

.masthead
{
  background-image: url('images/bfwmast3.jpg'); 
  width: 100%;
}

.back
{
  background-image: url('back2.gif'); 
  width: 100%;
}

.mapholder
{
  margin: 5px;
  padding: 5px;
  width: 500px;
  height: 500px;
}

.sideholder
{
  height: 500px;
}

.tripheader
{
	background-color: #804000;
}

.tripdetails
{
	background-color: #C0A040;
}

.tripmanifest
{
	background-color: #F0E080;
}

.tripform
{
	background-color: #C0A040;
}

.masttext
{
	font-size: 18pt;
	text-align: center;
	width: 500px;
}

.rscb
{
	margin-left: 25px;
	margin-right: 0px;
	background-image: url('greendragons.png');
	width: 1025px;
}

.central1100
{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.central
{
	text-align: center;
	border: 0px;
}

.evil-tree
{
  background-image: url('images/eviltree_1280x1024.jpg');
 
}   

.displaybox 
{
	z-index: 10000;
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#F0F000;
	position:fixed; top:0px; right:0px; 
	width:20%; 
	height:20%; 
	color:#000000; 
	text-align:center; 
	vertical-align:middle;
}

.displaybox2 
{
	z-index: 10000;
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#F0F000;
	position:absolute; left: 10px; top:10px;
	width:100%; color:#000000; text-align:center; vertical-align:middle;
}

.overlayleft
{
	z-index: 10000;
	//opacity: 0.3;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#C0C0C0;
	position:relative; left: 100px;
	color:#000000; text-align:center; vertical-align:middle;
}

.overlayright
{
	z-index: 10000;
	//opacity: 0.3;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#C0C0C0;
	position:textaling; right: 100px;
	color:#000000; text-align:center; vertical-align:middle;
}

.pos_left
{
float:left;
background-color:white; 
position:relative;
top: -3px;
opacity: 0.9;
}

.pos_right
{
float:right;
background-color:white; 
position:relative;
top: -3px;
opacity: 0.9;
}

.pos_bar
{
z-index: 10000;
background-color:lightgray; 
opacity: 0.2;
position:relative;
top: 30px;
left: 5%;
width:90%;
}

.pos_bar_solid
{
z-index: 10000;
background-color:lightgray; 
opacity: 0.9;
position:relative;
top: 30px;
left: 5%;
width:90%;
}

.blindshown2
{
	z-index: 10000;
	opacity: 0.9;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#F0C000;
	color:#000000; 
	float: left;
	width: 130px;
	color:#000000; 
	text-align:center; 
}

.blindshown4
{
	z-index: 10000;
	opacity: 0.9;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#F0C000;
	color:#000000; 
	float: left;
	width: 130px;
	color:#000000; 
	text-align:center; 
}

.rect
{
	width: 130px;
	height: 130px;
	background-color:#F0C000;
}

.hidden
{
	display:none;
}

.visible
{
	display:inline;
}

.pos_relative
{
position:relative;
}

.pos_absolute
{
position:absolute;
}

.pos_above
{
position:absolute;
top:50px;
left:0px;
background-color: #F0F000;
z-index:10000;
opacity:0.9;
}

.posrel
{
z-index: 10000;
background-color:lightgray; 
opacity: 0.2;
position:relative;
top:-130px;
right: 130px
float: left;
}

.biggerpicture
{
	background-color: #E0E0E0;
	width: 1000px;
}

.rounded
{
	border: white 1px solid;
	padding: 3px;
	border-radius:10px;
}

.mappy
{
	border: black 3px solid;
	border-radius:10px;
  margin: 5px;
  padding: 5px;
  width: 400px;
  height: 300px;
	float: left;
}
--->