html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	/*background-image:url('http://87cen.com/thebattersbox/wp-content/themes/thebb/img/bground.jpg');
	background-repeat:no-repeat;*/
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.rateslist {margin-bottom:20px;}
.buttski {margin-bottom:20px;}

.divider {color:#ff6666;}

#map_canvas {float:left; width:560px;padding:0; margin:0;}

#slideshow {width:800px; height:200px;float:left;background:#333;}
#slideshowhome {width:800px; height:400px;float:left;background:#333;}

#top {width:800px; height:100px; float:left;}
#logo {width:100px; height:100px;float:left;}
#logoabs {width:180px; height:180px;position:relative; top:-10px; left:-80px;z-index:1000;}
#topright {width:700px; height:100px; padding-top:50px;float:right;}
#topright p {margin-bottom:5px;color:#666;}
#wrapper{width:800px;margin:40px auto;}
#footer {float:left;width:800px; height:30px;background-image: url('http://87cen.com/thebattersbox/wp-content/themes/thebb/img/grass.jpg');z-index:1000;color:#fff;}
#footer p {padding:10px;font-size:11px;}
#footer a {text-decoration: none; color:#ff9933;}

#contentwrapper {float:left; width:800px;background-image: url('http://87cen.com/thebattersbox/wp-content/themes/thebb/img/sand.jpg');
	background-repeat:repeat;padding-bottom:20px;line-height:18px;font-size:12px;
}
#textcontent{
	text-align: left;
	width:530px;
	float:left;
		color:#333;
	padding:15px;
	background:#fff;
	margin:20px;
	
	}
	#content h2{
		color:#333;
		margin:20px 0pt;
	}
	#content a{
		color:#000;
		font-weight:bolder;
		text-decoration:none;
	}

#sidebar {width:200px; float:left;padding-top:20px;text-align: left;}
#sidebar ul li {width:200px;margin-bottom:5px;}
#sidebar ul li a {background-image: url('http://87cen.com/thebattersbox/wp-content/themes/thebb/img/grass.jpg');background-repeat:repeat; padding:10px; font-size:12px; text-transform: uppercase;color:#fff;display: block;text-decoration: none;}
#sidebar ul li a:hover {background:#ff9933;}
#sidebar ul li a.active {background:#ff9933;}

#navholder{float:left;width:650px; height:30px;background-image: url('http://87cen.com/thebattersbox/wp-content/themes/thebb/img/grass.jpg');z-index:1000;padding-left:150px;}
.nav li{float:left;color:#fff; font-size:12px; text-transform:uppercase;margin:10px 20px 0 0;}
.nav li a {text-decoration:none; color:#fff;font-weight:bold;}
.nav li a:hover {color:#ff9933;}

li.opening {padding-left:25px; color:#ff9933;width:250px;}

.newsletter {width:320px;float:right;}
.address {width:320px; margin-left:50px;float:left;font-size:12px; color:#333;}
.address a {text-decoration:none; color:#999;}
.address a:hover {color:#ff9933;}

.entry h3 {border-bottom:1px solid #666; font-size:14px; text-transform: uppercase; color:#339933;margin-top:15px;}
.entry h4 {border-bottom:1px solid #666; font-size:14px; text-transform: uppercase; color:#339933;margin-bottom: 10px;}
.entry p {margin-bottom:15px;}

.green {color:#339933;}
.small {font-size:10px;}

#map {width:450px; float:right;}


#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}

#navigation{
	float:left;
	width:110px;
	height:400px;
	background-color:#5B739C;
}
	#navigation .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:15px;						
		}
		#navigation a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
		}				
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation a.scrolling{
			color:#933;
		}


.aboutaddress { float:left; width:300px; padding:50px;}
.aboutaddress p {text-align:right; font-size:13px;width:300px;}



.zombie {margin:20px 0;clear:both; }
.zompad {padding:20px;}
.zombie img {margin:0 0 10px 0;}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {

	padding: 		0em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

