@charset "iso-8859-1";
body { 
	background: url(images/bg_r_home7.gif) top left repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #4E6B7C;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	}

.flash { z-index: 9000;

}


#allcontent {
  padding:	0px;
  margin-left:	0px;
  margin-right:	auto;
}

#header {
	margin: 0px;
	height: 143px;
	min-width: 500px;
	padding: 0px;
	clear:both;
    background: url(images/h1.jpg) top left no-repeat;
    background-color: #4e6b7c;


}

#drinks {
	background:  url(images/men_bl.gif) top left;
	font-size: 105%;
	padding: 0px;
	margin-top: 0px;
	float: left;
	width: 200px;
	z-index:-999;
	height:133px;
}

#main {
	font-size: 105%;
	padding: 10px;
	margin-left: 200px;
	margin-top: 0px;
	z-index:-999;
    background-color: #ffffff;
    border-right: solid 12px #4e6b7c;
    min-height:400px;

}

#main.index {background-color:#4e6b7c;
padding: 10px;
}
#footer {
	color: #efe5d0;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
    font-size: 90%;
	clear: both;
    height:12px;
    background-color: #a2a8b1;
    border-right: solid 12px #4e6b7c;
    border-bottom: solid 12px #4e6b7c;
}
#footer table{margin-top:7px;}

.maincat {font-size:140%; text-align:left; font-style:italic;  font-weight: bold; color:#cccccc; }

#topmenu table td a{font-size:80%; text-decoration:none; color:#336666;}
#topmenu table td.thispage {color:#ffffff; background-color:#cfcfcf;}
#topmenu table td.thispage a {font-size:80%; text-decoration:none; font-weight: bold; color:#000000; }

.formtitle {font-size:125%; font-weight:bold;}
.scroll{ width: 560px; height: 250px; overflow: auto;} 


ul.exampleMenu,
ul.exampleMenu li {text-align: left; height: 36px;}
ul.exampleMenu li ul li {width: 200px; height: auto;}
ul.exampleMenu,
ul.exampleMenu li,
ul.exampleMenu li ul,
ul.exampleMenu li ul li {list-style-type: none; padding: 0; margin: 0;}
#exampleCont,#exampleCont2 { /* Safari and Netscape 7.0 were having problems 
  with position:relative on #example */
  margin: 0px auto;  
  width: 200px;
  height: auto;
  position: relative;
  z-index: 500;
  }
#exampleCont2 {z-index: 550;}
ul.exampleMenu {width: 200px; min-height: 36px; height: auto;}
/* \*/
* html ul.exampleMenu {height: 36px;}
ul#example li {top: 0; width: 200px; position: absolute; z-index: 500;}
ul#example li ul li {  position: static;  width: 200px;}
ul#example li.link1 {  left: 0;}
ul#example li.link2 {  left: 0;}
ul#example li.link7 {  left: 0;}
ul#example li.link3 {  left: 0;}
ul#example li.link4 {  left: 0;}
ul#example li.link5 {  left: 0;}
ul#example li.link6 {  left: 0;}

ul#example2 li {  float:left;  width: 200px;  height: auto;  position: relative;  overflow: visible;}
div.parent { position: relative; }
ul#example2 li ul li {  float:none;  display:block;  width: 200px;  position: static;}
ul.exampleMenu li a {  text-align: center;  float: left;   width: 200px;  line-height: 36px;  height: 36px;  text-indent: -5000px;  text-decoration: none;  background-position: 0 0;}

ul.exampleMenu li {background-position: 0 -36px;}
ul.exampleMenu li a:hover,
ul.exampleMenu li:hover a,
ul.exampleMenu li.sfhover a {background: transparent none; color: #FFFFFF;}
li.link1,li.link1 a {background-image: url(images/menu_0.jpg);}
li.link2,li.link2 a {background-image: url(images/menu_1.jpg);}
li.link3,li.link3 a {background-image: url(images/menu_2.jpg);}
li.link7,li.link7 a {background-image: url(images/menu_6.jpg);}
li.link8,li.link8 a {background-image: url(images/menu_7.jpg);}
li.link9,li.link9 a {background-image: url(images/menu_8.jpg);}
li.link4,li.link4 a {background-image: url(images/menu_5.jpg);}
li.link5,li.link5 a {background-image: url(images/menu_3.jpg);}
li.link6,li.link6 a {background-image: url(images/menu_4.jpg);}

ul.exampleMenu li ul li,ul.exampleMenu li ul li a {background-image: none;}
div.dropdown,
div.dropdown div.dropdown,
ul#example2 li:hover div.dropdown div.dropdown,
ul#example2 li.sfhover div.dropdown div.dropdown {
  position: absolute;
  top: 0px;
  left: 200px;
  width: 100px;
  display: none;
  font-family: verdana;
  font-size: 10px;
  font-weight: bold;
}
ul#example2 li div.dropdown ul {width: 200px; color: #FFF; background-color: #4F6B7D; border: 2px solid #07d;
overflow: visible; height: auto; margin: 0 0px 0px;}
ul#example2 li div.dropdown ul li {position: relative; border: 1px solid #87CEEB;} 
ul#example2 li:hover div.dropdown,
ul#example2 li.sfhover div.dropdown,
ul#example2 div.dropdown li:hover div.dropdown,
ul#example2 div.dropdown li.sfhover div.dropdown {display:block;}
ul#example>li>ul>li:last-child:after,
ul#example2>li>div.dropdown>ul>li:last-child:after {
  content: ".";
  display: block;
  clear: both;
  height: 2px;
  visibility: hidden;
}
ul#example>li>ul>li:last-child:after:lang(en),
ul#example2>li>div.dropdown>ul>li:last-child:after:lang(en) { height: 0; }

/* IE/Win bug fix \*/
* html div.parent,* html div.dropdown,
* html ul.exampleMenu li ul,* html ul.exampleMenu li ul li a { height: 1px; }
* html ul.exampleMenu li ul li {margin-left: -16px; mar\gin-left: 0; height: 1%;}
* html ul.exampleMenu li ul li a {
  width: 100%; /* IE 5.0/win bug fix \*/
}
/* end bug fix */
ul.exampleMenu li ul li a {
  text-align: left;
  display:block;
  width: 200px;
  line-height: 1.5em;
  height: auto;
  text-indent: .5em;
  text-decoration: none;
  padding: 0;
  margin: 0;
  background-color: #aeb;
  float: none;
}
ul.exampleMenu li ul li a:hover,
ul.exampleMenu li ul li:hover a,
ul.exampleMenu li ul li.sfhover a { background-color: #9FAFB8; }
ul.exampleMenu li ul li:hover ul li a,
ul.exampleMenu li ul li.sfhover ul li a { background-color: #4F6B7D; }
ul.exampleMenu li ul li ul li a:hover,
ul.exampleMenu li ul li ul li:hover a,
ul.exampleMenu li ul li ul li.sfhover a { background-color: #9FAFB8; }
.one {z-index: 90;}
.two {z-index: 80;}
.three {z-index: 70;}
.four {z-index: 60;}
.five {z-index: 50;}
.six {z-index: 40;}
.seven {{z-index: 30;}
.eight {z-index: 20;}
.nine {{z-index: 10;}