/* FYI -- Color values
main bg - d2d9c3
body bg - e8eedb
headers, links - 9e380a
text - 333333
lines on body bg - bbbfb1
*/

@media screen {

	/*************** CSS Reset ******************************************************************************************/
	
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
	table {border-collapse:collapse;border-spacing:0;}
	fieldset,img {border:0;}
	address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
	ol,ul {list-style:none;}
	caption,th {text-align:left;}
	h1,h2,h3,h4,h5,h6 {font-weight:normal;}
	q:before,q:after {content:'';}
	abbr,acronym {border:0;}
	body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:71%;height:100%; color:#000;}

	/*************** Global Element Styles ******************************************************************************************/	

		/*---------- Links  ----------*/
		body a {color:#598527; text-decoration:underline;
		background-color:#c4df9c;}
		body a:hover {background-color:#d2efa6; text-decoration:none;}
		
		/*---------- Tables ----------*/
		th, td {text-align:left; padding:5px; border-bottom:1px solid #fff; vertical-align:top;}
		th {vertical-align:bottom;font-weight:bold}
		.layout td {border:none;}
		.layout td td {border-bottom:1px solid #fff; }

		/*---------- Headings ----------*/
		h1 {font-size:2.5em; color:#9e380a;  font-weight:bold;}
		h2 {font-size:1.8em; font-style:italic; color:#fff;  padding-bottom:.3em;font-weight:bold;}
		h3 {font-size:1.4em; font-style:normal; color:#fff;  padding-bottom:.5em;font-weight:bold;font-style:italic;}
		h4 {font-size:1.1em; font-style:normal; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-weight:bold;margin-top:1em;}
		h5 {font-size:1.em;font-weight:bold;}
		h6 {font-size:1em;font-weight:bold;}
		.accessibility {display:none;}	
		
		legend {font-size:1.4em;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}

		/*---------- Paragraph ----------*/
		p {line-height:1.25em; margin-bottom:.75em;}
		li {line-height:1.25em; margin-bottom:.25em; list-style:none; background:url(/_images/preservationweek/bullet.gif) 5px 5px no-repeat; padding-left:20px;}
		ul {margin-top:.25em; }


	/***************** Wigets ******************************************************************************************/
	
		/*---------- generic multi-columns ----------*/
		.twoColumn1, .twoColumn2 {position:relative; float:left; width:48%; display:inline;}
		.threeColumn1, .threeColumn2, .threeColumn3 { float:left; width:30%;display:inline;}

	/*************** Global Page Structure ******************************************************************************************/	

	body { 
		/*background-color:#d2d9c3;*/
		background:url(/_images/preservationweek/background-new.jpg) repeat-x #c4df9b;
	}
	#pageContainer {
		width:855px;
		position:relative;
		margin-right:auto;
		margin-left:auto;		
		text-align:left;
	}
	#link-home {position:absolute; height:72px; width:400px; display:block; left:0px; top:0px;}
	#link-home:hover {background:none} 
	
		/*---------- Header Minimenu ----------*/
		#minimenu {
			width:100%;
			overflow:hidden;
			padding-top:15px;
			margin-bottom:15px;
		}
		#minimenu ul {
		}
		#minimenu li {
			float:right;
			/*border-right:1px solid #9e380a;*/
			margin-bottom:0px; background:none; padding:0px;
			display:inline;
		}
		#minimenu li a {
			color:#598527;
			padding:0px 7px 0px 7px;
			text-decoration:underline;
			background:transparent;
		}
		#minimenu li a:hover {
			color:#000;
			background:transparent;
		}
		#minimenu li.lastItem {
			border:none;
		}
	/*************** Global Page Structure ******************************************************************************************/	
	
	#mainmenu {
		float:right;
		width:855px;
		overflow:hidden;
		padding-top:5px;
		position:relative;
	}
	#mainmenu ul {margin-top:0px; float:right;}
	#mainmenu li {
		display:inline;
		margin-left:0px;
		margin-bottom:0px; 
		background:none;
		padding:0px;
	}/*
	#mainmenu li li {display:none;}
	#mainmenu li#household-btn {background:url(/_images/subpage/menuBtn-Household.gif) no-repeat; padding-left:15px;}
	#mainmenu li#heritage-btn {background:url(/_images/subpage/menuBtn-Heritage.gif) no-repeat; padding-left:21px;}
	#mainmenu li#toolkit-btn {background:url(/_images/subpage/menuBtn-Toolkit.gif) no-repeat; padding-left:23px;}
	#mainmenu li#ecohouse-btn {background:url(/_images/subpage/menuBtn-EcoHouse.gif) no-repeat; padding-left:16px;}
	#mainmenu li#education-btn {background:url(/_images/subpage/menuBtn-Education.gif) no-repeat; padding-left:21px;}
	*/
	#mainmenu li a {
		text-decoration:none;
		padding:1px;
		color:#c4df9b;
		border-right:1px solid #c4df9b;
		padding:0px 10px 0px 10px;
		display:block;
		float:left;
		background:transparent;
	}
	#mainmenu li a:hover {
		color:#fff;
		text-decoration:none;
		background:transparent;
	}
	#mainmenu li.last a {
		border-right:none;
		padding:0px 0px 0px 12px;
		}
	/*************** Home Page Structure ******************************************************************************************/	

		/*---------- Home Header  ----------*/
		#home #pageContainer {
			background:url(/_images/preservationweek/header.jpg) no-repeat;
		}
		#home #menuBar {
			width:855px;
			height:50px;
			clear:both;
			position:relative;
		}
		#home #header {
			position:relative;
			padding-top:0px;
			padding-left:455px;
			height:250px;
			width:400px;
		}	
		#home #titleBlock h1 a {
			width:400px;
			height:220px;
			display:block;
			padding-top:30px;
		background:transparent;
		}
		#home #titleBlock h1 a:hover {
			background:transparent;
		}
		#home #titleBlock h1 a span, #home #titleBlock h2 {display:none;}
		#home #intro {
			position:relative;
			font-size:1.1em;
			margin-left:300px;
			margin-top:15px;
		}
		#home #intro p {
			line-height:1.5em;
		}
		#home #news {
			float:right;
			width:168px;
			margin-left:10px;
		}
		#home #news img {padding-bottom:15px;}
		#home #poster {
			width:350px;
			padding-top:15px;
			position:relative;
			overflow:hidden;
		}
		#home #poster img {
			float:left;
			padding-right:10px;
		}
		#home #mainmenu .sub-only {display:none;}
	/*************** Subpage Structure ******************************************************************************************/	
		.sub #pageContainer {
			background:url(/_images/preservationweek/background-sub.jpg) no-repeat;
			position:relative;
		}
		.sub #menuBar {
			width:855px;
			position:relative;
			height:75px;
		}
		.sub #content {
			padding-left:350px;
			width:505px;
			position:relative;
		}
		.sub #content p {line-height:1.5em; margin-bottom:.75em; font-size:1.1em;}
		.sub #minimenu {
			position:relative;
			width:277px;
			height:6em;
			padding-top:0px;
			margin-bottom:0px;
			top:-5.5em;
		}
		.sub #minimenu li {
			display:block;
			float:none;
			clear:both;
		}
		.sub #minimenu a {
			font-size:.9em;
			text-align:center;
			float:none;
			display:block;
			width:277px;
		}
		
	.sub .twoColumn1 {position:relative; float:left; width:250px; display:block; padding-bottom:15px;}
	.sub .twoColumn2 {position:relative; float:left; width:255px; display:block; padding-bottom:15px;}
	
	.sub h2 {clear:both;}
	
	/*************** Subpage Structure ******************************************************************************************/	
	.sub #placeMatters {width:505px; border-top:1px solid #fff;}
	.sub #placeMatters tr {border-bottom:1px solid #fff;}
	.sub #placeMatters .place-img {width:150px; height:150px;}
	.sub #placeMatters .place-description {height:150px; vertical-align:middle; font-size:1.2em; width:335px;}
	
	/*************** Poster ******************************************************************************************/	
	#artistStatement {
		position:absolute;
		top:200px;
		left:0px;
		width:275px;
	}
	.sub#poster #minimenu {
			margin-left:350px;
			position:relative;
			width:505px;
			height:6em;
			padding-top:20px;
			margin-bottom:0px;
			top:0px;
	}
	.sub#poster #minimenu a {
			font-size:.9em;
			text-align:center;
			float:none;
			display:block;
			width:485px;
	}
	/*************** Links ******************************************************************************************/	
	#links #linksContent {
		border:2px solid #598526;
		padding:10px;
		background-color:#c4df9c;
	}
}