@charset "utf-8";
/* All the properties to make the homepage features box - including support for when javascript is off. */
#tabbed-box {
	position: relative;
	margin: 40px 0px 10px 0px;
	width: 730px;
	height: 392px;
	display: block;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
/*	background: transparent url(../images/homeWelcome.jpg) no-repeat scroll 0 0;
*/}
#tabbed-box h2 {
	margin-top: 13px;
	margin-left: 30px;
	font-size: 20px;
	font-weight: normal;
	padding-right: 60px;
	color: #FFFFFF;
	text-align: left;
}

#tab-container-1-nav {
	position: absolute;
	top: 286px;
	left: 2px;
	float: left;
	margin: 0 !important;
	padding: 0;
	z-index: 5000;
	white-space: normal;
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll 0 0;
	width: 730px;
	height: 100px;
}
.tab img {
	float: right;
	border: 8px solid #003366;
}

#tab-container-1-nav li {
	float: left;
	display: inline;
	width: 145px;
	height: 100px;
	padding: 0;
}
#tab-container-1-nav a{
	width: 145px;
	height: 100px;
	display: block;
}
#tab-container-1-nav a span {
	display: none;
}
#tab-container-1-nav li:focus,
#tab-container-1-nav li:active,
#tab-container-1-nav a:focus, 
#tab-container-1-nav a:active {
	outline: none;
}
#tab-container-1-nav li a span {
	position: absolute;
	left: -1000px;
}

/* with jQuery building the nav list for us, we have to specify the background images when it puts a class-"activeSlide" on...*/
li.tab1:hover {
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll 0 -200px;
}
li.tab1 a.activeSlide {
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll 0 -100px;
}
li.tab2 {
	background-position: -145px 0px;
}
li.tab2:hover {
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll -145px -200px;
}

li.tab2 a.activeSlide{
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll -145px -100px;
}
li.tab3 {
	background-position: -290px 0px;
}
li.tab3:hover {
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll -290px -200px;
}
li.tab3 a.activeSlide{
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll -290px -100px;
}
li.tab4 {
	background-position: -435px 0px;
}
li.tab4:hover {
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll -435px -200px;
}
li.tab4 a.activeSlide{
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll -435px -100px;
}
li.tab5 {
	background-position: -580px 0px;
}
li.tab5:hover {
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll -580px -200px;
}
li.tab5 a.activeSlide{
	background: transparent url(../images/nav-megaFeatures.png) no-repeat scroll -580px -100px;
}

#tabbed-box p.text {
	position: absolute;
	left: 30px;
	font-weight: normal;
	font-size: 18px;
	line-height: normal;
	padding: 0;
	width: 350px;
}

#tab1 p.text {
	margin-top: 45px;
}
#tab2 p.text {
	margin-top: 25px;
}
p.text span {
	display:block;
	margin-top: 60px;
	color: #FFCC00;
	font-size: 1.1em;
}
p.text a:hover span{
	text-decoration: underline;
}

#tab4 p.text span {
	margin-top: 45px;
}

#tab5 p.text span {
	margin-left: -55px;
	margin-top: 50px;
}

#tab3 p.text {
	margin-top: 45px;
}
#tab4 p.text {
	margin-top: 40px;
}
#tab5 p.text {
	margin-top: 30px;
	margin-left: 80px;
}
.text a {
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
}
.text a:hover {
	outline: none;
}
.text em {
	font-size: 120%;
	font-weight: normal;
	font-style: normal;
}
p.text:first-letter {
	font-size: 130%;
}

#tab-container-1 {
	width: 730px;
	height: 392px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}
#tab1, #tab2, #tab3, #tab4, #tab5 {
	width: 730px;
	height: 392px;
	background-position: left top;
	float: left;
}
#tab1 {
	background-image: url(../images/homeSlides/homeBackground1-2.jpg);
}
#tab2 {
	background-image: url(../images/homeSlides/homeBackground2-2.jpg);
}
#tab3 {
	background-image: url(../images/homeSlides/homeBackground3-2.jpg);
}
#tab4 {
	background-image: url(../images/homeSlides/homeBackground4.jpg);
}
#tab5 {
	background-image: url(../images/homeSlides/homeBackground5-2.jpg);
}


/* and for those that don't support javascript...*/

#tab-container-1-nav li a img {
	position: absolute;
	visibility: hidden;
	top: -286px;
	left: -1px;
}
#tab-container-1 li:hover,
#tab-container-1-nav li a:focus img,
#tab-container-1-nav li a:hover img {
	visibility: visible;
	outline: none;
	border: none;
	white-space: normal;
	z-index: -1;
}
div.tab {
	display: none;
}