@import "reset.css";
@import "elements.css";

/**********************/
/*   GENERAL STYLES   */
/**********************/

html, body { margin:0; padding:0; height:100%; font-family: Helvetica, Arial, Verdana, sans-serif; }

h1, h2, h3, h4, h5, h6{ font-family: Helvetica, Arial, Verdana, sans-serif; }
h2.longTitle { font-size: 22px; }

table, th, td, dl, dt, dd, ul, li, p, label, input, select, textarea{ font-size: 14px; }

p{ line-height: 1.2em; }
p.clear { clear: both; }
p.right{ text-align: right; }
img.right{ float: right; }

blockquote{ margin: auto 25px; font-style: italic; line-height: 1.2em; }
ul, ol { margin-left: 30px; }
a, a:link { color: #0a3a5e; }
a:visited, a:hover { color: #3687c1; }
a.bookmark { text-decoration: none; display: none; }

table { border-top: 1px solid #000!important; border-left: 1px solid #000!important; }
table td, table th { border-bottom: 1px solid #000!important; border-right: 1px solid #000!important; }
table.borderless { border: 0!important; }
table.borderless td, table.borderless th { border: 0!important; }

/**************************/
/*   GLOBAL SITE STYLES   */
/**************************/

div#wrap{ width: 100%; margin: 0; padding: 0; position:relative; background: #FFFCDF url(/media/4979/yellow_strip_bg.jpg) top repeat-x; }
#outerContainer { width: 1000px; background: url(/media/4985/phs_shadow_bg.jpg) top left repeat-y; margin: 0 auto; }
div#container{ width: 1000px; margin: 0 auto; }

div#contentSection{ overflow: hidden; width: 980px; margin: 0 auto; }

div#centeredContent { width: 815px; overflow: hidden; margin: 0 auto; }

div#footer{ clear: both; background: url(/media/18435/phs_footer_bg.jpg) bottom left no-repeat; padding-bottom: 20px; }
	div#footer p{ text-align: center; font-size: 12px; }

#commemorations div#footer { background: url(/media/20098/comm_footer_bg.jpg) bottom left no-repeat; padding: 0 0 13px; }
	#commemorations div#footer p { margin: 0 0 6px; }
/**********************/
/*   HISTORIC SITES   */
/**********************/

div#header{ background: url(/media/4232/phs_header.jpg) top left no-repeat; color: #FFF; overflow: hidden; padding: 10px 0; height: 110px; width: 1000px;  margin: 0 auto; }
	#header #titles { width: 570px; height: 60px; float: left; margin-left: 30px; margin-top: 30px; }
		#header #titles h1 a { display: block; width: 100%; height: 100%; }
	#header #titles { width: 570px; height: 60px; float: left; margin-left: 30px; margin-top: 30px; }
	#header #titles h2 { margin-top: 20px; }
	#header p#NLLogo { display: block; width: 150px; height: 80px; float: right; margin: 0 35px 0 0; }
	#header p#NLLogo a { display: block; width: 100%; height: 100%; text-decoration: none; }

#leftColumn{ display: none; width: 135px; padding: 0 15px 10px 10px; float: left; overflow: hidden; min-height: 600px; }
	#leftColumn .mainPageBlogPost{ padding: 2px; }
		#leftColumn .mainPageBlogPost p.postDescription { font-size: 12px; }
	#leftColumn h3 { text-align: center; color: #fff; background: #032e50; font-size: 14px; line-height: 20px; }
	#leftColumn h4 { color: #133F6D; background: #FFDD81; text-align: left; font-size: 13.4px; padding: 6px 10px; margin-bottom: 10px; border: 1px solid #000; overflow: hidden;}
		#leftColumn h4 span { display: block; float: right; text-align: right; font-style: italic; padding-top: 6px; font-size: 10px; font-weight: normal; width: 100%; }
		#leftColumn h4 a { display: block; text-decoration: none; color: #000; }
		#leftColumn h4.whatsNew { margin-top: 0; padding: 15px 6px; background: #49aa42; border: 0; text-align: center; font-style: italic; font-size: 16px; }
		#leftColumn h4.whatsNew a { color: #FFF; }
	#leftColumn h5 { font-size: 14px; padding-bottom: 0; }
		#leftColumn h5 a { color: #000; text-decoration: none; }
			#leftColumn h5 a:hover { text-decoration: underline; }
	#leftColumn p.postDescription { margin-top: 0; }
	p.readMore { text-align: right; }
		p.readMore a { color: #49aa42; text-decoration: none; font-size: 15px; font-weight: bold; }
		p.readMore a span { color: #FFF; background-color: #49aa42; padding: 0 2px 0 4px;}


div#midColumn{ width: 560px; float: left; overflow: hidden; }
	#midColumn h2 { color: #48ab41; margin: 6px; line-height: 40px; position: relative; }
		#midColumn h2 span.communityName { display: block; float: right; color: #999; font-size: 17px; position: relative; top: 19px; padding: 0; line-height: 1em; }
	div#midColumn #mainContent { padding: 0 10px; overflow: hidden; border-left: 2px solid #F2A927; } /*background: url(/media/5268/middle_column_left_line.jpg) left repeat-y; */
		div#midColumn #mainContent p, div#midColumn #mainContent ul li, div#midColumn #mainContent ol li { line-height: 20px; margin-left: 20px; margin-right: 20px; }
	div#midColumn ol li { line-height: 1.3em; padding-bottom: 7px; }

#midColumn #siteWideLinks { color: #AD4202; font-size: 14px; font-weight: bold; line-height: 26px; padding: 0 0 6px; border-left: 2px solid #F2A927; overflow: hidden; float: right; width: 550px; background: url(/media/32543/phs-menu-underline.jpg) bottom repeat-x; text-align: right; }
	#midColumn #siteWideLinks a { padding: 5px 10px; text-decoration: none; }
		#midColumn #siteWideLinks a:hover { color: #AD4202; text-decoration: none; }
	#midColumn #siteWideLinks ul {display: inline; float: right; background: #F2A927; padding: 0 10px; }
		#midColumn #siteWideLinks ul li { list-style:none; display:inline; margin-right: 0!important; }
			#midColumn #siteWideLinks ul li a { color: #083456; font-size: 15px;}
		#midColumn #siteWideLinks ul li.square { font-size: 22px; color: #032e50; }
		#midColumn #siteWideLinks ul li.blank { padding: 0 5px; background: #FFF; }

#rightColumn{ width: 245px; padding: 0 5px; float: left; overflow: hidden; min-height: 550px; }
#rightColumn h4 { clear: left; }
#rightColumn h3.facebook { text-align: center; color: #fff; background: #032e50; font-size: 14px; line-height: 20px; width: 235px; float: right; margin-top: 5px; }
#rightColumn iframe { margin-left: 10px; }
#rightColumn p#visitCommem { clear: left; }
#rightColumn p#visitCommem a img { display: block; overflow: hidden; margin-left: 10px; }

/**********************/
/*   COMMEMORATIONS   */
/**********************/

body#commemorations{ height:100%; background: #FFFCDF; }
#commemorations #wrap { position:relative; background: url(/media/5320/yellow_strip_bg.jpg) top repeat-x; }
#commemorations #outerContainer { width: 1000px; background: url(/media/1148/comm_shadow_bg.jpg) top left repeat-y; }
#commemorations #container { width: 1000px; padding-bottom: 30px; min-height: 100%; overflow: hidden;}
#commemorations div#contentSection{ width: 980px; }

#commemorations #header{ background: url(/media/5326/comm_header.jpg) top left no-repeat; height: 141px; width: 100%; }
#commemorations #header #titles { width: 50%; margin: 0 0 0 20px; }
	#commemorations #header #titles h1 { width: 290px; height: 113px; font-size: 10px; }
	#commemorations #header #titles h1 a { display: block; width: 100%; height: 100%; position: relative; text-decoration: none; }
	#commemorations #header p#NLLogo { display: block; width: 160px; height: 85px; float: right; margin: 10px 45px 0 0; }
	#commemorations #header p#NLLogo a { display: block; width: 100%; height: 100%; text-decoration: none; }

#commemorations #contentSection { height: 100%; }

#commemorations div#leftColumn{ display: block; width: 150px; padding: 16px 10px 10px; border-top: 2px solid #F2A927; margin: 0 0 0 1px; background: url(/media/5338/left_column_red_top.jpg) top left repeat-x; }
	#commemorations #leftColumn h4 { font-size: 14px; }
	#commemorations #leftColumn h5 { margin-bottom: 3px; }
	#commemorations #leftColumn h5 a { color: #000; }
	#commemorations #leftColumn p.readMore a { color: #AD4202; text-decoration: none; font-size: 15px; font-weight: bold; }
	#commemorations #leftColumn p.readMore a span { color: #FFF; background-color: #AD4202; padding: 0 2px 0 4px; }

#commemorations #midColumn { padding: 0; width: 583px; background: none;}
	#commemorations #midColumn #mainContent {width: 560px; background: none; border-left: 2px solid #F2A927; min-height: 620px; height:auto !important; height:615px; padding-bottom: 20px; }
	#commemorations #midColumn h2 { color: #7F1E0E; background: url(/media/5314/comm_title_underline.jpg) bottom left no-repeat; margin-bottom: 10px; font-size: 25px; line-height: 28px; }
	#commemorations #midColumn h3 { color: #7F1E0E; font-size: 20px; }

#commemorations #rightColumn {  width: 204px; padding: 0 10px;}
	#commemorations #rightColumn #designationButtons a { margin: 10px 0 10px 10px; display: block; padding: 15px 0 15px 5px; width: 174px; position: relative; background: url(/media/6003/comm_right_button_bg.png) repeat; text-decoration: none; text-align: left; font-weight: bold; font-size: 15px; color: #FFF;}
	#commemorations #rightColumn #designationButtons a:hover { background: url(/media/6009/comm_right_button_bg_on.png) repeat; }
	#commemorations #rightColumn #designationButtons a span { display: block; width: 12px; height: 22px; float: left; color: #EB7F00; }
	#commemorations #rightColumn p { color: #EE8F0F; margin-left: 0; font-weight: bold; }
		#commemorations #rightColumn p#programName{ font-size: 16px; }
		#commemorations #rightColumn p#programNameBlurb { font-size: 13px; padding-right: 0; }

	#commemorations #rightColumn #visitPHS { width: 153px; height: 71px; margin: 0 10px; background-color: #0A4066; padding: 20px 13px 20px; float: left; }
	#commemorations #rightColumn #visitPHS a { display: block; width: 153px; height: 71px; position: relative; }
	#commemorations #rightColumn #visitPHS a span { position: absolute; width: 100%; height: 100%; background: url(/media/5350/visit_phs_button.jpg) top left no-repeat; }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h3 {
color: #0A3A5E;
font-size: 20px;
}

h4 {
font-weight: bold;
color: #000;
font-size: 16px;
}