/*-----------------The CSS that's required to position the footer-----------------*/

html {
	height: 100%;
}
body {
 height: 100%;
}
#nonFooter {
	position: relative;
	min-height: 100%;
}
* html #nonFooter {
	height: 100%;
}
#footer {
	position: relative;
	background-color: #132c5a;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	margin-top: -5em;
	margin-bottom: 0;
	clear: both; /*Footer needs to clear both in order to keep any content from overflowing into it*/
	background-image: url(Global/Footer-Shadow.png);
	background-position: top;
	background-repeat: repeat-x;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {
	margin-top: -5em;
}


/*-----------------PNG/The CSS that's required for Transparent PNG's-----------------*/
/*Background PNG images can't be tiled. This is a limitation of the IE filter. Padding and borders don't indent the PNG image. An easy fix for this is wrapping your PNG images in container DIVs or similar.*/

img, #page, #footer, #header-container, #header, #logo, #special-container, #special, #content-container, #content, #content .priCon, #content .priCon ul li { behavior: url(CSS/iepngfix.htc); }


/*-----------------PAGE/GENERAL-----------------*/

* {
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
body {
	background-color: #FFFFFF;
	color: #333333;
	line-height: 19px;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 12px;
	text-align: center;
}
#page {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
* html #page {
	height: 100%;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
img {
	border: 0;
}
img.Special-Photo {
	border: 0;
	float: right;
	position: relative;
}
.hide {
	display: none;
}
#hr {
	background-image: url(Global/1x1Gray.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 60px;
	width: 220px;
	position: relative;
	float: left;
}

/*-----------------PAGE/FONTS-----------------*/

h1 {
	font-size: 20px;
	font-weight: lighter;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-bottom: 12px;
	line-height: 28px;
	font-style: normal;
}
h2 {
	font-size: 17px;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #132c5a;
	padding-bottom: 15px;
}
h3 {
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 12px;
}
a {
	color: #132c5a;
	text-decoration: underline;
	}
a:hover {
	color: #132c5a;
	text-decoration: none;
}
.bold {
	font-weight: bold;
}
.blue {
	color: #132c5a;
}
.blueBold {
	font-weight: bold;
	color: #132c5a;
}
.blueItalic {
	font-style: italic;
	color: #132c5a;
}


/*-----------------HEADER STYLES-----------------*/
/*BBT: The triangular rollover would not show up on IE6/IE7. Z-Indexing was the problem. IE6/IE7 won't let the rollovers display over the "#special-content" div. Workaround for IE6 was to give "#header .priNav" abosolute positioning instead of relative, and to put the z-index to 2. "#header-container" and "#header" I put to z-index of 1. Works for IE6 now, but not IE7*/
#header-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(Global/Header-Bgd.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
}
#header {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 140px;
	position: relative;
}
#logo {
	margin-top: 13px;
	float: left;
	clear: both;
}


/*-----------------HEADER SUPPORT NAV STYLES-----------------*/

#header .support {
	float: right;
	width: 122px;
}
#header .support ul {
	list-style-type: none;
	position: relative;
	margin-top: 15px;
}
#header .support ul li {
	float: right;
	display: inline;
}
#header .support ul li a {
	display: block;
	height: 28px;
}
#header .support ul li a.customerlogin {
	width: 108px;
	background-image: url(Global/Customer-Login.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header .support ul li a.customerloginCurrent {
	width: 108px;
	background-image: url(Global/Customer-Login.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#header .support ul li a:hover {
	background-position: top right;
}
#header .support ul li .current {
	background-position: top right;
}


/*-----------------HEADER PRIMARY NAV STYLES-----------------*/

#header .priNav {
	width: 355px;
	float: right;
	position: absolute;
	z-index: 2;
	top: 112px;
	right: 0px;
	height: 45px;
}
#header .priNav ul {
	list-style-type: none;
	padding-left: 15px;
	float: right;
	display: inline;
	height: 45px;
}
#header .priNav  ul li {
	display: inline;
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 45px;
}
#header .priNav  ul li a {
	color: #333333;
	text-decoration: none;
	margin-left: 20px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 13px;
	height: 45px;
}
#header .priNav  ul li a:hover {
	color: #4E72AF;
	text-decoration: none;
	background-image: url(Global/Nav-Arrow.gif);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	background-position: right bottom;
	height: 45px;
}


/*-----------------SPECIAL STYLES-----------------*/

#special-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #4e72af;
	background-image: url(Global/Cookie-Shadow.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
#special {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 800px;
}
#special p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #E7E7E7;
	padding-bottom: 12px;
	width: 415px;
}


/*-----------------CONTENT STYLES-----------------*/

#content-container {
	background-image: url(Global/Cookie-Shadow.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 25px;
	padding-bottom: 100px;
}
#content {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 60px;
	position: relative;
}
#content p {
	padding-bottom: 16px;
}
/*Any information inside the content, such as a left hand nav div, will need to have the bottom margin set to the same height as the footer. In this case, the footer is 60pixels high. So any div's contained in your content also need to have a bottom margin of 60pixels high to keep the footer from overflowing into those content areas.*/
#content .secNav {
	float: left;
	width: 200px;
	padding-left: 25px;
	padding-bottom: 25px;
}
#content .priCon {
	float: right;
	width: 535px;
	position: relative;
}
#content .priCon ul {
	list-style-type: none;
}
#content .priCon ul li {
	display: block;
	padding-left: 25px;
	margin-top: 7px;
	background-image: url(/Images/Global/Check.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
}


/*-----------------CONTENT SIDEBAR STYLES-----------------*/

#content .sidebar {
 width: 220px;
	float: left;
	position: relative;
}
#content .sidebar a {
	text-decoration: underline;
	color: #132c5a;
	font-size: 11px;
}
#content .sidebar a:hover {
	text-decoration: none;
	color: #132c5a;
}
#content .sidebar .info {
	float: left;
	position: relative;
	width: 220px;
}
#content .sidebar .info p {
	font-size: 11px;
	line-height: 16px;
	color: #333333;
}
#content .testimonial{
	width: 220px;
	float: left;
	position: relative;
}
#content .testimonial blockquote{
	color: #363636;
	font-size: 1.1em;
	background-image: url(Global/Testimonial-Blockquote.gif);
	background-repeat: no-repeat;
	padding-top: 25px;
	padding-right: 13px;
	padding-left: 17px;
	padding-bottom: 5px;
}
#content .testimonial blockquote p{
	font-size: 11px;
	line-height: 16px;
}
#content .testimonial h4{
	color: #339999;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	background-image: url(Global/Testimonial-h4.gif);
	background-repeat: no-repeat;
	padding-top: 41px;
	padding-left: 108px;
}
#content .testimonial p.title{
	color: #363636;
	font-size: 12px;
	float: right;
	padding-right: 15px;
}


/*-----------------FORM STYLES-----------------*/

#formBox {
	float: left;
	position: relative;
	width: 800px;
}
#formBox ul {
	list-style-type: none;
	margin-left: 0px;
}
#formBox ul li {
	display: inline;
}
#formBox td {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#formBox td a {
	text-decoration: underline;
}
#formBox td a:hover {
	text-decoration: none;
}


/*---------------------BUTTON STYLES--------------------- */

#button {
	text-decoration: none;
	display: inline;
}
#button ul {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#button ul li {
	list-style-type: none;
	width: 125px;
	text-align:center;
	color: #FFFFFF;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
}
#button ul li a {
	display: block;
	text-decoration: none;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #4c1b1b;
	border-style: outset;
	float: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#button ul li a:hover {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #b9121b;
	border-style: outset;
}


/*-----------------FOOTER STYLES-----------------*/

#footer .wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	color: #363531;
	width: 800px;
}
#footer .wrapper ul {
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
#footer .wrapper ul li {
	display: inline;
	font-size: 11px;
	padding-right: 8px;
	padding-left: 4px;
	background-image: url(Global/Separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFFFFF;
}
#footer .wrapper ul li a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
}
#footer .wrapper ul li a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
#footer .wrapper ul li .current {
	color: #FFFFFF;
}
#footer .wrapper .LastPipe {
	background: none;
}
#footer .wrapper .email {
	float: right;
	padding-top: 15px;
	text-align: right;
}
#footer .wrapper .email label {
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 5px;
}
#footer .wrapper .emailBox {
	border: 1px solid #A3A49E;
	width: 130px;
	font-size: 10px;
	padding: 2px;
}
#footer .wrapper .email input.button {
	vertical-align: top;
	margin-left: 2px;
}