<!--
/*common styling*/
/*menu container*/
/*Colors: Primary:#cc3300 Secondary:#99cc33 Tertiary:#ccff66 */

.menucontainer {background: #fff url(.images/bgOFF.gif) no-repeat bottom left;}
.menucontainer ul li a.current { color: black;background: url(../images/bg_div.gif) bottom center;}

/*basic menu styling*/
.menu {float:left; font-family: arial,verdana,sans-serif; width:100%;position:relative;font-size:11px;font-weight:bold;background:url(../images/bgOFF.gif) repeat-x bottom left;border-top:4px solid #DDA0DD;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;background:url(../images/bgDIVIDER.gif) no-repeat bottom right;}

/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000;width:auto;color:#DDA0DD;padding:0px 16px 0px 16px;line-height:40px;height:40px;}


/*hide sub nav items*/
.menu ul li ul {display:none;}

/*clear the main nav bg*/
.menu ul li ul li{background:none;}

/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:11px;}

/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#800080;background: transparent url(../images/bg_OFF.gif) bottom left repeat-x;}
.menu ul li:hover a.current {color: #800080; background: url(../images/bg_divOFF.gif) bottom center;}

/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:36px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}

/*drop-down on state*/
/*Change Drop Down Width here*/
.menu ul li:hover ul li a {width:130px;display:block;background:#e6e6e6;color: #800080;height:auto;line-height:16px;padding:2px 16px 2px 16px;border-top:1px solid #fff; }

/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {color:#fff;background: purple url(../images/sub-arrow.gif) no-repeat;background-position: 4px 8px;}

-->