/* style sheet for Claude & Uli's Bistro website Copyright, WINHHI, 2010 */

body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.	*/
/* Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin: 0;
	padding:  0;
  	background: PeachPuff url("../images/medsand.png") center repeat;
  	color: black ;
  	font-family: Verdana, Arial, Helvetica, Sans-serif ;
  	font-size: 1em ;
}

#content {
	clear: both;
	margin-top: 11.5em;
	margin-left: 1em;
	margin-right: 1em;
	width: 100%
	font-size: 1em ;
	text-align: center;
}

#content[id] {
/* Put in place for Firefox, and any browser that will render this section correctly.	*/
/* IE has a bug involving float:  none. */
	float:  none;
	margin-left:  1em;
}
/* column container */
.colmask {
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
}
.midmask {
	float: left;
	position: relative;
	width: 55%;
	padding: 1em;
	overflow: hidden;
	left: 21%;			/* allow for left and right padding	*/
}
/* common column settings */
.colleft {
	float: left;
	width: 100%;
	position: relative;
}
.col1 {
	float: left;
	position: relative;
	padding: 1em 0;
	overflow: hidden;
}
.col2 {
	float: right;
	position: relative;
	padding: 1em 0;
	overflow: hidden;
}
/* 2 Column (double page) settings */
.doublepage {
	background: SaddleBrown;
	color: white;
}
.doublepage .colleft {
	right: 50%;			/* right column width */
	background: Sienna;
}
.doublepage .col1 {
	width: 46%;	/* left column content width (column width minus left and right padding) */
	left: 52%;			/* right column width plus left column left padding */
	
}
.doublepage .col2 {
	width: 46%;	/* right column content width (column width minus left and right padding) */
	left: 48%;	/* (right column width) plus (left column left and right padding) plus */
       			/* (right column left padding) */
}
span.menu {
    float: left;
    width: auto;
    margin: 0;
    text-align: left;
}
span.price {
    float: right;
    width: auto;
    margin: 0;
    text-align: right;
}
span.italictext {
    float: left;
    text-align: left;
    font-weight: normal;
    font-style: italic;
    font-size: 0.8em;
}

  #heading {
    text-align: center ;
    font-size: 14pt ;
    text-decoration: underline ;
  }
  #headleft {
    text-align: left ;
    font-size: 13pt ;
    font-weight: bold ;
    text-decoration: underline ;
  }
  #boxtext {
    background: #FFFFFF;
    color: #000000;
    text-align: center ;
/*    font-size: 1.75em ;	*/
    display: block;
    text-decoration: none;
    border: 1px solid black;
    padding: 1 1.25em;
    width: auto;
    height: auto;
/*    height: 2.25em !important;	*/
    height: 1%;				/* for IE	*/
  }
  #redboxtext {
    background: red;
    color: yellow;
    text-align: center ;
/*    font-size: 1.5em ;	*/
    display: block;
    text-decoration: none;
    border: 1px solid red;
    padding: 0 1em;
    width: auto;
    height: auto;
/*    height: 2em !important;	*/
    height: 1%;				/* for IE	*/
  }
  #centertext {
    text-align: center;
    font-weight: bold;
  }
  #textitalic {
    font-weight: normal;
    font-style: italic;
    font-size: 0.8em;
}

#navbar {
	position: absolute;
	top: 9.0em;
	left: 0;
	right: 0;
	background: MidnightBlue;
	border-bottom: 2px solid gray;
  	z-index:1000; 	/* This makes the dropdown menus appear above the page content below */
}
  ul#nav {
	margin: 0 auto;			/* auto to help center 	*/
	border: 0 none;
	padding: 0;
	width: 30em;			/* to center the menu	*/
	list-style: none;
	height: 1.75em;
	float: right;
	position: relative;
	right: 50%;
  }  
  ul#nav li {
/*	margin-left:-1px;	*/
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 1.75em;
	left: 50%;
  }  
  ul#nav ul { 				/* all lists */
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 10em;
	list-style: none;
	display: none;
	position: absolute;
	top: 1.75em;
	left: 0;
	right: auto;
  }
  ul#nav ul:after { 			/* for IE7	*/
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
  }
  ul#nav ul li {
	clear: left;
	width: 100%;
	left: auto;
	display: block !important;
	display: inline; 	/*For IE*/
/*	background: url("./images/tab_right.png") no-repeat right top;	*/
/*	margin-right: 0.25em;	*/
  }
  /* Root Menu */
  ul#nav a, ul#nav a.menuparent {
	display: block;
	font-size: 1em ;
	text-decoration: none;
	border: 1px solid DodgerBlue;
	padding: 0.25em 0.25em;
	background: MidnightBlue;
	color: white;
	float: none !important;	/* For Opera	*/
	float: left;			/* for IE	*/
/*	width: 10em;	*/
	height: auto !important;
	height: 1%;				/* for IE	*/
  }
  ul#nav a.menuparent {
	background: MidnightBlue url("./arrow-dn.png") center right no-repeat;
  }
  /* Root Menu hover persistence */
  ul#nav a:hover,
  ul#nav li:hover a,
  ul#nav li.iehover a {
	background: Gold;
	color: Sienna;
  }
  #nav li.menuactive a {
	background: Gold;
	color: Sienna;
  }
  /* 2nd Menu */
  ul#nav li:hover li a,
  ul#nav li.iehover li a {
/*    border: 1px solid blue;	*/
	float: none;
	background: MidnightBlue;
	color: white;
  }
  /* 2nd Menu hover persistence */
  ul#nav li:hover li a:hover,
  ul#nav li:hover li:hover a,
  ul#nav li.iehover li a:hover,
  ul#nav li.iehover li.iehover a {
	background: Gold;
	color: Sienna;
  }
  #nav li.menuactive li a.menuactive {
	background: Gold;
	color: Sienna;
  }
  /* 3rd Menu */
  ul#nav li:hover li:hover li a,
  ul#nav li.iehover li.iehover li a {
	background: MidnightBlue;
	color: white;
  }
  #nav li.menuactive li.menuactive li a.menuactive {
	background: Gold;
	color: Sienna;
  }
  /* 3rd Menu hover persistence */
  ul#nav li:hover li:hover li a:hover,
  ul#nav li:hover li:hover li:hover a,
  ul#nav li.iehover li.iehover li a:hover,
  ul#nav li.iehover li.iehover li.iehover a {
	background: Gold;
	color: Sienna;
  }
  /* 4th Menu */
  ul#nav li:hover li:hover li:hover li a,
  ul#nav li.iehover li.iehover li.iehover li a {
	background: MidnightBlue;
	color: white;
  }
  #nav li.menuactive li.menuactive li.menuactive li a.menuactive {
	background: Gold;
	color: Sienna;
  }
  /* 4th Menu hover persistence */
  ul#nav li:hover li:hover li:hover li a:hover,
  ul#nav li.iehover li.iehover li.iehover li a:hover {
  	background: Gold;
  	color: Sienna;
  }
  ul#nav ul ul,
  ul#nav ul ul ul {
  	display: none;
  	position: absolute;
  	top: 0;
  	left: 12em;
  }
  /* Do Not Move - Must Come Before display:block for Gecko */
  ul#nav li:hover ul ul,
  ul#nav li:hover ul ul ul,
  ul#nav li.iehover ul ul,
  ul#nav li.iehover ul ul ul {
  	display: none;
  }
  ul#nav li:hover ul,
  ul#nav ul li:hover ul,
  ul#nav ul ul li:hover ul,
  ul#nav li.iehover ul,
  ul#nav ul li.iehover ul,
  ul#nav ul ul li.iehover ul {
  	display: block;
  }

#header {
	position:  absolute;
	top:  0;
	left:  0;
	right: 0;
/* The header can be set to either a fixed width or a liquid width.	*/
	width:  100%;
/* replace this value with the height of your header. */
	height:  9em;
/* background for the header.	*/
	background: MidnightBlue url("../images/bistrologo.png") center no-repeat;
	text-align: center ;
	padding: 0;
}
  
hr {
    height: 1px ;
    color: gray; // for IE
    background-color: gray; // for Mozilla and Firefox
    border: 0; // for Mozilla and Firefox
}

#footer {
  clear: both;
  text-align: center ;
  padding: 4px ;
  font-size: 0.7em ;
}