/*********************************************
* General Elements
***********************************************/


a:link {color: black;}
a:visited {color: black;}
a:hover {color: white; background-color: #55709d}
a:active {color: black;}



body {
	background:#55709d url(/images/bg.gif) fixed;		
	font: 12px Arial, Helvetica, sans-serif; 
	color: black; 
	background-color:black; 
	margin-top: 0; 
	margin-left: 0; 
	border: 0px solid white;
	}
a {
	font-family: Arial, Helvecta,, sans-serif;
	line-height:16px;
	#line-height:16px;
	text-decoration:none;
	font-size: 13px;
	color: black;
	
	}

p {
	font-family:arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	text-indent: 10px;
	}

th {
	background-color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 0px solid black;
        text-align: left;
        font-size: 13px;
        margin: 5px 5px 5px 5px;
        padding:5px 5px 5px 5px;
        color:white;
        text-indent: ;
	}


h1 {  
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 20px;
	margin: 0;
	padding:0;
	color:#37496a;
	text-indent: 15px
}

	
h2 {  
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height:20px;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	padding:0;
	color:#37496a;
	text-indent: 15px
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: px;
	font-weight: ;
	margin:0 0 0 0;
	padding:0;
	color:black;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 10px;
	color:#black;
	}
ul {
	text-align:left;
	#text-align:left;
	list-style-type:none;
	#list-style-type:none;
	list-style-position: inside;
	#list-style-position: outside;
	padding:0px 0px 0px 0px;
	#padding: 0px 0px 0px 0px;
	}

/**********************************************
* Header Elements
***********************************************/

#header {
	background-color: transparant;
	width:890px;
	height:0;
	margin:0;
	padding:5px 0px 0;
}


/************************
Main  Menu Elements 
************************/


#menu {
	list-style:none;
	margin:10px 0px 0px 15px;
	#margin:12px 0px -2px 3%;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	height:30px;
	width:700px;
	float:left;
}

#menu li {
	display:inline;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu a:hover,#menu a:active,#menu a.selected {
	background-position:0 -30px;
}

#menu a {
	float:left;
	height:0 !important;
	overflow:hidden;
	padding:30px 0 0;
}

#m_home a {
	background:url(/images/btn_home.gif) top left no-repeat;
	margin:0 1px 0 0;
	width:105px;
}

#m_home_sel a {
	background:url(/images/btn_home.gif) top left no-repeat;
	background-position:0 -60px;
	margin:0 1px 0 0;
	width:105px;
}

#m_restaurants a {
	background:url(/images/btn_restaurants.gif) top left no-repeat;
	margin:0 1px 0 0;
	width:105px;
}

#m_restaurants_sel a {
	background:url(/images/btn_restaurants.gif) top left no-repeat;
	background-position:0 -60px;
	margin:0 1px 0 0;
	width:105px;
}

#m_barsclubs a {
	background:url(/images/btn_barsclubs.gif) top left no-repeat;
	margin:0 1px 0 0;
	width:105px;
}

#m_barsclubs_sel a {
	background:url(/images/btn_barsclubs.gif) top left no-repeat;
	background-position:0 -60px;
	margin:0 1px 0 0;
	width:105px;
}

#m_events a {
        background:url(/images/btn_events.gif) top left no-repeat;
        margin:0 1px 0 0;
        width:105px;
}

#m_events_sel a {
        background:url(/images/btn_events.gif) top left no-repeat;
        background-position:0 -60px;
        margin:0 1px 0 0;
        width:105px;
}


#m_admin a {
	background:url(/images/btn_admin.gif) top left no-repeat;
	margin:0 1px 0 0;
	width:105px;
}

#m_admin_sel a {
	background:url(/images/btn_admin.gif) top left no-repeat;
	background-position:0 -60px;
	margin:0 1px 0 0;
	width:105px;
}

#m_articles a {
        background:url(/images/btn_articles.gif) top left no-repeat;
        margin:0 1px 0 0;
        width:105px;
}

#m_articles_sel a {
        background:url(/images/btn_articles.gif) top left no-repeat;
        background-position:0 -60px;
        margin:0 1px 0 0;
        width:105px;
}
#m_movies a {
        background:url(/images/btn_movies.gif) top left no-repeat;
        margin:0 1px 0 0;
        width:105px;
}

#m_movies_sel a {
        background:url(/images/btn_movies.gif) top left no-repeat;
        background-position:0 -60px;
        margin:0 1px 0 0;
        width:105px;
}


#m_home_sel a:hover, 
#m_home_sel a:active, 
#m_restaurants_sel a:hover, 
#m_restaurants_sel a:active, 
#m_barsclubs_sel a:hover, 
#m_barsclubs_sel a:active,
#m_events_sel a:hover,
#m_events_sel a:active,
#m_admin_sel a:hover,
#m_admin_sel a:active,
#m_articles_sel a:hover,
#m_articles_sel a:active, 
#m_movies_sel a:hover,
#m_movies_sel a:active,
{
	background-position:0 -60px;
}

/**************************
Signed In -(Profile & Sign Out) Elements
***************************/

#profile  {
	list-style:none;
	margin:0px -40px 0px 0px;
	padding: 0 0 0 0;
	overflow:hidden;
	height:15px;
	width:125px;
	float:right;
}

#profile li  {
	display: inline;
	list-style-type: none;
	margin:0;
	padding:0;
}

#profile: a:hover,#profile a:active, #profile a.selected  {
	background-position: 0 -15px;
}

#profile a  {
	float:right;
	height:0 !important;
	overflow:hidden;
	padding:15px 0 0;
}

#m_profile a {
	background:url(/images/btn_profile.gif) top left no-repeat;
	margin:0 5px 0 0;
	width:50px;
}

#m_profile_sel a {
	background:url(/images/btn_profile.gif) top left no-repeat;
	background-position:0 -30px;
	margin:0 5px 0 0;
	width:50px;
}

#m_logout a {
	background:url(/images/btn_logout.gif) top left no-repeat;
	margin:0 5px 0 0;
	width:50px;
}

#m_logout_sel a {
	background:url(/images/btn_logout.gif) top left no-repeat;
	background-position:0 -30px;
	margin:0 5px 0 0;
	width:50px;
}

#m_profile_sel a:hover,
#m_profile_sel a:active,
#m_logout_sel a:hover,
#m_logout_sel a:active  {
	background-position:0 -30px;
}
/******************************
Not Signed In - (register & sign in) Elements
***********************************/
#google_search_signin_bx {
	height:25px;
	width:300px;
	border:0px solid white;
	float:right;
	#margin:5px -60px 0 0;
	margin:-25px -60px 0 0;
}
#register {
	list-style:none;
	margin:5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	height:15px;
	width:125px;
	float:right;
}

#register li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

#register a:hover,#register a:active,#register a.selected {
	background-position:0 -15px;
}

#register a {
	float:right;
	height:0 !important;
	overflow:hidden;
	padding:15px 0 0;
}

#m_register a {
	background:url(/images/btn_register.gif) top left no-repeat;
	margin:0 5px 0 0;
	width:50px;
}

#m_register_sel a {
	background:url(/images/btn_register.gif) top left no-repeat;
	background-position:0 -30px;
	margin:0 5px 0 0;
	width:50px;
}

#m_sign a {
	background:url(/images/btn_sign.gif) top left no-repeat;
	margin:0 5px 0 0;
	width:50px;
}

#m_sign_sel a {
	background:url(/images/btn_sign.gif) top left no-repeat;
	background-position:0 -30px;
	margin:0 5px 0 0;
	width:50px;
}


#m_register_sel a:hover, 
#m_register_sel a:active, 
#m_sign_sel a:hover, 
#m_sign_sel a:active {
	background-position:0 -30px;
}


/**********************
Nav List Elements
******************/

#nav  {
	list-style:none;
	margin:0px -100px 0 0;
	padding:-20px -20px -20px 50px;
	overflow:hidden;
	height:15px;
	width:50px;
	float:left;
}

#nav ul  {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav: a:hover,#nav:active,#nav a.selected  {
	background-position:0 -15px;
}

#nav a {
	float:left;
	height:0 !important;
	overflow:hidden;
	padding:30px 0 0;
}

#m_first a {
	background:url(/images/btn_first.gif) top left no-repeat;
	margin:0 2px 0 0;
	width: 50px;
}

#m_first_sel a {
	background:url(/images/btn_first) top left no-repeat;
	background-position:0 -15px;
	margin:0 2px 0 0;
	width:50px;
}

#m_next a {
	background:url(/images/btn_next.gif) top left no-repeat;
	margin:0 2px 0 0;
	width:50px;
}

#m_next_sel a {
	background:url(/images/btn_next.gif) top left no-repeat;
	background-position:0 -15px;
	margin:0 2px 0 0;
	width:50px;
}

#m_previous a {
	background:url(/images/btn_previous.gif) top left no-repeat;
	margin:0 2px 0 0;
	width:50px;
}

#m_previous_sel a {
	background:url(/images/btn_previous.gif) top left no-repeat;
	background-position:0 -15px;
	margin:0 2px 0 0;
	width:50px;
}

#m_last a {
	background:url(/images/btn_last.gif) top left no-repeat;
	margin:0 2px 0 0;
	width: 50px;
}

#m_last_sel a {
	background:url(/images/btn_last.gif) top left no-repeat;
	background-position:0 -15px;
	margin:0 2px 0 0;
	width:50px;
}


#m_first_sel a:hover,
#m_first_sel a:active,
#m_next_sel a:hover,
#m_next_sel a:active,
#m_previous_sel a:hover,
#m_previous_sel a:active,
#m_last_sel a:hover,
#m_last_sel a:active,  {
	background-position:0 -15px;
}


/*****************
Lay Out Elements
*****************/

#bg_container {
	background-color: transparant;
	border: 0px solid yellow;
	width:100%;
	min-height: 900px;
}


#container {
	background-color: transparant;
	border: 0px solid green;
	width:950px;
	min-height:880px;
	margin:0 auto;
}

#white_container	{
	background-color: white;
	border: 0px solid white;
	float: left;
	display: ;
	width: 950px;
	margin: 5px auto 0px 0px;
	#margin:270px auto 0px 0px;
	padding: 10px 0px 0px 0px;
	#padding: 0px 0px 0px 0px;
	min-height:960px;
	#min-height:960px;
}

#browse_container	{
	background-color: #ffcc66;
	border-bottom: 1px solid gray;
        border-right: 0px solid gray;
        border-left: 1px solid gray;
        border-top:1px solid gray;
	#border-bottom: 1px solid gray;
        #border-right: 0px solid gray;
        #border-left: 1px solid gray;
        #border-top: 1px solid gray;
	float: left;
	display:;
	width: 90px;
	#width: 104px;
	margin:9px 0px 0px 10px;
	#margin:10px 0px 0px 0px;
	padding:10px 35px 1px 10px;
	#padding: 10px 24px 0px 5px;
	height: px;
	text-align: left;
}

#google_ad_left {
	height: 90px;
	width: 120px;
	float:left;
	margin: 0px 20px 100px 10px;
	border: 0px solid black;
	padding: -20px 0 0 10px;
}


#info_container	{
	background-color: #faf7c8;
	float: left;
	display: inline;
	border: 1px solid gray;
	#border-bottom: 1px solid black;
	#border-right: 1px solid black;
	#border-left: 1px solid black;
	#border-top:0px solid black;
	width: 516px;
	margin:-15px 10px 0px -1px;
	#margin:0px 0px 0px 0px;
	padding:17px 5px 10px 5px;
	min-height: 550px;
	}  
#tablelist {
	border: 1px solid black;}

/*******************
Home Page Elements
*********************/

          
#mission_box {
	background-color: transparant;
 	float: left;
    	border: 0px solid grey;
    	padding: 5px 5px 5px 5px;
    	margin: -5px 0px 0 0;
    	height: 50%;
          }
#mission_box img {
	float: left;
	padding: 5px 9px 0px 0px;
}


#article_box  {
	background-color: transparant;
 	float: left;
        border: 1px solid grey;
        #border-bottom: 1px solid black;
        #border-right: 1px solid black;
        #border-left: 1px solid black;
        #border-top:1px solid black;
	padding: 10px 5px 5px 5px;
        margin: 5px 3px 0px 3px;
        width:245px; 
        height:50%; 
          }

#pic_box  {
	background-color: transparant;
 	float: right;
        border: 1px solid grey;
	#border-bottom: 1px solid black;
        #border-right: 1px solid black;
        #border-left: 1px solid black;
        #border-top:1px solid black;
        padding: 5px -1px 5px 5px;
        margin: 5px 5px 0px 0px;
        width: 235px;
        height: 235px;

}
		
#container_top {
	width: 600px;
	height: 10px;
	border: 1px solid white;
	#border-bottom: 1px solid black;
        #border-right: 1px solid black;
        #border-left: 1px solid black;
        #border-top:1px solid black;
	padding:0;
	margin:0;
	border:none;
	position:relative;
	clear:both;
}


#ad_box	{
	background-color: transparant;
	float: right;
	position: relative;
	border: 0px solid black;
	display: inline;
	text-align:center;
	width: 225px;
	margin:5px 25px 5px 5px;
	padding:0px;
	height: 225px;
	}

#google_box {
        background-color: transparant;
        border: 0px solid blue;
	float: right;
        position: relative;
        display:inline;
        width: 170px;
        margin:100px 40px 5px 1px;
        padding:0px 0px 0px 0px;
        height: 610px;
        }
#friends_box {
	background-color: transparant;
	border: 1px solid black;
	#border-bottom: 1px solid black;
        #border-right: 1px solid black;
        #border-left: 1px solid black;
        #border-top:1px solid black;
	float:right;
	display: center;
	position: relative;
	width: 160px;
	margin:5px 20px 5px 5px;
	padding:10px 15px 10px 10px;
	height:205;
	}

	
#footer {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 15px 0 0px 0;
	border-top: 0px solid black;
	padding: 1px 0 12px 70px;
	text-align:center;
	line-height:10px;
	display:inline;
	float:left;
	color: white;
}

#footer a {
	color: white;
}
	
	
	
/***************** IMAGES ***************/
#browsehr {
 	float:left;
	position: fixed;
	#position:relative;
	#margin: -4px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 9px 0px;
}

#infopic {
	width: 270px;
	height: 98px;
	padding:5px 5px 0px 0px;
	margin:5px;
	border:none;
	float: left;
	position:relative;
	clear:both;
}


#infopic_2 {
	width: 100px;
	height: 100px;
	padding:5px 5px 0px 0px;
	margin:5px;
	border:none;
	float: left;
	position:relative;
	clear:both;
}

#infopic_3 {
	width:85%;
	height:85%;
	padding:5px 5px 5px 20px;
	margin:;
	border:none;
	float: left;
	position:relative;
	clear:both;
}

#long_pic  {
	width:75%;
	height:75%;
	#width:70%;
	#height:70%;
}


#ad {
	width: 225px;
	height: 225px;
	padding:0;
	margin:;
	border:none;
	float: ;
	position:relative;
	clear:both;
}

#bottomhr {
	width: 950px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#browsehr {
        width: 0px;
	#width: 0px;
        height: 11px;
	#height: 0px;
        float:left;
        
        #position:;
	#float:left;
	margin: 0px 0px 0px 10px;
        padding: 0px 0px 0px 0px;
}

/****************galllery*******************/

#gallery_table {
        background-color: transparant;
        float: ;
        display: ;
        position: relative;
        border: 0px solid grey;
        width: 500px;
        #width:300px;
        margin:0px 0px 0px 0px;
        padding:5px 5px 5px 5px;
        height: 300px;
        }
#gallery_table img {
        #height: 50%;
        #width: 50%;
}


#gallery_content {
	display:inline;
	float:left;
	margin: 30px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	width:500px;
	#width:500px;
	height:100%;
	line-height:15px;
	border: 0px solid black;
	
}

#gallery_list {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#gallery_list li {
	color:#8e8e8e;
	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:135px;
	list-style-type:none;
	margin:0px 0px 0;
	width:208px;
}

.gallery_item {
	display:block;
}

.gallery_img {
	border:1px solid #ccc;
	display:block;
	width:30%;
	height:30%;
	float:left;
	margin:0 0 1px;
}

#list_pic  {
	display:inline;
	width:70%;
	#width:20%;
	height:70%;
	#height:20%;
	#margin:0px 0px 0px 0px;
	#position:relative;
}



/********************Restaurants and Bar Layout*******************/

#rest_bar_bx_1 {
	background-color: transparant;
 	float: left;
    border: 0px solid black;
    padding: 5px 5px 5px 5px;
    margin: 10px 0px 0 0;
    position:relative;
    height: 350px;
    width: 250px;
          }

#rest_bar_bx_2 {
	background-color: transparant;
 	border: 0px solid orange;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    float:right;
    height: 100%;
    width: 210px;
          }

#rest_bar_bx_3 {
	background-color: transparant;
 	border: 0px solid blue;
    padding: 5px 5px 5px 15px;
    margin: 0px 0px 0px 0px;
    position:relitive;
    float:left;
    height: 100%;
    width: 90%;
          }
          
          

#rest_bar_pic {
	width: 250px;
	height: 250px;
	padding:5px 5px 5px 5px;
	margin:5px;
	border:none;
	float: left;
	position:relative;
	clear:both;
}

/***********Single Restraunt and Single Bar Layout***************/

#rest_bar_pic_bx {
    background-color: transparant;
    border: 0px solid orange;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    float:left;
    height: 100%;
    width: 250px;
          }

#rest_bar_info {
    background-color: white;
    border: 1px solid #37496a;
    padding: 10px 15px 5px 15px;
    margin: 50px 15px 0px 0px;
    position:;
    float:right;
    height: %100;
    width: 190px;
          }
#rest_bar_mission_info {
    background-color: transparant;
    border: 0px solid orange;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    float:left;
    height: 100%;
    width: 90%;
          }

#rest_bar_editors_info {
    background-color: transparant;
    border: 0px solid blue;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    float:left;
    height: 100%;
    width: 90%;
          }

/*********************guides layout**************/

#col_left {
   border: px solid blue;
   padding: 5px 5px 5px 5px;
   margin: 0px 0px 0px 0px;
   position: relative;
   float:left;
   text-align:left;
   height: 100%;
   width: 315px;
   font-size:8px;

	}
#col_left ul {
   margin: 0px 0px 0px 0px;
   list-style-type: disc;
   font-size:8px;
 }

#col_left th {
	background-color:#5176b1;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
	border: 1px solid black;
        text-align: left;
        font-size: 13px;
        margin: 0;
        padding:5px 5px 5px 5px;
        color:white;
        text-indent: ;
        }


#col_right {
   border: px solid blue;
   padding: 5px 5px 5px 5px;
   margin: 0px 0px 0px 0px;
   position: relative;
   float:right;
   text-align:left;
   height: 100%;
   width: 315px;
        }

#col_right ul {
   margin: 0px 0px 0px 0px;
   list-style-type: disc;
   font-size:10px;

 }

#col_right th {
	background-color:#5176b1;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        border: 1px solid black;
        text-align: left;
        font-size: 13px;
        margin: 0;
        padding:5px 5px 5px 5px;
        color:white;
        text-indent: ;
        }