/*##############################################*/
/*GENERAL*/
/*##############################################*/

table.datagrid

{
	border: solid 1px #efefef;
	border-collapse: collapse;
}

table.datagrid th
{
	background-color: #8A7134;
	text-align: left;
	border: none;
}

table.datagrid td
{
	color: #333333;
	border-top: solid 1px #efefef;
	border-bottom: solid 1px #efefef;
	border-left: 0;
	border-right: 0;
	padding: 2px;
	margin: 0;
	font-size:smaller;
}

a.fakeHref
{
	cursor: pointer;
}

body { 
	font: 12px/16px sans-serif, verdana, arial, helvetica; 
	color: #255837; 
	margin: 0px; 
	padding: 0px;
	background: #FFFFFF;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #255837;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	list-style-type: none;
}

h3, p {
	margin: 0px;
	padding: 5px 0px 10px 0px;
}

p span {
	font-weight: bold;
}

h3 span {
	font: 18px arial, helvetica, verdana, sans-serif; 
	color: #255837; 
	margin: 0px;
}

a img {
	border:none;
}

/*##############################################*/
/* Content CONTAINER LAYOUT*/
/*##############################################*/

#container {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width:800px;
	background:#FFFFFF;
	border-bottom: 3px solid #255837;
	border-right: 3px solid #255837;
	border-top: 3px solid #255837;
	border-left: 3px solid #255837;
}

/*##############################################*/
/*MENU LAYOUT*/
/* main menu items for butch hoffer's
/* 15 pixels of white space between each buttom image
/*##############################################*/

#menu {
	padding:5px 10px 0px 10px;
	margin:0px;
	color:#255837; 
	background: transparent;
	height:38px;	
}

#menu a { 
	float:right;
	background: transparent;
	padding:0px;
	margin:0px;
	color:#255837;
	text-decoration:none;
	display:block;
	text-align:left;
	font-weight: bold;
	font-size: 14px;
/*	height:17px; */
}

#menu a:hover {
	color: #333;
}

#menu a.home { 
	background: url(buttons/homeOFF.jpg) top left no-repeat transparent;
	width:350px;
	height:50px;
}

/*#menu a.home:hover { 
	background: url(buttons/homeOVER.jpg) top right no-repeat transparent;
}*/

#menu a.main { 
	background: url(buttons/mainHomeOFF.jpg) top right no-repeat transparent;
	width:41px;
	height:20px;
}

#menu a.main:hover { 
	background: url(buttons/mainHomeOVER.jpg) top right no-repeat transparent;
}

#menu a.events { 
	background: url(buttons/eventsPromosOFF.jpg) top right no-repeat transparent;
	width: 132px;
	height:20px;
}

#menu a.events:hover { 
	background: url(buttons/eventsPromosOVER.jpg) top right no-repeat transparent;
}

#menu a.about { 
	background: url(buttons/aboutOFF.jpg) top right no-repeat transparent;
	width:84px;
	height:20px;
}

#menu a.about:hover { 
	background: url(buttons/aboutOVER.jpg) top right no-repeat transparent;
}

#menu a.contact { 
	background: url(buttons/contactOFF.jpg) top right no-repeat transparent;
	width:105px;
	height:20px;
}

#menu a.contact:hover { 
	background: url(buttons/contactOVER.jpg) top right no-repeat transparent;
}

#menu a.eclub { 
	background: url(buttons/eclubOFF.jpg) top right no-repeat transparent;
	width:66px;
	height:20px;
}

#menu a.eclub:hover { 
	background: url(buttons/eclubOVER.jpg) top right no-repeat transparent;
}

/*
  end of main menu items for butch hoffer's
*/

#submenu {
	/*padding:0px 10px 15px 0px;*/
	margin:-14px 0px 0px 0px;
	color:#255837; 
	background: transparent;
	float:right;
	width: 500px;
	height:12px;
}

#submenu a {
	color:#255837; 
	font-size: 12px;
	font-weight:400;
	padding:0px 10px 0px 0px;
}

#submenu a:hover {
	color:#999;
}

/*##############################################*/
/*MAIN LAYOUT*/
/*##############################################*/

#main {
	color:#255837;
	background: transparent;
	clear:both;
	height:385px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 25px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 12px;
}

#main p {
	font-size:12px;
	margin:0px;
	padding:0px;
}

#main ul {
	font-size:12px;
	margin:0px;
	padding:0px;
}

#main p span{
	color:#333;
	font-size:14px;
}

#main img {
	float:left;
}

#text {
	width:275px;
	margin:0px;
	padding:5px 5px 0px 0px;
	background: transparent;
	position:absolute;/*top:70px; */
}

#text ul{
	width:270px;
	position:absolute;/*top:145px; left: 0px;*/
}

#text ul.high {
	width:270px;
	position:absolute;/*top:30px;*/
}

#text ul.high li a {
	
}

#text p {
	color:#255837;
	width:270px;
}

#text p span a {
	background: url(buttons/uparrow.gif) top left no-repeat transparent;
	padding-left:12px;
}

#text a img {
	float:right;
}

#textright {
	position:absolute;/* top:122px;*/
	border:0px;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 278px;
	width:490px;
	height:385px;
	overflow:auto;
	color:#666;
}

#p00 {
	position:absolute;/*top:85px;*/
	border:0px;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 278px;
	width:500px;
	height:385px;
}
/*
#p01, #p02, #p03, #p04, #p05, #p06, #p07, #p08, #p09, #p10, #p11, #p12, #p13, #p14, #p15 {
	position:absolute; top:122px;
	border:0px;
	padding:369px 0px 0px 0px;
	margin:0px 0px 0px 178px;
}

#p01 a, #p02 a, #p03 a, #p04 a, #p05 a, #p06 a, #p07 a, #p08 a, #p09 a, #p10 a, #p11 a, #p12 a, #p13 a, #p14 a, #p15 a {
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
}

#t01, #t02, #t03, #t04, #t05, #t06 {
	position:absolute; top:40px;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#p01 img, #p02 img, #p03 img, #p04 img, #p05 img, #p06 img, #p07 img , #p08 img , #p09 img , #p10 img , #p11 img , #p12 img , #p13 img , #p14 img , #p15 img  {
	margin:-380px 0px 0px 100px;
}
*/
#eclubtext {
	width: 275px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background:transparent;
	position: absolute;/*top:20px;*/
	
}

#eclubtext p {
	width: 270px;
	height: 385px;
	color: #255837;
	background:url(joine.gif) no-repeat transparent;
}

#bottom {
	margin:0px;
	padding:0px;
	background: transparent;
	position:absolute;/*top:492px;*/

}

#join {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	width:800px;
	background:transparent;
	text-align:center;
	clear:both;
}

/*##############################################*/
/*FOOTER LAYOUT*/
/*##############################################*/

#footer {
	padding: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 3px;
	width:800px;
	background:transparent;
	text-align:center;
	clear:both;
}

#footer a{
	font-size: 11px;
	font-weight:100;
	color: #255837;
}

#footer a.phno, a.email {
	margin-left:75px;
}

.inputbox {
	font-weight:normal;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.regTXTblk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.tinyTXTblk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
}
.regTXTgry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.smlTXTgry {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.tinyTXTblk {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
}
