body {
	background-image: url(images/background.gif);
	font-size: 12px;
	margin: 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#container {
  	background-color:#ffffff;
	margin: 0px auto;
    text-align: left;
	width: 760px;

}	
.pubsign {
	float:right;
	position:absolute;
	left: 745px;
	top: 506px;


/********************** header ***************************/
}
#header {
	text-align:center;
	background-image: url(images/headerbackground.gif) repeat-y;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	position:relative;
	height:65px;

}
/********************** Navigation ***************************/

#navbar {
	width: 758px;
	padding-top:4px;
	padding-bottom: 2px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 2px solid #666666;
}
/********************** Content ***************************/
#content {
	text-align:left;
	padding: 10px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 2px solid #666666;
}
/********************** Images ****************************/
.headerimage {
	text-align:center;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 2px solid #666666;
	border-bottom: 2px solid #666666;
}	 
.boxout {
	float:right;
	padding: 0px 0px 10px 10px;

}	
.boxout p {
clear: both;

/********************** Search Form ***************************/

/********************** Styles ***************************/
}
h1{
	color:#000000;
	font-size:20px;
	font-style:italic;
	text-decoration:underline;
	margin: 20px 0px 20px 0px;
	left: 130px;

}
h2{
	color:#000000;
	font-size:16px;

}
h3{
	color:#000000;
	font-size:14px;
}
h4{
	color:#FFFFFF;
	font-size:16px;
}
a{
    color: #FF6600;
    text-decoration: none;
	font-size:12px;
   
}
p{
	margin: 15px 0px;

}
.red a {
	font-size:9px;
	color:#990000;
}

li {
list-style-type:none;

}
ul {
list-style:none;


}
.offset {
  padding-left: 45px;

}
.offset2 {
  padding-left: 125px;

}

/********************** Other ****************************/
#blackboard {
	margin:auto;
	text-align:center;
	background-image:url(images/menumiddle.gif);
	width: 525px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	line-height: 12px;

}
#winelist {
	margin:auto;
	text-align:left;
	background-image:url(images/alesmenumiddle.gif);
	width: 525px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding-left: 10px;
	border: 2px solid #000000;
}
#googlemap {
	margin: 0 auto; 
	text-align:center;
	border:#999999 2px solid;
}
/********************** Form ****************************/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0px;
margin: auto; /*width of left column containing the label elements*/
height: 1%;
}

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

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform select{
width: 182px;
}

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


/*.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
*/

/*  Excluded by comment as I don't think we need multi-line form items
 * -- Start exclude --
* html .threepxfix{
margin-left: 3px;
}

/********************** Footer ***************************/


#footer {
	position: relative;
	background-image:url(images/footerbackground.gif);
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 758px;
	height:60px;
	padding-top:5px;
	text-align:center;
	


}
.footer_copyright {
	position:absolute;
	font-size:9px;
	clear:left;
	text-align:left;
	padding-left: 5px;
	width: 750px;

}