/* Undo existing styles
======================================================================*/
a img,:link img,:visited img { border: none; }
button, code, h1, h2, h3, h4, h5, h6, input, pre, select, table, td, textarea, th {font-size: 1em; }
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, 
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0px; padding: 0px; }

/* Foundation
======================================================================*/

body {background-color:#F5F5F5; font-family:Arial, Helvetica, sans-serif; padding: 0px 0px 20px 0px;}

h1{}

h2{}

h3{
	color: #676768;
	font-size: 14px;
	font-weight: bold;	
	margin: 0px 0px 0px 0px;
}

h4{}

h5{}

p{}
ul{
	color:#333333;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	margin:0 0 10px 10px;
}

li{}

ol{}

#flashcontent {
	background: #cdcdcd;
}
#flashcontent p {
	color: #4D4D4D;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 10px;
}
#flashcontent a {text-decoration: underline;}
.clearSm{ clear: both; font-size: 1px; height: 11px; line-height: 11px; margin: 0px; padding: 0px;}
.clearMed{ clear: both; font-size: 1px; height: 16px; margin: 0px; padding: 0px; line-height: 18px;}
.clearLrg{ clear: both; font-size: 1px; height: 30px; line-height: 30px; margin: 0px; padding: 0px;}
.clearXLrg{ clear: both; font-size: 1px; height: 40px; line-height: 40px; margin: 0px; padding: 0px;}	
.submit {
	background:#D7D7D7;
	border: 1px solid #D7D7D7;
	color: #000;
	font-weight: bold;
}

.siteContainer{
	background-color: #FFF;
	margin: 0px auto;
	width: 950px;
}


.header { 
	border-bottom: 6px solid #CC2A31;
	background-image: url(../../images/ph_headerGradient.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	width: 100%;
	height: 90px;
}

img.logo { 
	position: absolute;
	top: 0px; 
	left: 0px; 
}
	
.jumpContainer{
	float: right;
	position: absolute;
	top: 17px;
	right: 12px;
	width: 338px;
}

.jumpContainer ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}

.jumpContainer li{
	float: left;
	padding: 0px 3px;
}

ul.jumpNav{
	color: #000;
	font-size: 11px;
	position: absolute;
	left: 0px;
	top: 5px;
}

.googleSearch{
	float: right;
	width: 175px;
}

.googleInput{
	border: 1px solid #CCC;
	font-size: 12px;
	width: 110px;
}

.googleButton{
	background-color: #D7D7D7;
	border: none;
	height: 19px;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	padding: 3px 2px 5px 0px;
	top: 0px;
	right: 0px;
	width: 53px;
}

.navContainer{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 643px;
}

.navContainer img{
	position: absolute;
	bottom: 0px;
}

.nav{
	background-image: url(../../images/ph_navGradient.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	float: right;
	top: 0px;
	right: 0px;
	width: 612px;
}
.mediaContainer{
	margin: 0px;
	width: 100%;
}

/* Fonts
======================================================================
define text related properties here:
	- color
	- font-family, font-size, font-weight
	- line-height
	- margin & padding only if its directly related to the h1, h2, p, etc... 
	  if its for a container should be located in the appropriate section
	- etc... any other properties related to font/text styling
*/

h1{
	color: #666;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	margin: 18px 0px 16px 0px;	
	}

h2 {
	color: #676768;
	font-size: 19px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;	
	}
	
p {
	color: #333;
	font-size: 11px;
	line-height: 15px;
	margin-bottom: 10px;
	}

a {color: #333; text-decoration:none;}
a:hover {text-decoration:underline;}

.jumpNav a {color: #000; text-decoration: none;}
.jumpNav a:hover {color: #000; text-decoration: underline;}

.footer a {color: #999999; text-decoration: none;}
.footer a:hover {text-decoration: underline;}




/* General Content
======================================================================*/

	/*===== .09-CS-0130  =====*/
	.colL {
		float: left;
		margin: 0px;
		padding: 0px;
		}

	/*===== .colR  =====*/	
	.colR {
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	.colR a {color: #CC2A31;}
	
	.colR img {margin: 0px 0px 8px 10px;}
	
	/*==== .colBody ====*/
	.colBody {
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	/*====== markets =====*/
.content{
	border-left: 1px solid #CCC !important;
	padding-left: 20px;
	width: 400px;
	}

.content h1{
	color: #676768;
	font-size: 19px;
	font-weight: bold;	
	margin: 0px 0px 10px 0px;
}

.content h2{
	color: #676768;
	font-size: 14px;
	font-weight: bold;	
	margin: 0px 0px 0px 0px;
}

.content h2 a{
	color: #676768;
	font-size: 14px;
	font-weight: bold;	
	margin: 0px 0px 0px 0px;
}

.content h2 a:hover{
	text-decoration: underline;
}

.content p{
	color: #333;
	font-size: 12px;
	font-weight:normal;
	line-height: 16px;
	margin: 0px 0px 10px 0px;	
}

.content a{
	color: #CC2A31;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	}
	
.content ul{
	margin-bottom: 20px;
}
	
.content ul li{
	color: #5D5B5D;
	font-size: 12px;
	margin: 3px 10px 2px 20px;
}

.content ul li ul li{
	list-style-type: none;
	margin-left: 15px;
}

.content table.components{
	background-color:#DCDCDC;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 240px;
	}

.content table.components th, td{
	padding: 8px 0px 8px 15px;
	text-align: left;
	}

.content table.components th{
	background-color:#DCDCDC;
	background-image: url(../../images/ph_tableGradient.jpg);
	background-position: bottom right;
	background-repeat:repeat-x;
	color: #818181;
	font-size: 15px;
	font-weight: bold;
	}
	
table.components li{
	color:#5D5B5D;
	font-size: 12px;
	font-weight: normal;
}
	
	
.content table.listItems{
	background-color:#DCDCDC;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 340px;
	}

.content table.listItems th, td{
	padding: 8px 0px 8px 15px;
	text-align: left;
	}

.content table.listItems th{
	background-color:#DCDCDC;
	background-image: url(../../images/ph_tableGradient.jpg);
	background-position: bottom right;
	background-repeat:repeat-x;
	color: #818181;
	font-size: 15px;
	font-weight: bold;
	}
	
table.listItems li{
	color:#5D5B5D;
	font-size: 12px;
	font-weight: normal;
	margin: 3px 0px 5px 20px;
	}
	

	/*====== .bodyContainer ======*/
	.bodyContainer{
	margin-left: 10px;
	padding-left: 10px;
	width: 500px;
	}
	
.bodyContainer a {
	color: #CC2A31;
	}


/* NAVIGATION
==========================================================
	found in external file quickmenu_styles.css
	created by openCube software
*/


	

/*===== Interior Pages ==================================*/
	.bodycontent{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.searchResults {

}

/* SIDE NAVIGATION 
=============================================================*/

.sideNavContainer{
	height: 300px;
	padding: 30px 20px 0px 0px;
	text-align: right;
	width: 280px;
}

.sideNavContainer .subnavContainer li{
	text-decoration: none;
}

.sideNavContainer .subnavContainer li a{
	padding-right: 20px;
	text-decoration: none;
}

.sideNavContainer .subnavContainer li a:hover{
	text-decoration: underline;
}

.sideNavContainer .subnavContainer li .active{
	background: url(../../images/ph_bullet.jpg) no-repeat right;
	text-decoration: underline;
}

.sideNavContainer h2{
	font-size: 14px;
}

.sideNavContainer a{
	color: #7A797A;
	text-decoration: none;
}
.sideNavContainer ul{
	color: #7A797A;
	font-size: 12px;
	margin-right: -20px;
	line-height: 16px;
	list-style-type: none;
	text-align: right;
}

.sideNavContainer ul li{
	font-weight: normal;
	padding: 5px 0px;
	text-decoration: none !important;
}


		
/* Footer
======================================================================*/

.footer{
	border-top: 1px solid #999;
	height: 50px;
	margin: 0px 10px 0px 10px;
	padding: 8px 0px 5px 0px;
	position: relative;
}
.phoneNum{
	color: #CC2A31;
	float: left;
	font-size: 11px;
	font-weight: bold;
}

ul#footerMenu{
	color: #999;
	float: right;
	font-size: 11px;
	font-weight: normal;
	list-style-type:none;
	position: absolute;
	top: 8px;
	right: 0px;
	text-align: right;
}

ul#footerMenu li{
	float: left;
	margin: 0px 5px;
	text-align: center;
	}
ul#footerMenu a{
}

.footerImg{
	position: absolute;
	top:5px;
	right: 445px;
}



/*  SITE MAP
====================================================*/
table.sitemap ul{
	list-style-type: none;
}

/* GOOGLE MAP
=====================================================*/
#map_canvas{
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
	width: 300px;
	height: 350px;
}


/* CONTACT FORM
========================================================*/
.content table.contact{
	color: #333 !important;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	line-height: 10px;
	width: 400px;
}

.content table.contact td {
	color: #666 !important; 
	font-family: Arial !important;
	font-weight: bold;
	font-size: 12px;
	line-height: 10px;
	text-align: right;
	margin: 0px;
	padding: 3px 0px 5px 10px;
}

.content table.contact td.extra{
	padding: 0px;
}

.content table.contact input,
.content table.contact select,
.content table.contact textarea{
	float: left;
	text-align: left !important;
	margin: 0px;
	padding: 0px;
}

.content table.extra{
	text-align: left;
}

.content table.extra td{
	float: left;
}

span.raw{
	letter-spacing: 2px;
}

span.amp{
 	font-size:smaller;
}


/* CONTACT ADDRESS DIV */
.contactAddress {line-height:20px; width: 180px;}
.largertxt {font-size:14px; color:#666; line-height:20px;}
.darkgray {font-weight:bold; color: #444;}

a.certificate{ text-decoration: underline !important;}

.content table.listedTable{
	background-color:#DCDCDC;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
	width: 350px;
	}
	
.validationSummary li { color: Red !important; }