/* This is the stylesheet with specific settings for normal-sized browsers */

/* for the page bottom */
#pagebottom
{
	float:left;
	margin-right:22em;
	clear:left;
}

/* for the main data area */
.mainarea
{
	float:left;
	clear:left;
	margin-right:12em;
}

#mainarealist
{
	float:left;
	margin-right:12em;
}

.mainarea ul, #mainarealist ul
{
        padding-left:2em;
}

/* for the main data area on brewery links */
#mainarea2
{
	float:left;
	margin-right:17em;
}

/* for the main data area on pub links */
#mainarea3
{
	float:left;
	margin-right:20em;
}

/* for the linking policy page */
#policy
{
	float:left;
	margin-right:12em;
}

/* For headers that we want to display larger on full-sized screens */
.searchform
{
	position:absolute;
	bottom:.5em;
}
#header
{
	height:9em;
	position:relative;
	top:0;
}
#header .headertext
{
	font-size:40px;
}
#news, #newsdummy
{
	height:1.7em;
	position:relative;
	top:.4em;
}
/* For logos that we only want to display on full-sized screens */
#header .removablelogo
{
	margin-top:.5em;
	margin-right:1em;
}
#header .founded
{
	font-size:15px;
}

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

.smallnav
{
	display:none;
}

.beerdisplay li
{
	display:inline;
	width:10em;
	height:5em;
	float:left;
	margin-bottom:3px;
}

/* For brewery initial menus */


#initial 
{
	top:6em;
	right:12.25em;
	float:right;
	width:1em;
}


/* For country selection menus */


#countryselect {
	font-family:Arial, Helvetical, sans-serif;
	margin-bottom:1em;
	position:absolute;
	top:6em;
	right:11.75em;
	float:right;
	width:8em;
	padding:0;
}

#countryselect li
{
	display:inline;
}

#countryselect li a
{
	text-align:center;
	display:block;
	padding:0;
	text-decoration:none;
	background:#EDF2F2;
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
	border-right:1px solid #ddd;
	-moz-border-radius:10px;
}


/* Display for brewery links*/

.brewerylinkdisplay
{
	float:left;
	margin-right:19em;
}

.brewerylinkdisplay li a:visited, .brewerylinkdisplay li a:link
{
	text-decoration:none;
	display:inline;
	float:left;
	width:10em;
	height:5.2em;
}

/* for display of links */


/* link definitions for public server */

/* for size 1 displays */
.linkdisplay1 li a:visited, .linkdisplay1 li a:link
{
	line-height:1em;
	display:inline;
	width:10em;
	height:4.5em;
	float:left;
	margin-bottom:3px;
}
.linkdisplay1 li a:hover
{
	display:inline;
	width:10em;
	height:4.5em;
	float:left;
	margin-bottom:3px;
}
/*.linkdisplay1, .linkdisplay3, .linkdisplay4, .privatelinkdisplay1, .privatelinkdisplay2, .privatelinkdisplay3, .privatelinkdisplay4
{
	float:left;
}*/
/*.linkdisplay1 li, .linkdisplay2 li, .linkdisplay3 li, .linkdisplay4 li, #pubdisplay li, #newbrewery li
{
	display:inline;
}*/


/* for size 2 displays */
.linkdisplay2, .privatelinkdisplay2
{
	clear:left;
	float:left;
	margin-right:13.5em;
}
.linkdisplay2 li a:visited, .linkdisplay2 li a:link
{
	line-height:1em;
	display:inline;
	width:11em;
	height:5.75em;
	float:left;
	margin-bottom:3px;
}
.linkdisplay2 li a:hover
{
	display:inline;
	width:11em;
	height:5.75em;
	float:left;
	margin-bottom:3px;
}

/* for size 3 displays */
.linkdisplay3, .privatelinkdisplay3
{
	clear:left;
	float:left;
	margin-right:12em;
}
.linkdisplay3 li a:visited, .linkdisplay3 li a:link
{
	line-height:1em;
	display:inline;
	width:10em;
	height:8.5em;
	float:left;
	margin-bottom:3px;
}
.linkdisplay3 li a:hover
{
	display:inline;
	width:10em;
	height:8.5em;
	float:left;
	margin-bottom:3px;
}

/* for size 4 displays */
/*.linkdisplay4, .privatelinkdisplay4
{
	clear:left;
	float:left;
	margin-right:12em;
}*/
.linkdisplay4 li a:visited, .linkdisplay4 li a:link
{
	line-height:1em;
	display:inline;
	width:24em;
	height:7em;
	float:left;
	margin-bottom:3px;
}
.linkdisplay4 li a:hover
{
	display:inline;
	width:24em;
	height:7em;
	float:left;
	margin-bottom:3px;
}
/* for pub displays */
#pubdisplay li a:visited, #pubdisplay li a:link
{
	line-height:1em;
	display:inline;
	width:10em;
	height:7.5em;
	float:left;
	margin-bottom:3px;
}
#pubdisplay li a:hover
{
	display:inline;
	width:10em;
	height:7.5em;
	float:left;
	margin-bottom:3px;
}
/* for display of links for a private server */

/* for pub displays */
#privatepubdisplay li
{
	line-height:1em;
	display:inline;
	width:10em;
	height:9.5em;
	float:left;
	margin-bottom:3px;
}
#privatepubdisplay li:hover
{
	display:inline;
	width:10em;
	height:9.5em;
	float:left;
	margin-bottom:3px;
}

/* for size 1 displays */
.privatelinkdisplay1 li
{
	line-height:1em;
	display:inline;
	width:16em;
	height:2.5em;
	float:left;
	margin-bottom:3px;
}
.privatelinkdisplay1 li:hover
{
	display:inline;
	width:16em;
	height:2.5em;
	float:left;
	margin-bottom:3px;
}

/* for size 2 displays */
.privatelinkdisplay2 li
{
	line-height:1em;
	display:inline;
	width:10em;
	height:5.2em;
	float:left;
	margin-bottom:3px;
}
.privatelinkdisplay2 li:hover
{
	display:inline;
	width:10em;
	height:5.2em;
	float:left;
	margin-bottom:3px;
}

/* for size 3 displays */
.privatelinkdisplay3 li
{
	line-height:1em;
	display:inline;
	width:10em;
	height:8.5em;
	float:left;
	margin-bottom:3px;
}
.privatelinkdisplay3 li:hover
{
	display:inline;
	width:10em;
	height:8.5em;
	float:left;
	margin-bottom:3px;
}

/* for size 4 displays */
.privatelinkdisplay4 li
{
	line-height:1em;
	display:inline;
	width:24em;
	height:7em;
	float:left;
	margin-bottom:3px;
}
.privatelinkdisplay4 li:hover
{
	display:inline;
	width:24em;
	height:7em;
	float:left;
	margin-bottom:3px;
}

/* for new brewery displays */
#newbrewery li a:visited, #newbrewery li a:link
{
	display:inline;
	width:10em;
	height:2.5em;
	float:left;
	margin-bottom:3px;
}
#newbrewery li a:hover
{
	display:inline;
	width:10em;
	height:2.5em;
	float:left;
	margin-bottom:3px;
}
.frontpagerightpic
{
	float:right;
	margin:.5em;
	margin-right: -2em;
	clear:right
}
.frontpageleftpic
{
	float:left;
	margin:.5em;
	margin-left:0;
}
#numbers
{
	-moz-border-radius:20px;
	background-color:#e8f0ff;
	margin-top:10px;
	margin-right:10px;
	float:left;
	padding:6px;
}
#newbeer
{
	display:none;
	height:0;
}

.button
{
	padding:3px 10px 2px 10px;
}

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

.sideBox, .sideBox2 {
  border-style: solid none solid none;
  border-width: 2px 0 2px 0;
  width: 11em;
}

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

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

.sideBox .thisPage, .sideBox2 .thisPage {
  font-weight: bold;
}

/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */

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

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

/* For Mozilla-based (CSS2-fully complaint) browsers only: */

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

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

#bodyText
{
	margin:0 5mm 0 14em;
}
.headerTitle
{
	font-size:300%;
	font-weight:bold;
	line-height:2em;
}
h1
{
	font-size:200%;
	line-height:1.1em;
}
.noliststyle .le, .noliststyle .lo
{
	padding-left: .5em;
	padding-right:.5em;
	padding-top:.3em;
	padding-bottom:.3em;
	line-height:2em;
}
.brewery, ul.publicbeerlist
{
	list-style-image:url(/images/barrel.gif);
}
.y a, .n a
{
	padding-right:.5em;
	padding-left:.5em;
	padding-top:.1em;
	padding-bottom: .1em;
	line-height: 1.25em;
}
ul.publicbeerlist .lo, ul.publicbeerlist .le, ul.privatebeerlist 
{
	padding-top:.1em;
	padding-bottom:.1em;
	line-height:1.25em;
}
.blender
{
	list-style-image:url(/images/blender.png);
}
.othername
{
	list-style-image:url(/images/tag_blue.png);
}
.beercompany
{
	list-style-image:url(/images/beercompany.png);
}
.hobbyparttimebrewer
{
	list-style-image:url(/images/hobbybrewer.png);
}
.brand
{
	list-style-image:url(/images/brand.png);
}
.normallykegonly
{
	list-style-image:url(/images/keg.png);
}