/* HOW-T-Shirt2
@CHARSET "ISO-8859-1"; */

body {
	font-size: small;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0 auto;
	width: 85%;
}

table {
	border-collapse: collapse;
}

a {
	padding: 0px;
}

a:link,a:link img {
	color: DarkRed;
	border-color: DarkRed;
}

a:visited,a:visited img {
	color: DarkGreen;
	border-color: DarkGreen;
}

.label {
	text-align: right;
	vertical-align: middle;
	color: DarkRed;
	width: 100px;
	clear: left;
	margin-right: 0.5em;
	font-size: 90%;
}

#mt {
	border-collapse: collapse;
	width: 100%;
	margin: 0 auto;
	/*background-color: #FFE;*/
}

#mttl,#mtml,#mtml2,#mtbl {
	/*border-left: solid DarkRed;
	border-right: solid DarkRed;
	background-color: DarkGreen;*/
	padding: 0;
}

#mttl {
	color: DarkGreen;
	vertical-align: middle;
}

#mtml {
	vertical-align: top;
}

#mtbl {
	font-size: 80%;
	color: DarkSeaGreen;
	padding-top: 1em;
	text-align: center;
	/*border-bottom: solid DarkRed 2px;*/
}

#mttc {
	padding: 0;
	vertical-align: top;
	/*border-right: solid DarkRed;
	border-bottom: solid DarkRed;*/
}

#mtmc,#mtbc {
	padding: 5px;
	vertical-align: top;
	/*border-right: solid DarkRed;*/
}

#mtbc {
	/*border-top: solid DarkRed;
	border-bottom: solid DarkRed;*/
}

#mtbc p {
	margin: 0px;
}

ul.navmenu,ul.adminmenu {
	display: block;
	margin: 5px 0;
	padding: 0;
	white-space: nowrap;
}

ul.navmenu li,ul.adminmenu li {
	list-style-type: none;
	padding: 2px 5px;
	margin: 0;
	display: block;
}

ul.navmenu li a,ul.navmenu li a:link,ul.navmenu li a:visited,ul.adminmenu li a,ul.adminmenu li a:link,ul.adminmenu li a:visited
	{
	padding: 5px;
	background-color: GoldenRod;
	border-style: solid;
	border-width: 1px;
	/*background-image: url("images/menuLink.jpeg");
	background-repeat: repeat;
	background-position: left;*/
	text-decoration: none;
	font-weight: normal;
	display: block;
	width: 90%;
	text-align: center;
	color: #FF9;
	border-color: #FF9;
}

ul.navmenu li a.navlink,ul.navmenu li a.navlink:link,ul.navmenu li a.navlink:visited,ul.adminmenu li a.navlink,ul.adminmenu li a.navlink:link,ul.adminmenu li a.navlink:visited
	{
	text-decoration: none;
	display: block;
	background-image: none;
	background-color: #FF9;
	color: DarkRed;
	font-weight: bold;
	border: solid 1px;
	border-color: DarkRed;
}

ul.navmenu li a:hover,ul.adminmenu li a:hover {
	color: #FF9;
	background-color: DarkRed;
	/*background-image: url("images/menuHover.jpeg");
	background-repeat: repeat-x;
	background-position: top;*/
	text-decoration: none;
	overflow: hidden;
}

ul.adminmenu li {
	float: right;
}

ul.adminmenu {
	display: block;
	margin-bottom: 4em;
}

a.maplink:hover {
	color: #FF9;
	background-color: DarkGreen;
	text-decoration: none;
	overflow: auto;
}

div.content,.db-list {
	margin: 0 auto;
	clear: both;
}

div.column {
	float: left;
	margin: 0 0.5%;
	overflow: visible;
	width: 49%;
}

p.login {
	text-align: center;
	margin: 0;
	padding: 4px 0;
	font-size: 70%;
	color: #FF9;
}

p.login a:link,p.login a:visited {
	color: #FF9;
	margin-top: 2px;
	display: block;
}

#frmLogin {
	border: solid 1px DarkGreen;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

#frmLogin table td {
	text-align: right;
}

.maintitle {
	width: 100%;
	/*background-color: #FF9;
	background-image: url("images/mttcBackground.jpeg");*/
	color: DarkGreen;
	overflow: auto;
}

.maintitle h1,.maintitle h2 {
	margin: 10px;
	padding: 10px;
	color: Chocolate;
}

.maintitle h1 {
	font-size: 250%;
	margin: 0 0 0 10px;
	padding: 5px;
}

.maintitle h2 {
	font-size: 200%;
	margin: 0 0 0 10px;
	padding: 5px;
}

.maintitle h3 {
	font-size: 150%;
	margin: 0 0 0 10px;
	padding: 5px;
	color: DarkRed;
	float: left;
}

h4 {
	margin-top: 0;
	margin-bottom: 5px;
	padding: 2px;
	/*background-image: url("images/h3Background.jpeg");
	border: solid 1px DarkGreen;*/
	font-weight: bold;
	color: #FF9;
	background-color: GoldenRod;
	clear: both;
}

.disclaimer {
	clear: both;
	font-size: 75%;
	padding: 5px;
	color: DarkSeaGreen;
	/*background-image: url("images/mttcBackground.jpeg");*/
}

.header {
/*	clear: both;
	background-color: #FFA;
	border: solid DarkGreen 1px;*/
	margin: 0 0 5px 0;
	padding: 0.5em;
	overflow: auto;
}

.searchForm {
	clear: both;
	margin: 0;
	float: right;
}

.header p {
	margin-top: 0;
}

.page-title {
	text-transform: capitalize
}

a.modlink,a.dellink,a.modlink:link,a.dellink:link,a.modlink:visited,a.dellink:visited
	{
	font-size: 75%;
	text-decoration: none;
	background-color: DarkGreen;
	color: #FF9;
	margin: 2px;
	border: solid DarkRed 1px;
	min-width: 0;
	display: block;
	overflow: auto;
	float: right;
}

.maplink:link,.maplink:visited {
	font-size: 75%;
	background-color: #FF9;
	color: DarkGreen;
	border: solid 1px;
	text-decoration: none;
	margin: 2px 5px;
	vertical-align: bottom;;
	text-decoration: none;
	float: left;
}

.mntbuttons {
	clear: both;
}

a.modlink:hover,a.dellink:hover {
	background-color: #FF9;
	color: DarkGreen;
}

.pagelinks {
	clear: both;
	float: right;
	margin: 5px;
	font-size: 75%;
	color: DarkRed;
}

.pagelinks td {
	background-color: inherit;
	text-align: center;
	width: auto;
	height: auto;
}

.pagelinks td a:link,.pagelinks td a:visited {
	color: DarkGreen;
}

.pagelinks td.nav a:link,.pagelinks td.nav a:visited {
	color: DarkRed;
}

.pagelinks td.nav,.pagelinks td.nav {
	width: 1em;
}

.pagelinks td#thisPage {
	font-weight: bold;
}

.pagelinks td {
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.pagelinks td#pageCount {
	width: 10em;
	padding-right: 0.5em;
	text-align: right;
}

.db-list-item {
	overflow: auto;
	background-color: #FFD;
	border: dotted #DDD 1px;
	padding: 2px;
	margin: 0 auto 5px auto;
	font-size: 90%;
	clear: both;
}

.db-list-item .heading {
	margin: 0;
	height: 100%;
	overflow: auto;
	font-weight: normal;
	/*background-image: url("images/mttcBackground.jpeg");*/
	border-bottom: solid 1px #CCC;
}
.outlet.db-view .db-view-item table { 
	width: 100%;
}

.event .heading {
	font-weight: bold;
}

.db-list-item .name {
	float: left;
	display: block;
	font-weight: bold;
}

.db-list-item .location {
	float: right;
	display: block;
}

.db-list-item .phone,.db-list-item .email,.db-list-item .webURL,.db-list-item .address
	{
	float: left;
	padding: 0.1em 0 0 0.5em;
}

.db-list-item .description {
	background-color: inherit;
	margin: 2px 0;
	font-weight: lighter;
	padding: 3px;
}

.db-view {
	overflow: auto;
}

.db-view-item {
	margin: 0 0 5px 0;
	border: solid #aaa 1px;
	background-color: #FFD;
	padding: 2px 5px;
	overflow: auto;
	clear: both;
}

.db-view-item .name {
	padding: 5px 0;
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 120%;
}

.db-view-item .location {
	padding: 5px 5px 0 5px;
	float: right;
}

.db-view-item .contact {
	overflow: auto;
	clear: left;
}

.db-view-item .description {
	padding: 0 3px;
	font-size: 90%;
}

.imagePager {
	margin: 1em 5px 0 0;
	float: right;
	/*width: 50%;*/
	clear: right;
}

.imagePager img {
	margin-bottom: 5px;
	border: solid DarkRed 2px;
	display: block;
	float: right;
	height: 20em;
}

.db-view-item td {
	vertical-align: top;
}

.db-view-item .images .imgCaption {
	border-bottom: solid DarkRed 2px;
	background-color: #FF9;
	padding: 0;
	margin: 0;
}

.db-view-item .maplink {
	margin-left: 0;
	float: none;
}

.debug {
	background-color: Cornsilk;
	border-color: #ECE9D8;
	border-style: solid;
	border-width: 1px;
	padding: 0 5px 5px 5px;
	margin: 0 auto 10px auto;
	width: 100%;
}

.error,div.contentNotFound {
	background-color: PeachPuff;
	border: solid 2px;
	color: Crimson;
	font-weight: bolder;
	margin: 10px auto;
	width: 500px;
	text-align: center;
	vertical-align: middle;
	clear: both;
}

div.contentNotFound {
	padding: 5em;
	margin-top: 5em;
}

.success {
	background-color: lime;
	color: white;
	font-weight: bolder;
	margin: 0 auto 10px auto;
	width: 500px;
  text-align: center;
  vertical-align: middle;
  clear: both;
}

.breakBy {
	color: #FF9;
	margin: 0 0 5px 0;
	padding: 1px;
	clear: both;
	background-color: GoldenRod;
	font-weight: bold;
	/*border: solid DarkGreen 1px;
	background-image: url("images/h3Background.jpeg");*/
}

.standout {
	border: solid #FFD 2px;
	padding: 5px;
	color: #FFD;
	background-color: DarkGreen;
	text-align: center;
	font-weight: bold;
}

img#camralogo {
	float: right;
	margin: 1px 10px;
	height: 120px;
}

img#howbear {
	margin-left: auto;
	display: block;
	margin-right: auto;
	height: 120px;
}

.img-link {
	padding: 0;
}

.img-link img {
	border: 0
}

.hbf-beer-list {
	border-collapse: collapse;
	width: 99%;
	margin: 0 auto 10px auto;
}

.hbf-beer-list td,.hbf-beer-list th {
	border: solid DarkGreen;
	padding: 0.15em 0.25em;
	vertical-align: top;
}

.hbf-beer-list th {
	color: DarkRed;
	background-color: #FF9;
}

.event .date,.news_item .headline {
	float: left;
	padding-right: 1em;
	margin: 0;
	overflow: auto;
}

.event .date {
	width: 18em;
}

.news_item .date {
	float: right
}

.news_item .description,.event .description {
	font-size: 100%;
	padding-left: 1em;
}

.event .time {
	float: right;
	margin-right: 1em;
	width: 3em;
}

.title {
	padding-left: 10px;
	float: left;
}

.search-highlight {
	color: #ff9;
	background-color: DarkRed;
	border: solid 1px;
}

.headline {
	font-style: italic;
	font-weight: bold;
}

div.menu-strip {
	background-color: DarkRed;
	overflow: auto;
	margin-bottom: 5px;
	width: 100%;
	border-top: solid #FF9 1px;
	border-bottom: solid #FF9 1px;
	padding: 2px 0;
}

p {
	margin: 10px 0;
}

address {
	margin-bottom: 1em;
}

#location-selection {
	display: inline-block;
	overflow: auto;
}

#location-selection table {
	float: left;
}

#location-selection #map24area {
	
}

.mouse-bubble {
	width: 200px;
	overflow: auto;
	height: 200px;
}

div.container {
	margin: 5px 0;
}

#results {
	min-height: 40em;
	overflow: auto;
	margin: 0;
	padding: 0;
}

.update-item {
	border: none;
	margin: 0 0 5px 0;
	border-bottom: dotted 1px #CCC;
}

.update-item .date {
	float: left;
	text-align: right;
	font-style: italic;
	margin-right: 1em;
}

.update-item .update {
	display: inline-block;
	overflow: auto;
}

ul.address,ul.openingHours {
	margin: 0 0 0.5em 0;
	padding: 0;
	display: block;
	list-style: none;
	float: left;
}

.location .name {
	width: 15em;
}

.PCLeague {
	clear: both;
}

.beer-item {
	clear: both;
}

.beerName,.breweryName {
	float: left;
	width: 15em;
}

.formBuilder {
	background-color: #EEFFCC;
	border: solid 2px DarkGreen;
	padding: 5px;
}

select option.selected {
	background-color: LightGreen;
	color: DarkGreen;
}

ul.beerlist {
	list-style: none;
	padding: 1px;
	margin: 0;
	float: left;
	clear: both;
}

ul.beerlist li {
	float: left;
	margin: 0 0.5em 0 0;
	color: Olive;
	padding: 0 2px;
	border: solid 1px;
	vertical-align: middle;
	font-size: 90%;
}

ul.beerlist li img {
	vertical-align: middle;
}

div.pubchainName {
	float: right;
	margin-right: 1em;
	color: OliveDrab;
	padding: 1px;
}

.beer .availability {
	float: right;
	border: solid 1px;
	color: OliveDrab;
	padding: 0;
}

.event.db-list-item.e {
	border: solid #CCFFCC 3px;
}

.event.db-list-item.n {
	border: solid Gainsboro 3px;
}

.event.db-list-item.g {
	border: solid peachPuff 3px;
}

.event.db-list-item div.icon {
	width: 16px;
	height: 16px;
	float: left;
	margin-bottom: 0.25em;
	background-image: url(images/how-event-icon.ico);
}

.event.db-list-item.n div.icon {
	background-image: url(images/external-event-icon.png);
}

img.HBFLogo,.HBFlogo {
	max-width: 46%;
	float: right;
	margin-bottom: 1%;
	margin-left: 1%;
}

input,select,textarea {
	font-family: verdana;
	font-size: smaller;
}

dt {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	text-decoration: underline;
}

dl {
	margin-bottom: 0px;
	margin-left: 1em;
}

iframe.brs {
	width: 100%;
	height: 800px;
	border: none;
}

#twitter_div {
	background-color: YellowGreen;
	border: 1px solid;
	color: #FFFF99;
	margin: 0.5em;
	padding: 0 0.5em 0.5em 0;
	overflow: auto;
	max-width: 12em;
}

h2.sidebar-title {
	padding: 0.5em;
	font-size: small;
	margin: 0;
}

.container#LocalePage img#LocaleLogo {
	width: 300px;
}

ul#twitter_update_list {
	padding-left: 2em;
	margin-top: 0;
}

span.tall_tale {
  color: red;
}
form#contact {
	border: solid 1px silver;
	margin: 0.25em;
	padding: 0.5em;
}
form#contact label {
	display: inline-block;
	padding-right: 0.5em;
	text-align: right;
	width: 7em;
}
form#contact textarea {
	margin-left: -5px;
}
form#contact textarea,form#contact input {
	border: 1px solid silver;
	border-style: ridge;
}
div.section {
	border: dotted 1px olive;
	padding: 0.25em;
	margin-bottom: 0.5em;
	background-color: LemonChiffon;
}
.bqr-score {
	width: 8em;
}
#LocaleLogo {
	float: left;
	margin-right: 1em;
	vertical-align: top;
}

#LocaleLogo img
{
  width: 10em;
}

.LocAlePub {
	padding: 5px;
	border: dotted 1px red;
	width: 20em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	height: 32em;
	float: left;
  overflow: auto;
}

.LocAlePub table
{
	width: 100%;
	background-color: #FFDDBB;
}

.LocAlePub img
{
  width: 19em;
	margin: 0.25em auto;
	display: block;
}

#survey-prize
{
	float: left; 
	margin-right: 0.5em; 
}

.updated
{
	border: solid 1px Red;
	color: Red;
	background-color: Yellow;
	font-size: 85%;
	margin-left: 1em;
	padding-left: 0.25em;
	padding-right: 0.25em;
}

.notice {
	background-color:azure;
	border:1px dotted;
	color:DarkBlue;
	padding:5px;
}

.footer {
	background-color:#FFFFDD;
	border:1px dotted;
	clear:both;
	color:Brown;
	margin:5px auto;
	overflow:auto;
	padding:2px;
}

.footer ul {
	margin: 2px;
	text-align: center;
}

.footer li {
	list-style-type: none;
	display: inline;
}

#author {
}

.social-networks img
{
	border: none; 
]