/* COLORS:
logo blue: #00aeef
link bar blue: #0078ce
*/

body {
	font: 80% Helvetica, Verdana, Arial, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height: 140%;
}
#container {
	width: 870px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	background: url(../images/background/background_02.gif) repeat-y left top;
	width: 750px;  
	padding: 0 60px 20px;
}
#headContent {
	background: url(../images/background/background_01.gif) no-repeat left top;
	width: 750px;  
	height: 19px;
	padding: 0 60px;
}
#footContent {
	background: url(../images/background/background_03.gif) no-repeat left top;
	width: 750px;  
	height: 32px;
	padding: 0 60px;
	clear: both;
}
#headLinks {
	margin: -5px 0 0 0;
	padding: 5px 0 5px 20px;
	background-color: #00a0f3;
	font-size: 130%;
	float: right;
}
#headLinks a, #headLinks a:link, #headLinks a:active, #headLinks a:visited { color: white; text-decoration: none; padding-right: 20px; }
#headLinks a:hover { text-decoration: underline; }


#footLinks {
	width: 400px;
	padding: 15px 0 5px 0;
	margin: 0 auto;
	clear: both;
}

#contact {
    color: grey;
	font-size: 120%;
}

#contact a, #contact a:link, #contact a:visited, #contact a:active {
	color: #00a0f3;
	text-decoration: none;
}

#contact a:hover {
	text-decoration: underline;
}


h1 {
	font: 320%;
	color: #00a0f3;
	margin: 0 0 15px 0;
	padding: 0;
}
h2 {
	font: 180%;
	color: #00a0f3;
	margin: 0;
	padding: 0;
}
h3 {
	font: 150%;
	margin: 5px 0 7px 0;
	padding: 0;
	font-weight: normal;
}
p {
	margin: 0 0 10px 0;
	padding: 0;

}

dl {
	margin: 5px 0 10px 0;
	padding: 0;
}

dd {
	background: url(../images/bullet.gif) no-repeat 3px 4px;
	padding: 0 0 0 16px;
	margin: 4px 0 0 0;
} 

a, a:link, a:visited, a:active { text-decoration: none; color: #00a0f3; }

a:hover { text-decoration: underline; }

.storybox { text-align: center; margin: auto; padding: 0; }

.story { width: 500px; text-align: left; margin: 0 auto; }

.storyhead { color: #00a0f3; font-size: 25px; line-height: 30px; margin: 30px 0 9px 0; }

.storydateline { color: #505154; font-size: 13px; margin: 2px 0 5px 0; }

.story p { text-indent: 10px; margin: 0; }