@charset "utf-8";
/* PHILA GOV TYPOGRAPHY  */

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
Typography
	- usage
	- HTML block elements: styling
	- custom PhilaGov elements: styling
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
*/




/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
HTML Block Elements
	RULES FOR USE
		h1 - Page Title (one h1 per page)
		h2 - Page / Section Teaser Titles
		h3 - Section subheadings
		h4 - Widget Headings / Titles
		h5 - 
		h6 - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
*/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; line-height:16px; color:#333333; text-align:left;
	
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:subpixel-antialiased;
	font-smoothing:antialiased;
	font-smooth:always;
}
::selection { background:#254a78; color:#ffffff; }
::-moz-selection { background:#254a78; color:#ffffff; }


/* ROCKWELL */
@font-face {
   font-family: 'Rockwell';
   src: url('/Style%20Library/Fonts/rock-webfont.eot');
   src: url('/Style%20Library/Fonts/rock-webfont.eot?#iefix') format('embedded-opentype'), 
   url('/Style%20Library/Fonts/rock-webfont.woff') format('woff'),
        url('/Style%20Library/Fonts/rock-webfont.ttf') format('truetype'),
        url('/Style%20Library/Fonts/rock-webfont.svg#RockwellRegular') format('svg');
}
   
   
   
   
   

h1, h2, h3, h4, h5, h6 { font-family: "Rockwell", "Times New Roman", Times, serif; padding:3px 0px; margin:3px 0px;
/* CUSTOM PROPERTIES FOR FONT RENDERING */
-webkit-font-smoothing:subpixel-antialiased !important;
font-smoothing:antialiased;
font-smooth:always !important;
}
h1, h4 { color:#3661a2; }
h2, h3, h5, h6 { color:#333333; }

h1 { font-size:30px; line-height:32px;
/* text-shadow: 0px 1px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=0, offy=1);*/
/* For use as PageTitle ONLY */
}
h2 { font-size:21px; line-height:24px; font-weight:normal !important; }								/* For use as section Teaser Titles ONLY */
h3 { font-size:17px !important; line-height:21px; color:#333333; font-weight:normal !important; }	/* For use as section sub-headings ONLY */
h4 { font-size:18px !important; line-height:22px; font-weight:normal !important; }					/* For use as widget headings ONLY - can be SUB-CLASSED for color/style */
h5, 
.ms-WPBody h5 { font-size:14px; line-height:18px; font-weight:bold; font-style:normal; color:#333333; display:block; margin:0px 0px 5px 0px; }
h6 { font-size:12px;}

h1 a,
h2 a,
h3 a { color:#3661a2; text-decoration:none; }

h1 a:hover,
h2 a:hover,
h3 a:hover { color:#333333; text-decoration:underline; }


p > a { 
	color:#3661a2; 
	text-decoration:none; 
}

p > a:hover { 
	color:#333333; 
	text-decoration:underline;
}

.page > p, .page p { 
	padding:0px; 
	margin:0px 0px 12px 0px; 
	 
	 max-width:708px; /*max width for body of text within page is ten units ~ 465px*/
	_width:465px;
	*width:465px;
	_float:465px;
	*float:465px;
	
} 
a { color:#3661a2; text-decoration:none; }
a:hover { color:#333333; text-decoration:underline; }

blockquote {}
form {}
pre {}
table {}
object {}
script { margin:0px; padding:0px;}
ul {}
li {}


/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
	PAGE TITLE WIDGET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
*/
.pageTitle {
	display:block;
	padding:0px;
	margin: 5px 0px;
	height:auto;
	font-family:Rockwell, Times New Roman, serif;
	font-size:32px;
	line-height:30px;
	color:#254a7e;
}

.pageTitle h1 {
	display: block;
	padding: 0px;
	/* font-weight:bold; -> IS MAKING PAGE TIELS BLURRY */
	font-weight:normal;
	font-style:italic;
	margin:10px 0px 0px 0px;
}