/* navigation */
ul.nav{ display:block; width:100%; background:url(images/navBack.jpg) repeat-x; height:77px; margin:0; padding:0; z-index:999;}
ul.nav li { float:left; background-image:url(images/menu.png); height:77px; list-style-type: none; margin:0; padding-left:16px;}
ul.nav li span { background-image:url(images/menu.png); background-position:top right; height:77px; display:block; padding-right:16px;}
ul.nav li a { color:#000000; padding:30px 4px 30px 1px; height:15px; display:block; width:100%; text-decoration:none; font:bold 13px arial,sans-serif;}
ul.nav a:hover { text-decoration:underline;}

li#NewsMenu {width:95px;}
li#SoftwareMenu {width:105px;}
li#ContactMenu {width:101px;}
li#GovMenu {width:165px;}
div#MP_MainMenu {z-index:999;}

/* yellow  */
.cat-yellow{ background-position:top left;}
ul.nav li.cat-yellow span{ background-position:top right;}

/* blue */
.cat-blue{ background-position:0px -77px;}
ul.nav li.cat-blue span{ background-position:right -77px;}

/* red */
.cat-red{ background-position:left -154px;}
ul.nav li.cat-red span{ background-position:right -154px;}
ul.nav li.cat-red  a{color:#ffffff;}

/* purple  */
.cat-purple{ background-position:left -231px;}
ul.nav li.cat-purple span{ background-position:right -231px;}
ul.nav li.cat-purple a{color:#ffffff;}

/* green */
.cat-green{ background-position:bottom left;}
ul.nav li.cat-green span{ background-position:bottom right;}

/* sub-navigation */
ul.nav ul.children { display:none; position:relative; overflow:hidden; z-index:999; margin:-50px 14px 0px -5px; padding:10px 10px 30px 0px;}
ul.nav ul.children li {float:none; background:none; height:13px; padding:7px 5px; margin:0;}
ul.nav ul.children li a{background:none; font:bold 12px arial,sans-serif; height:13px; padding:5px; margin:0;}
ul.nav ul.children li span{background:none;}

ul.nav li.cat-blue ul {background: url(images/cyanDrop.png) bottom right no-repeat;}
ul.nav li.cat-yellow ul {background: url(images/yellowDrop.png) bottom right no-repeat;}
ul.nav li.cat-red ul {background: url(images/redDrop.png) bottom right no-repeat;}
ul.nav li.cat-purple ul {background: url(images/magentaDrop.png) bottom right no-repeat;}
ul.nav li.cat-green ul {background: url(images/greenDrop.png) bottom right no-repeat;}

/* this stuff makes the dynamic-ness of the drop downs happen */
ul.nav li:hover ul{ display:block;}