/*This block removes any default margins or padding from all of the block level elements so that this properties can be added in deliberately.*/
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, hr, blockquote, form {
	margin:0;
	padding:0;
}

body {
	color: #F5E0C5;
	background-color: #2FABC6;
	font-family:trebuchet,verdana,arial,sans-serif;
	font-size:0.6em;
	text-align:center;
}


/*** Floating Boxes ***/	

#wrapper {
	text-align:center;
}

#links {
	text-align:right;
	margin-right:15%;
	font-size:110%;
}
		
#outframe, #closerframe, #familyframe {
	padding:0px;
	margin:10px 6%;
	text-align: left;
}
		
		
.contentheader {
		font-size:125%;
		padding:.5em 0 .2em .5em;
		margin:0px;
		font-weight:bold;
		color:#E0E0E0;
}

.mainheader {
		font-size:145%;
		padding:.5em 0 .2em 0;
		margin:0px;
		font-weight:bold;
}

	

#outframe .icon, #closerframe .icon, #familyframe .icon {
	float:left;
	border: 2px solid #FFFFFF;
	background-color: #99cccc;
	font-size: 130%;
	font-weight: bold;
	color: #666666;
	margin:0 .4em 1em .4em;
	width:215px;
	height:40px;
}


.icon img {
	border: 1px solid #CCCCCC;
    vertical-align: middle;
	float:left;
	width:35px;
	margin:0 .5em 0 0 ;
}
	
.icon p {
	margin:.4em 0 .1em .5em;
}
		
	
.icon a:link, .icon a:visited  {
	color: #006699;
	font-weight: bold;
	text-decoration:none;
	border-bottom:1px dotted #069;
}

.icon a:hover, .icon a:active {
	color: #FFF;
	font-weight: bold;
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}

/* END Floating Boxes */


a:link, a:visited {
	color: #FFCC66;
	text-decoration:none;
	border-bottom:1px dotted #FFCC66;
}

a:active, a:hover {
	color: #9ECFCF;
	text-decoration:none;
	border-bottom:1px dotted #9ECFCF;
}

.date {
	font-size:75%;
	font-weight: normal;
	color: #448888;
	margin-left: 0em;
	}
	
.date a:link, .date a:visited, .date a:active, .date a:hover  {
	font-weight: bold;
	font-size: 110%;
	}