﻿/* 0 out element margins and paddings */
body, h1, h2, h3, h4, p, ul, ol
{
	padding: 0;
	margin: 0;
}
body
{
	font: 62.5% Verdana, sans-serif;
	line-height: 1;
}
h1
{
	font-weight: bold;
	font-size: 2.5em;
	font-family: Trebuchet MS;
}
h2
{
	font-weight: bold;
	font-size: 1.2em;
	font-family: Trebuchet MS;
}
p
{
	font-size: 1.1em;
	line-height: 140%;
}
.smalltext
{
	font: 0.8em Arial, sans-serif;
	letter-spacing: 0px;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear
{
	clear: both;
	line-height: 1px;
	font-size: 1px;
	height: 1px;
}
iframe
{
	background: #fff;
}
img
{
	border: none;
}
.req
{
	color: #ca1d1d;
}
.tberror
{
	background: #fffacd;
}
acronym, abbr
{
	border-bottom: dotted 1px #666;
	cursor: help;
}


/* Menu */
#menu, #menu ul {
  margin:15px 0px 0px 0px;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  z-index: 3;
  height: 37px;
  width: 610px;
  float: right;
  clear: right;
  background: url(../gfx/menu_bg.jpg) repeat-x top left;
}
#menu a {
  display:block;
  padding:0px 20px;
  height: 37px;
  color:#000;
  text-decoration:none;
}

#menu a:hover {
  color:#000;
  height: 37px;
  background: url(../gfx/hover_menu.jpg) no-repeat bottom center;
}
#menu li {
  float:left;
  position:relative;
  font: normal 18px/37px Arial;
  letter-spacing: -1px;
  border-right: solid 1px #FAFCA9;
  border-left: solid 1px #E3E519;
}
#menu ul {
  position:absolute;
  width:12em;
  top:21px;
  display:none;
  background: none;
}

#menu li ul li
{
    font: normal 12px/25px Arial;
    height: 25px;
    letter-spacing: 0px;
    width: 150px;
    border: solid 1px #E3E519;
    border-color: #FAFCA9 #E3E519 #E3E519 #E3E519;
    }
#menu li ul li a {
  width:12em;
  background: #FDFB6A;
  width: 130px;
  padding: 0px 0px 0px 20px;
  float:left;
  height: 25px;
}

#menu li ul li a:hover
{
    height: 25px;
    width: 130px;
    text-decoration: underline;
      background: #FDFB6A;}
#menu ul ul {
  top:auto;
}	
#menu li ul ul {
  left:12em;
  margin:0px 0 0 10px;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {
  display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {
  display:block;
}

/*Privacy Policy & Disclaimer Formatting*/


.text h1
{
	color: #000154;
	font: normal 22px Georgia;
	margin: 15px 0px 0px 10px;
}
.text h2
{
	color: #000154;
	font: normal 20px Georgia;
	margin: 15px 0px 10px 15px;
}
.text p
{
	font: normal 12px Verdana;
	color: #000;
	margin: 0px 25px 10px 20px;
}

.text ul
{
	list-style-type: disc;
	margin: 0px 0px 10px 50px;
}
.text ol
{
	list-style-type: decimal;
	margin: 0px 0px 10px 55px;
}
.text li
{
	font: normal 12px Verdana;
	color: #000;
}


/* Footer Formatting */


.copy
{
	float: left;
	margin: 0px 0px 0px 0px;
}
.info
{
	float: right;
	margin: 0px 0px 0px 0px;
}

/* Website Syles */

html
{
	background: #000153;
}

#header, #ctl00_wrapper, #footer
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	clear: left;
}

#header_wrap, #wrapper_wrap, #footer_wrap
{
	width: 955px;
	position: relative;
	margin: 0px auto;
}

#header
{
	background: url(../gfx/header.jpg) repeat-x top left;
	height: 100px;
	position: relative;
	z-index: 3;
}

#ctl00_wrapper
{
	min-height: 550px;
	height: auto !important;
	height: 550px;
	position: relative;
	z-index: 1;
}
.homebg
{
	background: #F3F2F2 url(../gfx/home_bg.jpg) repeat-x top left;
}
.home-nonbg
{
	background: #F3F2F2;
	border-top: solid 4px #fff;
	border-bottom: solid 4px #fff;
}
#footer
{
	background: url(../gfx/footer.jpg) repeat-x top left;
	height: 127px;
}

#header h1
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../gfx/logo.png) no-repeat top left;
	width: 274px;
	height: 123px;
}

#header h1 a
{
	width: 274px;
	line-height: 123px;
	display: block;
	text-indent: -1000000px;
}

#header p
{
	float: right;
	color: #fff;
	text-align: right;
	font: normal 12px Verdana;
	margin: 20px 0px 0px 0px;
}
#footer p, #footer p a
{
	color: #fff;
	font: normal 11px Verdana;
	margin: 10px 0px 0px 0px;}

#slidewelcome
{
	float: left;
	width: 100%;
	height: 220px;
	float: left;
	position: relative;
	z-index: 0;}

#slideshow
{
	float: left;
	margin: 23px 0px 0px 0px;
	position: absolute;
	left: -30px;
	top: 0px;}
	
	#welcome
	{
		float: right;
		width: 577px;
		margin: 30px 0px 0px 0px;
		position: relative;
		z-index: 1;}
		
		#feature_email
		{
			float: left;
			width: 100%;
			margin: 40px 0px 0px 0px;}
		
		#email
		{
			float: left;
			width: 210px;
			margin: 60px 0px 0px 0px;
			padding: 14px 118px 17px 0px;
			height: 92px;
			background: url(../gfx/email_alert.jpg) no-repeat top left;}
			
			#email a
			{
				width: 210px;
				height: 92px;
				padding: 0px 105px 0px 0px;
				display: block;}
				
				#email a:hover
				{
					text-decoration: none;}
			
			#email a:hover span
			{
				text-decoration: underline;
				color: #000;}
			
			#email a strong
			{
				color: #000154;
				text-decoration: none;}
			
			#email strong
			{
				font: normal 20px Georgia;
				float: left;
				margin: 15px 0px 0px 0px;}
				
				#email span
				{
					float: left;
					clear: left;
					width: 210px;
					display: block;
					font: normal 12px Verdana;}
		
		/***** Feature Property *****/
#feature
{
	height: 244px;
	width: 561px;
	float: right;
	padding: 5px;
	position: relative;
	margin: 0px 0px 0px 0px;
	background: #fff;
	border: solid 1px #D3D1D1;
}
#sub-feature
{
	position: relative;
	overflow: hidden;
	height: 244px;
	width: 561px;
}


.FPdetail
{
	height: 123px;
	width: 234px;
	float: right;
	clear: right;
	display: block;
	background: url(../gfx/feature_detail.png) no-repeat top left;
	position: relative;
	z-index: 2;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
.FPdetail h1
{
	color: #000154;
	font: normal 19px Arial;
	letter-spacing: -1px;
	float: left;
	margin: 10px 0px 0px 10px;
	cursor: pointer;
}


.FPdetail h2
{
	color: #6c6b77;
	font-family: Lucida Sans;
	font-size: 1.4em;
	width: 110px;
	font-weight: bold;
	text-transform: capitalize;
	float: left;
	margin: 13px 0px 0px 5px;
	cursor: pointer;
}

.FPdetail p
{
	float: left;
	width: 110px;
	margin: 0px 0px 0px 5px;
	cursor: pointer;
}


#fpslide1
{
	width: 327px;
	display: block;
	height: 276px;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}

#fpslide2
{
	float: left;
	width: 327px;
	display: block;
	height: 276px;
	position: absolute;
	z-index: 1;
	left: 327px;
	top: 0px;
}


img#ctl00_ContentPlaceHolder1_imgFPMidImgThumb, img#ctl00_ContentPlaceHolder1_imgFPLeftImgThumb
{
	float: left;
	clear: left;
	margin: 2px 0px 0px 10px;
}

.current
{
	background: url(../gfx/feature_arrow.png) no-repeat top left;
	width: 234px;
	padding: 0px 0px 0px 27px;
}
