/* =Body
----------------------------------------------- */
	
body
{	background: #add8e6;
	font: 76%/1.5 Verdana, Tahoma, sans-serif;
	color: #000;
	margin: 0; padding: 0;}	
	
/* =Fonts -- size
----------------------------------------------- */
h1	{	font-size: 200%; }
h2	{	font-size: 170%; }
h3	{	font-size: 140%; }
h4	{	font-size: 120%; }
h5	{	font-size: 100%; }

	
/* =Header
----------------------------------------------- */
#banner
{	position: absolute;
	top: 0;
	left:0;
	background-color:#195A9C;
	background-image:url(i/gpflogo200x150.gif);
	background-repeat:no-repeat;
	padding: 0;
	width: 800px;
	height: 150px;
	}
	
#banner h1
{	color:#FFFFFF;
	position: absolute;
	top: 60px;
	left: 220px;
	margin: 0;
	}
	
/* =Content -- The white space for web owners
----------------------------------------------- */
#content
{	position:absolute;
	top: 175px;
	left: 160px;
	width: 800px;
	padding: 12px 10px 10px 12px;
	background-color:#FFFFFF
}

.question
{	font-weight:bold;
	color:#CC6666;
	font-size: 120%;}
	
/* =Area Navigation -- Left sidebar
----------------------------------------------- */
#navigation
	/* Positions and inserts the top border
	for the left sidebar (area) links.
	The links are set in a list.
	Font-family is arial, a departure from the rest
	of the site. */
{	position: absolute;
	top: 204px; left: 6px;
	margin: 0; padding: 10px 0 0;
	width: 130px;
 }

#navigation a
	/* Styles the links in the area sidebar.
	Also forces each link to be a block; readers no
	longer have to click on letters, they can click
	on the block surrounding the link */
{	display: block;
	margin: 0; padding: 0; 
	font-size: 110%;
	line-height: 1.2;
	color: #195a9c;
	font-weight: bold;
	text-decoration: none; }

#navigation a:hover, #area-nav a:active
{	color:#E90C2D; }

#navigation ul
	/* Removes the need for indenting the link in the template */
{	list-style: none;
	margin: 0; padding: 0 0 0 0.5em;
	text-indent: -0.5em; }

#navigation li
	/* Pushes links apart */
{	margin: 0; padding: 0 0 7px; }