#body
{
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-family: verdana, arial, tahoma;
}

a
{
   color: #333333;
}
#required {
	color:#DD0000;
}
table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

th {
	text-align:left;
	font-size:12px;
}

#super-wrapper {
	position:absolute;
	left: 50%;
	top: 0px;
	margin-left: -495px;
	width: 990px;
	margin-top: 0px;
	padding: 0px;
}

#rightsideborder {
	/*padding-right:50px;*/
	width: 990px;
	background: url(../images/side_right.jpg) right repeat-y;
	padding: 0px;
	margin: 0px;
}

#leftsideborder {
	background: url(../images/side_left.jpg) left repeat-y;
	width: 940px;
	padding-left: 50px;
	padding-top: 0px;
	margin: 0px;
}

#wrapper
{
	/*margin-left: 50px;*/
	width: 890px;
	/*float:right;*/
	margin:0px;
	padding:0px;
}




/* HEADER STYLES */
#header {
	background: url(../images/header.jpg) no-repeat;
	width: 890px;
	height: 296px;
	margin:0px;
	padding:0px;
}
#headerLogin{
	background: url(../images/header3.jpg) no-repeat;
	width: 890px;
	height: 296px;
	margin:0px;
	padding:0px;
}

#menu {
	background: none;
	width: 480px;
	height: 27px;
	float:right;
	margin-top: 269px;
}

.menu-button {
	width:78px;
	height: 27px;
	float: right;
}

#movie
{
	border-bottom: #333333 solid 1px;
	background-color: #0E0F10;
        float: left;
}



/* CONTENT STYLES */


#content {
	color: #333333;
	font-size: 12px;
	/*border: 1px solid #333333;*/
        background: #FFFFFF url(../images/background_wisp.jpg) top no-repeat;
        padding: 20px;
	/*overflow:auto;*/
	/*margin:20px;*/
	margin-top: 10px;
}

#content p
{
	padding: 8px;
}

#content img {
text-align: center;
}

#content table {
	font-size: 11px;
	/*background-color: #E01F26;
	border: 1px #d6262c solid;*/
	padding: 5px;
	margin: 3px;
	
}
#content table td {
/*border: 1px gray solid;*/
}


#content h2 {
	text-align: center;
	font-weight: 100;
}

#content2
{
	font-size: 11px;
	margin: 20px;
}



#information div {
	float: right;
	width: 368px;
	margin-bottom: 20px;
}

#information img {
	margin-top: -13px;
}

#information p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 0px;
}

#information p b {
	color: #e01e26;
}



#searchBar {
	clear: both;
	margin-top: -30px;
}

#searchArea {
background: url(/images/search.png) no-repeat;
width: 224px;
height: 139px;
float: left;
       margin-left: -10px;
}

#searchArea input {
position:relative;
top: 80px;
left: 80px;
}

#searchArea2 {
   /*   background-color: #FF0000;*/
background: url(/images/searchbg.png) no-repeat;
width: 554px;
height: 139px;
float: left;
       margin-left: -30px;
}

#searchArea2 input {
position: relative;
top: -5px;
left: 130px;
}
#searchForm {
position: relative;
left: 130px;
top: 10px;
}

#searchDistance {
	background: url(../images/selectradius.png) no-repeat;
	width: 229px;
	height: 139px;
	float: left;
}

#searchDistance select {
	position:relative;
	top: 80px;
	left: 80px;
}

#searchButton {
	float:left;
	padding-top: 20px;
	padding-left: 8px;
	width: 106px;
	height: 106px;
}

#whosNew {
	background: url(../images/whosnew.png) no-repeat;
	width: 295px;
	height: 139px;
	float: right;
	margin-right: -10px;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#whosNew a {
	color: #ffffff;
}

#whosNew div {
	margin-top: 10px;
	padding-left: 8px;
	padding-right: 5px;
	padding-bottom: 15px;
}

/*#news
{
	padding-top: 30px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(../images/news_header.jpg);
	background-position: left top;
	background-repeat: no-repeat;

}*/


#slogan
{
        font-size: 14px;
	
	color: white;
	float: right;
}


#welcome {
        background-image: url(../images/welcome.gif);
	background-repeat: repeat-x;
        width: 890px;
	vertical-align: top;
	height: 25px;
	text-align: center;
	
	font-weight: 100;
	border-bottom: 1px solid black;
}
.gmnoprint table td{
   color:black;
}

#google-maps {
	clear: both;
	width: 890px;
	padding-top: 15px;
}

#map {
	width: 536px;
	height: 450px;
  border: 3px solid red;
	color: black;
	margin-left:0px;
	/*float: left;*/
}

#map a
{
   color: #000;
}

#side_bar_wrapper {
	background: url(../images/list_background.png) no-repeat;
	width: 300px;
	height: 315px;
	float: right;
	padding-left: 30px;
	padding-top: 25px;
	margin-right: 10px;
	margin-top: -8px;
}

#side_bar {
	overflow: auto;
	height: 260px;
	width: 260px;
}

#side_bar a {
	color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#makeMoney {
	background: url(../images/button_make50.png) no-repeat;
	width: 293px;
	height: 170px;
	float: right;
	clear: right;
	margin-right: 30px;
	margin-top: -30px;
}


#control {
	float:right;
  /*border: 1px solid black;*/
	/*font-family: verdana, arial, tahoma;*/
	font-weight: bold;
	padding: 6px;
	background-color: #E01F26;
	color:#EEEEEE;
}

#control a {
	color: #EEEEEE;
}

#hbsAds {
	margin-top: 18px;
	margin-left: 18px;
	margin-bottom: 20px;
	height: 150px;
}
#hbsAdSaloonPoker{
	background: url(/images/ads/WebsiteAffiliateBanner.gif) no-repeat;
	cursor: pointer;
	width: 550px;
	height: 150px;
	float:left;
	margin-left: -20px;
}
#hbsAdTwistedTea {
	background: url(../images/ad_twistedtea.jpg) no-repeat;
	cursor: pointer;
	width: 550px;
	height: 150px;
	float:left;
	margin-left: -20px;
}
#hbsAdBartendingBlogs {
	background: url(../images/ad_bartendingblog.jpg) no-repeat;
	cursor: pointer;
	width: 290px;
	height: 150px;
	float: right;
	margin-right: -10px;
}
/* user front end styles */
#userFrontTop {
   background: url(../images/userFrontTopBox.png) no-repeat;
   width: 800px;
   height: 170px;
   margin-left: 20px;
   padding-left: 10px;
   padding-top: 5px;
   text-align: left;
   color: #FFFFFF;
}

#userFrontH3 {
   font-size: 24px;
   color: #FFFFFF;
   text-align: left;
}

#userFrontTopRight {
   float: right;
   margin-top: -100px;
   margin-right: 20px;

}

a.userFrontSmallLinks {
   text-decoration: none;
   border: 0;
   color: #FFFFFF;
}

#bathroomWall {
   background-image: url(../images/bathroomwall.png);
   width:600px;
   padding-top:10px;
   height:535px;
   margin: 0 auto;
}


/* USER BACK END STYLES */

#userTopInfo {
   height: 250px;
}

#userLeft {
   float: left;
   width: 400px;
}

#userRight {
   float: right;
   width: 400px;
}

#myBars {
   width: 400px;
}

#myBarsContent {
   width: 390px;
   height: 300px;
   overflow: auto;
}
#myBars {
   height: 361px;
}

#currentEvents{

}

#welcometopage{
   height: 250px;
}

#currentEventsInner {
   height: 300px;
   overflow: auto;
   border-style: solid;
   border-width: 2px;
   border-color: #FF0000;
}

#friendSuggest{
}

#friendSuggestInner {
   height: 300px; 
   overflow: auto;
   border-style: solid;
   border-width: 2px;
   border-color: #FF0000;

}
#friendList {
}

#friendListInner {
   height: 300px; 
   overflow: auto;
   border-style: solid;
   border-width: 2px;
   border-color: #FF0000;

}
.trueFriends {
   width: 100px;
   height: 100px;
   text-align:center;
   float: left;
   margin-left: 0px;
}

#userChat {
   background-image: url(../images/chat.png);
   padding-top: 5px;
   padding-left: 0px;
   width: 400px;
   height: 361px;
}

#userSearch {
   width: 400px;
   height: 150px; 
}

#searchResults {
   background-image: url(../images/searchbg) ;
   padding-left: 20px;
   padding-bottom: 5px;
   margin-left: -10px;
   width: 380px;
   height: 135px;
}
#searchBody {
   width:100%;
   height:100%;
   overflow:auto;
}

/* LOGIN STYLES */
#login {
	background: url(../images/loginbackground.png) top left no-repeat;
	width: 442px;
	height: 263px;
}

#login a {
	color: #ffffff !important;
}

#login table {
	margin-top: 20px;
	color:#ffffff;
}





/* GO GREEN STYLES */

#goGreen{
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 50px;
	margin-top: -20px;
	margin-left: -20px;
}

#goGreenHeader {}
.goGreenSection {
	clear: both;
	margin-left: 40px;
}

.goGreenLink {
	cursor:pointer;
	float:left;
	padding: 20px;
}

.goGreenInfo {
	margin: 0px 0px 20px 120px;
	padding-top: 10px;
	width: 650px;
}

.goGreenInfo h2, .goGreenInfo p {
	text-align:left !important;
	padding: 0px !important;
	margin: 0px;
}




/* FAQ STYLES */

#faq {
	margin-top: 20px;
}

#faqSubheader {
	margin: 20px 20px 40px 20px;
}

#faqSubheader img {
	margin-top: 20px;
	margin-left: 10px;
}

#faqSubheader div {
	float: right;
	width: 380px;
	margin-bottom: 20px;
}

#faqSubheader p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}

.faqSection {
	margin-left: 70px;
	margin-bottom: 20px;
	clear: both;
}

.faqSection img {
	float: left;
}

.faqText {
	margin-left: 50px;
	width: 680px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.faqText p {
	margin: 0px;
}
.question {
	color: #ff0000;
	padding-top: 20px !important;
}
.answer {
	color: #999999;
	padding-top: 15px !important;
}

#faqForm {
	background: url(../images/background_medium.png) no-repeat;
	width: 553px;
	height: 355px;
	padding-left: 25px;
	padding-top: 5px;
	color: #ffffff;
	margin-left: 160px;
}

#faqForm a {
	color: #ffffff !important;
}

#faqQuestionBtn {
	margin: 30px 20px 50px 80px;
}




/* CONTACT US STYLES */

#contactus {
	margin-top: 20px;
}

#contactSubheader {
	margin: 20px 20px 40px 20px;
}

#contactSubheader img {
	margin-top: 15px;
	margin-left: 85px;
}

#contactSubheader div {
	float: right;
	width: 370px;
	margin-bottom: 20px;
}

#contactSubheader p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
}

#contactForm {
	background: url(../images/contact_panel.png) no-repeat;
	width: 782px;
	height: 566px;
	margin-left: 55px;
	padding: 2px 0px;
	color: #ffffff;
}
#contactForm td {
	padding-left: 5px;
}
#contactForm h2 {
	margin: 0px;
}



/*  HOOK A BAR UP STYLES */
#addABar {
	margin-top: 20px;
}

#addABarSubheader {
	margin: 20px 20px 40px 20px;
}
#addABarSubheader img {
	/*margin-top: 15px;*/
	margin-left: 65px;
}
#addABarSubheader div {
	float: right;
	width: 470px;
	margin-bottom: 20px;
}
#addABarSubheader p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	/*margin-top: 10px;*/
}
#addABarForm {
	background: url(/images/background_medium.png) no-repeat;
	width: 553px;
	height: 355px;
	margin-top: 70px;
	margin-left: 170px;
	padding-top: 35px;
	padding-left:80px;
	color: #ffffff;
}

p.smallNote {
	font-size:11px !important;
	line-height:normal !important;
	margin-top: -15px;
}





/* APPAREL STYLES */

#apparel {
	margin-top: 20px;
}
#apparelSubheader {
	margin: 20px 20px 40px 20px;
}
#apparelSubheader img {
  margin-top: -14px;
	margin-left: 5px;
}
#apparelSubheader div {
	float: right;
	width: 350px;
	margin-bottom: 20px;
}

#apparelSubheader p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	/*margin-top: 10px;*/
}
#apparelItems {
	margin-top: 70px;
}
.apparelItem {
	margin-bottom: 50px;
}
.apparelItem h2 {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}



/* BAR PAGE STYLES */
.submenu_selected {
	text-decoration:underline;
	color: #FFFFFF;
}

.submenu_unselected {
	text-decoration:none;
	color: #FFFFFF;
}

#bar_visuals {
	background: url(../images/player_background.png) no-repeat;
	width: 396px;
	height: 380px;
	padding: 25px 30px 0px 48px;
	margin: 10px 0px 0px 20px;
	float: left;
	color: #FFFFFF;
}
#bar_live {
	margin-top: 40px;
	width: 320px;
}
#bar_virtualTour {
	margin-top: 40px;
	width: 320px;
}



#bar_info { 
	float: right;
	width: 200px;
	text-align: center;
	margin: 80px 135px 0px 0px;
}
#bar_info h1 {
 color: #df1e26;
 font-size:26px;
 margin: 0px;
}

#bar_info p, #bar_info p a {
	color: #828383;
	font-size: 16px;
	margin: 0px;
}

#subscribe_button {
	width: 106px;
	height: 106px;
}

#bar_data {
	background: url(../images/barfeatures_background.png) no-repeat;
	width: 819px;
	height: 277px;
	clear: both;
	padding: 40px 30px 0px 20px;
	margin-left: 35px;
	color: #FFFFFF;
}

.box { /* you can specify a width here, or allow it to default to 100% of its containing box */
   margin-bottom: 10px;
}

.box h2 {
   float: left; /* this allows you to float content to the right */
   width: 200px; /* the width is variable and depends on the title content */
   padding-top: 10px;
   padding-left: 12px;
}

/* top border */

.tr {
height: 142px; /* i have set the height to 40px to allow for header content */
width: 805
margin-top: 25px;
background: url(/themes/default/images/barfeatures_background_top.png) top right no-repeat;
}

.tl { /* title div */
clear: both;
float: left;
margin-left: 60px;
width: 100%; /* required */
height: 60px; /* this is variable but must match .tl height */
/* background: url(/themes/default/images/specials_title.png) top left no-repeat; */
}
.features {
   text-align: center;
   color: #FFFFFF;
}

.featuresNav {
   margin-left: 70px;
   margin-bottom: 10px;
}

.featuresbutton {
   display: inline;
   background:url(/images/featurebutton.png) no-repeat;
   text-align: center;
   color: #FFFFFF;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   height:35px;
   width: 121px;
}

/* mid border */

.mr {
background: url(/themes/default/images/barfeatures_background_middle.png) right repeat-y;
}

.ml {
/*background: url(images/bricket1/ml.gif) left repeat-y; */
}

/* bottom border */

.br {
background: url(/themes/default/images/barfeatures_background_bottom.png) bottom right no-repeat;
margin-right: 1px;
}

.bl { /* content div */
max-height: auto; /* here is where you set your heights, I am arbitrarily setting it to 100px */
	padding-top: 10px;
	text-align: center;
	color:#FFFFFF;
	padding-top: -100px;
   padding-bottom: 30px;
/* background: url(images/bricket1/bl.gif) bottom left no-repeat; */
}

#barSpecialContent {
   color: #FFFFFF;
   margin-top: -140px;
   margin-left: 100px;
   
}
#bar_menu {}
#bar_events {
margin-left: 100px;
margin-top: -70px;
}

/* MY PAGE STYLES */
#my_page_header {
	margin-left: 65px;
}

#recommend_ff {
	text-align: center;
}

#myPageMenu {
	margin-bottom: 30px;
	margin-top: 150px;
}

#myPageMenu h2 {
	background: url(/images/user_headerbar.png) no-repeat;
	width: 839px;
	height: 52px;
	margin-left: 25px;
	padding: 16px 0px 0px 30px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
}

#myPageMenu li {
	margin-top: -20px;
	margin-left: 60px;
	list-style: url(../images/triangle.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}

#myPageMenu a {
   	margin-top: 10px;
	margin-left: 60px;
/*	padding-right: 30px; */
	margin-bottom: 5px;
	float: left;
}








/* FOOTER STYLES */

#footer {
	color: #333333;
	background: #FFFFFF url(../images/footer.jpg) no-repeat;
	/*background-image:url(../images/footer_bg.jpg);
	background-repeat: repeat-x;*/
	height: 132px;
	width: 890px;
  /*padding-left: -20px;*/
}


#footer p {
        padding: 20px;
	font-weight: 100px;
	text-align: center;
	font-size: 11px;
}



/* COLOR CLASSES */

.white
{
   color: white;
}

