/**********TAKEN FROM MAIN******************/

/*used on ALL pages*/

/*undo browser defaults*/
:link,:visited { text-decoration:none;}
ul, ol{ list-style:none;}
table, h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;  }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  form, body, html, p, blockquote, fieldset, input, dl, dt, dd, table, td, th
{ margin:0px; padding:0;}
a img,:link img,:visited img, fieldset { border:none;  }
th{
text-align:left;
}


#footer {
clear:both;
} 

/*browsers round up pixels differently depending on background:center; and margin: 0 auto; its only a few pixels so you only notice on lines. kept all inner images to margin:auto and main bg image to center. The main image doens't have any lines so isn't noticeable*/

body{
font-family: arial, sans-serif;
margin:0 0 0 0px;
padding:0;
color:#e4e4e4;
font-size:80%;
}


#container_all{
font-size:1.3em;
line-height:1.3;
position:relative;
}


#footer p{
text-align:right;
}

a#logo{
display:block;
text-align:right;
border:none;
}


#nav{
display:none;
}

#content{
}


/*html elements*/
h1, h2, h3, h4, h5, h6{
font-weight:normal;
}

h2{
font-size:1.6em;
margin-bottom:.6em;
}
h3{
font-size:1.4em;
margin-bottom:.6em;

}
h4{
font-size:1.2em;
margin-bottom:.6em;
}
h5{
font-size:1.1em;
margin-bottom:.6em;
}
h6{
font-size:1em;
margin-bottom:.6em;
}

h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited
{
color:#fff;
border-bottom:1px dotted #c41230;
font-weight:normal;
}

img
{border:1px solid #a39161;
padding:1px;
}

hr{
background:none;
border:none;
border-top:1px dotted #a39161;
height:1px;
line-height:1;
margin:0;
padding:0;
font-size:1px;
overflow:hidden;
}

p{
margin-bottom:1.4em;
}

ol, ul
{ list-style:disc;
list-style-position: outside;
margin: 0 0 1.4em 0;
padding: 0;
list-style-image: url(/img/bg/bullet.gif);
margin-left:30px;
}

li{
margin: 0 0 0 0;
padding: 0;
}

/*=links*/
a:link, a:visited {
color:#c41230;
text-decoration: none;
border-bottom:1px dotted #c41230;
font-weight:bold;
}

a:hover, a:active {
text-decoration: underline;
border-bottom:1px dotted #fff;
color:#fff;
font-weight:bold;
}


.clear{
clear:both;
height:1px;
font-size:1px;
line-height:1px;
}


/*****END MAIN FROM INNER:************************/

/*all pages except the front page sees this*/


/*main layout bits are on individual sheet unless they ALL share same style*/


#page_header{
border-bottom:2px solid #ccc;
color:#fff;
margin-bottom:10px;
font-size:2em;
}

h1{
font-size:1.6em;
margin-bottom:.7em;
padding-bottom:.3em;
font-weight:normal;
color:#fff;
}

ol, ul
{
margin-left:18px;
}

/*man made misc - */
.flright{
float:right;
margin-left:10px;
margin-bottom:5px;
}

.flleft{
float:left;
margin-right:10px;
margin-bottom:5px;
}

.noborder, a.noborder {
border:none;
padding:0;
}

.smallest{
font-size:.8em;
}
.smaller{
font-size:.9em;
}

.bigger{
font-size:1.3em;
line-height:1.2em;
margin-bottom:.5em;
}

.biggest{
font-size:1.6em;
line-height:1.5em;
}
.err{
color:red;
background:#ffffea;
}

.general_box{
border: #2f1d0f 1px dotted;
clear:both;
padding:.7em 10px;
margin-bottom:1.4em;
}

.general_box .last{
margin-bottom:0em;
}

.fullwidth{
width:100%;
}


table#diag {
border-collapse: collapse 
}

table#diag th h2{
margin-bottom:0;
margin-top:.4em;
}

table#diag th h3{
margin-bottom:.2em;
margin-top:.7em;
background:none;
}

table#diag td{
border-bottom:1px solid #2f1d0f;
padding-bottom:.2em;
background:none;
color:#fff;
}

table#diag th{
background:none;
color:#fff;
border:none;
}


th{
font-weight:bold;
padding:4px;
border:2px solid #fff;
}

td{
padding:6px;
}

table a:hover,
table a:active
{
color:#666;
}

table#brandselection td, table#brandselection th {
text-align:center;
}



.textalignright{
text-align:right;
}

.inner_column_long{
width:30%;
float:right;
margin-bottom:1em;
margin-left:5px;
min-height:424px;
padding: 1.4em 12px 0 12px;
font-size:.8em;
}

.inner_column_long h2{
line-height:1.2em;
border-bottom:1px solid #a39161;
padding-bottom:.4em;

}


.spaceforinnercolumn{
width:396px;
float:left;
margin-bottom:1em;

}

.headerimg{
margin-bottom:1em;
}

.marginbottom{
margin-bottom:1em;
}

.drinkerssay{
clear:both;
float:left;
width:594px;
margin-bottom:1em;
border-bottom:1px solid #2f1d0f;
padding-bottom:1em;
padding-top:.5em;
}

.drinkerssay img{
border:none;
padding:0;
float:right;
}

.drinkerssay h2{
width:326px;
font-size:1.1em;
float:left;
}

.faultAnswer {
border: #7a573c 1px dotted;
clear:both;
padding:12px 1.4em 12px 70px;
margin-bottom:1.4em;
}

.faultAnswer h3{
margin-bottom:.2em;
}

.faultAnswer .last {
margin-bottom:0;
}

.question .bigger{
font-size:1.1em;
}



#range_list div{
clear:both;
border-bottom:1px solid #2f1d0f;
padding-bottom:.5em;
padding-top:.5em;
float:left;
width:594px;
}

#range_list img{
float:left;
margin-right:12px;
border:1px solid #2f1d0f;
padding:3px;
}

.beer{
float:right;
margin-left:12px;
border:1px solid #2f1d0f;
padding:3px;
}

#ideal_selection{
width:250px;
float:right;
border:1px solid #dbcba1;
text-align:center;
padding-top:200px;
color:#444;
margin-left:12px;
margin-top:-40px;
}

#ideal_selection p{
margin-left:12px;
margin-right:12px;

}


#ideal_selection h3{
margin-bottom:.2em;
}

#brselectlist li{
margin-bottom:.5em;
}

#brselectlist li ul{
margin-top:.5em;
}
#brselectlist li li{
margin-bottom:0em;
}

.spaced li{
margin-bottom:.5em;
}

.yesNoButton {
margin-right:5em;	
}