/* -------------------------------------------------------------------------- global */

body { background: #e8e1c3 url(../temp/fbcwv2/TestImage/bg_body.gif) repeat-x; margin: 0; padding: 0; -moz-opacity: .999;	}
html, body, #wrap {	min-height: 100%;	width: auto; height: auto; }
html>body, html>body #wrap { height: 84px; }

/* -------------------------------------------------------------------------- headers */
	
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }
h1 { font-size: 190%; line-height: 140%; font-family: "Georgia", Tahoma; margin: 0 0 20px 0; }
h2 { font-size: 150%; font-family: "Trebuchet MS", Tahoma; margin: 0 0 4px 0; color: #5b6230; }
h3 { font-size: 140%; margin: 0 0 5px 0; color: #444; }

/* -------------------------------------------------------------------------- typography */

body, font { font-family: 'Lucida Grande', Verdana, sans-serif; font-size: small; line-height: 160%; color: #222; }
#sidebar { font-size: 90%; }
.wide .summaryText { font-size: 130%; color: #88836c; font-family: "Georgia"; }

/* -------------------------------------------------------------------------- links */

a, a:visited, a:active { color: #960; text-decoration: none; font-weight: bold; }
a:hover { color: #444; text-decoration: none; border-bottom: 1px dotted; }
.logo a { position: absolute; top: 0; left: 0; width: 196px; height: 0px !important; display: block; background: #990000 url(../temp/fbcwv2/TestImage/Name.gif) no-repeat center bottom; overflow: hidden; padding: 248px 0 0 0; }
.logo a:hover { background-position: 0 -250px; border: none; }
#nav a { display: block; color: #444; font-weight: normal; font-size: 95%; text-transform: uppercase; text-align: right; background-color: #caC4aa; padding: 5px 0px 5px 0; margin: 0 0 4px; border: none; }
#nav a:hover { background-color: #9f9a86; color: #fff; border: none; }
#home .home a, #about .about a, #calendar .calendar a, #contact .contact a, #child-care-center .child-care-center a, #worship .worship a, #community .community a, #service .service a, #news .news a { background-color: #9f9a86; color: #fff; border: none; }
#about.wrap-staff .about a { color: #fff; background-color: #caC4aa; border: none; }
#footer a, #footer a:visited { color: #ffdead; }
#footer a:hover, #footer:active { color: #ddd; }

/* -------------------------------------------------------------------------- containers */

#container {
	position: relative;
	width: 940px;
	margin: 0 auto 6em auto;
	padding: 0 20px;
	height: 1252px;
	padding: 0;
	left: 83px;
	top: 214px;

}
#masthead {
	position: relative;
	width: 940px;
	height: 352px;
	margin: 1px 0 20px 0;
	left: 65px;
	top: -607px;

}
#main { width: 479px; float: left; margin: 0 20px; border-right: 1px dotted #9f9a86; padding: 0 20px 0 0; }
#calendar #main { width: 660px; border: none; padding: 0; }
#calendar #sidebar { display: none; }
#calendar iframe { width: 660px; }
#nav { width: 100%; float: right; margin: 0; list-style-type: none; padding: 0; }
#nav li { width: 100%; padding: 0; margin: 0; font-size: 90%; }
#sidebar { width: 200px; float: left; margin: 0; padding: 0; }
#footer { position: absolute; bottom: 0; width: 100%; padding: 20px 0 30px 0; color: #fff; background: #9f9a86; \width: 100%; w\idth: 100%; font-size: 11px; }
#photos {
	position: absolute;
	top: -254px;
	left: 124px;
	z-index: 5000;
	width: 614px;
	height: 233px;

}
#wrap { position: absolute; top: 68px; left: 4px; }

/* -------------------------------------------------------------------------- masthead */

#photos img { border: 1px solid #000; }
#photos a:hover { opacity: 0.9; }
#photos .expPhoto { margin-bottom: 6px; border: none; }

.moduleNews { float: left; width: 261px; }

.introText p { font-size: 160%; color: #5b6230; font-family: "Trebuchet MS"; line-height: 160%;  margin: 0; border-bottom: 0 dotted #f0b8b8; padding-bottom: 20px; }
.introText a { margin: 0 0 0 10px; float: right; }
.introText img { width: 110px; height: 116px; margin: 20px 0 0 0; }
.headlines { padding: 0; margin: 10px 0 0 0; list-style-type: none; }
.headlines li { line-height: 12px; margin: 8px 0; padding: 0 0 0 15px; list-style-type: none; color: #5b6230; background: url(http://metrocma.org/sites/images/li.gif) 0 4px no-repeat; }
.bookmarks { padding: 0; margin: 20px 0 0 0; list-style-type: none; }
.bookmarks li { margin: 0; padding: 0; }
.bookmarks li li { line-height: 12px; margin: 12px 0; padding: 0 0 0 15px; list-style-type: none; color: #999; background: url(../../../images/icons/li.gif) 0 4px no-repeat; }
.bookmarks li li a { font-size: 110%; }
.post { margin: 25px 0; }

/* -------------------------------------------------------------------------- footer */

.copyright { position: absolute; top: 5px; left: 15px; }
.credit {
	position: absolute;
	top: 93px;
	right: 15px;
	left: 1127px;
}

/* -------------------------------------------------------------------------- sidebar */

#sidebar h3 { margin: 20px 0 0 0; font-size: 110%; text-transform: uppercase; font-family: "Georgia"; }
#sidebar ul { list-style-type: none; margin: 0; padding: 0; }
#sidebar ul li { margin: 0; padding: 0; }
#sidebar input { width: 110px; font-size: 90%; }
#sidebar .search-submit { background: none; color: #333; width: 45px; font-size: 80%; border: none; }
#sidebar .search-submit:hover { color: #ccc; cursor: pointer; }

/* -------------------------------------------------------------------------- utility */

font { /* to override any font tags created by tinymce */ font-family: "Lucida Grande", Verdana, sans-serif; font-size: small; line-height: 130%; }
a img, a.imglink:link, a.imglink:visited { border: none; }
a.imglink:hover { background: transparent; }
p { margin: 0 0 15px 0; } 
a img { border: 0; }
dl, dd { margin: 0; padding: 0; }
dt { font-weight: bold; color: #999; }
ol { margin: 0 0 0 20px; padding: 0 0 0 20px; position: relative; }
li {
	margin: 10px 0;
	text-align: left;
	list-style-image: none;
}
ul { list-style-type: circle; margin: 0; padding: 0 0 0 15px; }
.clear {
	clear: both;
	background-color: #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;

}
.icon { vertical-align: middle; margin: -3px 2px 0 2px; }
.shadow-left { background: transparent url(../../../images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -8px; left: -13px; z-index: 99; }
.shadow-right { background: transparent url(../../../images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -8px; right: -13px; z-index: 99; }
	
/* -------------------------------------------------------------------------------- form elements */

.ddfmwrap { margin: 0; }
label { font-size: 90%; text-transform: uppercase; display: block; margin: 20px 3px 0 0; }
select { width: 300px; font-size: 95%; color: #555; border: 1px solid #ccc; padding: 3px; }
option { border-top: 1px dotted #ccc; }   
input, textarea {  width: 300px; border: 1px solid #ccc; padding: 3px; color: #444; }
input:focus, textarea:focus, select:focus { background-color: #eee; }
textarea { width: 400px; height: 200px; font: normal 12px "Lucida Grande", Verdana, sans-serif; }
.required { color: #444; margin-top: 20px; }
.ddfmerrors { color: #930; font-size: 130%; }
.errorlist { color: #930; font-weight: bold; }
.submit { width: 100px; background-color: #a0a77b; color: #fff; border: none; }
.submit:hover { background-color: #5f6744; cursor: pointer; border: none; }
.search-submit { width: 100px; background-color: #a0a77b; color: #fff; border: none; }
.search-submit:hover { background-color: #5f6744; cursor: pointer; border: none; }
.fmradio input { width: 12px; height: 12px; margin-right: 4px; border: none; }

#home .home a {
	list-style-image: none;
	list-style-type: none;
}