h1,h2,h3,h4,h5,h6 {
	font-family:"BlackAdder ITC",AllureSSK,"Ben Franklin",Garamond;"Times New Roman", serif;
	text-align:center;
	font-size:50px;
	font-color:#330000;
}

h2 {font-size:45px; clear:both;}
h3 {font-size:40px; clear:both;}
h4 {font-size:35px; clear:both;}
h5 {font-size:30px; clear:both;}
h6 {font-size:25px; clear:both;}


body {background-color: #ffcc99; /* light brown */
	color:#330000; /* dark brown text  */
	font-size:medium;
	font-family:Garamond;"Times New Roman", serif;
	font-weight:normal;
}

#wrapper {margin-left:auto;
	margin-right:auto;
	background-color:#ffcc99
	width:750px;;
}

#main-nav {
	display:block;
}

a:link {color:#cc3300;}
a:hover {font-weight:bold;}
/*a:hover {color:blue;}*/
a:visited{color:#003300;}

.navlink {
	display:block;
	height:25px;
	float:left;
	width:19.3%;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Garamond;"Times New Roman", serif;
	font-size:20px;
	_font-size:large; 
	font-style:italic;
	color:#cc3300;
	background-color:#ffcc99;
}

/* to get EARA banner centered on page, put a period before & after image, then center the text.  Make the font color white (same as background) so the periods won't show.  
*/
#banner {
	clear:both;
	background-color:white;
	padding:1px;
	border-width:6px;
	_border-width:3px;
	color:white; 
	font-size:1px;
	text-align:center;
	border-color:#cc3300;
	border-style:groove;
	margin-top:2px;
}


.spacer {
	clear:both;
	background-color: #ffcc99; 
	font-size:2px;
}

#content {
	background-color:white;
	display:block;
	border-width:2px;
	border-style: solid;
	border-color: #cc3300;
	padding-top:2em;
	padding-bottom:2em;
	padding-left:5%;
	padding-right:8%
}


#footer {
	clear:both;
	font-family:"Times New Roman", serif;
	font-size:small;
	font-style:italic;
	background-color:#ffcc99; /* dark brown */
	text-align:center;
	border-width-top: 2px;
	border-style-top: solid;
	border-color: #cc3300;  /* dark red */
	padding: 1em;
}

	

p span.initcap {
	font-size:35px;
	font-family:"BlackAdder ITC",AllureSSK,Garamond;"Times New Roman", serif;
}

p {
	line-height:120%; 
	text-indent:1em;
}

img {	border:none;
}


.imgleft{
	align:left;
	float:left;
	clear:none;
	margin:8px 15px 12px 5px;
	_margin:30px 15px 10 px 5px;
	padding:3px;  
	position:relative;
	border:1px solid #cc3300;
}

/*.imgleft a:link{
	display:inline;
	border:0px solid #cc3300;
}
*/
.storypic  a:link    {border:none;}
.storypic  a:hover   {border:1px solid #cc3300;}
.storypic  a:visited {border:1px solid #cc3300;}

p.storypic  {
	text-indent:0px;

/* this might make the text disappear for some combos of res & font-size??? 
	line-height:1.25em; 
*/
}

.storypic {clear:both;}


#centeredtext {text-align:center;}
#centeredtext a:visited {color:#003300;}
#centeredtext {line-height:100%;}
#centeredtext a {color:#cc3300;}
#centeredtext a:hover {font-weight:bold}

td {padding:2px;}


.boatlinks {
	display:block;
	clear:both;
	margin:3px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-family:Garamond;"Times New Roman", serif;
	font-style:italic;
	color:#cc3300;
}

/* anchor links within the page "keelboat project"  */
.boatlinks a {
	display:inline;
	width:24%;
	_width:22%;
	_height:3em;
	text-align:center;
	_margin:0px 0px 0px 0px;
	_padding:0px 0px 0px 0px;

	float:left;
	font-family:Garamond;"Times New Roman", serif;
	font-style:italic;
	color:#cc3300;
}