/*screen stylesheet*/


/*layout and borders*/
* {margin: 0; padding: 0;}

#container2 {z-index: 1; height: 100%; width: 100%; margin: 0; padding: 0; position: absolute; top: 0; text-align: center;}

#container1 {width: 875px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	z-index: 0;
	height: 100%;}

#pictures {margin: 0px auto 5px;
	position: relative;
	z-index: 1;
	height: 200px;}

#pictures img {margin: 10px; padding: 0; border: 1px  solid #f3f3cd;}

#pictures img#pic1 {position: relative; top: 25px;}
#pictures img#pic2 {position: relative; top: 3px;}
#pictures img#pic3 {position: relative; top: 15px;}
#pictures img#pic4 {position: relative; top: 40px;}
#pictures img#pic5 {position: relative; top: 10px;}

#header {/*border: 3px double #ccc;*/
	margin-bottom: 15px;
	z-index: 1;}
	
#content {float: left;
	padding: 7px 5px 10px 10px;
	width: 650px;
	border: 1px solid #ccc;
	margin-top: 8px;
	margin-left: 10px;
	z-index: 1;
	text-align: left;}
	
#content ul, #content p, #content img {margin: 5px 8px;}

#content p {margin-bottom: 1.5em;}

.recimg {float: right; padding: 5px; margin-top: 10px;}

#nav {	float: left;
	padding: 5px;
	width: 130px;}

#skip {position: absolute;
	top: -40px;
	left: 0px;}

p.clear {clear: both; height: 50px;}	

/*background and text colors*/
body {background: #8d9d83 url('../images/nancy2_02.jpg') center repeat-Y;}
#container2 {color: #000; background: url('../images/nancy2_01.jpg') center top no-repeat;} 
/*#header {background: #FFFCCC;}*/
#content {background: #F3F3CD;}

/*fonts and text styles*/

body {	font: 12px/17px georgia,sans-serif;}

h1 {	font: bolder 48px lucida, sans-serif;}

h2 {	font: bold 14px lucida, sans-serif; 
	letter-spacing: 1px;
	margin-bottom: 1em;
	display: inline;}
	
h3 {    font: bolder 14px lucida, sans-seref;}

#header h1 {text-align: center; font:italic bolder 32px Georgia,serif;}

acronym {border-bottom: 1px dashed #000;} /* yes, it is a border, but we're using it here to underline text */

#content {line-height: 140%;}

#content ul {list-style: circle;}


/* navigation stuff */

#nav ul {list-style: none;
	margin: 0px;
	padding: 0px;}

#nav li {margin: 3px 0;}

#nav li a, #nav #current {width: 130px;
	padding: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	display: block;
	color: #000;
	background: #F3F3CD;}

#nav li a:hover, #nav #current {color: #fff; /* this is the button when it is the current page, or when you mouse over */
	background: #666666;
	font-weight: bold;}


/* we're not using these yet, but we will */

#copyright {clear: both;
	border: 3px double #ccc;
	padding: 5px;
	margin-top: 15px;
	font-size: 11px;
	background: #eee;}

.printer {display: none;}