/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/elegant1.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:0 ; margin:0; list-style:none; font-size:15px; font-family:HelveticaNeue, "Helvetica Neue", helvetica, arial}
#menu table {border-collapse:collapse; height:0; width:0; margin:0 -4px -1px 0;}
#menu li {float:left;  margin:0 3px;display: block;padding-right:25px;height: 25px;}
#menu li a {float:left; height:30px; line-height:35px; color:#fff; text-decoration:none;}
#menu li a.current {font-style:italic; color:#ccc; border-bottom:1px solid #cc9933;}

#menuphone {
	float: right;
	font-size: 16px;
	line-height: 20px;
	font-family: HelveticaNeue, "Helvetica Neue", helvetica, arial;
	color: #ccc;
	padding-right: 30px;
	font-weight: bold;
}


#menu li:hover {position:relative; z-index:100;}
#menu li a:hover {color: #cc9933; position:relative; z-index:100;  }
#menu li:hover > a {color:#cc9933; }

#menu ul {position:absolute; left:-9999px; top:30px; width:140px; padding:0; margin:0 ; list-style:none; }
#menu ul li {margin:0; }
#menu ul li a {width: 140px;height: 25px;line-height: 25px;font-size: 15px;padding-right: 5px;border: 0;text-align: right;background: url(images/transparent.png);border-top:1px solid #cc9933;}
#menu ul li a:hover {border:0;background:url(images/transparent.png);border-top:1px solid #cc9933;color:#CC0000;}
#menu ul li:hover > a {border:0;background:url(images/transparent.png);border-top:1px solid #cc9933;color:#CC0000;}

#menu ul ul {position:absolute; margin-left:100%; top:0; padding:0; margin:0; list-style:none;}

#menu :hover ul {right:0; left:auto;}
#menu :hover ul ul {left:-9999px; width:130px; padding-left:20px; }

#menu li ul :hover ul {left: 120px; right:auto;}
#menu li ul li ul li a {text-align:left; color:#ccc;}
#menu li ul li ul li a:hover {color:#ccc;}

img.elegant {margin-top:30px;float: right; background-position: top right;}

#menuPositioner img {clear:left; display:block; margin:0 auto;}


#menu :hover ul :hover ul {left:110px; top:0; padding:0; margin:0;}
* html #menu :hover ul :hover ul {left:105px; top:-1px;}
#menu :hover ul :hover ul li {margin-left:35px; padding:5px; border-width:1px; border-color:#ccc; width:152px; }
#menu :hover ul :hover ul li a {width:150px; padding:0; margin:0; height:100px; border:1px solid #000;}
#menu :hover ul :hover ul li a img {display:block; border:10px;}
#menu :hover ul :hover ul li a:hover {border:1px solid #fff;}

/* -----Slide Out Images on Menu--------*/

#info p {margin-left:15px; margin-right:10px;}
a.screen, a.screen:visited {color:#c00; position:relative; z-index:1;}
a.screen b {position:absolute;visibility:hidden; /* hide the image */width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */border:1px solid #000; /* add a border */
left:147px; /* position:the image */top:-100px;}
a.screen:hover {text-decoration:none; border:0; /* needed for this to work in IE */ z-index:1000;}
a.screen:hover b {visibility:visible; /* make the image visible */height:150px; /* now give it a height */cursor:pointer; /* for IE */z-index:500; }
a.screen:hover b img {border:0; /* remove the link border */}