
body {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0; /* set margin and padding to 0 so that the top and bottom are flush with the window */
	background-image: url(images/elysian_bkgd.jpg);
	background-repeat: repeat;
	background-color:#333333;
}

#container {
	width: 1000px;
	margin: auto;
	margin-top:0px;	
	margin-bottom:0;
	padding-bottom: 0;
	text-align: left;
}

#masthead {
	height:110px;
	margin: 0px;
	padding:0px;
	float: left;
}
 #logowrap {
	position:absolute;
	text-align:center;
 }

#logo {
	margin-left: 400px;
	position:relative;
    top: 30px;
    display: block;
}

#nav {
	height:26px;
	width: 1000px;
	margin: 0px;
	border-bottom: #FFFFFF dashed 1.5px;
	background-image: url(images/nav_bkgd.png);
	padding-top: 19px;
	padding-right: 0px;
}

#content {
	width: 1000px;
	float: left;
	padding: 0px;
	color: #000000;
	
}

#home_content {
	height: 450px; 
	width:1000px; 
	float: left;
	padding: 0px;
}

#home_images {
	width: 750px;
	height: 450px;
	background-color:#999999;

}

#home_twitter {
	font-size: 11px;
	letter-spacing: 1px;
	width: 235px;
	height: 450px;
	float: right;
}

#main_content {
	background-image: url(images/content_bkgd.jpg);
	background-repeat: repeat;
	width: 480px;
	padding: 10px;
	margin: 0px;
	margin-left: 15px;
}

#general_info {
	padding: 10px;
	padding-top: 3px;
	padding-bottom: 1px;
	margin: 5px;
	margin-top: 20px;
	background-color: #cc9933;
}

#L_sidebar {
	width:230px;
	padding: 0px;
	margin: 0px;
}

#L_sidebar, #L_sidebar_1, #L_sidebar_2, #L_sidebar_info, #L_sidebar_taps, #main_content {
	float: left;
}
#L_sidebar_taps {
	background-color: black;
	color:#FFFFFF;
}

#L_sidebar_info {
	background-image: url(images/l_sidebar_bkgd.jpg);
	background-repeat: repeat;
	width: 210px;
	margin-top: 15px;
	padding: 10px;
}

#R_sidebar {
	width:235px;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
	float: right;
}

#R_sidebar_1, #R_sidebar_2 {
	background-color:#000000;
	background-repeat: repeat;
	width:220px;
	padding: 10px;
	margin-bottom:10px;
	
}

#footer {
	width: 1000px; 
	margin-bottom: 0px;
	margin-top: 15px;
	height: 210px;	
	color: #fff;
}

#f_pubwrapper {
	margin: 0px;
	padding: 0;
}
#f_pubheading {
	width:735px;
	height: 28px;
	float: left;
	margin: 0px;
	padding: 0px;	
	padding-top: 2px;
	padding-left: 15px;
	font-size: 11px;
	letter-spacing: 1px;
	background-image: url(images/nav_bkgd.png);
	background-repeat: no-repeat;
}

#f_pubs {
	width: 750px;
	margin: 0px;
	padding: 0px;
}


#f_elysian, #f_fields, #f_tangletown {
	width: 234px;
	height: 230px;
	background-color: #000000; 
	float: left;
	padding-left:15px;

}



#social_heading {
	background-image: url(images/nav_bkgd.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 2px;
	font-size: 11px;
	letter-spacing: 1px;
	float: right;
	width: 225px;
	height: 28px;
}

#signup {
	width: 220px;
	height: 230px;
	background-color: #000000; 
	float: right;
	padding-left:15px;

}
	
#f_elysian, #f_fields {
		border-right: #FFFFFF dashed 1.5px;
}




	
h1 {
	font-size: 36px;
	color: #274F70;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-transform: uppercase;
	text-shadow: #996600; 
	letter-spacing:-1px;
	margin: 0px;
	margin-top: 10px;
}

h2 {
	font-size: 15px;
	color: #CC9933;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing:1px;
	
}

h3 {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	margin: 0px;
	font-style:italic;
	
}
h4 {
	font-size: 16px;
	color: #CC9933;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	text-transform: uppercase;
	margin: 0px;
	margin-top: 10px;
	letter-spacing:1px;
}
h5 {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;	
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
.content_heading {
	font-size: 14px;
	color: #274F70;
	font-weight: bold;	
	text-transform: uppercase;
	letter-spacing:1px;
}

.food_heading {
	font-size: 12px;
	font-weight: bold;	
	text-transform: uppercase;
}

.L_sidebar_heading {
	font-size: 14px;
	color: black;
	font-weight: bold;	
	text-transform: uppercase;
	letter-spacing:1px;
}
.L_sidebar_subheading {
	font-size: 12px;
	color: black;
	font-weight: bold;	
	text-transform: uppercase;
	letter-spacing:1px;
}
.event_descr {
	font-size: 10px;
	line-height: 16px;
}	



img{
	 margin: 0px;
	 border: 0px; 
}


#L_sidebar, #R_sidebar img{
	margin: 0px;
}



#R_sidebar p{
	color: #FFFFFF;
	letter-spacing: 1pt;
}

#L_sidebar_taps p{
	color: #FFFFFF;
	letter-spacing: 1pt;
	font-size: 11px;
	padding-left: 18px;
	padding-top: 0px;
	margin-left: 10px;
}

#content p {
	line-height: 20px; 
	padding-left: 5px;
	padding-right: 5px;
}


ul.list
{
	line-height: 20px;
	margin-left:50px;

}

ul {
	padding-left: 5px;
	margin-left: 0px;
	line-height: 20px;
	}


/* LINKS */

a:link, a:visited, a:active {
	color: #cc9933;
	text-decoration: none;
}
a:hover {
	color: #274F70;
	text-decoration: none;
}


.R_sidebar a, .R_sidebar a:link, .R_sidebar a:visited, .R_sidebar a:active {
	color: #cc9933;
}

.R_sidebar a:hover{
	color: #274F70;
}

.GenInfo_sidebar a, .GenInfo_sidebar a:link, .GenInfo_sidebar a:visited, .GenInfo_sidebar a:active {
	color: #274F70;
}

.GenInfo_sidebar a:hover{
	color: #666666;
}


#main_content a, #main_content a:link, #main_content a:visited, #main_content a:active {
	color: #274F70;
}

#main_content a:hover{
	color: #cc9933;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #cc9933;
}

#footer a:hover{
	color: #274F70;
}

/********************/



/* NAV MENU SPRITE */

#menu {
       list-style-type: none;
	   padding:0px;
       margin: 0px;
       width: 1000px;
       height: 30px;
       position: relative;
}
#menu li {
       display: inline;
}
#menu li a {
       display: block;
       float: left;
       width: 60px;
       height: 20px;
       margin-right: 50px;
	   margin-left: 10px;
	   padding-bottom: 10px;
       background-image: url(images/nav_sprite.png);
       background-repeat: no-repeat;
}	

#menu li a .item {
	   display: none;
}


#menu li.home a {
       background: url(images/nav_sprite.png) no-repeat;
	   background-position: 0px -8px;
}
#menu li.home a:hover {
       background-position: 0px -38px;
}
#menu li.beer a {
       background-position: -68px -8px;
       width: 95px;
}
#menu li.beer a:hover {
       background-position: -68px -38px;
}
#menu li.brewery a {
       background-position: -180px -8px;
	   width: 90px;
	   margin-right: 245px;
}
#menu li.brewery a:hover {
       background-position: -180px -38px;
}

#menu li.events a {
       background-position: -273px -8px;
	   width: 80px;
	   margin-right: 45px;
}
#menu li.events a:hover {
       background-position: -273px -38px;
}
#menu li.blog a {
       background-position: -353px -8px;
	   width: 50px;
	   margin-right: 50px;
}
#menu li.blog a:hover {
       background-position: -353px -38px;
}
#menu li.about a {
       background-position: -412px -8px;
	   width: 60px;
	   margin-right: 0px;
}
#menu li.about a:hover {
       background-position: -412px -38px;
}







/********************/
