﻿/*Font-size: 1.0em = 10px when browser default size is 16px*/.page-container
{
	width: 900px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px rgb(150,150,150);
}
img
{
	border: none;
}
a
{
	color: #06213F;
}
a:hover
{
	color: #C00000;
}
.content
{
	clear: both;
	width: 897px;
	padding: 0 4px;
}
.leftColumn
{
	display: inline /*Fix IE floating margin bug*/;
	float: left;
	width: 200px;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}
.middleColumn
{
	display: inline; /*Fix IE floating margin bug*/ ;
float:left;
width:485px;
margin:00030px;
overflow:visible!important/*Firefox*/;
overflow:hidden/*IE6*/;
margin-top:16px;
}
.rightColumn
{
	display: inline /*Fix IE floating margin bug*/;
	float: right;
	width: 185px;
	margin: 0 15px 0 0;
	overflow: visible !important /*Firefox*/;
	overflow: hidden /*IE6*/;
}
.rightColumn img
{
	margin-bottom: 25px;
}
body
{
	background: #F0F8FD url(../img/bg_body.gif) repeat-y scroll center top;
	padding: 0;
	margin: 0;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 14px;
	color: #222222;
}
.mainContainer
{
	width: 904px;
	margin: 22px auto;
	background: #FFFFFF url(../img/bg-content.gif) repeat-y scroll left top;
}

.mainContainer > .header
{
	background: transparent url(../img/bg-header.gif) repeat-y scroll left top;
	text-align: right;
	padding: 15px 10px 10px 10px;
}

.mainContainer > .header a
{
	text-decoration: none;
	color: #323232;
}

.mainContainer > .header a:hover
{
	text-decoration: underline;
	color: #C00000;
}

.mainContainer > .footer
{
	background: transparent url(../img/bg-footer.gif) repeat-y scroll left bottom;
	height: 6px;
}

p.copyright
{
	clear: left;
	color: #AAAAAA;
	font-size: 11px;
	margin: 0 4px;
	padding-top: 1em;
	text-align: center;
	padding: 0 0 1.25em;
}

p.copyright a
{
	color: #666666;
}

p.copyright a:hover
{
	color: #444444;
	text-decoration: underline;
}

.banner
{
	margin: 0 3px 1px 3px;
	height: 200px;
	background: #FFFFFF url(../img/test_banner2.png);
}
.mainNavigation
{
	margin: 0 3px 0 3px;
	margin-bottom: 20px;
	background: #06213F;
	height: 29px;
}
.mainNavigation ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.mainNavigation ul li
{
	float: left;
	padding: 5px 5px 7px 5px;
	border-right: solid 1px #FFFFFF;
	width: 100px;
	text-align: center;
	background: #06213F;
	cursor: pointer;
}
.mainNavigation ul li:hover, .mainNavigation ul li.active
{
	background: #C00000;
}

.mainNavigation ul li.conservationLink:hover, .mainNavigation ul li.active.conservationLink
{
	background: #00B60E !important;
}

.mainNavigation ul li a
{
	color: #FFFFFF;
	text-decoration: none;
}


.backgroundFooter
{
	height: 130px;
	background: #FFFFFF url(../img/body_bg_footer.gif) no-repeat center;
}

.middleColumn p
{
	text-align: justify;
	font-size: 13px;
	margin-bottom: 20px;
}

.middleColumn h1
{
	margin-top: 0;
	color: #06213F;
	font-weight: bold;
	font-size: 20px;
}
.middleColumn h2
{
	margin-top: 0;
	color: #C00000;
	font-weight: bold;
	font-size: 16px;
}
.leftColumn
{
	width: 150px; /*border-bottom: solid 1px rgb(200,200,200);*/
	font-size: 15px;
	margin-top: 16px;
}
.leftColumn h1
{
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	background-color: #06213F;
	color: #FFFFFF;
	font-size: 17px;
	padding-left: 15px;
	font-weight: normal;
}
.leftColumn dl
{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 15px;
	padding-bottom: 0;
}
.leftColumn dt a, .leftColumn dt a:visited
{
	display: block;
	min-height: 2.0em /*Non-IE6*/;
	height: auto !important;
	height: 2.0em /*IE6*/;
	line-height: 2.0em;
	padding: 3px 10px 3px 15px;
	border-bottom: solid 1px #FFFFFF;
	text-decoration: none;
	color: rgb(70,122,167);
}
.leftColumn dd a, .leftColumn dd a:visited
{
	display: block;
	min-height: 1.7em /*Non-IE6*/;
	height: auto !important;
	height: 1.7em /*IE6*/;
	line-height: 1.7em;
	padding: 0px 10px 0px 40px;
	border: none;
	font-weight: normal;
	text-decoration: none;
	color: rgb(70,122,167);
}
.leftColumn dt a:hover, .leftColumn dd a:hover
{
	color: #C00000;
	text-decoration: none;
}


/* MAIN SUBCONTENT */
.subcontent-unit-border
{
	margin: 0 0 2.0em 0;
	padding: 0 0 5px 0;
	border: solid 1px rgb(190,190,190);
	background: rgb(235,235,235);
}
.subcontent-unit-border-green
{
	margin: 0 0 2.5em 0;
	padding: 0 0 10px 0;
	border: solid 1px rgb(160,214,81);
	background-color: rgb(217,239,185);
}
.subcontent-unit-border-blue
{
	margin: 0 0 2.5em 0;
	padding: 0 0 10px 0;
	border: solid 1px rgb(137,170,214);
	background-color: rgb(213,225,240);
}
.subcontent-unit-border-orange
{
	margin: 0 0 2.5em 0px;
	padding: 0 0 10px 0;
	border: solid 1px rgb(232,177,13);
	background-color: rgb(248,224,150);
}

.subcontent-unit-noborder
{
	margin: 0 0 2.5em 0;
	padding: 0 0 10px 0;
	background: rgb(235,235,235);
}
.subcontent-unit-noborder-green
{
	margin: 0 0 2.5em 0;
	padding: 0 0 10px 0;
	background-color: rgb(217,239,185);
}
.subcontent-unit-noborder-blue
{
	margin: 0 0 2.5em 0;
	padding: 0 0 10px 0;
	background-color: rgb(213,225,240);
}
.subcontent-unit-noborder-orange
{
	margin: 0 0 2.5em 0;
	padding: 0 0 10px 0;
	background-color: rgb(248,224,150);
}

.round-border-topleft
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	background: url(../img/bg_corner_topleft.gif) no-repeat;
	margin-top: -1px;
	margin-left: -1px;
}
.round-border-topright
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	background: url(../img/bg_corner_topright.gif) no-repeat;
	margin-top: -1px;
	margin-left: 174px;
}
.round-noborder-topleft
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	background: url(../img/bg_corner_topleft.gif) no-repeat;
	margin-top: 0px;
	margin-left: 0px;
}
.round-noborder-topright
{
	width: 10px;
	height: 10px;
	position: absolute;
	z-index: 100;
	background: url(../img/bg_corner_topright.gif) no-repeat;
	margin-top: 0px;
	margin-left: 175px;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.subcontent-unit-border:after, .subcontent-unit-noborder:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.footer:after, p:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-contentunit
{
	clear: both;
	width: 440px;
	height: 0.1em;
	border: none;
	background: rgb(210,210,210);
	color: rgb(210,210,210);
}

.promoChip
{
	padding: 5px;
	font-size: 13px;
}

.promoChip h1
{
	font-size: 16px;
	font-weight: normal;
}

.leftColumn div.header
{
	background-color: #06213F;
	height: 5px;
}
.tweet
{
	font-size: 10px;
	padding: 5px;
	margin: 5px 5px 5px 20px;
	border-bottom: solid 1px #EEEEEE;
}
.socialMedia
{
	margin: 5px 5px 5px 20px;
}
.socialMedia div
{
	margin-right: 16px;
	float: left;
	height: 35px;
}

table.valueCards
{
	width: 100%;
	margin-bottom: 20px;
	font-size: 13px;
}
table.valueCards th
{
	text-align: left;
	color: #C00000;
}
