/* CSS Document */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: none;
    color: #FFF;
    display: block;
    float: left;
    font: normal 13px "Lucida Grande, Trebuchet MS", sans-serif;
    height: 54px;
    margin-right: 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: none;
    display: block;
    line-height: 44px;
    padding: 5px 0 5px 18px;
}
a.button:hover {
    background: transparent url('/style/gfx/bg_navigation_a.png') no-repeat scroll top right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background: transparent url('/style/gfx/bg_navigation_span.png') no-repeat;
    padding: 6px 0 4px 18px; /* push text down 1px */
    display: block;
    float: left;
}

a.active {
	background: transparent url('/style/gfx/bg_navigation_active.png') no-repeat center;
	font-weight:bold;
	font-size:16px;
	}

a.active:hover {
	background: transparent url('/style/gfx/bg_navigation_active.png') no-repeat center;
	}
	
a.active:hover span {
	background:none;
    padding: 5px 0 4px 18px; /* push text down 1px */

}

#navigationBar {
	background: #333 url('/style/gfx/bg_navigation.png');
	overflow:auto;
	padding-left: 0px;
	margin-left:0px;
	width:853px;
}