@charset "utf-8";
/* CSS Document */


/* Example styles used for this demo */ 
#tabContainer{
	position:relative; 
	width: 100%;
} 

#tabMenu{ position:relative; height:30px; } 

#tabContent{ 
	position: relative; 
	color: #444444; 
	border: 1px solid #cccccc; 
	overflow: auto;
	font-size: 1.1em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
} 

#tabContent .content {
	display:none;
} 

#tabContent .active{ 
	padding:5px 10px; 
	display:block; 
}
.content p {
	padding-bottom: 7px;
} 
.content p strong {
	font-size: 1.2em;
	padding-top: 3px;
}  
.content a {
	color: #214769;
	text-decoration: none;
} 
.content a:hover {
	color: #F06000;
	text-decoration: underline;
} 
/* Tab menu styles generated via the horitontal menu builder @ www.cssmenubuilder.com */ 
.menu{
	margin:0 auto; 
	padding: 0; 
	height: 30px; 
	width: 100%; 
	display: block; 
	background: url('../img/topMenuImages.png') repeat-x;
}
.menu li{
	padding: 0; 
	margin: 0; 
	list-style: none; 
	display: inline;
} 
	.menu li a {
		font-size: 1.1em;
		float: left; 
		padding-left: 7px; 
		display: block; 
		color: #006FB9; 
		text-decoration: none; 
		cursor: pointer; 
		background: url('../img/topMenuImages.png') 0px -30px no-repeat;
	}
		.menu li a span {
			line-height: 30px; 
			float: left; 
			display: block; 
			padding-right: 7px; 
			background: url('../img/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{
		font-weight: bold;
		line-height: 30px; 
		background: url('../img/topMenuImages.png') 0px -90px no-repeat; color:rgb(82,82,82);
	} 
	
	.menu li a.active span, .menu li a.active:hover span{
		background: url('../img/topMenuImages.png') 100% -90px no-repeat;
	}