@charset "utf-8";
/* CSS Document */

/* ######### Drop Down ULs CSS ######### */
	
.ddsubmenudiv ul{
font: normal 13px Arial;
left: 0;
top: 0;
margin: 0;
padding: 0;
position: absolute;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}


.ddsubmenudiv ul li a{
display: block;
width: 170px;
color: white;
font-weight:bold;
background-color: rgb(22,106,179);
text-decoration: none;
padding: 2px 8px 2px 8px; 
border-bottom: 1px solid black;
}

* html .ddsubmenudiv ul li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenudiv ul li a:hover{

color: yellow;
text-decoration:underline;
}

/* ######### Neutral CSS  ######### */

.mainmenupointer{ /*CSS for arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.submenupointer{ /*CSS for arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
right: 2px;
border: 0;
}

#ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;

}

.mattblackmenu a{
	width: 112px;
	
	
	}


.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 13px Arial;
list-style-type: none;
border-bottom: 0px solid gray;
background: white;
text-align: center;
width: 100%;
vertical-align:middle;
height: 36px;
}

.mattblackmenu li{
display: inline;
margin: 0;

}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0px 4px 2px 4px; /*padding inside each tab*/
border: 1px solid white; /*right divider between tabs*/
color: white;
background: rgb(22,106,179);
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
color: yellow;
text-decoration:underline; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}