/* Undo existing styles
======================================================================*/
button, code, h1, h2, h3, h4, h5, h6,
input, pre, select, table, td, textarea, th
{ font-size: 1em; }

blockquote, body, br, button, dd, fieldset, form, h1, h2, h3, h4, h5, h6,
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0; padding: 0; }

/* Basics
======================================================================*/
body {
	background-color: #FFF;
	margin: 0px auto;
	padding-bottom: 20px;
	text-align: center;
}

.container {
/*	border: 1px solid #EDEDED;	*/
	background-color: #FFF;
	margin: 0px auto;
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 770px;
}

a {text-decoration: none;}
.clear {clear: both;}
.clearSm {clear: both; height: 1px; line-height: 1px; margin: 0px; padding: 0px;}
img	{border: none;}
 

/* Fonts
======================================================================*/
p, td, div, h1, h2, h3, li, body, input, select, ul, li,
textarea, code, kbd, pre, a {color: #838383; font-family: Verdana, Arial, Helvetica, sans-serif;}

#mainNav #dropdown li {font-size: 10px;}
.bodyContainer H1, 
.bodyContainer .bodyR .calloutContainer .callout H1,
.bodyContainer .bodyR .calloutContainer .callout li,
.bodyContainer .bodyR .calloutContainer .callout p,
.bodyContainer .bodyR .calloutContainer .callout a,
.bodyContainer H2, 
.bodyContainer .bodyL a,
.bodyContainer .bodyL p,
.bodyContainer .secondaryNav a,
.bodyContainer .secondaryNav li,
.footer .nav li,
.footer .nav a,
.homeText,
label,
td,
.footer p {font-family: Arial, Helvetica, sans-serif;}

.homeText {font-size: 13px; padding-bottom: 10px;}
.homeText a {color: #4097FF;}

td {font-size: 12px; line-height: 15px;}

.bodyContainer H1 {font-size: 17px; font-weight: bold;}
.bodyContainer H2 {font-size: 13px; font-weight: bold;}

.bodyContainer .body H1 {font-size: 17px; font-weight: bold;}
.bodyContainer .body H2 {font-size: 13px; font-weight: bold;}
.bodyContainer .bodyR H2 {font-size: 12px; font-weight: bold; margin-left: 0px;}
.bodyContainer .bodyR p {font-size: 11px; font-weight: normal; margin-left: 0px; padding-bottom: 10px;}
.bodyContainer .bodyR .contact {color: #4097FF;}
.bodyContainer .bodyR .contact:hover {color: #4097FF;}

.red {color: #E6303C;}
.caption {font-style:italic;}
.captionEnd {text-align: right; font-style:italic; padding-right: 20px;}
.title {font-size:12px; font-style:italic;}

.bodyContainer .bodyL p {font-size: 12px; line-height: 16px;}
.bodyContainer .bodyL ul,
.bodyContainer .bodyL li  {font-size: 11px; line-height: 15px;}
.bodyContainer .bodyL label  {font-size: 12px; line-height: 15px;}
.bodyL .contactForm input {font-size: 11px; line-height: 14px;}
.bodyL .contactForm textarea {font-size: 11px; line-height: 14px;}
.bodyContainer .bodyR .calloutContainer .callout H1 {font-size: 12px; font-weight: bold;}
.bodyContainer .bodyR .calloutContainer .callout li,
.bodyContainer .bodyR .calloutContainer .callout p {font-size: 11px; line-height: 14px;}
.bodyContainer .bodyR .calloutContainer .callout a {color: #838383; display: block; line-height: 11px;}
.bodyContainer .bodyR .calloutContainer .callout a:hover {text-decoration: underline;}

.bodyContainer .secondaryNav li {font-size: 11px; font-weight: bold; line-height: 11px;}
.bodyContainer .secondaryNav a {color: #838383;}
.bodyContainer .secondaryNav a:hover {color: #000;}
.bodyContainer .secondaryNav li .active {color: #E6303C;}
.bodyContainer .secondaryNav li .active:hover {color: #000;}
.bodyContainer .secondaryNav .people li .active {color: #E6303C;}
.bodyContainer .secondaryNav li .active:hover {color: #000;}

.footer .nav li {color: #C9C9C9; font-size: 12px; line-height: 11px;}
.footer p {color: #C9C9C9; font-size: 11px; line-height: 11px;}

.footer .nav a {color: #C9C9C9; font-size: 10px; line-height: 10px;}
.footer .nav a:hover {color: #838383; font-size: 10px; line-height: 10px;}


/* Foundation
======================================================================*/
.coloredLines {height: 463px; position: absolute; right: 0px; top: 0px; width: 36px;}
.content {background-color: #FFF; padding-top: 40px;}
.cursorContainer {padding-top: 35px; float: left; width: 55px;}


/* Header
======================================================================*/
.header {height: 90px; text-align: left; width: 730px;}

.header .containerL {float: left; height: 57px; padding-top: 28px; padding-right: 5px; padding-left: 2px; width: 58px;}
.header .containerR {float: right; height: 90px; width: 662px;}

.header .containerR .jumpnav {float: left; line-height: 10px; padding-top: 37px;}
.header .containerR .jumpnav ul {float: left;}
.header .containerR .jumpnav li {float: left; line-height: 10px; list-style-type: none;}

	/* ===== jumpnav ===== */
	.header .containerR .jumpnav li,
	.header .containerR .jumpnav a {color: #BBB; font-size: 10px;}
	.header .containerR .jumpnav a:hover {color: #000;}

	/* ===== learn more ===== */
	.learnMore {float: right; position: relative;  right: -15px;  top: 10px;  width: 116px;}

	/* ===== Main Navigation ===== */
	#mainNav {
		float: left; 
		height: 10px;
		line-height: 10px;
		margin:0px;
		margin-top: 13px;
		text-align: left;
		width: 658px;
	}
	
	#mainNav ul {
		height: 10px;
		margin: 0px;
		padding: 0px;
	}
	
	#mainNav #dropdown li {
		border: 1px solid #C7C7C7;
		float: left;
		font-size:10px;
		line-height: 11px;
		list-style-type: none;
		margin-right: 4px;
	}

	/*--- drop down nav ---*/
	#dropdown .childNav {
		background-color: #FFF;
		border-top: 1px solid #C7C7C7;
		display: none;
		margin-left: -1px;
		position: absolute;
		text-decoration: none;
		width: 136px;
		z-index:2;
	}

	#mainNav #dropdown .childNav li {
		background-color: #FFF;
		border-top: none;
		display: block;
		font-weight: normal;
		line-height: 11px;
		list-style-type:none;
		margin: 0px;
		padding: 0px;
		text-transform: none;
		text-align: left;
	}

	/*--- mainNav links ---*/
	#mainNav a {color: #838383; display: block; padding: 2px 2px; text-decoration: none; width: 122px;}
	#mainNav a:hover {background-color: #E6303C; color: #000; display: block; text-decoration:none;}

	#mainNav #dropdown .childNav a {margin: 0px; padding: 3px 5px; width: 121px;}
	#mainNav #dropdown .childNav a:hover {background-color: #E6303C; display: block; margin: 0px;}

	#mainNav li:hover ul, #mainNav li.over ul {display: block;}
	
/* Content Body
======================================================================*/
.bodyContainer {
	float: left;
	margin-left: 15px;
	position: relative;
	width: 653px;
}

.bodyContainer H1 {padding-bottom: 24px; width: 600px;}

.bodyContainer .titleContainer {margin: 0px; padding: 0px; width: 600px;}
.bodyContainer .titleContainer H1 {padding-bottom: 0px; width: 600px;}
.bodyContainer .titleContainer .title {padding-bottom: 10px; width: 600px;}


	/*--- Flash ---*/
	.bodyContainer .flashContainer {
		border: 1px solid #C7C7C7;
		float: left;
		height: 315px;
		margin: 0px;
		padding: 0px;
		width: 719px;
		z-index:auto;
	}
	.getFlash {font-weight: bold;}
	.getFlash:hover {text-decoration: underline;}

	.flashTextContainer {background-color: #EAEFF5; border-top: 1px solid #EDEDED; padding: 2px;}
	.flashTextContainer p {font-size: 10px; text-align: right;}
	

.body {border-top: 1px solid #C7C7C7; float: left; padding-top: 25px; width: 470px;}

.bodyContainer .bodyL {float: left; margin-top: 0px; width: 300px;}
.bodyContainer .bodyL p {margin-bottom: 11px;}
.bodyContainer .bodyL ul {padding-left: 20px;}
.bodyContainer .bodyL li {}
.bodyContainer .bodyL .imgx {float:left; padding:0px 10px 10px 0px;}

/* ----- Equip Page lists ---- */
.bodyContainer .bodyL .listPage {margin-bottom: 15px;}
.bodyContainer .bodyL .listPage li {
	margin-top: 5px; 
	list-style: none; 
	margin-left:-10px;
	padding-bottom:5px;
 	border-bottom: 1px solid #cccccc;
}
.bodyContainer .bodyL .listPage {border-top: 2px solid #cccccc; margin-top:2px;}
/*-------------------*/

.bodyContainer .bodyL a {color: #4097FF;}
.bodyContainer .bodyL a:hover {text-decoration: underline;}

.bodyR {float: right; width: 150px;}
.bodyR H1 {
	background: none; 
	border-bottom: none;
	margin-bottom: 8px;
	padding: 0px;
	width: 300px;
}

.bodyContainer .copyBorderR {border-top: 1px solid #C7C7C7; border-right: 1px solid #C7C7C7; float:left;  height: 200px; width: 19px;}

.bodyContainer .bodyR .img {margin: 0px; margin-bottom: 10px; padding: 0px;}


	/*--- Callout ---*/
	.bodyContainer .bodyR .calloutContainer {float: right; margin-top: 3px; margin-bottom: 10px; width: 150px;}
	.bodyContainer .bodyR .calloutContainer .callout {background-color: #F0F0F0; padding: 20px;}
	.bodyContainer .bodyR .calloutContainer .callout H1 {margin-bottom: 8px; width: 100%;}
	
	.bodyContainer .bodyR .calloutContainer .callout ul {margin: 0px;padding: 0px;}
	.bodyContainer .bodyR .calloutContainer .callout li {list-style-type: disc; margin-left: 15px;}
	.bodyContainer .bodyR .calloutContainer .callout p {margin-top: 10px; width: 100px;}
	.bodyContainer .bodyR .calloutContainer .callout a {
		background: url(../images/ph_callout_carrot_background.jpg) no-repeat;
		margin: 0px; 
		padding: 0px; 
		padding-left: 18px;
	}
	
	/*--- Secondary Navigation ---*/
	.bodyContainer .secondaryNav {float: right; width: 160px;}
	.bodyContainer .secondaryNav ul {margin: 0px; padding: 0px 10px; padding-left: 25px;}
	.bodyContainer .secondaryNav .people li {
		list-style-image: none;
		list-style-type: none;
		margin-left: 10px; 
		padding-bottom: 10px;
		padding-left: 0px;
		font-weight: normal;
	}
	.bodyContainer .secondaryNav li {
		list-style-image: url(../images/ph_secondayNav_carrot_background.jpg); 
		margin-left: 10px; 
		padding-bottom: 10px;
		padding-left: 0px;
	}
	.bodyContainer .secondaryNav a {padding-bottom: 5px;}

	/*--- Terciary Navigation ---*/
	.tercNav {
		list-style-type: none;
		list-style-image: none;
		margin: 0px;
		padding: 0px;
	}
	
/* Page Specific
======================================================================*/
	/*--- Secondary Navigation ---*/
	.banneradContainer	{left:775px; position: absolute; top: 70px;}
	.banneradContainer .ad	{font-size:10px; height:60px; margin-bottom:25px; width:106px;}

	/*--- Glossary ---*/
	.glossary_terms h3 {margin-top:20px; margin-bottom: 15px;}
	.glossary_terms a {	font-size:12px;}
	.glossary ul {list-style-type: none; list-style-position:inside; margin-left: -25px;}
	.glossary ul li {float:left; padding:4px;}
	
	/*--- SiteMap ---*/
	.bodyL .sitemaplist li {list-style-type: none;}
	.bodyL .sitemaplist a {color:#E6303C; font-weight:bold;}
	.bodyL .subsitemap a {color:#838383;}
	.bodyL .subsitemap ul ul a {color:#838383; font-weight:normal;}
	
	/*--- Checklists ---*/
	.bodyL .checklists li {list-style-type: none; padding-top:4px; font-weight:bold; color:#E6303C; }
	.bodyL .checklists ul ul li {color:#838383; font-weight:normal; list-style-type: square; padding-bottom:4px; }
	.bodyL .checklists ul li a {color:#E6303c; text-decoration: underline; font-weight:bold;} 
	
	/*--- contactForm ---*/
	.bodyL .contactForm td {padding: 3px 0px;}
	.bodyL .contactForm input {height: 14px; width: 175px;}
	.bodyL .contactForm .inputSm {width: 40px;}
	.bodyL .contactForm .inputMdm {width: 95px;}
	.bodyL .contactForm .submit {background-color: #EAEAE2;border: 2px solid #C9C9C2; border-left: 2px solid #E7E8E9; border-top: 2px solid #E7E8E9; height: 20px; width:60px;}
	
	/*-- People Pages Botton Nav ---*/
	.peopleNav {font-size:10px;}
	
	
	/*--- News ---*/
	.bodyL .newsarticle {border-top:1px #cccccc solid; padding-top:10px;}

	
	/*--- PEOPLE EMPLYOEES ---*/
	.enlarge {font-size: 11px; text-align:center; width: 470px;} 
	.body .bodyL .enlarge a {background: url(../images/ph_enlarge_btn.jpg) repeat-x #efeeee; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; color: #838383; display: block; margin: 0px auto; padding: 3px 6px; width: 110px;}
	.body .bodyL .enlarge a:hover {color: #000; text-decoration: none;}

	/*--- FunFacts ---*/
	/*--Cyan--*/
	.bodyR .funfacts {
		background-image: url(../images/ph_funfacts_bg.gif); 
		background-repeat:repeat-y; 
		font-size:10px; 
		color: #666666;
		margin-top:0px;
		margin-bottom:20px;
	}

	.bodyR .funfacts p {color:#666666; padding: 5px 0px 10px 0px;}
	.bodyR .funfacts div {color:#666666; padding: 5px 0px 10px 0px;}
	
	/*--Magenta--*/
	.bodyR .funfactsM {
		background-image: url(../images/ph_funfacts_bg_m.gif); 
		background-repeat:repeat-y; 
		font-size:10px; 
		color: #666666;
		margin-bottom:20px;
	}

	.bodyR .funfactsM p {color:#666666; padding: 5px 0px 10px 0px;}
	.bodyR .funfactsM div {color:#666666; padding: 5px 0px 10px 0px;}
	
	/*--yellow--*/
	.bodyR .funfactsY {
		background-image: url(../images/ph_funfacts_bg_y.gif); 
		background-repeat:repeat-y; 
		font-size:10px; 
		color: #666666;
		margin-bottom:20px;
	}

	.bodyR .funfactsY p {color:#666666; padding: 5px 0px 10px 0px;}
	.bodyR .funfactsY div {color:#666666; padding: 5px 0px 10px 0px;}

	
/* Footer
======================================================================*/
.footer {
	background-color: #F6F6F6;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	margin: 0px auto;
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: center;
	width: 769px;
}

.imgLine {
	height: 0;
	margin: 0px auto;
	margin-top: 40px;
	position: relative;
	width: 769px;
}

.imgLine .img {

	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	right: -60px;
}

	/* ===== Footer Navigation ===== */
	.footer .nav {
		font-size:10px;
		margin: 0px auto;
		padding: auto;
		text-align: center; 
		width:240px;
	}
	
	.footer ul {margin: 0px auto; text-align:center; width:100%;}
	.footer .nav li {float: left; list-style-type: none;}
	.footer #copyright {font-size:10px; margin: 0px; padding: 0px; padding-top: 3px; text-align:center;}
	
/* GREEN
======================================================================*/
.green img {
margin:0px;
padding:0px;
border:0px;
}
.green {
background-image:url(../images/green/span_greybg.jpg);
background-repeat:repeat-y;
background-color:#d3d1d1;
}
.green a {
color:#006ec5;
}
.greentable {
float:left;
padding:0px;margin-top:-3px;
}
.greentable td {
line-height:1px;
}
.greencontent {
float:left;
background-color:#d3d1d1;
margin:0px;
margin-top:-3px;
padding-top:30px;
width:492px; 
}
.greencontent p {
font-size:12px;
margin:0px 40px 15px 40px;
color:#000000;
}