/* ----------------------------- */
/* BLUE TABS					 */
/* ----------------------------- */

.tabsBlue {
	border-bottom: solid 5px #002c6c;
	height: 19px;
}

	.tabsBlue li {
		float: left;
		display: block;
		width: 91px;
		height: 19px;
		text-transform: uppercase;
		text-align: center;
	}
	
		.tabsBlue li a {
			color: #000000;
			text-decoration: none;
			display: block;
			width: 91px;
			height: 14px;
			padding: 5px 0 0 0;
		}
		
		.tabsBlue li a:hover,
		.tabsBlue li a.active {
			background-color: #002c6c;
			color: #ffffff;
		}

/* ----------------------------- */
/* ARROW TABS					 */
/* ----------------------------- */

.tabsArrow {
    border-bottom: 5px solid #002C6C;
    height: 20px;
    margin: 11px 0 0 29px;
}

    .tabsArrow li {
        display: block;
        float: left;
        height: 20px;
        margin: 0 46px 0 5px;
        text-transform: uppercase;
    }
    
        .tabsArrow li a {
            color: #002c6c;
            text-decoration: none;
            font-weight: bold;
            height: 20px;
            display: block;
            width: auto !important;
            width: 1px; /* IE hack: set to a pixel value <= to desired value */
        }
        
        .tabsArrow li a:hover {
			color: #444444;
        }
        
        .tabsArrow li a.active:hover {
			color: #002c6c;
        }
        
        .tabsArrow li a.active {
			background: url(../images/arrowBlue.jpg) no-repeat center 13px;
        }

/* ----------------------------- */
/* VERTICAL TABS				 */
/* ----------------------------- */

.tabsVertical {
	
}

	.tabsVertical .nav {
		width: 200px;
		height: 227px;
		float: left;
	}
	
		.tabsVertical .nav ul {
			background: url(../images/nav_bg.jpg) no-repeat 0 25px;
		}
		
		.tabsVertical .nav li {
			height: 16px;
			background: url(../images/nav_item_bg.gif) no-repeat 0 0;
			padding: 4px 0 2px 10px;
			font-size: 12px;
			line-height: 14px;
		}
		
			.tabsVertical .nav li a {
				color: #002c6c;
				text-decoration: none;
				font-weight: bold;
			}
			
				.tabsVertical .nav li a:hover {
					color: #333333;
				}
		
		.tabsVertical .nav li.top {
			background: url(../images/navTop.jpg) no-repeat 0 0;
			height: 19px;
			font-weight: bold;
			font-size: 11px;
			color: #000000;
			text-transform: uppercase;
			padding-left: 7px;
		}
		
		.tabsVertical .nav li.bottom {
			background: url(../images/navBottom.jpg) no-repeat 0 0;
			height: 26px;
		}
	
	.tabsVertical .sections {
		background: url(../images/bg_trainingTabArea.jpg) no-repeat 0 0;
		width: 558px;
		height: 227px;
		float: left;
	}