/* CSS Document for politedesign.com
Created by: Polite Design Inc :: 2116 locust Street, Philadelphia, PA 19103, USA :: 215. 985. 4818 :: www.politedesign.com
Date Created:	Sep 2005
Date Modified: Feb 2009 */

/*structure*/
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
	width:100%;
}
body {
	font-family:"Helvetica Neue", sans-serif;
	font-size:12px;
	letter-spacing:normal;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	color:#84919C; 
	background:#FFFFFF;
	text-align:center; /* horizontal centering for IE Win quirks */
}
.gradient {
	height:100%;
	width:100%;
	background:url(../i/gradate2_pd.gif) repeat;
}
/*body div.fadeinText {
	display: none;
}*/
#distance { 
	width:1px;
	height:7%;
	background-color:#FFFFFF;
	float:left;
}
#wrapper {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;		
	width:970px;
	height:auto;
	background-color:#FFFFFF;
}
body img {
	border-style:none;
	padding:0px;
	margin:0px;
	outline:none;
	text-align:left;
	vertical-align:top;
}
body a {
	border-style:none;
	outline:none;
	text-decoration:none;
	padding:0px;
	margin:0px;
	color:#84919C; 
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}
body a:hover, a:focus {
	color:#BBC2C9;
	background-color:#FFFFFF; 
}
body table, tr, td {
	margin:0px;
	border:none;
	padding:0px 15px 117px;
	color:#84919C;
	background-color:#FFFFFF; 
}
#subWrapper {
	float:left;
	background-color:#FFFFFF;
	height:auto;
}
/*left nav*/
#leftnav {
	float:left;
	position:relative;
	width:160px;
	height:450px;
	margin:0px;
	padding:130px 40px 0px 0px;
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
}
#leftnav #social {
	position:absolute;
	top:550px;
	left:0px;
	width:160px;
	height:20px;
	color:#84919C;
	background-color:#FFFFFF;
}
#social p {
	margin:0px;
	padding:0px;
	vertical-align:bottom;
	font-size:11px;
}
#social a {
	text-decoration:underline;
	outline:none;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}
#social a:hover,
#social a:focus {
	color:#FF4400;
}
#leftnav ul,
#leftnav li {
	list-style:none;
	margin:0px;
	padding:0px;
	border:none;
	font-weight:bolder;
	font-size:12px;
}
#leftnav li a {
	display:block;
	width:160px;
	padding:5px 0px 5px 0px;
	color:#000000;
	background-color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#leftnav li a:hover,
#leftnav li a:focus {
	border-bottom-color:#87949F;
	border-top-color:#87949F;
	color:#FF4400;
}
#leftnav li a:hover.noTopBorder,
#leftnav li a:focus.noTopBorder {
	border-top-color:#FFFFFF;
}
#leftnav ul ul,
#leftnav li li {
	list-style:none;
	margin:0px;
	padding:0px;
	border:none;
	font-weight:lighter;
}
#leftnav li li a {
	display:block;
	width:160px;
	padding:5px 0px 5px 0px;
	color:#84919C;
	background-color:#FFFFFF;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #84919C;
}
#leftnav .borderTopBlack {
	border-top:solid 1px #000000;
}
#leftnav .borderBottomBlack {
	border-bottom:solid 1px #000000;
}
#leftnav .borderTopGray {
	border-top:solid 1px #84919C;
}
#leftnav .borderTopWhite {
	border-top:solid 1px #FFFFFF;
}
#leftnav li li a:hover,
#leftnav li li a:focus {
	color:#FFFFFF;
	background-color:#84919C;
	border-bottom-color:#84919C;
	border-top-color:#84919C;
}
#leftnav a#currentMain, 
#leftnav a#currentMain:hover, 
#leftnav a#currentMain:focus  {
	background-color:#FF4400;
	color:#FFFFFF;
	margin:0px;
	border-top-color:#FF4400;
	border-bottom-color:#FF4400;
}
#leftnav a#currentSub, 
#leftnav a#currentSub:hover, 
#leftnav a#currentSub:focus {
	background-color:#84919C;
	color:#FFFFFF;
	border-top-color:#84919C;
	border-bottom-color:#84919C;
}
/*structure — maincontent area*/
#contentWrapper {
	float:left;
	width:770px;
	height:auto;
	margin:0px;
	border:0px; 
	color:#84919C;
	background-color:#FFFFFF;
}
/*header*/
#miniheader {
	width:770px;
	height:15px;
	padding-bottom:5px;
	font-size:11px;
	background-color:#FFFFFF;
}
#miniheader ul.left {
	float:left;
	display:inline;
	list-style:none;	
	text-align:left;
}
#miniheader ul.right li {
	display:inline;
	list-style-type:none;
	border:none;
	padding:0px 10px 0px 10px;	
}
#miniheader ul.right {
	float:right;
	display:inline;
	list-style:none;	
	text-align:right;
}
#miniheader ul.right li {
	display:inline;
	list-style-type:none;
	border-right:solid 1px #84919C;
	padding:0px 10px 0px 10px;
}
#miniheader ul.right li.noBorder {
	border:0px;
	padding:0px 0px 0px 5px;
}
#miniheader ul.right li a { 
	color:#84919C;
	text-decoration:underline;
}
#header {
	clear:both;
	float:left;
	width:770px;
	height:60px;
	padding:0px;
	border-top:solid 1px #84919C;
	border-bottom:solid 1px #84919C;
	background-color:#FFFFFF;
	font-size:11px;
}
#header img { 
	padding:13px 0px 13px 0px;
	border:0px;
	margin:0px;
}
#header a  {
	padding:0px;
	border:0px;
	margin:0px;
}
/*structure — content area flash*/
#content_swfs {
	clear:both;
	position:relative;
	float:left;
	width:770px;
	height:500px;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:left;
	vertical-align:top;
	color:#84919C;
	background-color:#FFFFFF;
}
#content_swfs #flashcontent {
	position:absolute;
	top:0px;
	left:0px;
	width:770px;
	height:500px;
	color:#84919C;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border:none;
}
#flashContent object { 
	display:block!important;
	border:none;
	outline:none;
	margin:0px;
	padding:0px;
 }
object { 
	outline:none!important;
	border:none;
	margin:0px;
	padding:0px;
}
#alternativeContent  {
	float:left;
	width:770px;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:left;
	vertical-align:top;
	background:transparent;
	color:#000000;
	overflow:scroll;
}
/*structure — content area text*/
#content {
	clear:both;
	position:relative;
	float:left;
	width:653px;
	height:auto;
	padding:50px 0px 0px 0px;
	margin:0px;
	border:0px; 
	color:#84919C;
	background-color:#FFFFFF;
	font-size:12px;
}
#content.fixedHeight {
	height:450px;
}
#content a {
	text-decoration:underline;
	color:#84919C;
}
#content a:hover,
#content a:focus{
	color:#FF4400;
}
/*structure — scrolling content*/
#content div#holder { 
	float:left;
	width:750px;
	height:400px;/*should be same as wn1*/
	padding:0px;
	overflow:hidden!important; 
} 
div#wn { 
	position:absolute;
	left:0px;
	top:50px;
	width:750px;/*should be same width than holder1*/
	height:400px;/*should be same as holder1*/
	padding:0px;
	overflow:hidden!important;	
}
div#lyr {
	position:absolute;
	top:0px;
	left:0px;
	width:715px;/*should be 20px -- to account for arrow image widths -- + left and right padding LESS than holder1 and wn1*/
	padding:0px 15px 15px 0px;
	visibility:visible;
	overflow:hidden!important;
}
div#lyr .content {
	position:absolute;
	top:0px;
	left:0px;
	width:715px; 
	visibility:hidden;
	overflow:hidden!important;
}
div#lyr .content .boldText {
	font-weight:bold;
}
div#scrollbar { 
	position:relative; 
	float:right;
	vertical-align:top;
	height:399px;/*should be same as holder1 and wn1 less 1px*/
	visibility:visible;
	width:20px; /*keep this the same width as arrow images*/
	font-size:1px;
	padding:0px;
	margin:0px; 
	z-index:2;
	background-color:#CED3D7;/*can be the color of the general background or separate*/
 }
div#scrollbar { 
    display:block; /* initially display:none; to hide from incapable */
}
div#scrollbar img {
    display:block; /* so no gap or misplacement due to image vertical alignment [1]*/
}  
div#track { 
 	position:relative; 
	text-align:center;
	width:1px;
	height:379px;/*should be about 19 to 20 px less than scrollbar height*/
	margin-left:9px;
	margin-right:9px;
	padding:0px;
	background:#84919C;/*this is the thin veritcal line next to drag bar*/
	z-index:1;
  }
div#dragBar {
	position:relative;
	text-align:center;
	vertical-align:top; 
	width:5px; 
	padding:0px;
	margin:0px;
	z-index:4;
	background-color:#84919C;/*actual drag bar*/
}   
div#up { 
	position:absolute; 
	left:0; 
	top:0;
	z-index:5; /*to bring arrows in front of drag bar*/
}  
div#down { 
	position:absolute; 
	left:0; 
	bottom:0;
	z-index:5; /*to bring arrows in front of drag bar*/ 
}
#extra_controls { 
    display:block; /* initially display:none; to hide from incapable */
    }
/*contact form*/
#contactFormContainer {
	float:left;
	width:630px;
	height:auto;
	padding:0px;
	color:#84919C;
	background-color:#FFFFFF;
	font-weight:normal;
}
#contactFormContainer p {
	clear:both;
	display:block;
	text-align:left;
	vertical-align:top;
	padding:0px 0px 5px 117px;
	font-weight:normal;
	width:630px;
	color:#84919C;
	background-color:#FFFFFF;
}
#contactFormContainer .message {
	float:left;
	display:block;
	width:400px;
	height:auto;
}
.message p {
 	margin-top:10px;
 }
.warning {
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FF4400;
}
#feedback {
	color:#84919C;
	background-color:#FFFFFF;
	font-weight:normal;
	font-family:"Helvetica Neue", sans-serif;
}
#feedback .formbox{
	color:#000000;
	background-color:#FFFFFF;
	font-weight:normal;
}
#feedback .warning {
	font-weight:normal;
	color:#FF4400;
}
#feedback .thankyou {
	font-weight:normal;
	color:#FF4400;
}
#feedback label {
    font-weight:normal;
	width:630px;
	margin:0px;
	padding:0px;
	color:#84919C;
	background-color:#FFFFFF;
}
#feedback input { 
	width:630px;
	margin:0px;
	border:solid;
	border:solid 1px #84919C;
	color:#000000;
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}
#feedback textarea {
	width:630px;
	margin:0px;
	border:solid 1px #84919C;
	font-family:"Helvetica Neue", sans-serif;
	font-weight:normal;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	text-align:left;
	vertical-align:middle;
	color:#000000;
}
#feedback textarea.leftAlign {
	text-align:left;
}
#feedback .options {
	width:630px;
	margin:0px;
	color:#84919C;
	background-color:#FFFFFF;
	border:none;
}
#feedback .optionsSelect {
	width:630px;
	border:solid 1px #84919C;
	color:#84919C;
	background-color:#FFFFFF;
	font-family:"Helvetica Neue", sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}
#feedback .submitbutton {
	margin:0px;
	padding:0px;
	width:120px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	color:#84919C;
	background-color:#FFFFFF;
}
#feedback br {
	clear:left;
}
#feedback noPadding{
	padding:0px;
}
#addressText {
	clear:both;
	float:left;
	width:400px;
	height:auto;
}
#addressText a {
	color:#FF4400;
	text-decoration:underline;
}
#addressText a:hover,
#addressText a:focus {
	color:#84919C;
	text-decoration:underline;
}
/*footer*/
#footer {
	clear:both;
	float:left;
	width:970px;
	height:auto;
	background-color:#FFFFFF;
	margin-top:15px;
	padding:0px 0px 5px 0px;
	font-size:11px;
}
#footer div#footerRule {
	float:left;
	display:block;
	width:770px;
	height:1px;
	margin:0px 0px 5px 200px;
	border-top:solid 1px #D4D8DC;
}
#footer #footerContentWrap {
	float:left;
	display:block;
	width:770px;
	margin:0px 0px 5px 200px;
	background-color:#FFFFFF;
}
#footerContentWrap ul {
	clear:both;
	float:left;	
	display:inline;
	list-style:none;
	margin:0px;
}
#footer ul li {
	display:inline;
	list-style-type:none;
	border-right:solid 1px #84919C;
	padding:0px 10px 0px 10px;
}
#footer ul li.noBorder {
	border:0px;
	padding:0px 0px 0px 5px;
}
#footer ul li.noPadLeft {
	padding-left:0px;
}
#footer ul li a {
	text-decoration:none;  
	color:#84919C;
	background-color:#FFFFFF;
	font-size:11px;
	outline:none;
	text-decoration:underline;
	text-align:right;
}
#footer ul li a.black {
	text-decoration:none;  
	color:#000000;
	background-color:#FFFFFF;
	font-size:11px;
	outline:none;
	text-decoration:underline;
	text-align:right;
}
#footer ul li a#currentSitemap {
	background-color:#FF4400;
	color:#FFFFFF;
}
#footer ul li a:focus,
#footer ul li a:hover,
#footer ul li a.black:hover,
#footer ul li a.black:focus {
	color:#FF4400;
}
#footerContentWrap #mysharebutton {
	float:left;
	padding-left:10px;
	margin:0px;
}
#mysharebutton a {
	color:#84919C;
	text-decoration:underline;
	padding:0px;
	margin:0px;
}
#mysharebutton a:hover,
#mysharebutton a:focus {
	color:#FF4400;
}
#footer .clear {
	clear:right;
	float:right;
}
#footerContentWrap ul.descriptor {
	clear:both;
	float:left;	
	display:inline;
	list-style:none;
	margin-top:15px;
}
#footer ul.descriptor li {
	display:inline;
	list-style-type:none;
	color:#B5BDC4;
	border:0px;
	padding:0px 10px 0px 0px;
}
#footer ul.descriptor li a {
	test-decoration:underline;
	color:#B5BDC4;	
}
#footer ul.descriptor li a:hover,
#footer ul.descriptor li a:focus {
	test-decoration:underline;
	color:#84919C;	
}
/*google map*/
#content #mapHolder {
	position:absolute;
	left:0px;
	top:50px;
	width:400px;
	height:300px;
	padding:0px;
	margin:0px;
	text-align:left;
	vertical-align:top;
	color:#84919C;
	background-color:#EDEEF0;
}
#content #mapText {
	position:absolute;
	left:415px;
	top:50px;
	margin:0px;
	width:300px;
	height:200px;
}
#content #mapText p {
	padding:0px;
	margin:0px;
	text-align:left;
	vertical-align:top;
	color:#FF4400;
}
/*typography*/
p, dt, dl, dd, h1 {
	font-family:"Helvetica Neue", sans-serif;
	font-size:13px;
	line-height:16px;
	letter-spacing:normal;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	color:#84919C; 
	vertical-align:top;
	text-align:left;
	margin:0px;
	border:none;
}
#content h1 {
	font-weight:bold;
	color:#FF4400;
	padding:5px 0px 5px 117px;
	margin:0px;
	border-top:solid 1px #84919C;
	border-bottom:solid 1px #84919C;
}
#content p {
	padding:0px 0px 0px 117px;
	margin:5px 0px 5px 0px;
}
#content p.thankyou {
	color:#FF4400;
	margin-top:0px;
	vertical-align:top;
}    
#content ul {
	list-style:none;
	padding:0px 0px 0px 117px;
	margin:0px;
	font-size:13px;
}
#content ul li {
	list-style:none;
	padding:0px;
	margin:10px 0px 0px 0px;
}
#content ul li.arrows {
	list-style:none;
	padding:0px 0px 0px 20px;
	background:url(../i/gray_arrow.gif) no-repeat 2px 4px;
	margin-bottom:5px;
}
#content ul li ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#content ul li ul li {
	padding:0px 0px 0px 20px;
	margin-bottom:5px;
}
#content ul li ul li.arrows {
	padding:0px 0px 0px 20px;
	background:url(../i/gray_arrow.gif) no-repeat 2px 2px;
	margin-bottom:5px;
}
/*about section — recognition*/
#text {
	width:710px;
	padding:0px;
	margin:0px;
	border:none;
}
#text td.head {
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:0px;
}
#text td.dateCol {
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	padding:5px 0px 5px 117px;
}
#text td.textCol {
	text-align:left;
	vertical-align:top;
	padding:5px 0px 5px 10px;
	margin:0px;
}
#text td.padBottom10 {
	padding-bottom:10px;
}
/*sitemap div*/
#sitemap {
	width:650px;
	height:auto;
}
#sitemap ul {
	list-style:none;
	padding:0px 0px 0px 117px;
	margin:0px;
	font-size:13px;
}
#sitemap ul li {
	list-style:none;
	padding:0px;
	margin:0px;
}
#sitemap ul li ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#sitemap ul li ul li {
	padding:0px;
	margin:0px 0px 5px 15px;
}
/*all classes*/
#content p.aboutText {
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	margin-bottom:15px;
}
.black {
	color:#000000;
}
.boldText {
	font-weight:bold;
}
.gray15 {
	color:#BBC2C9;
}
.gray65 {
	color:#AEB6BB;
}
.leftAlign {
	text-align:left;
}
.lineSpacer {
	display:block;
	margin:5px 0px 5px 0px;
	width:700px;
	height:3px;
}
.padding_bottom {
	padding-bottom:15px;
}
p.spacerThirty {
	padding:15px 0px 15px 0px;
}
p.spacerTen {
	padding:5px 0px 5px 0px;
}
.red {
	color:#FF4400;
}
.underline  {
	text-decoration:underline;
}
/*miscelllaneous*/
#election {
	float:left;
	width:770px;
	height:450px;
	color:#FFFFFF;
	background-color:#000000;
	padding-top:50px;
	margin:0px;
	border: 0px;
	text-align:center;
	vertical-align:middle;
}
#contentPHL {
	clear:both;
	position:relative;
	float:left;
	width:770px;
	height:450px;
	margin:0px;
	border:0px; 
	padding-top:50px;
	color:#FFFFFF;
	background-color:#FF0000;
	text-align:center;
	vertical-align:middle;
}
#contentPHL h1 {
	text-align:left;
	padding-top:150px;
	margin:0px;
	font-family:"Helvetica Neue", sans-serif;
	font-size:72px;
	line-height:normal;
	font-weight:lighter;
	color:#FFFFFF;
	background-color:#FF0000;
}
/*css image rollover*/
div#photo {
	position:absolute;
	top:45px;
	left:785px;
	width:350px;
	height:350px;
	z-index:100;
	}
div#photo img {
	display:none;
}