#slantedmenu{
float:left;
width:100%;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:30px;
line-height:normal; /*Add border strip to bottom of menu*/
}

#slantedmenu ul{
list-style-type: none;
margin:0;
margin-left: 312px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#slantedmenu li{
display:inline;
margin:0;
padding:0;

}

#slantedmenu a{
float:left;
background:url(images/tp_menuleft_bg.jpg) no-repeat 1px top;
margin:0;
margin-right: 2px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#slantedmenu a span{
float:left;
display:block;
background:url(images/tp_menuright_bg.jpg) no-repeat right top;
padding: 10px 20px 7px 15px;
font-weight:bold;
font-size:11px;
color:#fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slantedmenu a span {float:none;}
/* End IE5-Mac hack */

#slantedmenu a:hover span {
color:#1b4f93;
}

#slantedmenu #current a{ /*Selected Tab style*/
background-position:1px -30px; /*Shift background image up to start of 2nd tab image*/
}

#slantedmenu #current a span{ /*Selected Tab style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
color:#1b4f93;
}

#slantedmenu a:hover{ /*onMouseover style*/
background-position:1px -30px; /*Shift background image up to start of 2nd tab image*/
}

#slantedmenu a:hover span{ /*onMouseover style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
}


/*-------------------------------------------------------------------*/
#menunav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#menunav {
width: auto;
/*border: 1px solid #BBB;*/
/*background: url(images/chromebg2.gif) center center repeat-x;*/ /*Theme Change here*/
padding: 5px 0;
margin: 0;
text-align: left;
font: bold 11px Tahoma, Arial, monospace;;
}


#menunav li{
	display: inline;
}

#menunav li ul { /* second-level lists */
	position: absolute;
	background: #ffffff;
	line-height:16px;
	/*width: 180px;*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menunav li a{
color: #ffffff;
padding: 5px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
}

#menunav li a:hover{
background: url(images/chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
color: #00486F;
}


#menunav li:hover ul ul, #menunav li:hover ul ul ul, #menunav li.sfhover ul ul, #menunav li.sfhover ul ul ul {
	left: -999em;
}

#menunav li:hover ul, #menunav li li:hover ul, #menunav li li li:hover ul, #menunav li.sfhover ul, #menunav li li.sfhover ul, #menunav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#menunav li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}