/* ######### Matt Black Strip Main Menu Bar CSS ######### */



.mattblackmenu ul{

margin: 0;

padding: 0;

font: bold 12px Verdana;

list-style-type: none;

/* border-bottom: 1px solid gray;  */



overflow: hidden;

width: auto;

/*  background: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-left.jpg) no-repeat 0 0;   */

background: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-right.jpg) no-repeat right 0;

}



.mattblackmenu li{

display: inline;

margin: 0;

background-image: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-bg.jpg);

}



.mattblackmenu li a{

float: left;

display: block;

text-decoration: none;

margin: 0;

padding: 6px 8px; /*padding inside each tab*/

border-right: 1px solid white; /*right divider between tabs*/

color: white;

background-image: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-bg.jpg);

}



.mattblackmenu li a:visited{

color: white;

}



.mattblackmenu li a:hover{

background-image: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-bg.jpg); /*background of tabs for hover state */

}



.mattblackmenu a.selected{

background-image: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-bg.jpg);; /*background of tab with "selected" class assigned to its LI */

}



/* ######### Matt Blue Strip Main Menu Bar CSS ######### */



.mattbluemenu ul{

margin: 0;

padding: 0;

font: bold 12px Verdana;

list-style-type: none;

border-bottom: 1px solid gray;

background-image: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-bg.jpg);

overflow: hidden;

width: 100%;

}



.mattbluemenu li{

display: inline;

margin: 0;

}



.mattbluemenu li a{

float: left;

display: block;

text-decoration: none;

margin: 0;

padding: 6px 8px; /*padding inside each tab*/

border-right: 1px solid white; /*right divider between tabs*/

color: white;

background-image: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-bg.jpg);

}



.mattbluemenu li a:visited{

color: white;

}



.mattbluemenu li a:hover{

background-image: url(http://www.heritagepropertymanagement-iowa.com/hrc/templates/theme339/images/topmenu-bg.jpg); /*background of tabs for hover state */

}



.mattblackmenu a.selected{

background: gray; /*background of tab with "selected" class assigned to its LI */

}