/*
   New Perspectives on HTML and XHTML 5th Edition
   Tutorial 4
   Case Problem 1

   Willet Creek Screen Style Sheet
   Author: Bradley Forney
   Date:   2012-01-09

   Filename:         willet.css
   Supporting Files: 

*/

body                  {background-color: white; margin: 0px; padding: 0px; 
                       font-family: sans-serif}
a{
	text-decoration:none
	font-weight: 	bold;
	color:		white;
	font-size:	1.25em;
}
a:hover{
	background-color:	yellow;
	color:			black;
}

#hole_list li{
	display:	inline;
	margin:		0px;
	padding:	0px 5px 0px 5px;
}
	

#page_content         {width: 780px}
#head                 {text-align: center; background-color: rgb(53, 43, 48); 
                       margin: 0px}

#hole_list            {text-align: center; height: 30px; margin: 0px;  
                       background-color: rgb(53, 43, 48)}
#hole_stats{
	width: 			120px; 
	height: 		200px; 
        color: 			white; 
	background-color: 	rgb(53, 43, 48);
	position: 		absolute;
	left:			0px;
	top:			115px;
}

#hole_stats h2{
	font-size:		1em;
	margin:			0px 0px 0px 5px;
}

#hole_stats ul{
	text-decoration: 	none;
	margin-top:		0px;
	margin-left:		10px;
	padding-left:		0px;
	font-size:		0.7em;
}

#hole_stats strong{
	color:			yellow;
}
	
	
#hole_summary{
	height: 		200px; 
	width: 			660px; 
	border: 		1px solid rgb(53, 43, 48);
	position:		absolute;
	left:			120px;
	top:			115px;
}

#hole_image{
	position:		absolute;
	left:			10px;
	top:			5px;
}

#hole_description{
	position:		absolute;
	left:			100px;
	top:			5px;
}

#hole_description span{
	float: 			left;
	line-height:		0.75;
	padding-right:		2px;
	color:			green;
	font-size:		300%;
}

#flags img{
	border: 		0px;
}

#prevFlag{
	position:		absolute;
	left:			220px;
	top:			145px;
}

#nextFlag{
	position:		absolute;
	left:			270px;
	top:			145px;
}