/* Beansprouts CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url(../images/tabletopbkgrnd.gif) repeat;
	margin:0px auto 10px;
	color:#777;
	}

.clear {
	clear:both;
	}

.container {
	width:790px;
	margin:10px auto 10px auto;
	}
#box {
	width:790px;
	margin:10px auto 10px auto;
	background:#ffffff;
	border:3px solid #009933;
	}

#boxb {
	width:790px;
	margin:10px auto 10px auto;
	background:#ffffff;
	}

p, ul, li, dl, dt, dd
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style-type:none;
	line-height:14px;
	font-size:10px;
	letter-spacing:-.1px;
	color:#777;
}
#menu ul, #menu li {
		letter-spacing:1px;
}

ul.disc li {
	margin-bottom:16px;
	}

ul.roman li {
	list-style:lower-roman outside;
	margin-left:25px;
	margin-bottom:16px;
	}

a {
	color:#3f2c04;
	}

a:hover, #content a:hover {
	color:#66cc00;
	}

a:visited, #content a:visited {
	color:#3f2c04;
	text-decoration:underline;
	}

#header li.group, #header li a,
#nav li a {
	font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:normal;
	font-weight:400;
	text-transform:uppercase;
	text-decoration:none;
	white-space:nowrap;
}

#header li a,
#nav li a {
	color:#3f2c04;
}

#header li a:hover {
	color:#f00;
	}

#nav li#about a:hover {
	color:#f00;
}
#nav li#locations a:hover {
	color:#f00;
}
#nav li#food a:hover {
	color:#f00;
}
#nav li#shop a:hover {
	color:#f00;
}
#nav li#newsevents a:hover {
	color:#f00;
}

#header {
	float:right;
	margin-right:32px;
	margin-top:13px;
}

#header li {
	float:left;
	font-size:12px;
}

#header .group {
	background:url(../images/dotted_border.gif) right top repeat-y;
	padding-right:8px;
	margin-right:8px;
	}

#logo {
	width:518px;
	height:102px;
	margin-left:12px;
	background:url(../images/logo.gif) top left no-repeat;
	display:block;
	text-decoration:none;
}

#logo span {
	visibility:hidden;
	}

#menu {
	border-top:1px solid #006600;
	border-bottom:1px solid #006600;
	clear:both;
	position:relative;
	width:100%;
}

#menu .container {
	margin:0px auto;
	position:relative;
	}

#nav {
	float:right;
	margin-right:23px;
	position:relative;
}

#nav li {
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:-1px;
	border-bottom:1px solid #4d3b16;
	background:#fff;
	position:relative;
}

#nav li li {
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:none;
	}

#nav li.sfhover,
#nav li.current {
	background:#c3e397;
	}
#nav li#index.sfhover,
#nav li#index.current {
	background:#c3e397;
	}
#nav li#about.sfhover,
#nav li#about.current {
	background:#c3e397;
	}
#nav li#locations.sfhover,
#nav li#locations.current {
	background: #c3e397;
	}
#nav li#food.sfhover,
#nav li#food.current {
	background:#c3e397;
	}
#nav li#shop.sfhover,
#nav li#shop.current {
	background:#c3e397;
	}
#nav li#newsevents.sfhover,
#nav li#newsevents.current {
	background:#c3e397;
	}
#nav li#index.current,
#nav li#about.current,
#nav li#locations.current,
#nav li#food.current,
#nav li#newsevents.current
	{
	background: #b2d296;
	}
#nav li div {
	background:url(../images/dotted_border.gif) left top repeat-y;
	float:left;
}

#nav li div a {
	position:relative;
	display:block;
	margin-top:-41px;
	padding-top:41px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}

#nav #index {
	position:relative;
	}

#nav #index a:hover,
#nav #index.sfhover a,
#nav #index.current a {
	background:url(../images/c-1.gif) no-repeat center top;
}

#nav #about {
	position:relative;
}

#nav #about a:hover,
#nav #about.sfhover a,
#nav #about.current a {
	background:url(../images/c-2.gif) no-repeat center top;
}

#nav #food {
	position:relative;
	}

#nav #food a:hover,
#nav #food.sfhover a,
#nav #food.current a {
	background:url(../images/c-3.gif) no-repeat center top;
}

#nav #locations {
	position:relative;
	}

#nav #locations a:hover,
#nav #locations.sfhover a,
#nav #locations.current a {
	background:url(../images/c-4.gif) no-repeat center top;
}

#nav #newsevents {
	position:relative;
	}

#nav #newsevents a:hover,
#nav #newsevents.sfhover a,
#nav #newsevents.current a {
	background:url(../images/c-5.gif) no-repeat center top;
}

#nav li ul {
	left:-999em;
	position:absolute;
	width:475px;
}

#nav li,
#nav li li,
#nav #index.sfhover li a,
#nav #index #visible li a,
#nav #index.current #visible li a,
#nav #locations.sfhover li a,
#nav #locations #visible li a,
#nav #locations.current #visible li a,
#nav #food.sfhover li a,
#nav #food #visible li a,
#nav #food.current #visible li a,
#nav #about.sfhover li a,
#nav #about #visible li a,
#nav #about.current #visible li a,
#nav #newsevents.current #visible li a,
#nav #newsevents.sfhover li a,
#nav #newsevents:hover li a {
	background:none;
}

#nav li ul {
	padding-left:0px;
	}

#nav li {
	z-index:5;
}

#nav li ul li.first-child {
	list-style-type:none;
	padding-left:0px;
}

#nav li.sfhover {
	z-index:10;
}

#nav li.sfhover ul,
#nav li #visible,
#nav li.sfhover #visible {
	top:25px;
	padding-top:4px;
	left:0px;
}

#nav #index:hover .sub,
#nav #index.sfhover .sub,
#nav #index.current .sub,
#nav #index.sfhover ul,
#nav #index.sfhover #visible {
	left:0px;
	width:380px;
	}

#nav #about.sfhover .sub,
#nav #about.current .sub,
#nav #about.sfhover ul,
#nav #about.sfhover #visible {
	left:-35px;
	width:550px;
	}

#nav #locations:hover .sub,
#nav #locations.sfhover .sub,
#nav #locations.current .sub,
#nav #locations.sfhover ul,
#nav #locations.sfhover #visible {
	left:0px;
	width:380px;
	}

#nav #food:hover .sub,
#nav #food.sfhover .sub,
#nav #food.current .sub,
#nav #food.sfhover ul,
#nav #food.sfhover #visible {
	left:-110px;
	width:420px;
	}

#nav #newsevents:hover .sub,
#nav #newsevents.sfhover .sub,
#nav #newsevents.current .sub,
#nav #newsevents.sfhover ul,
#nav #newsevents.sfhover #visible {
	left:-80px;
	width:380px;
	}

#nav #index li,
#nav #locations li,
#nav #about li,
#nav #food li,
#nav #newsevents li {
	position:static;
	background:transparent;
	color:#66cc00;
	font-size:9px;
	}

#nav li li a,
#nav li ul li a {
	background:none;
	color:#006600;
}
#nav li#index li a,
#nav li#index ul li a {
	background:none;
	color:#006600;
}
#nav li#about li a,
#nav li#about ul li a {
	background:none;
	color:#006600;
}
#nav li#locations li a,
#nav li#locations ul li a {
	background:none;
	color:#006600;
}
#nav li#food li a,
#nav li#food ul li a {
	background:none;
	color:#006600;
}
#nav li#shop li a,
#nav li#shop ul li a {
	background:none;
	color:#006600;
}
#nav li#newsevents li a,
#nav li#newsevents ul li a {
	background:none;
	color:#006600;
}

*html li li a {
	letter-spacing:-0.5px;
}

#nav #index:hover ul li a:hover,
#nav #index.sfhover ul li a:hover,
#nav #locations:hover ul li a:hover,
#nav #locations.sfhover ul li a:hover,
#nav #about:hover ul li a:hover,
#nav #about.sfhover ul li a:hover,
#nav #food:hover ul li a:hover,
#nav #food.sfhover ul li a:hover,
#nav #newsevents:hover ul li a:hover,
#nav #newsevents.sfhover ul li a:hover {
	background:none;
	color:#8dc63f;
}

#nav li li.current a {
	color:#009933;
	}
#nav li#index ul li.current a,
#nav li#about ul li.current a,
#nav li#locations ul li.current a,
#nav li#food ul li.current a,
#nav li#shop ul li.current a,
#nav li#newsevents ul li.current a
{
	background:none;
	color:#009933;
}

#nav #index.sfhover ul li.sfhover,
#nav #locations.sfhover ul li.sfhover,
#nav #food.sfhover ul li.sfhover,
#nav #about.sfhover ul li.sfhover,
#nav #newsevents.sfhover ul li.sfhover {
	background:none;
}

#nav div.mask {
	height:20px;
	top:28px;
	position:absolute;
	background-color:white;
	background-image:none;
	display:none;
}

#nav #index:hover div.mask,
#nav #index.sfhover div.mask {
	left:-100px;
	width:590px;
	display:block;
	}

#nav #about:hover div.mask,
#nav #about.sfhover div.mask {
	left:-100px;
	width:590px;
	display:block;
	}

#nav #locations:hover div.mask,
#nav #locations.sfhover div.mask {
	left:-100px;
	width:590px;
	display:block;
	}

#nav #food:hover div.mask,
#nav #food.sfhover div.mask {
	left:-100px;
	width:590px;
	display:block;
	}

#nav #newsevents:hover div.mask,
#nav #newsevents.sfhover div.mask {
	left:-400px;
	width:590px;
	display:block;
	}

.sitecredit {
	text-align:right;
	font-size:9px;
	color:#999999;
}
