/*  Base Style sheet for both The Ship and The Bridge Inns  */
/*  last update - Sat 29 Aug 09  */
body	{
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #a0a0a0;		/* light grey */
	background-color: #808080;		/* light grey */
	background-color: #d8d8d8;		/* light grey */
	background-color: #444444;		/* light grey */
	background-color: #648464;      /* sea green */
    color: white;
	font-family: "Verdana";
	font-family: "Trebuchet MS" , sans-serif;
    font-size: 11px;
    }
/* ----------------------------------------------- some defaults in TAGs */
td { vertical-align: top;  }
/*------------------------------------------------ some general classes   */
.fb14	{	font-size: 14px;
	font-weight: bold;
    }
.fb16	{	font-size: 16px;
	font-weight: bold;
    }
.fb18	{	font-size: 18px;
	font-weight: bold;
    }
.fb20	{	font-size: 20px;
	font-weight: bold;
    }

.fs14	{	font-size: 14px;}
.fs16	{	font-size: 16px;}
.fs18	{	font-size: 18px;}
.fs20	{	font-size: 20px;}

.brick	{ color: #a93333;}
.green	{ color:  #99ff33;}
.red		{ color: red;    }
.white      { color: white;  }
.cornsilk   { color: cornsilk; }
.lime       { color: lime;     }
.orangered  { color: orangered; }
.yellow     { color: #ff9;      }
.br.clear	{ clear: both;	}

.cleardivs	{	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	padding: 0;
	margin: 0;
	border: none;
    }
.link  {
       color: #ff9;  /* light yellow */
       text-decoration: none;
       padding: 0 5px;
       }
.link:hover {
    background-color: #a93333;  /* brick */
    color: white;
    }
/*--------------------------------------------------------- HEADER  */
#header		{
     background-color:  black;
     }
#header a	{
     color: white;		/* for the email address  */
     }
#header a:hover	{
        color: red; }
.hd1	{					/* the SHIP title */
        color: #d7a317;				/* gold */
        font-size: 64px;
        font-size: 52px;
        font-weight: bold;
        width: 75%;
        padding-left: 30px;
        }
.hd2	{					/* address */
        color: #d7a317;				/* gold */
        font-size: 14px;
        font-size: 12px;
        font-weight: normal;
        padding-top: 10px;
        padding-right: 30px;
        padding-bottom: 10px;		/* controls the height of the header */
        }
/*----------------------------------------------------------- LEFT */
#left	{
        float:  left;
        height: 400px;
        }
/*---------------------------------------------------------- MENU  */
#menu	{float: left; }
.sm1	{font-size: 30px;
        font-weight: bold;
        text-align: center;
        }
.sm2	{	font-size: 20px;
			font-weight: bold;
		}
.sm3	{	font-size: 16px;
			font-weight: bold;
		}
.col1	{	padding-left: 10px;
			padding-right: 0px;
			width: auto;
			}
.col2	{	padding-left: 20px;
			padding-right: 0px;
			width: 480px;
			}
.col3	{	padding-left: 10px;
			padding-right: 20px;
			width: 450px;
			}
.col4	{	padding-left: 20px;
			padding-right: 0px;
			width: 480px;
			}
.sm-list	{	list-style-type: none;
			}
li			{	margin-left: 0px;
				padding-left: 0px;
			}
.sides-1	{	padding-left: 30px;
				padding-right: 20px;
			}
.sides-3	{	padding-left: 30px;
				padding-right: 60px;
			}
.sm-foot td	{	padding-left: 0px;
				font-size: 12px;
			}
/*---------------------------------------------------- MENULINKS  */
#menulinks	{
	margin: 20px 20px 0 0;
	float: left;
					/* vertical line on RHS od links */
	border-style: none solid none none;
	border-width: 1px;
	border-color: white;
    }
#menulinks ul		{
	margin: 0;			/* positions UL and LI to the left for both browsers */
	padding: 0;			/* padding required for FireFox */
    }
#menulinks li	{
	list-style-type: none;
	display: block;
	margin: 0;
    }
#menulinks a	{
	color: white;
	text-decoration: none;
	font-size: 14px;
	padding: 0px 5px;
	margin:  0 10px 0px 10px;
    }
#menulinks a:hover	{
	background-color: #a93333;
    }
/*----------------------------------------------------------- NAV  */
#nav	{
	background-color: #625d5d;	/* grey 43 */
}
#nav ul		{
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 2px 0 2px 0;
/*	border:  1px solid green;*/
	}
#nav li	{
	display: inline;
	}
#nav a	{
	font-size: 11px;
	margin: 0px 5px 0 0;
	padding: 2px 10px;
	color: white;
	white-space: nowrap;
	text-decoration: none;
	}
#nav a:hover	{
	background-color: #a93333;		/* brick */
	}
/*--------------------------------------------------------- wrap ------*/
			/* WRAP is used to fix the overall width of the page */
#wrap		{
/*	background-color: #666;*/			/* grey #1 */
    background-color: #ccc;		/* even lighter grey  */
    background-color: #808080;		/* lighter grey  */
    background-color: #949494;		/* lighter grey  */
    background-color: #aaaaaa;		/* lighter grey  */
    background-color: #696969;		/* grey #4  */
    background-color: #333333;		/* grey #4  */
    width: 780px;
    margin: 0 auto 0 100px;
    border-style: none solid;
    border-width: 2px;
    border-color: white;
    }
#wrap a			{color: #ffff99;		/* light yellow */
	text-decoration:  none;
    padding: 0 5px;
    }
#wrap a:hover	{background-color: #a93333;		/* brick */
	color: white;
    }
=================================================================