@charset "UTF-8";

/* CSS Document */

/************ Menu start ************/
div#menu{width: 700px; height: 31px; margin: 0 auto; padding: 0; text-align: left; font-size: 0.75em;}
div#menu img{float: left;}
div#menu ul{list-style: none;}
div#menu li{float:left; padding-right: 4px;}

div#menu li a{float:left; background: url(../images/nav/left_curve.gif) left top no-repeat; display: block; padding:0 0 0 7px; color: #2b2b2b; font-weight: bold; text-decoration: none; cursor: pointer; height: 27px;}
div#menu li a span{float:left; background:url(../images/nav/right_curve.gif) right top no-repeat; display: block; padding:7px 24px 5px 15px; font-weight: bold; height:15px; color:#2b2b2b; text-transform: capitalize;}

div#menu li a:hover{float:left; background: url(../images/nav/left_hover_curve.gif) left top no-repeat; display: block; padding: 0 0 0 7px; color: #fff; text-decoration: none; height: 28px;}
div#menu li a:hover span{float:left; background: url(../images/nav/right_hover_curve.gif) right top no-repeat; display: block;  padding: 7px 24px 5px 15px; height: 16px; color: #fff;}

div#menu li.current{float:left; background:url(../images/nav/left_hover_curve.gif) left top no-repeat; display: block; padding: 0 3px 0 7px; color: #fff; text-decoration:none; height: 28px;}
div#menu li.current span{float:left; background:url(../images/nav/right_hover_curve.gif) right top no-repeat; display: block; padding: 8px 24px 6px 17px; color: #fff; font-weight: bold; height: 14px; cursor:pointer}

div#menu li.a1 a{float: left; background: url(../images/nav/left_hover_curve.gif) left top no-repeat; display: block; color: #2b2b2b; text-decoration: none; height: 28px;}
div#menu li.a1 a span{float: left; background:url(../images/nav/right_hover_curve.gif) right top no-repeat; display: block; color: #fff; height: 28px}



/************ Menu end ************/

ul#navmenu li {position: relative;}

ul#navmenu ul {
  margin: 0;
  border: 0 none; 
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 27px;
  left: 0; border-top: 4px solid #830011; border-bottom: 2px solid #830011; float:left; }

ul#navmenu ul li {
	float: none; 
	display: block !important; line-height: 18px; border: 2px solid #830011; color: #2b2b2b; border-top: none; border-bottom: none; background: white; margin: 0; padding: 0;
	display: inline; float:left;
}

ul#navmenu ul li a 			{border: none; padding: 4px 0 1px 21px; color:#2b2b2b; width: 250px; margin: 0;}
ul#navmenu ul li a:hover 	{border-top: none; padding: 4px 0 1px 21px; margin: 0; background-color: #fff;}


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	height: 19px;
	background-color: #fff;
	background-image: none;
	margin: 0;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	color: #fff;
	background: none;
	background-color: #830011;
	margin: 0;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}
