@import url(./headers.css);
@import url(./forms.css);
@import url(./menu.css);
@import url(./images.css);
@import url(./links.css);


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #293194;
	background-color: #FFFFFF;
	margin: 20px;
	padding: 0;
}
#masthead {
	color: #999999;
	/*background:url(../img/grad_header_w.gif) repeat-x #000;*/
	padding: 0px;
	margin: 0;
	height:144px;
}
.strap {
	width:910px;
	height:9px;
	line-height:0; font-size:0;
	margin: 0 auto;
	background-color:black;
}
#outer_wrapper {
	width:900px;
	padding:0 5px;
	margin: 0 auto;
	background-color:black;
	background:url(../img/outer_wrapper_bg.gif);
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	background:right url(../img/wrapper_bg.gif) repeat-y;
}
#column_wrapper {
	background-image: url(../img/rockpool_column.png);
	background-repeat: repeat-y;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
}

#right {
	width: 105px;
	float: left;
}

#left {
	width: 795px;
	float: left;
}
#left .content {
	padding: 24px;
	font-size: 0.9em;
	line-height: 1.5em;
}

#right .content {
	padding: 24px;
	font-size: 0.8em;
	line-height: 1.65em;
}
#masthead .content {
	padding: 12px 16px;
	font-size: .8em;
	letter-spacing: .3em;
}
#footer .content {
	padding: 12px 24px;
}
#footer {
	color: #999999;
	padding: 0px;
	margin: 0;
	font-size: 0.7em;
	clear: both;
}
.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}


.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0;
}
.box {
	border:1px solid #99AF66;
	padding:4px;
}

.lead p {
	font-style:italic;

}
/* ----- ILLUSTRATIONS ---- */
#illustration {
	float:left;
	position:relative;
	top:20px;
	left:-40px;
}