/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iPad4.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {display:block; width:1000px; height:50px; background:#369 url(images/nav_bg.gif) repeat-x; margin:0; clear:both;z-index:999}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; position:relative;}

#menu ul li {  border-right:1px solid #006; border-left:1px solid #4c97e3; }
#menu ul ul li { border-right:1px solid #FFF; border-left:1px solid #FFF; }

.top { width: 110px;
	-moz-border-radius: 0 0 0 5px !important;
	-webkit-border-radius: 0 0 0 5px !important;
	-ms-border-radius: 0 0 0 5px !important;
	border-radius: 0 0 0 5px !important;
	z-index:400;
}
.top2 { width: 110px; margin-left:110px !important; z-index:300; }
.top3 { width: 110px; margin-left:220px !important; z-index:200; }
.top4 { width: 110px; margin-left:330px !important;
	-moz-border-radius: 0 5px 5px 0 !important;
	-webkit-border-radius: 0 5px 5px 0 !important;
	-ms-border-radius: 0 5px 5px 0 !important;
	border-radius: 0 5px 5px 0 !important;
	z-index:100;
}

#menu > ul {float:left;}

#menu ul ul {position:absolute; left:-9999px;}
#menu > ul > li {float:left; display:block; position:relative;}
#menu li.search { margin-left:125px; padding: 10px; text-align:right; float:right !important; border:0; }
#menu li.search:hover { border: 0; }
.search #search_button { background:#689f05; color:#FFF; border:1px solid #060; padding:3px; font-size:14px; font-weight:bold; }
.search #search_keywords { border: 1px solid #000; font-size: 16px; padding:3px; }

#menu ul ul {background:#fff; padding:5px 0; border:1px solid #036;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}

#menu > ul > li > ul {border-top:0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}

#menu a {display:block; font-size:14px; color:#FFF; line-height:18px; text-decoration:none; padding:16px 30px;}

#menu ul ul a { padding:2px 5px; font-size:13px; color:#000; }
#menu > ul > li > a {float:left; font-weight:bold;}
#menu ul ul li a {line-height:20px;}

#menu ul li:hover > ul {left:0; top:48px;}
#menu ul ul li:hover > ul {left:100%; top:auto; margin:-15px 0 0 -15px; z-index:20000; border-color:#369;}
#menu li.left:hover > ul {left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {left:auto; right:100%; top:auto; margin:-31px -10px 0 0;}

#menu li.left ul a {text-align:right; padding:0 15px 0 30px;}

#menu ul ul li a { color: #000; }
#menu > ul li:hover > a {background-color:#036; color:#FFF;}
#menu ul li:hover { border-left:1px solid #003; border-right:1px solid #003; }
#menu ul ul li:hover > a {background-color:#369; color:#FFF;}

#menu > ul > li.close {display:none; position:absolute; left:0; top:-25px; width:100%; height:25px; background:none;}
#menu > ul > li.close a {width:100%; padding:0; text-indent:15px; background:#369; color:#fff;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}