/*========================================================================================
	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: #797b00;
	margin-right: auto;
	margin-left: auto;
	height: 110px;
	margin-top: -110px;
	margin-bottom: 0;
	clear: both; /*Footer needs to clear both in order to keep any content from overflowing into it*/
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {
	margin-top: -110px;
}
/*=========================================================================================================================
 PAGE GENERAL
===========================================================================================================================*/

* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	background-color: #ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	/*	line-height: 17px; Orig; Franki asked for increase */
    line-height: 19px;
	/*	line-height: 23px; */
	color: #666666;
}
#page {
	min-height: 100%;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;/*background-color: #797b00;*/
}
* html #page {
	height: 100%;
}
.clearer { /* go here for explanation: http://tangible.ca/articles/35/how-to-get-a-parent-div-to-expand-around-floated-content */
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
img {
	border: 0;
}
.hide {
	display: none;
}
hr {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	height: 1px;
}
/*=========================================================================================================================
 PAGE FONTS/COLORS
===========================================================================================================================*/

h1 {
	font-size: 33px;
	color: #FFF;
	font-weight: normal;
	font-style: normal;
	font-family: Garamond, "Times New Roman", Times, serif;
	padding-top: 12px;
	line-height: 35px;
	padding-left: 35px;
	width: 385px;
	text-align: left;
}
h2 {
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	padding-left: 35px;
	padding-bottom: 15px;
}
h3 {
	color: #FFF;
	padding-bottom: 5px;
	text-transform: uppercase;
	position: absolute;
	z-index: 99;
	left: 35px;
	top: 15px;
	font-weight: normal;
	width: 175px;
}
h3 a {
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	width: 175px;
}
p {
	margin-bottom: 17px;
	/*	line-height: 19px;  orig; Franki wants lines to have 'breathing room' */
	line-height: 23px;
}
a {
	color: #797b00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
b {
	font-size: 13px;
}
.current {
	color: #a0adb5;
	text-decoration: none;
}
.primary {
	color: #000;
}
.secondary {
	color: #af1f1f;
}
/*=========================================================================================================================
 HEADER STYLES
===========================================================================================================================*/

#header-container {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #1a1006;
	background-image: url(global/bgd-header.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#header {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	position: relative;
	margin-bottom: 0px;
	margin-top: 0px;
}
#logo {
	float: left;
	position: relative;
	height: 33px;
	width: 252px;
	padding-top: 32px;
	padding-left: 37px;
}
/* ------------------------------ master support container ------------------------------ */
#support-container {
	position: absolute;
	float: right;
	top: 40px;
	height: 27px;
	width: 338px;
	background-image: url(global/bgd-support.png);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1;
	right: 0px;
}
#support {
	position: absolute;
	float: right;
	height: 27px;
	width: 338px;
	text-align: center;
	z-index: 99;
	top: 40px;
	right: 0px;
}
#support ul {
	list-style-type: none;
	position: relative;
	padding: 5px;
}
#support ul li {
	display: inline;
	text-transform: uppercase;
	padding-right: 5px;
	padding-left: 5px;
}
#support ul li a {
	text-decoration: none;
	color: #b3ae45;
}
#support ul li a:hover {
	color: #FFF;
	text-decoration: none;
}
/*=========================================================================================================================
 PRIMARY NAV STYLES
===========================================================================================================================*/

#priNav-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	background-color: #FFFFFF;
	padding-bottom: 40px;
}
#priNav {
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 65px;
	position: relative;
	z-index: 80;
	background-color: #797b00;
}
#priNav ul {
	list-style-type: none;
	position: relative;
}
#priNav ul li {
	float: left;
	display: inline;
}
#priNav ul li a {
	display: block;
	height: 64px;
}
#priNav ul li a.build {
	background: url(global/nav/build.gif) no-repeat top left;
	width: 212px;
}
#priNav ul li a.buildCurrent {
	background: url(global/nav/build.gif) no-repeat top left;
	width: 212px;
	background-position: top right;
}
#priNav ul li a.win {
	background: url(global/nav/win.gif) no-repeat 0 0;
	width: 235px;
}
#priNav ul li a.winCurrent {
	background: url(global/nav/win.gif) no-repeat 0 0;
	width: 235px;
	background-position: top right;
}
#priNav ul li a.deliver {
	background: url(global/nav/deliver.gif) no-repeat 0 0;
	width: 265px;
}
#priNav ul li a.deliverCurrent {
	background: url(global/nav/deliver.gif) no-repeat 0 0;
	width: 265px;
	background-position: top right;
}
#priNav ul li a.grow {
	background: url(global/nav/grow.gif) no-repeat 0 0;
	width: 268px;
}
#priNav ul li a.growCurrent {
	background: url(global/nav/grow.gif) no-repeat 0 0;
	width: 268px;
	background-position: top right;
}
#priNav ul li a:hover {
	background-position: top right;
}
#priNav ul li .current {
	background-position: top right;
}
/*=========================================================================================================================
 SECONDARY NAV STYLES
===========================================================================================================================*/

#content .secNav-container {
	width: 213px;
	float: left;
	padding-bottom: 110px;
	background-image: url(global/bgd-secNav.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content .secNav {
	width: 198px;
	position: relative;
	float: right;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 110px;
}
#content .secNav p {
	color: #021e2f;
	margin-bottom: 0px;
}
#content .secNav p a {
	color: #021e2f;
}
#content .secNav ul {
	margin-bottom: 10px;
	margin-left: 10px;
	list-style-type: none;
	text-align: right;
}
#content .secNav ul li {
	text-transform: uppercase;
	color: #797b00;
	line-height: 22px;
}
#content .secNav ul li a {
	color: #797b00;
	text-decoration: none;
}
#content .secNav ul li a:hover {
	text-decoration: none;
	color: #999;
}
#content .secNav .current {
	text-decoration: none;
	color: #999;
}
/* ------------------------------ illustration ------------------------------ */
#content .secNav-container img.illustration {
	float: right;
	position: relative;
	bottom: 0px;
	right: 0px;
	padding-bottom: 25px;
}
/*=========================================================================================================================
 CONTENT STYLES
===========================================================================================================================*/
/*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-container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}
#content {
	width: 980px;
	min-height: 175px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	padding-bottom: 110px; /* franki wants the white space reduced, but it will break the layout. */
}
/*=========================================================================================================================
 CONTENT PRICON STYLES
===========================================================================================================================*/

#content .priCon {
	width: 766px;
	position: relative;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e3e2e2;
	z-index: 1;
	background-image: url(global/bgd-header-pricon.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 125px; /* franki wants the white space reduced, but it will break the layout */
}
#content .priCon .h1-container {
	width: 483px;
	height: 95px;
	background-color: #246e91;
	position: relative;
	float: left;
	margin-bottom: 35px;
}
#content .priCon .h1-container2 {
	width: 766px;
	height: 95px;
	background-color: #246e91;
	position: relative;
	float: left;
	margin-bottom: 35px;
}
#content .priCon .text {
	float: left;
	width: 413px;
	position: relative;
	padding-left: 35px;
	padding-right: 35px;
}
#content .priCon .widetext { /* franki wants BWDG 2ndary pages to span width of page, so created this for that */
	float: left;
	width: 695px;
	position: relative;
	padding-left: 35px;
	padding-right: 35px;
}
/* ------------------------------ executive head shots ------------------------------ */
#content .priCon .widetext .headshots {
	float: left;
	width: 695px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 20px;
}
#content .priCon .widetext .headshots img.headshots {
	border: 1px solid e8e7e7;
	height: 138px;
	width: 126px;
	margin-right: 20px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	position: relative;
}
#content .priCon .widetext .headshots .headshotstext {
	float: right;
	position: relative;
	width: 545px;
}
img.top {
	float: right;
	position: relative;
	top: -30px;
}
/* ------------------------------ investor information tables ------------------------------ */
#content .priCon .table {
	/* background-color: #F3F3F3; Franki asked for gray shading to go away */
	width: 694px;
	/* border: 1px solid #CCCCCC; Franki asked for gray outline to go away */
	float: left;
	position: relative;
	font-size: 11px;
	padding: 10px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: 25px;
}
#content .priCon td {
	padding: 5px;
}
/*=========================================================================================================================
 CONTENT SECCON STYLES
===========================================================================================================================*/

#content .secCon-container {
	width: 272px;
	top: 10px;
	right: 10px;
	float: right;
	position: relative;
}
#content .secCon {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e3e2e2;
	margin-top: 20px;
	background-image: url(global/bgd-secCon.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	position: relative;
	padding-left: 20px;
	height: 185px;
	padding-top: 45px;
}
/* ------------------------------ polaroid ------------------------------ */
#content .polaroid {
	width: 272px;
	height: 296px;
	background-image: url(global/polaroid-container.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	position: relative;
}
#content .polaroid img.photo {
	position: absolute;
	top: 23px;
	left: 24px;
}
/* ------------------------------ banner ------------------------------ */
#content .secCon .headline {
	float: left;
	height: 46px;
	width: 246px;
	position: relative;
	padding-bottom: 15px;
}
#content .secCon img.inset {
	height: 85px;
	width: 80px;
	float: left;
	padding-right: 10px;
}
#content .secCon .copy {
	float: left;
	width: 156px;
	position: relative;
	padding-top: 10px;
}
#content .secCon .copy p {
  line-height: 19px;
}
#content .secCon .copy a {
	color: #666666;
	text-decoration: underline;
}
#content .secCon .copy a:hover {
	color: #666666;
	text-decoration: none;
}
/*=========================================================================================================================
 CONTENT TERCON STYLES
===========================================================================================================================*/

#content .terCon {
	width: 979px;
	position: relative;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e3e2e2;
	z-index: 1;
	background-image: url(global/bgd-header-pricon.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 125px;
}
#content .terCon .h1-container {
	width: 695px;
	height: 95px;
	background-color: #246e91;
	position: relative;
	float: left;
}
#content .terCon .text {
	float: left;
	width: 624px;
	position: relative;
	padding-left: 35px;
	padding-right: 35px;
	/* padding-top: 35px;  */
}
#shadowLeft {
	height: 228px;
	width: 33px;
	position: absolute;
	background-image: url(global/bgd-secNav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	left: -33px;
}
/*=========================================================================================================================
 HOME BANNERS BOTTOM
===========================================================================================================================*/

#bottom-banners {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 980px;
	height: 150px;
}
#bottom-banners .headline {
	float: left;
	height: 46px;
	width: 266px;
	position: relative;
	padding-bottom: 15px;
}
#bottom-banners img.inset {
	height: 85px;
	width: 80px;
	float: left;
	padding-right: 10px;
}
#bottom-banners .text {
	float: left;
	width: 215px;
	position: relative;
	padding-top: 10px;
}
#bottom-banners .text p {
}
#banner01-container {
	float: left;
	width: 326px;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
	margin-bottom: 25px;
}
#banner02-container {
	float: left;
	width: 306px;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
	padding-left: 20px;
	margin-bottom: 25px;
}
#banner03-container {
	float: left;
	width: 306px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 25px;
}
/*=========================================================================================================================
 FOOTER STYLES
===========================================================================================================================*/

#footer .wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 110px;
	width: 980px;
}
#footer .wrapper ul {
	list-style-type: none;
	float: left;
	position: relative;
	width: 490px;
	text-align: left;
	margin-top: 25px;
	clear: both;
}
#footer .wrapper ul li {
	display: inline;
	font-size: 12px;
	color: #FFF;
}
#footer .wrapper ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}
#footer .wrapper ul li a:hover {
	text-decoration: underline;
}
#footer .wrapper ul li .current {
	color: #666666;
}
#footer .wrapper .legal {
	list-style-type: none;
	color: #FFF;
	text-align: left;
	position: relative;
	clear: both;
	width: 490px;
	float: left;
}
#footerlinks {
	float: right;
	width: 490px;
	height: 110px;
	position: relative;
	height: 110px;
	margin-top: -90px;
	clear: both; /*Footer needs to clear both in order to keep any content from overflowing into it*/
}
img.facebook {
	height: 20px;
	width: 93px;
	position: absolute;
	float: right;
	right: 25px;
	top: 20px;
}
img.rss {
	height: 20px;
	width: 19px;
	position: absolute;
	right: 127px;
	top: 20px;
}
/* ------------------------------ search links ------------------------------ */
#footer .search { /* IE6 Fix */
	position: absolute;
	width: 145px;
	text-align: left;
	float: right;
	right: 0px;
	top: 50px;
}
.search .form-field, search#textarea, search#select {
	font-size: 11px;
	width: 100px;
	padding: 1px;
	top: 0px;
	height: 16px;
	border: 1px solid #b2b073;
	margin-bottom: 12px;
	background-color: #B2B400;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #333;
}
.search img.button {
	height: 10px;
	width: 29px;
	position: absolute;
	top: 5px;
	right: 5px;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt;
	padding: 0pt;
	overflow: auto;
	letter-spacing: 0px;
	float: none;
}
}
 @media print {
.sIFR-flash {
	display : none !important;
	height : 0;
	width : 0;
	position : absolute;
	overflow : hidden;
}
.sIFR-alternate {
	visibility : visible !important;
	display : block !important;
	position : static !important;
	left : auto !important;
	top : auto !important;
	width : auto !important;
	height : auto !important;
}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h3 {
	font-family: Arial;
	visibility: hidden;
}
}