/*  Base Style sheet for both The Ship and The Bridge Inns  */
/*  last update - Sat 29 Aug 09  */
body	{
		margin: 0px;
		padding: 0px;
		background-color: #a0a0a0;		/* light grey */
		background-color: #808080;		/* light grey */
		background-color: #d8d8d8;		/* light grey */
   		color: white;
   		color: black;
		font-family: "Trebuchet MS" , sans-serif;
		height: 100%;
}
 /*---------------------------------- temporarily used to show up borders on all TABLE tags  */
body table, td	{
		border-width: 0px;		/* change to 1px to display borders */  
		border-style: solid;
		border-color:  white;
		vertical-align: top;
}
/*------------------------------------------------------- some eneral classes   */
.bold16	{
	font-size: 16px;
	font-weight: bold;
}
.brick	{ color: #a93333;}
.green	{ color:  #99ff33;}	/* green */
.red		{ color: red;	}
.br.clear	{ clear: both;	}
.cleardivs	{
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	padding: 0;
	margin: 0;
	border: none;
}
/*---------------------------------- temporarily used to show up borders on all DIV tags  */
div		{
border-width: 0px;		/* change to 1px to display borders */  
border-style: solid;
border-color:  red;
}
/*------------------------------------------------------------------- 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-weight: bold;
width: 80%;
padding-left: 30px;
}
.hd2	{					/* address */
color: #d7a317;				/* gold */
font-size: 14px;
font-weight: normal;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;		/* controls the height of the header */
}
/*----------------------------------------------------------- LEFT */
#left	{
float:  left;
/*width:  200px;*/
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 ul li	{
/*	border-style: solid;
	border-width: 1px;
	border-color: white;*/
}
#menulinks a:hover	{
	background-color: #a93333;
}
/*----------------------------------------------------------- NAV  */
#nav	{
background-color: #625d5d;	/* grey 43 */
color: white;
height: 20px;
border-style: solid;
border-width: 0px;
border-color: white;
}
#nav ul		{
	margin: 0 0 0 20px;
	font-size: 12px;
	white-space: nowrap;
}
#nav li	{
	list-style-type: none;
	display: inline;
}
#nav a	{
	margin: 5px 0px; 
	padding: 0px 10px;
	color: white;
	text-decoration: none;
	border-style: none solid none none;
	border-width: 0px;
	border-color: white;
}
#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: #696969;		/* grey #4  */
background-color: #ccc;		/* even lighter grey  */
background-color: #808080;		/* lighter grey  */
background-color: #949494;		/* lighter grey  */
background-color: #aaaaaa;		/* lighter grey  */
width: 780px;
margin: 0 auto 0 100px;
border-style: none solid;
border-width: 1px;
border-color: white;
font-size: 12px;
height: 100%;
}
#wrap a			{color: #ffff99;		/* light yellow */
	text-decoration:  none;
}

#wrap a:hover	{background-color: #a93333;		/* brick */
	color: white;
}