/* height causes a vertical scrollbar on all pages to prevent short page jumping to the left in Firefox, add a color and tiled image to background */
html, body {

background-color:#000;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align:center;
background-image:url(images/tbg.gif);
/*height:101%; */
}
/* set width of wrapper to same as title jpg. no top or bottom margin. auto on both sides to centre wrapper */
#wrapper {
width:700px;
margin: 0 auto;
background-color:#930; /* colour of panel under nav bar */
}

/* ------------ titlebar
display:block - this prevents firefox adding a space under the title image when displayed in xhtml 
set top margin for titlebar to 15px other margins are zero */
#titlebar {
display:block;
background-color:#c63;
margin:0;
height:140px;
}

/* -------------------------------  Navigation  ------------------------------------- */
/*  Mozilla Netscape and safari use padding to indent from the left -  IE & Opera use margin */
#nav {
background-color:#222; /* general bg color */
}
#nav ul {
margin:0;
padding:0;
list-style:none;
width:110px;
float:left;
}

#nav a {
display:block; /* puts box around each item */
width:100px;  /* 100px width of the box min to text*/
text-align:left;  /*  needs because body says center */
text-decoration:none; /* remove the undeline for all the links */
font-size:0.8em;
color:#fc9;   /* font color */
background-color:#930; /* color/border each box to see where it is active */
padding: 5px 0px 5px 12px;  /*12 px fills box ...makes each item a box, sets the height and width */
}

/* set the hover to a different color, bg and border for rollover */
#nav a:hover {
color:#fc9;
background-color:#c60; /* color/border each box to see where it is active */
}


/* ----------------------------MAIN  CONTENT------------------------------- */

/* slightly narrower than wrapper to allow for border  */
#maincontent {
margin:0 0 0 112px; /*  was 116px/112   float:right;   */
padding:0;
/* width:588px; */
background-color:#ffc;     /* yellow bg */
/* border-left: #652201 solid 2px; */
border-right: #666666 solid 1px;
font:0.7em Arial, Helvetica, sans-serif;
}
/* set margins padding and line height for maincontent paragraphs */
#maincontent p {
margin:0;
padding:2px 5px 5px 9px;
line-height:1.3;
text-align: left;
}
#maincontent td{
text-align: left;
}
/* set common rules for h1 and h2 in maincontent */
#maincontent h1, #maincontent h2{
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
padding:12px 0 0 20px;
}
/* heading sizes */
#maincontent h1 {
font-size:1.4em;
color:#333;
}
#maincontent h2 {
font-size:1.0em;
color:#930;
}
#maincontent h3 {
font:bold 0.9em Arial, Helvetica, sans-serif;
color:#666;
text-align:left;
margin:0;
padding:0;
}
/* link colors */
#maincontent h2 a:link, a:visited, a:active {
color:#006633;
}
#maincontent h2 a:hover {
color:#399;
}
#maincontent p a {    /* any links in body text are this colour    */
color:#399;
} 
#maincontent li {
text-align:left;
}
/* ------------------------------------------  cybnews content -----------------------------------------  */
#content {
	position:relative;
	left:1px;
	top:0px;
	width:588px;
	background-color:#FFffcc;
	border-right: #666666 solid 1px;
	float:right;
}
#content p {
	font: 0.7em Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0 20px;
	padding:2px 5px 5px 9px;
	line-height:1.3;
	}
#content h2 {
	font: 1.5em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#cc0000;
	margin:0 0 -3px 0;
	}
#content h3 {
	font:bold 0.8em Arial, Helvetica, sans-serif;
	color:#c00;
	margin:-15px 0 -18px 0;
	} 




/* ------------------------------------------*/
.products {
padding:0 0 0 30px;
line-height:0.8em
}
.winename {
font:bold 1.1em Arial, Helvetica, sans-serif;
color:#c00;
}
.country {
font:bold 1.1em Arial, Helvetica, sans-serif;
color:#444;
}
#menucenter p{
text-align:center;
}
.menuprice{
font-size:1.2em;
font-style:italic;
}
.samplemenu {
background-image:url(images/samplemenu.gif);
background-repeat:repeat-y;
}


/* ------------------------------------------  sublunch nav -----------------------------------------  */
#sublunch {
background-color:#fc0; /* ffc = pale yellow */
/*width:577px;  577px */
height:26px;/* height of background strip  */
font-size:1.1em;
}
#sublunch ul {
margin:0;
padding:0;
list-style:none; /* gets rid of dot in front of each item */
width:583px;
float:left;
}
#sublunch ul li {
float:left;  /* this make list align left, otherwise it is centrered */
display:inline;  /* puts the list in one line */
}
#sublunch ul a {
display:block;
width:125px; /* change this to alter width of each button */
text-align:center;
height:24px; /* height of button */
line-height:24px; /* this should match height and background strip height so text appears in middle */
color:#222;   /* font color scheme */
font-weight:bold;
text-decoration:none;
background-color:#fc0;  /* color/border each box to see where it is active */
border:1px solid #666666;
padding:0 8px ;  /* makes each item a box, sets the height and width */
margin:0 1px;
}
#sublunch a:hover {
color:#633;
background-color:#f90; /* color/border each box to see where it is active */
border:1px solid #666;
}


/*-----------------------------------------------address block--------------------------------------------*/
#address {
background-color:#c63;   /* #c96;*/
height:40px;
margin:0;
padding:0;
border-left: #666666 solid 1px;
border-right: #666666 solid 1px;
clear:both;
}
#address p {
font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
line-height:1.3;
color:#eee;
text-align: center;
margin:0;
padding:8px 0 15px 0;
}
#address a {
text-decoration:underline;
color:#666666;
}

/*-------------------------------------------  footer  ----------------------------------------*/
#footer {
background-color:#222;
font:0.7em Arial, Helvetica, sans-serif;
height:60px;
margin:0;
padding:0;
color:#aaa;
border-left: #444 solid 1px;
border-right: #444 solid 1px;
border-bottom: #444 solid 1px;
}
#footer p {
margin:0;
padding:10px 15px 0 25px;
text-align:center;
clear:both;
}


.date {
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 8px 0;
color: #003366;
}
#contact {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
color: #000;
}
#contact a:link, #contact a:visited {
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
color: #c00;
}



/* ---------------------------------   home page picture placement   --------------------------------- */
#pic {
float:right;
margin:15px 8px 15px 15px;
border:1px solid #999999;
}
#waitress {
float:left;
margin:3px 8px 15px 1px;
border:1px solid #999999;
}
#winelist {
float:center;
margin:3px 8px 5px 25px;
}
#bride {
float:right;
margin:5px 15px 15px 15px;
border:1px solid #999;
}
#oldpic {
float:right;
margin:5px 8px 3px 15px;
}
#newpic {
float:left;
margin:5px 15px 0px 0px;
border:1px solid #999;
}
#b1 {
border:1px solid #999;
}
#b2{
border:1px solid #999;
}
#clive {
float:left;
margin:5px 15px 5px 5px;
border:1px solid #999;
}

#cert {
border:1px solid #999;
}
/*------------------------------------------------------------------------------------------*/
.newyear {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}