html
{		
margin: 0px;
padding: 0px;
background-color: #000;
}

body
{
margin:0;
padding:0;
line-height: 1.8em;
font-family: verdana, arial, sans-serif;
color: #666666;
font-size: 0.8em;
}

em
{
color: #996600;
font-style: normal;
font-weight: bold;
}

hr
{
color: #003366;
height: 1px;
}


address
{
font-size: 0.9em;
text-align: center;
}

strong
{
color: #003366;
font-style: normal;
font-weight: bold;
}

.tablenews
{
padding-top: 0;
margin-top: 0;
float: left;
}

.contact
{
margin-top: 50px;
padding-top: 15px;
border-top: 1px #333333 solid;
font-weight: bold;
font-size: .9em;
text-align: center;
line-height: 1.8ex;
}

.contact2
{
margin-top: 50px;
padding-top: 15px;
font-weight: bold;
font-size: .9em;
text-align: center;
line-height: 1.8ex;
}

#container
{
width: 765px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: url(wensleydale-brewery-pics/wensleydale_03.jpg) repeat-y;
}


/*header-------------------------------------------------*/

#header
{
background: url(wensleydale-brewery-pics/wensleydale_01.jpg) no-repeat top center;
height: 186px; /*Height of top section*/
}

#header h1
{

margin-top: 0;
height: 186px;
width: 765px;
margin-bottom: 0;

}

#header h1 span
{
display: none;
}

#header h2
{ 
margin: 0;
}

#header h2 span
{
display: none;
}

/*main-------------------------------------------------*/

#contentwrapper
{
float: left;
width: 100%;
}

#main
{
margin: 0 0px 0px 178px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
padding: 25px;
background-color: white;
}

#main li
{
list-style: square;
}


#main h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: 0.5ex;
font-size: 1.4em;
font-weight: bold;
color: #003366;
}

#main h2
{
font-weight: normal;
margin-top: 10px;
padding-top: 5px;
font-style: italic;
font-size: 1.3em;
color: #996600;
}

#main h3
{
font-weight: bold;
margin-top: 0;
padding-top: 2ex;
font-size: 1.1em;
color: #003366;
}

#main a:link
{
color: #003366;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#main a:visited
{
color: #003366;
font-style: normal;
font-weight: bold;

}

#main a:hover
{
color: #996600;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

#main a:active
{
color: #996600;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}


#navmain
{
margin-top: 20px;
}

#navmain li
{
list-style: square;
margin-left: 0;
padding-left: 0;
}


/*left panel-------------------------------------------------*/



#leftcolumn
{
float: left;
width: 178px; /*Width of left column in pixel*/
margin-left: 0px; /*Set margin to that of -(MainContainerWidth)*/
color: white;
padding-left: 0pt;
padding-right: 0;
margin-right: 0px;
padding-top: 15px;
margin-top: 0;

}

.nav li{
	list-style: none;
}

.nav li a{
	display: block;
	color:#ffffff;
	text-decoration: none;
	font-family: arial, verdano, helvetica, sans-serif;
	height: 35px;
	font-weight: bold;
	line-height: 35px;
	cursor: pointer;	
	font-size: 1.1em;
}

.nav li a {
	display: block;
}

.nav li.current a, .nav li a:hover{
	color: #ffcc66;
}



/*beer table-------------------------------------------------*/

.beertable
{
border: 1px solid #999999;
color: #003366;
}

.beertable td
{
background-color:#e4f3ff;
padding: 5px;
}

.beertable th
{
background-color:#003366;
color: white;
padding: 5px;
text-align: left;
}

.beertable input
{
width: 20px;
}

.cssformhead
{
margin-top: 20px;
font-style: normal;
font-weight: bold;
font-size: 1.3em;
color: #339999;
}

.details
{
margin-top: 20px;
background-color: #e4f3ff;
padding: 10px;
border: 1px solid #999999;
width: 480px;
}

.cssform label{
font-weight: bold;
color: #003366;
float: left;
margin-left: 20px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}



.cssform select
{
margin-bottom: 20px;
margin-left: 155px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




/*images-------------------------------------------------*/

img
{
margin-right: 10px;
border: solid 1px #666666;
}

#picgallery img
{
margin: 10px 10px 10px 0px;
border: solid 1px #666666;
display: inline;
}

.imagemain
{
float: right;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 10px;
border:none;
}
.imagenews
{
float: right;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 10px;
border: solid 1px #666666;
width: 200px;
}

.imageleft
{
float: left;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 10px;
border: solid 1px #666666;
}

/*bottom right-------------------------------------------------*/


#address2
{
border-top: solid 1px #666666;
margin-top: 30px;
}

#rightcolumn
{
float: left;
width: 8px; /*Width of right column*/
margin-left: -8px; /*Set left margin to -(RightColumnWidth)*/
text-align: right;
padding-top: 0px;
}

#footer
{
text-align: right;
font-size: .8em;
margin-top: 5ex;
margin-bottom: 5ex;
}

#footer a
{
color: #ffffff;
}


.innertube{
margin: 12px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 24px;
}