/*  
File: screen.css
Description: Main Style Sheet
Site: Soldiers & Sailors
Site URI: http://www.soldiersandsailorshall.org/

Version: 3.0
Date: February 15, 2009
Last Edited: February 22, 2009

Copyright (c) 2009
*/

/* Body
----------------------------------------------------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background: #22261d url(../img/bg.green.jpg) repeat top center;
	text-align: center;
	height: 100%;
}

body#home { background: #22261d url(../img/bg.home.jpg) no-repeat top center; }
body#museum { background: #3f220b url(../img/bg.brown.jpg) repeat top center; }
body#rentals { background: #121b26 url(../img/bg.blue.jpg) repeat top center; }
body#education { background: #550f00 url(../img/bg.red.jpg) repeat top center; }

/**background: #22261d url(../img/bg.home.jpg) no-repeat top center;
body#education { background: #550f00 url(../img/bg.education.jpg) no-repeat top center; }


**/

#bg-top-home	{height: 710px;}
#bg-top-green	{height: 710px;	background: url(../img/bg.top-green.jpg) no-repeat top center;}
#bg-top-brown	{height: 710px;	background: url(../img/bg.top-brown.jpg) no-repeat top center;}
#bg-top-blue	{height: 710px;	background: url(../img/bg.top-blue.jpg) no-repeat top center;}
#bg-top-red	{height: 710px;	background: url(../img/bg.top-red.jpg) no-repeat top center;}

#corner-image		{position: relative; right: -240px; top: 50px; z-index: 0;}
#corner-image-small	{position: relative; right: -300px; top: 60px; z-index: 0;}


/* Header
----------------------------------------------------------------------------------------------------------------*/
#header {
	display: none;
}

/* Container
----------------------------------------------------------------------------------------------------------------*/

#container-home {
	width: 720px;
	margin: 0 auto;
	padding: 0px 0px 200px 15px;
	text-align: left;
	position: relative;
	

}

#container {
	position: relative;
	top: -710px;
	width: 720px;
	margin: 0 auto;
	padding: 0px 0px 0px 15px;
	text-align: left;

}

/* Heading
----------------------------------------------------------------------------------------------------------------*/
#heading {
	margin: 0;
	padding: 0px 0px 0px 10px;
}

	#heading h1, h2 {
		display: block;
		text-indent: -9999em;
		margin:0;
		padding:0;
	}


	#heading h1#news a			{width:171px; height: 44px; background: url(../img/title.news.png) no-repeat 0px 0; color: #c4bf97;}
	#heading h1#gift-shop a			{width:496px; height: 90px; background: url(../img/title.gift-shop.png) no-repeat 0px 0; color: #c4bf97;}
	#heading h1#pathway-schematic				{width:900px; height: 40px; background: url(../img/title.pathway-schematic.png) no-repeat 0 0; color: #c4bf97;}

	#heading h2#yellow-line			{width:533px; margin-left: 8px; border-top: 2px solid #cdb04c; z-index: -1;}
	#heading h2#red-line			{width:422px; margin-bottom: 45px; border-top: 2px solid #540f00;}
	#heading h2#green-line			{width:600px; margin-bottom: 25px; border-top: 2px solid #929f63;}

	#heading p {
		width: 580px;
		font-size: 16px;
		line-height: 20px;
		color: #fdf7d0;
		padding: 0px 0px 0px 0px;
	}


	#museum-heading h1#uniforms a			{width:690px; height: 44px; background: url(../img/title.uniforms.png) no-repeat 0 0; color: #c4bf97;}
	#museum-heading h1#personal-mementos a		{width:690px; height: 44px; background: url(../img/title.personal-mementos.png) no-repeat 0 0; color: #c4bf97;}


/* navigation
----------------------------------------------------------------------------------------------------------------*/
#nav {	
	width: 720px;
	padding: 0px 0px 0px 10px; /* top right bottom left */
	position: relative;
	left: -15px;
}

	
	#nav ul li {
		float: left;
		list-style: none;
	}

	#nav ul li#home 	{padding: 0px 0px 0px 685px; height: 23px; position: relative; top: 10px;}

/* Top Subnav
----------------------------------------------------------------------------------------------------------------*/
#top-subnav {
	height: 40px;
	padding: 20px 0px 10px 0px;
	z-index: 1;
}
	
	#top-subnav ul li {
		float: left;
		list-style: none;
	}

	#top-subnav a {
		display: block;
		text-indent: 0;
	}


/* LeftSubnav
----------------------------------------------------------------------------------------------------------------*/
#left-subnav {
	vertical-align: top;
	width: 200px;
	padding: 0px 10px 0px 15px;
	z-index: 1;
}

#left-subnav p.blurb {
	font-size: 14px;
	font-style: italic;
}

#left-subnav h3 {
	display: block;
	text-indent: -9999em;
	margin:0;
	padding-bottom: 5px;
	height: 24px;
}

	#left-subnav h3#event-areas	{width:180px; background: url(../img/subtitle.event-areas.png) no-repeat 0 0; color: #c4bf97;}
	#left-subnav h3#programs	{width:180px; background: url(../img/subtitle.programs.png) no-repeat 0 0; color: #c4bf97;}


/* Content
----------------------------------------------------------------------------------------------------------------*/
#logo { 
	padding: 0px 0px 20px 0px;
	position: relative;
	top: -20px;
}

#content {
	position: relative;
	top: 80px;
	margin: 0;
	padding: 0px 5px 10px 20px; /* top right bottom left */
	font-size: 16px;
	line-height: 20px;
	color: #c4bf97;
	width: 680px;
}

#content p {
	margin: 0px 20px 12px 0px;
	padding: 0px 0px 0px 0px;
}

	#content .first-letter {
		font-size: 400%;
		color: #6c8332;
		line-height: 50px;
	}
	
	#content .first-letter-red {
		font-size: 400%;
		color: #550f00;
		line-height: 50px;
	}
	
	#content .first-letter-yellow {
		font-size: 400%;
		color: #cdb04c;
		line-height: 50px;
	}

	#content h2 {
		display: block;
		text-indent: -9999em;
		margin:0;
		padding:0;
		height: 40px;
	}

	#content h2#museum			{width:294px; height: 40px; float: right; position: absolute; top: 100px; left: 385px; background: url(../img/title.museum.png) no-repeat 0 0; color: #c4bf97;}
	#content h2#facility-rentals		{width:380px; height: 50px; background: url(../img/title.facility-rentals.png) no-repeat 50px 0px; color: #c4bf97;}
	#content h2#about-us			{width:650px; background: url(../img/title.about-us.png) no-repeat 240px 0; color: #c4bf97;}
	#content h2#events			{width:671px; height: 50px; background: url(../img/title.events.png) no-repeat 250px 0px; color: #c4bf97;}
	#content h2#education			{width:451px; background: url(../img/title.education.png) no-repeat 75px 0; color: #c4bf97;}
	#content h2#donate-support		{width:500px; height: 50px; background: url(../img/title.donate-support.png) no-repeat 0px 0px; color: #c4bf97;}
	#content h2#veterans-military		{width:500px; height: 50px; background: url(../img/title.veterans-military.png) no-repeat 0px 0px; color: #c4bf97;}

	#content h3 {
		color: #fdf7d0;
		font-weight: bold;
		font-size: 20px;
	}

	#content h4 {
		color: #cdb04c;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}

	#content h4#creamtext {
		color: #fdf7d0;
		font-weight: normal;
	}
	
	#content h4#redtext {
		color: #550f00;
	}
	
	#content h4#yellowtext {
		color: #cdb04c;
	}

	#eduText, #eduMainText {
		color: #fdf7d0;
		display: block;
	}
	
	#eduMainText {
		width: 340px;
	}
	
	#eduText ul {
		list-style: square inside;
	}
	#eduText li {
		list-style: square inside;
	}

	#eduText a, #content-long a, #content a {
		color: #fdf7d0;
	}
	#vetHeading {
		color: #939f64;
		font-weight: bold;
	}
	#hov-listHeading {
		color: #939f64;
		font-weight: bold;
		text-align: center;
		padding-bottom: 15px;
	}
	#hov-links {
		color: #939f64;
		font-weight: bold;
		text-align: center;
		padding-bottom: 15px;
	}
	#hov-links a {
		color: #fdf7d0;
		text-decoration:none;
	}
	#hov-links a:hover {
		color: #c4bf97;
		text-decoration:none;
	}
	#hov-links a:visited {
		color: #fdf7d0;
		text-decoration:none;
	}

#body-copy {
	padding-top: 20px;
	width: 450px;
	float: left;
	height: 100%;
	vertical-align: top;
}

	#body-copy a {
		text-decoration: underline;
	}

#rental-table {
	font-size: 18px;
	color: #c4bf97;
	text-align: center;
}
	#rental-table th {
		color: #cdb04c;
		font-weight: bold;
		text-align: center;
		width: 150px;
		font-size: 20px;
		padding: 40px 0px 20px 0px;
	}
	#rental-table td {
		padding: 5px;
		border-bottom: solid 1px #cdb04c;
		border-top: solid 1px #cdb04c;
	}


/* Subnav
----------------------------------------------------------------------------------------------------------------*/
	
	#subnav ul li {
		float: left;
		list-style: none;
		display: block;
	}	

	
/* Footer
----------------------------------------------------------------------------------------------------------------*/
#footer {
	position: relative;
	width: 460px;
	height: 140px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	font-size: 12px;
	color: #8f8b71;
	text-align: left;
	top: 200px;

}
	#footer a {
		color: #c4bf97;
	}
	#footernav ul {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#footernav ul li {
		list-style: none;
		margin: 0;
		padding: 0 20px 0 0; /* top right bottom left */
	}
	
	#footernav ul li.last {
		padding: 0;
	}

	#footernav a {
		color: #8f8b71;
		display: block;
		text-indent: -9999em;
		height: 34px;
	}

	#footernav ul li#order-form a						{width:319px; height:25px; background: url(../img/subnav.donate.png) no-repeat 0 0; color: #c4bf97;}
	#footernav ul li#order-form a:hover,
	#footernav ul li#order-form a.selected				{background: url(../img/subnav.donate.png) no-repeat 0 0; color: #c4bf97;}
	#footernav ul li#pathway-schematic a				{width:369px; height:31px; background: url(../img/subnav.donate.png) no-repeat 0 -22px; color: #c4bf97;}
	#footernav ul li#pathway-schematic a:hover,
	#footernav ul li#pathway-schematic a.selected		{background: url(../img/subnav.donate.png) no-repeat 0 -22px; color: #c4bf97;}

/* Special Areas
----------------------------------------------------------------------------------------------------------------*/
.contact-box {
	text-align: right;
	margin: 0;
	padding: 0;
	width 700px;
	font-size: 14px;
	line-height: 18px;
}
#canDoIt {
	font-size: 15px;
	line-height: 18px;
	background-image:url(../img/cultural-artifacts-photo1.png);
	width: 410px;
	height: 282px;
	padding: 55px 240px 0px 10px;
}
#pitchesIn {
	font-size: 15px;
	line-height: 18px;
	background-image:url(../img/cultural-artifacts-photo2.png);
	width: 290px;
	height: 222px;
	padding: 65px 10px 0px 400px;
	margin: 0;
	text-align: right;
}

#education-box {
	width: 140px;
	color: #c4bf97;
	font-size: 13px;
	line-height: 15px;
	margin: 20px 0px 0px 0px;
	padding: 15px 15px 10px 10px;
	background-color: #a96847;
	border: 3px solid #530d00;
}
#education-photo-float {
	position: absolute;
	top:480px;
	left:-30px;
	width:auto;
}
#facility-photo-float {
	position: absolute;
	top:520px;
	left:-170px;
	width:auto;
}
#facility-pearls-float {
	position: absolute;
	top:800px;
	left:-370px;
	width:auto;
}

img, div, p, ul, li, a, h1, h2, h3 {behavior: url(iepngfix.htc);}