/* This is the stylesheet with specific settings for smaller screens, 
   such as on the Zaurus */
/* It will be used by default on any browser that doesn't support Javascript of has 
   Javascript off */

#news, #newsdummy
{
	height:1.7em;
	position:relative;
	top:.5em;
}
#header
{
	height:6em;
}

/* For logos that we don't want to display on small screens */
#header .removablelogo
{
	display:none;
}

/* For the main data area */

.mainarea
{
	margin-top:2.5em;
}

.mainarea ul
{
	list-style:none;
	margin:0;
	padding-left:1em;;
}


/* For the main navigation menu */

/* For the narrow-page navigation links */

#navpage {
	background:#E0E9E9;
	font-family:Arial, Helvetical, sans-serif;
	font-size:.9em;
}
#navpage, #navpage ul
{
	margin:0;
	padding:0;
	list-style:none;
	line-height:0.7;
}
#navpage li
{
	display:inline;
	padding:0;
	margin:0;
}
#navpage ul li ul
{
	display:none;
}
#navpage ul li:hover ul 
{
	display:block;
}

#navpage li a
{
	display:block;
	/*padding:3px 10px 2px 10px;*/
	text-decoration:none;
	background:#EDF2F2;
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
	border-right:1px solid #ddd;
}

#navpage li a:hover
{
	background:#E0E9E9;
}

#navpage ul li span,#navpage ul li a
{
	padding:2px 0 2px 20px;
}

.beerdisplay ul
{
	list-style-type:none;
	margin-left:0;
	padding:0;
}

.beerdisplay li
{
	display:block;
	font-size:0.8em;
	-moz-border-radius:25px;
	margin-bottom:0;
	margin-top:0;
}

/* Styling for form elements */
input.txt
{
	width:95px;
}
textarea
{
	color:#000;
	border:1px solid #00b;
	width:150px;
}
textarea enabled
{
	color:#00b;
	background-color:#add8e6;
	border:1px solid #00b;
	width:150px;
}

#newbrewery li a:visited, #newbrewery li a:link
{
	display:block;
	clear:both;
}
#newbrewery li a:hover
{
	display:block;
	clear:both;
}
.linkdisplay1 ul, .linkdisplay2 ul, .linkdisplay2a ul, .linkdisplay2b ul, .linkdisplay2c ul, .linkdisplay3 ul, .linkdisplay4 ul, #pubdisplay ul, #newbrewery ul
{
	list-style-type:none;
	margin-left:0;
	-moz-border-radius:25px;
	padding:0;
}
.linkdisplay1 li, .linkdisplay2 li, .linkdisplay2a li, .linkdisplay2b li, .linkdisplay2c li, .linkdisplay3 li, .linkdisplay4 li, #pubdisplay li
{
	display:block;
	font-size:0.8em;
	-moz-border-radius:25px;
	margin-bottom:0;
	margin-top:0;
	margin-right:2em;
	border:3px;
}
#newbrewery li
{
	display:block;
	font-size:0.8em;
	-moz-border-radius:25px;
	margin-bottom:0;
	margin-top:0;
	margin-right:2em;
	border:3px;
}

.linkdisplay1 li a:visited, .linkdisplay1 li a:link, .linkdisplay2 li a:visited, .linkdisplay2 li a:link, .brewerylinkdisplay li a:visited, .brewerylinkdisplay li a:link, .linkdisplay3 li a:visited, .linkdisplay3 li a:link, .linkdisplay4 li a:visited, .linkdisplay4 li a:link, #pubdisplay li a:visited, #pubdisplay li a:link, .linkdisplay2a li a:visited, .linkdisplay2a li a:link
{
	text-decoration:none;
	border:3px outset #e1f0ff;
	display:block;
	margin-right:0;
	-moz-border-radius:14px;
	margin-bottom:0;
	margin-top:0;
}
.linkdisplay1 li a:hover, .linkdisplay2 li a:hover, .brewerylinkdisplay li a:hover .linkdisplay3 li a:hover, .linkdisplay4 li a:hover, #pubdisplay la a:hover, .linkdisplay a li a:hover
{
	text-decoration:none;
	border:3px outset #e1f0ff;
	display:block;
	margin-right:0;
	margin-bottom:0;
	margin-top:0;
}

.linkdisplay2, .linkdisplay2a
{
	margin-right:0;
	margin-left:0;
	float:left;
	width:100%;
}
.linkdisplay2a
{
	clear:left;
}
#pagebottom
{
	clear:both;
}
#countryselect li a:visited, #countryselect li a:link
{
	line-height:1em;
	font-size:.8em;
	border:3px outset #e1f0ff;
	display:block;
	clear:both;
	-moz-border-radius:14px;
}

#initial {
	float:right;
	top:3em;
	right:0em;
	width:1.5em;
}


#bar
{
	display:none;
}

.button
{
	padding:2px 2px 2px 2px;
	line-height:0.7em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

h2
{
	font-size:1em;
} 
.fuzzyfound
{
	font-size:0.5em;
}
#filter
{
	font-size:.7em;
}
#newbeer
{
	display:inline;
	font-size:.7em;
}
.sidebox, .sidebox div, .sidebox span
{
	display:none;
	height:0;
	width:0;
}
.LHS
{
	display:none;
	height:0;
	width:0;
}

#bodyText
{
	margin:0 5mm 0 1em;
}

.headerTitle
{
	font-size:130%;
	font-weight:bold;
	line-height:2em;
}
.founded
{
	font-size:10px;
}
h1
{
	font-size:150%;
}
.frontpagerightpic, .frontpageleftpic, #numbers
{
	display:none;
}
/* For IE & Mozilla-based browsers: */

.LHS2 {
  margin-left: 2.5mm;
  float: left;
  clear: left;
}

.RHS {
  margin-right: 2.5mm;
  float: right;
  clear: right;
}

/* ###### Side Box ###### */

.sideBox2 {
  border-style: solid none solid none;
  border-width: 2px 0 2px 0;
  width: 11em;
  margin-top: 5mm;
}

.sideBox2 div {
  font-weight: bold;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  padding: 0.5ex 0.5em 0.5ex 0.75em;
}

.sideBox2 a, .sideBox a:hover, .sideBox span {
  color: black;
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 1ex 0.5em 1ex 0.75em;
}

.sideBox2 .thisPage {
  font-weight: bold;
}
/* For Mozilla-based (CSS2-fully complaint) browsers only: */

[class~="LHS"] {
  margin-left: 5mm;
}

[class~="RHS"] {
   margin-right: 5mm;
}