/* CSS Document */
body {
	background-color: #6F8ABF;
	font: 12px/20px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing: .05em;
	color: #395299;
	margin: 20px;
	padding: 0;
}
a { color: rgb(28,89,184); }
a:hover { color: rgb(0,112,70); }
img { border: 1px solid #333; }
table, tr, th, td {
	font: 11px/20px Trebuchet, Helvetica, Arial, sans-serif;
}
th { font-weight: bold; font-size: 12px; background-color: #6F8ABF; color: #F5F5F5; }
h1#title { display: block; width: 500px; height: 80px; margin: 10px auto; padding: 0; background: transparent url(../images/banner_03.png) no-repeat left top; }
h1#title span { display: none; }
div#welcome {
	width: 500px;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #333;
	background-color: #F5F5F5;
}
div#main {
	position: relative;
	width: 600px;
	margin: 0 auto;
}
div#main-small {
	width: 360px;
	margin: 20px auto;
	border: 2px solid #000;
	background-color: #F5F5F5;
	padding: 0;
}
div#nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	padding: 10px 0;
	background-color: #F5F5F5;
	border: 2px solid #333;
	border-right: none;
}
#nav a { text-decoration: none; }
div#content {
	width: 480px;
	margin-left: 120px;
	border: 2px solid #333;
	background-color: #F5F5F5;
	padding: 10px 20px;
}
div#fam_top img { border: none; }
div#loggedin {
	text-align: center;
	font-weight: bold;
	border-bottom: 1px dotted #6F8ABF;
}
ul.options {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
ul.options a {
	display: block;
	padding-left: 6px;
	color: #333;
	width: 100%;
}
html>body ul.options a {
	width: auto;
}
ul.options a:hover {
	display: block;
	background-color: #DCDCDC;
	color: #395299;
}
ul.suboptions {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	font-size: 10px;
}
ul.suboptions a {
	padding-left: 12px;
}
#who {
	margin: 6px;
	padding: 6px;
	border: 1px dotted #666;
}
#who span {
	display: block;
	margin-left: 10px;
	font-size: 10px;
}
div#footer {
	border-top: 1px dotted #A03D17;
	font-size: 9px;
	text-align: center;
}
p.post span.title {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
p.post span.byline {
	display: block;
	clear: both;
	font: 10px/12px italic;
	text-align: right;
}
p.post span.text {
	display: block;
	margin: 0.5em 1em;
	text-align: left;
}
p.post span.text img {
	display: block;
	border: 1px solid #000;
	margin: 0 6px 3px 0;
}
div.seperator {
	clear: both;
	width: 100%;
	height: 4px;
	margin: 20px 0;
	line-height: 0;
	border-top: 1px solid #395299;
	border-bottom: 1px solid #395299;
}
div#news-buttons {
	font-weight: bold;
	padding: .5em 0;
}
div#news-prev {
	width: 25%;
	float: left;
	text-align: left;
}
div#news-showing {
	width: 50%;
	float: left;
	text-align: center;
}
div#news-next {
	width: 25%;
	float: left;
	text-align: right;
}
.ghosted {
	font-style: italic;
	color: #999;
}
div#form {
	margin-left: 5%;
}
div#form label {
	display: block;
	margin: 6px 0 0 0;
}
div#form input {
	width: 45%;
}
div#form textarea {
	width: 90%;
	margin-bottom: 12px;
}
/* members usage */
tr.members-usage-row {

}
tr.members-usage-row:hover {
	background-color: #FFF;
}
/* members phone book */
div.members-phone {
	 display: block;
	 margin: 1em 0 1em 2em;
	 padding: 1em 0;
	 text-indent: -1em;
	 border-top: 1px solid #000;
	 border-bottom: 1px solid #000;
}
/* family photos */
div.photo-row {
}
div.photo-col-1 {
	width: 33%;
	float: left;
}
div.photo-col-2 {
	width: 33%;
	float: left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
div.photo-col-3 {
	width: 33%;
	float: left;
	clear: right;
}
body#photoviewer {
	margin: 5px;
}
body#photoviewer span.title {
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
body#photoviewer img {
	display: block;
	margin: 3px auto;
	padding: 3px 0;
	border: 2px dotted #F5F5F5;
	border-width: 2px 0;
}
body#photoviwer span.caption {
	display: block;
	font-size: 11px;
	text-align: left;
}