/* CSS Document for everything */
body {background-color : #8abfc3; font-family: lucida italic, lucida bright, serif;}

/* four styles for the left column nav section */
#navigation { margin-top: 6em; width: 6em; font-family: arial, helvetica, sans-serif; }
#navigation ul { padding: 0; margin: 0; list-style: none; line-height: 1.5; }
#navigation li { font-size: 85%; border-bottom: 1px solid black; margin-top: 10px; }
#navigation li a { text-decoration: none; }

#content { position: absolute; top: 0; left: 5em;  padding: 1em;
	       margin-left: 2em; margin-right: 1em; }
#content h1 {font-size: 150%; text-align: left; font-weight: bolder;
	         line-height: 1.5; font-family: lucida italic, lucida bright, serif;}
#content h3 { font: 100% serif; text-align: left; font-weight: bolder; margin-top: 2.0em;
	          margin-bottom: -0.75em; font-family: lucida italic, lucida bright, serif;}
#content p {font-size: 85%; line-height: 1.5;}
#content ul {list-style-type: none; margin: 0; padding: 0;}
#content li.imgs {float: left; width: 210px; height: 210px;}
#content span {font-size: 85%;font-weight: bold;}	

img {border: 2px solid black;}
img.right {float: right;margin-left: 1em;margin-right: 2em}
img.left {float: left; margin-right: 1em;}
ul.simple { list-style-type:circle; font-size: 85%; line-height: 1.5; }
p.quote {text-indent: 0; font-style: italic;}

#pic_content { position: absolute; top: 0; left: 5em; padding: 1em; width: 85%; 
	           font-family: lucida italic, lucida bright, serif;}
#pic_content h1 { font: 150% serif; text-align: center; font-weight: bold;
	         line-height: 1.5; font-family: lucida italic, lucida bright, serif;}
#pic_content h2 { font: 80% serif; margin-top: -1.5em; text-align: center;
	            margin-bottom: -1em; font-family: lucida italic, lucida bright, serif;}
#pic_content p {text-align: center;}
#pic_content img { border: 2px solid black;}