* { margin: 0; padding: 0; border: none; }
/*#5f6d2f*/
body { background: #5f6d30  url(/images/background.jpg) no-repeat top center; }

img, .photo_mask { behavior: url(/js/iepngfix.htc) }

a { color: #8f2b04; }

p { margin-bottom: 10px; }

.imgborder { border: 1px solid #000000; }
a.imgholder { border: 1px solid #000000; background:#a3420d; width:170px; height:114px; }
img.imgholder { margin-top:45px; margin-left:16px; }
.imgright { float:right; margin: 0 0 10px 10px; }
.imgleft { float:left; margin: 0 10px 10px 0; }
.right { float:right; clear:right; margin:10px; }
.left { float:left; clear:left; margin:10px; }

h1 { font: bold 200% Georgia, "Times New Roman", Times, serif; }
h2 { font: bold 150% Georgia, "Times New Roman", Times, serif; }
h3 { font: bold 120% Georgia, "Times New Roman", Times, serif; }
p h3 { clear:none; display:inline; float:none; }

.gallerypage h1, .gallerypage h2 { clear:both; margin-top:.5em; }
.gallerypage h3 { clear:both; margin: .5em 0 .25em 0; }
.gallerypage .group { display:block; float:left; margin: 0 0 10px 7px; _margin: 0 0 10px 3px; padding:0px; }
.copytext.gallerypage ul, .copytext.gallerypage ol { font-size:1.1em; list-style-type:none; margin: 5px 0 10px 5px; _margin: 2px 0 10px 2px; }
.copytext.gallerypage ul ul, .copytext.gallerypage ol ol { font-size:.9em; list-style-type:disc; margin: 0 0 5px 15px; _margin: 0 0 5px 7px; }


/*
#left-column a.polaroid { border:0px solid #fff; display:block; height:160px; left:15px; margin-top:-15px; position:relative; top:0; width:210px; }
#left-column a.polaroid img { border:0px solid #fff; display:block; left:0; margin: 10px 15px 10px 15px; position:absolute; top:0; }

#left-column a.polaroid span.photo_mask { border:0px solid #fff; display:block; height:180px; left:0; position:absolute; top:0; width:210px; }

#left-column a.tilt_a span.photo_mask { background: url(/images/photo-a.png) no-repeat; }
#left-column a.tilt_b span.photo_mask { background: url(/images/photo-b.png) no-repeat; }

#left-column a.tilt_a.polaroid img { margin-top: 18px; }
#left-column a.tilt_b.polaroid img { margin-top: 15px; }
*/


#left-column { display:block; margin-top:25px; position:relative; }

#homepage #left-column { padding-top:58px; _padding-top:80px; }

.copytext { display:block; position:relative; }
a.polaroid { border:0px solid #fff; display:block; height:160px; left:0px; margin-top:-15px; position:relative; top:0; width:210px; }
a.polaroid img { border:0px solid #fff; display:block; left:0; margin: 10px 15px 10px 15px; position:absolute; top:0; }

#left-column a.polaroid { left:15px; }
.greencol a.polaroid { left:15px; }

a.polaroid span.photo_mask { border:0px solid #fff; display:block; height:180px; left:0; position:absolute; top:0; width:210px; }
a.tilt_a span.photo_mask h2 { bottom:25px; left:20px; position:absolute; z-index:20; }
a.tilt_b span.photo_mask h2 { bottom:35px; left:15px; position:absolute; z-index:20; }

a.tilt_a span.photo_mask h2 { _bottom:0; _left:0; _margin: 135px 0px 0px 20px; _position:relative; _z-index:20; }
a.tilt_b span.photo_mask h2 { _bottom:0; _left:0; _margin: 125px 0px 0px 20px; _position:relative; _z-index:20; }

a.tilt_a span.photo_mask { background: url(/images/photo-a.png) no-repeat; }
a.tilt_b span.photo_mask { background: url(/images/photo-b.png) no-repeat; }

a.tilt_a img { margin-top: 17px; }
a.tilt_b img { margin-top: 13px; }


/*
.copytext a.polaroid { border:0px solid #fff; display:block; height:160px; left:15px; margin-top:-15px; position:relative; top:0; width:210px; }
.copytext a.polaroid img { border:0px solid #fff; display:block; left:0; margin: 10px 15px 10px 15px; position:absolute; top:0; }

.copytext a.polaroid span.photo_mask { border:0px solid #fff; display:block; height:180px; left:0; position:absolute; top:0; width:210px; }

.copytext a.tilt_a span.photo_mask { background: url(/images/photo-a.png) no-repeat; }
.copytext a.tilt_b span.photo_mask { background: url(/images/photo-b.png) no-repeat; }

.copytext a.tilt_a.polaroid img { margin-top: 18px; }
.copytext a.tilt_b.polaroid img { margin-top: 15px; }
*/


#mastercontainer { background: #b45915 url(/images/plank.jpg) repeat-y top left; left: 50%; margin-left: -420px; position: absolute; top: 20px; width: 826px; }

#lure { left: 0px; position:absolute; top: 376px; z-index: 10; }

.menubg { background: url(/images/menutop.gif) no-repeat top left; font: normal 10px Arial, Helvetica, sans-serif; }

#header { clear:both; height:154px; width:826px; }

	#logos {
		float: left;
		width: 316px;
		height: 154px;
		background: url(/images/logosbg.jpg) no-repeat top left;
		font: 10px Arial, Helvetica, sans-serif;
		color: #000;
		text-transform: uppercase;
	}

		img.lostbaylogo {
			margin: 0 0 0 38px;
		}

		img.wildeyeslogo {
			margin: 51px 0 0 24px;
		}

		#logos p {
			text-align: center;
			margin: 0;
		}

	#hdrnav {
		float: right;
		width: 510px;
		background: url(/images/hdrnavbg.jpg) no-repeat top left;
		height: 111px;
	}

	#hdrnav p {
		font: 12px Georgia, "Times New Roman", Times, serif;
		color: #f5eacf;
		padding: 14px 10px 2px 20px;
	}


a.sitemap {
	color: #ffffff;
	text-decoration:none;
}

a.sitemap:hover {
	color: #e4dcad;
}

/*
td.copytext {
	padding: 10px;
}
*/

.leftmenubg {
	background: transparent url(/images/leftmenubg.jpg) repeat-x top left;
	display:block;
	position:relative; 
	width: 244px;
}

/*
#homepage #nav ul {
	margin:15px 10px 0px 30px;
	_width:180px;
}
*/

.footer {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.footer td {
	padding: 10px;
	}

a.fs {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #e4dcad;
	text-decoration:none;
}

.welcomeheader { height:45px; margin:0px; padding: 1px 42px 2px 0px; text-align:right; }
/*.welcomeheader img { height:48px; margin:0px; padding: 0px; }*/

.idxbg {
	background: url(/images/repeatingbg.jpg) repeat-y top center;
}

.idxtablebg {
	background: url(/images/idxcopybg.jpg) no-repeat top left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;
	margin-left: 15px;
	width: 798px;
}


.insidebg {
	background: url(/images/insiderepeatingbg.jpg) repeat-y top center;
	margin: 10px 0 0 10px;
	width: 563px;
}

.instablebg {
	background: url(/images/inscopybg.jpg) no-repeat top right;
	color: #000000;
	font: normal 11px Arial, Helvetica, sans-serif;
	width:559px;
}

.fancy-content { font: normal 11px Arial, Helvetica, sans-serif; width: 563px; }
#butch_video { margin-top:10px; width: 322px; }
#slideshow_video { margin-top:10px; width: 480px; }

.instablebg ul,ol {
	margin: 0 0 10px 30px;
}

.instablebg .copytext { padding:10px; width:539px; }

.copytext ul,ol {
	margin: 0 0 10px 30px;
}

.copytext p {
	margin: 10px 10px 10px 0px;
}

.greencol {
	background-color: #BFC65F;
	border-right:#5f6d30 2px solid;
	vertical-align:top;
	width: 244px;
}

.lure {
	background: #BFC65F url(/images/insidelure.gif) center bottom no-repeat;
	padding: 20px 0 180px 0;
	vertical-align:top;
}

input,textarea,select {
	margin: 1px;
	border: 1px solid #000;
	padding: 3px;
}

table.datatable {
border: 1px solid #734c0d;
clear:both;
color: #000000;
font: 11px Arial, Helvetica, sans-serif;
margin-bottom:1em;
width:100%;
}

td.data_td_dark {
font: 11px Arial, Helvetica, sans-serif;
color: #f1e2ca;
background: #b7893e;
padding: 4px;
border-bottom: 1px solid #c09754;
}

td.data_td_med {
font: 11px Arial, Helvetica, sans-serif;
color: #000000;
background: #d6b682;
padding: 4px;
border-bottom: 1px solid #c09754;
}

td.data_td_light {
font: 11px Arial, Helvetica, sans-serif;
color: #000000;
background: #e3c99f;
padding: 4px;
border-bottom: 1px solid #c09754;
}

#nav ul {
	list-style: none;
	margin: 15px 0px 0px 30px;
	width: 180px;
}

	#nav ul li {
		font: bold 10.5px/.9em Georgia, "Times New Roman", Times, serif;
		border-bottom: 1px solid #9d8d6a;
		padding: 4px 0;
		text-transform: uppercase;
		display: block;
	}

	#nav ul li a {
		color: #413826;
		text-decoration: none;
	}

	#nav ul li a:hover {
		color: #727a30;
	}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:510px; height:65px; position:relative; z-index:100;font-family:arial, sans-serif;font-weight:bold;font-size: 0;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:511px; w\idth:510px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; height:65px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {w\idth:50px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {}
/* style the second level hover */
.menu ul ul a.drop:hover{}
.menu ul ul :hover > a.drop {}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {}
/* style the third level hover */
.menu ul ul ul a:hover {}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:65px;left:20px; }
/* another hack for IE5.5 */
* html .menu ul ul {top:64px;t\op:65px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:170px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-170px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#e6ca83; 
	color:#000;
	height:auto; line-height:1em;
	padding:5px;
	width:170px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #501402;
	border-left:1px solid #501402;
	border-right:1px solid #501402;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:128px;}

/* style the top level hover */
.menu ul ul a:hover{
	background:#c15e11;
	color:#000;}
.menu ul ul :hover > a {
	background:#c15e11;
	color:#e6ca83;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
