/* main.css - main styles defined here */

/* imports */
@import url(reset.css);

/* main body style */
body
{
	margin-left: 0;	/* must be same as #nav 'left' */
	font-size: 11px;
	font-family: arial, sans-serif;
	color: white;
	background-color: black;
}

/* paragraph leading */
p
{
	padding: 4px 4px;
}

/* no border on images */
img
{
	border: 0;
}

/* default link settings */
a:link
{
	text-decoration: none
}

a:visited
{
	text-decoration: none
}

/* class to fix div background when floating */
.clear
{
	clear: both;
}

/* main nav bar styles */
#nav
{
	position: fixed;
	top: 0;
	left: 0;	/* must be same as body left margin */
	width: 900px;
	height: 22px;
	margin: 0;
	padding: 0;
	background: url(images/nav_bg.gif) repeat-x center top;
	border-bottom: solid 1px rgb(204,204,204);
}

#nav li
{
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	font-size: 13px;
	display: inline;
}

#nav li a
{
	display: block;
	border-right: solid 1px rgb(204,204,204);
	padding: 4px 12px 0 12px;
	color: rgb(0,0,102);
	text-decoration: none;
	background: black url(images/nav_bg.gif) repeat-x center top;
}

#nav li a:hover
{
	background: url(images/nav_hover_bg.gif) repeat-x;
}

/* current page navigation styles */
#home_body a#home_link,
#menu_body a#menu_link,
#bev_body a#bev_link,
#loc_body a#loc_link,
#cater_body a#cater_link,
#hist_body a#hist_link,
#events_body a#events_link,
#contact_body a#contact_link,
#faq_body a#faq_link
{
	background: url(images/nav_bg.gif) repeat-x;
	color: rgb(153,0,0);
}

/* logo_text style */
#logo_text
{
	text-align: center;
	margin: 10px 0 20px 0;
	color: white;
	font-size: 11px;
	font-weight: bold;
	font-family: arial, sans-serif;
	background-color: rgb(0,0,102);
	background-image: url(images/water.jpg);
}

/* left panel table column styles */
#left_panel_col
{
	width: 232px;
	vertical-align: top;
	background-image: url(images/water.jpg);
}

/* left panel table column styles */
#right_panel_col
{
	width: 661px;
	vertical-align: top;
}

/* vertical rope style */
#vert_rope
{
	width: 7px;
	background: url(images/rope.jpg) repeat-y;
}

/* copyright text */
#copyright
{
	clear: both;
	background: url(images/nav_bg.gif) repeat-x center top;
	border-top: 1px solid rgb(204,204,204);
	width: 880px;
	color: black;
	padding: 6px 10px 10px 10px;
	text-align: center;
	font-size: 11px;
	font-family: arial,sans-serif;
}

#cr_text
{
	clear: both;
	text-align: center;
	font-size: 9px;
	font-weight: normal;
	font-family: arial, sans-serif;
	padding: 30px 0 20px 0;
	color: rgb(0,0,51);
}

/* bold class */
.bold
{
	font-weight: bold;
}