/* CSS Document */

.menu{float: left; margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("images/topMenuImages.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:16px Arial, sans-serif; font-weight: bold; cursor:pointer; background:url("../images/topMenuImages.png") 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("images/topMenuImages.png") 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:16px Arial, sans-serif; font-weight: bold; background:url("images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url("images/topMenuImages.png") 100% -90px no-repeat;}

.submenu{float: left; margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("images/topMenuImages.png") repeat-x;}
.submenu li{padding:0; margin:0; list-style:none; display:inline;}
.submenu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:16px Arial, sans-serif; font-weight: bold; cursor:pointer; background:url("../images/topMenuImages.png") 0px -30px no-repeat; outline:none;}
.submenu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("images/topMenuImages.png") 100% -30px no-repeat;}
.submenu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.submenu li a:hover span{background-position:100% -60px;}
.submenu li a.active, .menu li a.active:hover{line-height:30px; font:16px Arial, sans-serif; font-weight: bold; background:url("images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.submenu li a.active span, .menu li a.active:hover span{background:url("images/topMenuImages.png") 100% -90px no-repeat;}

.wireframemenu{
background-color: transparent;
border-bottom-width: 0;
width: 100%;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 236px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 16px Arial, sans-serif;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #336699;
text-decoration: none;
}

.wireframemenu a.visited{
color: white;
background-color: #cc0000;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #336699;
color: white;
}