body {
  	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  	font-size:80%;
  	line-height:160%;
  	margin:0px;
	padding:0px;
	background:url('../images/background_y.gif');
	background-repeat:repeat-y;
	background-color:#5a0523;
}

.warning {
    font-weight: bold;
    color:#990000;
}


h1
{		font-weight:bold;
		font-size:140%;
		border-bottom:#CC6600 1px solid;
		padding: 4px;
		color:#903;
}

h1, h2, h3, h4{
	padding:0;
	margin:0;
	clear:both;
	display:block;
}

h2
{		font-size:1.3em;
		color:#F90;	
}

h3
{		font-size:100%;
		color:#999999;	
}

h4
{		font-size:100%;
		color:#003300;
}

#container
{
	background-image:url(../images/container-back.gif);
	background-repeat:repeat;
	width:960px;
	min-height:700px;
	height:100%;
	float:left;
	position:relative;
	left:0;

}

#header
{
	margin: 0px auto;
   	width: 938px;
	height:201px;
	background-color:#666666;
	position:relative;
	background:url('../images/header.jpg');
	background-repeat:no-repeat;
}

#menubar
{
	position:relative;
	margin: 0px auto;
	
	width:938px;
	height:46px;
	font-size:0.8em;
	color:#FFFFFF;
	/*padding-top:5px;
	padding-left:2%;*/
	background:url('../images/menubar.gif');
}


#searchbar
{
	height:40px;
	width:250px;
	float:right;
	padding-top:14px;
	
}

#menubarleft
{
	float:left;
	width:250px;
	padding-left:10px;
}

#leftheader
{
	width:560px;
	height:240px;
}

#rightheader
{
	width:632px;
	height:240px;
	left:560px;
	top:30px;
	position:absolute;
	background:url('../images/header_cocktails.jpg');
}





#maincontainer
{
	background:url('../images/mid_square.gif');
	background-repeat:repeat;
	min-height:600px;
	width:938px;
	height:100%;
	position:relative;
	margin:0px auto;
	/*padding-bottom:10px;*/
}

#mainleft
{
	width:250px;
	min-height:600px;
	float:left;
	position:relative;
	height:100%;
	/*padding-bottom:10px;*/
}

#mainright
{
	min-height:600px;
	width:688px;
	float:right;
	position:relative;
	height:100%;
}


#menu, #menu2, #menu3, #menu4 {
	padding:0;
	/*margin:20px;
	background:url('../images/menubar-back.gif');*/
	
	}
	
#menu li, #menu2 li, #menu3 li , #menu4 li  {
	left:0px;
	list-style-type:none;
	magin:5px;
	}
	
#menu a, #menu2 a, #menu a:visited, #menu2 a:visited,#menu3 a, #menu4 a, #menu3 a:visited, #menu4 a:visited {
	position:relative;
	/*display:block;*/
	
	font-family:arial, verdana, sans-serif;
	font-size:0.8em;
	text-align:right;
	text-decoration:none;
	margin:5px;
	color:#3E9DD7;
	}
	
#menu ul a, #menu ul a:visited, #menu2 ul a, #menu2 ul a:visited, #menu3 ul a, #menu3 ul a:visited, #menu4 ul a, #menu4 ul a:visited {
	left:0px;
	width:100%;
	}
	
#menu a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover  {
	color:#CC6600;
	}



#box {
	padding:0;
	margin:0;
	z-index:-1;
	}
	
#box li {
	list-style-type:none;
	magin:0.15em 0 0.15em 0.25em;
	z-index:-1;
	}
	
#box a, #box a:visited {
	position:relative;
	display:block;
	/*width:97%;*/
	/*font-family:arial, verdana, sans-serif;*/
	/*font-size:1.2em;*/
	text-align:left;
	text-decoration:none;
	background:#FFFFFF;
	color:#000000;
	padding:0.25em;
	border-top:1px solid #000;
	}
	
#box ul a, #box ul a:visited {
	left:60px;
	border:1px solid #000;
	width:120px;
	padding:1px;
	text-align:left;
	margin:0 -0.25em -0.25em -2.2em;
	}
	
#box a:hover {
	background:#eee;
	color:#CC6600;
	z-index:1;
	}
	
#box a span {
	display:none;
	z-index:1;
	}
	
#box a:hover span{
	display:block;
	text-align:left;
	position:absolute; 
  	left:13em; 
  	top:0; 
  	padding:0.5em; 
  	width:24em;
  	background-color:#eee;
  	color:#000; 
  	border:1px solid #CC6600;
	z-index:9;
	
  }
  
#box a:hover span:first-line {
  	font-weight:bold; 
  	font-size:1.4em;
 	color:#CC6600;
}
#box img {
 	 border:1px solid #000; 
 	 float:left; 
 	 margin:0.25em 1em 0.5em 0;
}

#content
{
	width:678px;
	min-height:600px;
	background-color:#FFFFFF;
	border-right:1px black solid;
	position:relative;
	float:left;
	padding:5px;
	

}

#contentinner
{
	width:270px;
	min-height:590px;
	height:100%;
	background-color:#fff;
	position:relative;
	float:left;
	/*padding:5px;*/
	color:#000;

}

#dlog {
	position:absolute;
	top:-0px;
	width: 240px;
	height: 200px;
	z-index:999;
	visibility:hidden;
	color:#FFFFFF;
	

}

#contentinner a:hover
{
	color:#000000;
}

a:visited, a
{
	color:#CC6600;
}

#dlog fieldset, #dreg fieldset
{		border:1px solid #FF9933;
		width:80%;
		padding:2em;

}

#dreg legend, #dlog legend
{		color:#fff;
		background:#CC6600;
		border: 1px solid #FFFFFF;
		padding:2px 6px;
		margin-bottom:1em;
}




#dreg {
	position:absolute;
	top:-0px;
	width: 240px;
	height: 200px;
	z-index:999;
	visibility:hidden;
	color:#FFFFFF;

}

#cocktail
{
	float:right;
	position:relative;
	width:380px;
	/*min-height:590px;*/
	height:100%;
	background-color:#FFF;
	/*padding:5px;*/
}

table {
	font: 9px/18px Verdana, Arial, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	width:100%;

	color:#000000;
}

table.clear
{
	clear:both;
}


table.cocktailtable
{
	font: 9px/18px Verdana, Arial, Arial, Helvetica, sans-serif;
	/*border-collapse:collapse;*/
	width:100%;

	padding:10px;
	
}

th {
	padding:0 0.5em;
	text-align:center;
	border:1px solid #FF9900;
}

th.cocktailhead {
	padding:5px;
	text-align:left;
	border:1px solid #FF9900;
}

tr.toprows td {
	background:#e3eef7;
	text-align:center;
	border-top:1px solid red;
	border-bottom:1px solid red;
	border-left:none;
	border-right:none;
	width:150px;
}

label.cocktailslabel
{
	font-weight:800;
}

td.cocktailtable
{
	background-color:#FFFFFF;
	/*border:#CC6600 1px solid;*/
	color:#000000;
	padding:10px;
}

td.cocktailtitle
{
	background-color:#fff;
	/*border:#CC6600 1px solid;*/
	color:black;
	padding:5px;
	font-weight:800;
}


td.commenttext
{
	background-color:#FFFFFF;
	border:#CC6600 1px solid;
	color:#000000;
	padding:10px;
}

td.commentname
{
	background-color:#FF9933;
	border:#CC6600 1px solid;
	color:black;
	padding:5px;
	font-weight:800;
}

/*td.divider {
	border-left:1px solid black;
	padding:0 0.5em;
	text-align:left;
}*/

td {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding: 0 0.5em;
	text-align:left;
}

th a, th a:visited
{
	color:#FFFFFF;
}

th a:hover
{
	color:#000000;
}





.clearfooter {   height: 330px;   clear: both;}


fieldset
{		border:1px solid #CC6600;
		width:80%;
		padding:2em;

}

legend
{		color:#fff;
		background:#CC6600;
		border: 1px solid #781351;
		padding:2px 6px;
		margin-bottom:1em;
}

#error
{
	background-color:#FF9900;
	width:80%;
	margin:0 10% 0 10%;
	color:#FFFFFF;
	font-weight:800;
	text-align:center;
	position:relative;
	
}

#footer
{
	position:relative;
	float:left;
	width:960px;
	height:60px;
	background-color:#291535;
	color:#666666;
	font-size:75%;
	left:50%;
	margin-left:-480px;
}

#footer a
{
	color:#999999;
}



















/* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url('../images/pinkcorners.gif') no-repeat bottom right}
	  
	   /* yellow menu*/
    .yellcssbox, .yellcssbox_body, .yellcssbox_head, .yellcssbox_head h2{
      background: transparent url('../images/yellowcorners.gif') no-repeat bottom right}
	  
	   /* blue menu*/
    .bluecssbox, .bluecssbox_body, .bluecssbox_head, .bluecssbox_head h2{
      background: transparent url('../images/bluecorners.gif') no-repeat bottom right}
	  
	   /* green menu*/
    .greencssbox, .greencssbox_body, .greencssbox_head, .greencssbox_head h2{
      background: transparent url('../images/greencorners.gif') no-repeat bottom right}
	  
    .cssbox, .yellcssbox, .greencssbox, .bluecssbox{
    /* intended total box width - padding-right(next) */
      width:190px !important; /* IE Win = width - padding */
      width:200px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:10px auto}

    /* set the top-right image */
    .cssbox_head, .yellcssbox_head, .greencssbox_head, .bluecssbox_head {
	background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px;
    /* right-image-gap + right-inside padding */
      padding-right:40px;
	  padding-top:0px;
	  margin-top:0px;}
	  

    /* set the top-left image */
    .cssbox_head h2, .yellcssbox_head h2, .bluecssbox_head h2, .greencssbox_head h2{
		color:#FFF;
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:4px 0 1px 20px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body, .yellcssbox_body, .greencssbox_body, .bluecssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:4px 0 1px 20px} /* mirror .cssbox_head right/left */