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

body {
	background-color: #333333;
	color: #000000;
	font-family: "Trebuchet MS", Tahoma;
	font-size: 11px;
}
.centerContainer {
	margin: 0 auto;
	padding-top: 15px;
	width: 780px;
}
.topContainer {
	position: relative;
	float: left;
	height: 75px;
	width: 780px;
	z-index: 1030;
}
.logoContainer {
	float: left;
	position: relative;
	width: 155px;
}
.navContainer {
	float: right;
	position: relative;
	top: 35px;
	width: 610px;
	z-index: 1020;
}
.flashContainer {
	float: left;
	height: 255px;
	margin-top: 10px;
	position: relative;
	width: 780px;
	z-index: 1;
}
.lowerContentContainer {
	float: left;
	margin-top: 20px;
	position: relative;
	width: 780px;
}
.sidePromotionsContainer {
	float: left;
	margin-right: 10px;
	
	position: relative;
	width: 160px;
}
.promoBox {
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
	width: 160px;
}
.mainTextContainer {
	float: left;
	position: relative;
	width: 610px;
}
.textTopBottomBox {
	float: left;
	height: 10px;
	position: relative;
	width: 610px;
}
.textMidBox {
	background-image: url(Images/TextBox/Middle.jpg);
	background-repeat: repeat-y;
	float: left;
	position: relative;
	width: 610px;
}
.textBox {
	float:left;
	margin-left: 20px;
	_margin-left: 10px;
	position: relative;
	width: 580px;
}
.roundedBoxContainer {
	border-left: #ffffff 2px solid;
	float: right;
	margin-left: 15px;
	padding-left: 10px;
	position: relative;
	width: 165px;
}
.roundedTopBottomBox {
	float: right;
	height: 15px;
	position: relative;
	width: 165px;
}
.roundedMidBox {
	background-color: #000000;
	float: right;
	position: relative;
	width: 165px;
}
.roundedTextBox {
	float:left;
	margin-left: 10px;
	_margin-left: 10px;
	top: -10px;
	position: relative;
	width: 140px;
}
.bottomNavContainer {
	float: left;
	height: 45px;
	margin-top: 25px;
	position: relative;
	width: 780px;
}
.bottomLeftTextBox {
	float: left;
	position: relative;
	top: 15px;
	width: 295px;
}
.bottomLogoBox {
	float: left;
	height: 45px;
	padding-left: 37.5px;
	position: relative;
	width: 40px;
}
.bottomRightTextBox {
	float: right;
	position: relative;
	top: 15px;
	width: 370px;
}
.happyAccordianContainer {
	float: left;
	position: relative;
	width: 350px;
}
.happyCardContainer {
	float: left;
	margin: 0;
	padding-left: 10px;
	position: relative;
	width: 300px;
}
.columnContainer {
	float: left;
	padding-right: 10px;
	position: relative;
	width: 175px;
}


.imageBox {
	float: right;
	padding: 10px;
	position: relative;
}




h1 {
	font-size: 14px;
}
h2 {
	font-size: 13px;
	color: #fae174;
	text-transform: capitalize;
}
h3 {
	font-size: 12px;
	color: #d16931;
	text-transform: capitalize;
}
.bottomNavText {
	color: #fae174;
	font-size: 9px;
	margin: 0;
	text-align: left;
}
.bottomCreditText {
	color: #cccccc;
	font-size: 9px;
	margin: 0;
	text-align: right;
}
.promotionsText {
	color: #fae174;
	font-size: 12px;
	margin: 0;
	text-transform: capitalize;
}
.roundedBoxText {
	color: #ffffff;
}
.left {
	float: left;
}
.right {
	float: left;
	padding-left: 50px;
}
	



a:link {
	color: #d16931;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #d16931;
}
a:active {
	text-decoration: none;
	color: #d16931;
}

a.dark:link {
	color: #d16931;
	text-decoration: none;
}
a.dark:visited {
	text-decoration: none;
	color: #fae174;
}
a.dark:hover {
	text-decoration: underline;
	color: #d16931;
}
a.dark:active {
	text-decoration: none;
	color: #d16931;
}