/* CSS Document */

body	{
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 12px;
		color:#000000;
		margin:0px;
		padding:0px;
		}

p		{
		line-height: 150%;
		}
		
		
h1	{	font-size: 18px;
		font-weight: bold;
		line-height: 130%;
		color: #194e39;
		}
		
h2	{	font-size: 16px;
		font-weight: bold;
		line-height: 130%;
		color: #194e39;
		}

h3	{	font-size: 14px;
		line-height: 130%;
		font-weight: bold;
		color: #194e39;
		}		

h4	{	font-size: 12px;
		line-height: 130%;
		font-weight: bold;
		color: #194e39;
		}

img		{
		border: 0px;}
		
ul		
		{	
		line-height: 160%;
		list-style-type: square;
		}	
		
table	{
		border-color: #666666;
		}
		
.nav
		{
		color: #5e5835;
		}
		
.purple
		{
		color: #194e39;
		}

.quoteby
		{
		text-align:right;
		display:block;
		padding-right:30px;
		color: #194e39;
		}		
		
.divstripe
	    {
		height: 25px;
		background-color:#194e39;
		}
		
.awards
		{
		float:left;
		width:115px;
		text-align:left;
		margin: 20px;
		}
.awards img
		{
		position:relative;
		left:10px;
		}			
		
.clearboth
		{
		clear:both;
		}
		
.poembox
		{
		border:solid 1px #aea66e;
		width: 620px;
		padding: 20px;
		margin: 0px;
		}	
		
.imgleft
		{
		float:left;
		margin: 0 20px 20px 0;
		}	

.imgright
		{
		float:right;
		margin: 0 0 20px 20px;
		}

.poemimage
		{
		float:right;
		margin: 0 0 20px 20px;
		clear:both;
		}									

#header 
		{
		background-image: url(images/hpp_logo.jpg);
		background-repeat:no-repeat;
		height: 104px;
		background-color:#aea66e;
		padding-left: 210px;
		text-align:center;
		}
		

#wrapper
		{
		width:1100px;
		background-image: url(images/wrapper_bg.jpg);
		background-position: left;
		background-repeat: repeat-y;
		background-color:#ffffff;
		}				

#navbar 
		{
		padding: 10px 10px 10px 15px;
		width: 185px;
		float: left;
		background-color:#aea66e;
		}	
		
#content 
		{
		float:left;
		padding: 30px 20px 30px 30px;
		background-color:#ffffff;
		width:740px;
		}


		
#canary #content 
		{
		float:left;
		padding: 170px 0 10px 50px;
		background-color:#ffffff;
		background-image:url(images/canary-bg.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		width:740px;
		}
		
	
/* holly hack moves content over with background image  for IE 5.5 & 6 to avoid white gap */		
* html #canary #content, * html #sisyphus #content
		{
		position:relative;
		left: -3px;
		}		

#clearnav 
		{clear: both;
		}				

#footer 
		{text-align: center;
		}	
		
#sisyphus #content 
		{
		float:left;
		padding: 170px 0 10px 50px;
		background-color:#ffffff;
		background-image:url(images/sisyphus_bg.jpg);
		background-position:top left;
		background-repeat:no-repeat;
		width:740px;
		}
									
	 		
		
			
		
a:link {color: #194e39; text-decoration: underline;}
a:visited {color: #194e39; text-decoration: underline;}
a:hover {color: #000000; text-decoration: underline;}

a.nav:link {color: #5e5835; text-decoration: none; font-weight: bold;}
a.nav:visited {color: #5e5835; text-decoration: none; font-weight: bold;}
a.nav:hover {color: #333333; text-decoration: none; font-weight: bold;}