﻿/*** Tab Navigation ***/

#headerArea{
height:auto;
}
.tabMenuHorizontal{
float:left;
margin-top:64px;
padding-left:8px;
}
.tabMenu{
float:left;
list-style:none;
padding:0;
margin:0;
font-size:0.9em;
}
.tabMenuLeaf{
display:inline;
}
.tabMenuLink, .tabMenuNonLink{
float:left;
display:block;
padding-left:20px;
text-decoration:none;
text-align:center;
}
.tabMenuLink span, .tabMenuNonLink span{
float:left;
display:block;
}

.tabMenuTier1{
width:975px;
padding-top:3px;
padding-left:10px;
border-bottom:solid 12px transparent;
}
.tabMenuTier1 .tabMenuLink{
background:url("../Images/Navigation/TabDoor.gif") no-repeat left top;
}
.tabMenuTier1 .tabMenuLink span{
background:url("../Images/Navigation/TabSlider.gif") no-repeat right top;
padding:3px 20px 5px 0px;
color:#000000;
}
.tabMenuTier1 .tabMenuNonLink span{
padding:4px 20px 5px 0px;
color:#525252;
}
.tabMenuTier1 .tabMenuSelected .tabMenuLink, .tabMenuTier1 .tabMenuChildSelected .tabMenuLink{
background:url("../Images/Navigation/TabSelectedDoor.gif") no-repeat left top;
}
.tabMenuTier1 .tabMenuSelected .tabMenuLink span, .tabMenuTier1 .tabMenuChildSelected .tabMenuLink span{
background:url("../Images/Navigation/TabSelectedSlider.gif") no-repeat right top;
color:#FFFFFF;
}

.tabMenuTier1 .home{
background:url("../Images/Navigation/TabHomeDoor.gif") no-repeat left top;
padding-left:32px;
}
.tabMenuTier1 .tabMenuSelected .home, .tabMenuTier1 .tabMenuChildSelected .home{
background:url("../Images/Navigation/TabHomeSelectedDoor.gif") no-repeat left top;
padding-left:32px;
}

.tabMenuTier2{
margin-top:-13px;
background:#000000;
width:975px;
padding-top:2px;
padding-left:10px;
border-bottom:solid 5px #FFFFFF;
}
.tabMenuTier2 .tabMenuLink{
background:url("../Images/Navigation/TabTier2Door.gif") no-repeat left top;
}
.tabMenuTier2 .tabMenuLink span{
background:url("../Images/Navigation/TabTier2Slider.gif") no-repeat right top;
padding:5px 20px 5px 0px;
color:#FFFFFF;
}
.tabMenuTier2 .tabMenuNonLink span{
padding:5px 20px 5px 0px;
color:#525252;
}
.tabMenuTier2 .tabMenuSelected .tabMenuLink{
background:url("../Images/Navigation/TabTier2SelectedDoor.gif") no-repeat left top;
}
.tabMenuTier2 .tabMenuSelected .tabMenuLink span{
background:url("../Images/Navigation/TabTier2SelectedSlider.gif") no-repeat right top;
color:#000000;
}

.tabMenuLink:hover{
background-position:0% -150px;
text-decoration:none;
}
.tabMenuLink:hover span{
background-position:100% -150px;
}
.tabMenuSelected:hover, .tabMenuChildSelected:hover{
background-position:0% 0%;
cursor:default;
}
.tabMenuSelected:hover span, .tabMenuChildSelected:hover span{
background-position:100% 0%;
cursor:default;
}

.tabMenu #home a:hover{
background-position:0% -150px;
}
.tabMenu #home a:hover span{
background-position:100% -150px;
}
.tabMenu #home .selected {
background:url("../Images/Navigation/TabSelectedDoor.gif") no-repeat left top;
border-bottom:1px solid #ACD7F9;
}
.tabMenu #home .selected span {
background:url("../Images/Navigation/TabSelectedSlider.gif") no-repeat right top;
}
.tabMenu #home .selected:hover{
background-position:0% 0%;
cursor:default;
}
.tabMenu #home .selected:hover span{
background-position:100% 0%;
cursor:default;
}
.tabMenu .inactive{
background:url("../Images/Navigation/TabInactiveDoor.gif") no-repeat left top;
}
.tabMenu .inactive span{
background:url("../Images/Navigation/TabInactiveSlider.gif") no-repeat right top;
color:#666666;
}
.tabMenu .inactive:hover{
background-position:0% 0%;
cursor:default;
}
.tabMenu .inactive:hover span{
background-position:100% 0%;
cursor:default;
}

/*** Breadcrumb Navigation ***/
.breadcrumb{
background:url(../Images/Backgrounds/BreadcrumbBackground.jpg);
height: 27px;
line-height: 27px;
padding-left:20px;
}