/*
-----------------------------------------------
Alternate Screen Style
-----------------------------------------------
FBWWM.ORG
file:		templates/2007/code/default.css
author:		Jason Denison
date:		05 Feb 2007
----------------------------------------------- */




/* body
----------------------------------------------- */
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	color: #333;
	background: #fff;
	margin:0;
	padding:0;
	text-align: center; 
	min-width: 768px;
	}
a { 
	color: #637F07;
	text-decoration: none;
	}
a:link, a:visited  { 
	color: #637F07;
	text-decoration: none;
	}
a:hover, a:active {
	color: #900;
	text-decoration: none;
	}
h3, h3 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.2em;
	color: #600;
	}
img, img a {
	border:0;
	}


/* container
----------------------------------------------- */
#container {
	background: #fff;
	}


/* header_wrap
----------------------------------------------- */
#header_wrap {
	background: #fff;
	padding: 0 0 27px 0;
	}


/* header
----------------------------------------------- */
#header {
	margin: 0 auto;
	text-align: left;
	height:210px;
	width: 768px;
	}


/* logo
----------------------------------------------- */
#logo {
	position: relative;
	}
#logo h1 {
	margin: 0;
	padding: 0;
	font-size:2.5em;
	line-height:1.2em;
	}
#logo a {
	position: absolute;
	display:block;
	top: 150px;
	left: 12px;
	background: #fff;
	}


/* globalNav
----------------------------------------------- */
#globalNav {
	float:right;
	height:100px;
	}
#globalNav ul{
	margin:0 24px 0 0;
	padding:0;
	width:540px;
	list-style:none;
	}
#globalNav li {
	display: inline;
	float:left;
	margin: 0;
	width: 90px;
	text-align: center;
	}
#globalNav li a {
	display: block;
	color: #666;
	padding: 15px 0 15px 0;
	width: 89px;
	margin-right:1px;
	border-bottom:4px solid #fff;
	font-weight: bold;
	}
#home #globalNav li.menu_home a,
#section_about #globalNav li.menu_about a,
#section_news #globalNav li.menu_news a,
#section_projects #globalNav li.menu_projects a,
#section_donate #globalNav li.menu_donate a,
#section_contact #globalNav li.menu_contact a {
	color: #600;
	padding: 15px 0 15px 0;
	background:#eee;
	border-bottom:4px solid #966;
	}
#globalNav li a:hover {
	color: #666;
	padding: 15px 0 15px 0;
	background:#eee;
	border-bottom:4px solid #ccc;
	}
#globalNav li a:active {
	color: #333;
	padding: 15px 0 15px 0;
	border-bottom:4px solid #ccc;
	}
#globalNav li a.current:hover {
	color: #600;
	border-bottom:4px solid #ccc;
	}



/* photographs
----------------------------------------------- */
#photographs {
	position:relative;
	}
#photographs img {
	position:absolute;
	padding:29px 40px 33px 34px;
	top:50px;
	left:422px;
	width:270px;
	height:180px;
	}


/* wrapper
----------------------------------------------- */
#wrapper {
	background: #fff;
	}

/* pageBody
----------------------------------------------- */
#pageBody {
	margin: 0 auto;
	text-align: left;
	width: 768px;
	}


/* main
----------------------------------------------- */
#main {
	float: left;
	width: 564px;
	}


/* pageHeader
----------------------------------------------- */
#pageHeader * {
	margin:0;
	padding:0;
	}
#pageHeader {
	font-size:1.2em;
	margin:84px auto 24px auto;
	padding-left:12px;
	width:756px;
	background:#fff;
	text-align:left;
	}


/* sectionNav
----------------------------------------------- */
#sectionNav {
	float: left;
	width: 180px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-style: normal;
	line-height: 1.4em;
	color: #666;
	padding-bottom:18px;
	}
#sectionNav h2 {
	margin:0;
	margin-left:12px;
	padding:0;
	color:#600;
	font-size:.9em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:.2em;
	}
#sectionNav h2 a,
#sectionNav h2 a:link,
#sectionNav h2 a:visited {
	color:#600;
	}
#sectionNav h2 a:hover,
#sectionNav h2 a:active {
	color:#900;
	}
#sectionNav ul {
	margin: 6px 0 20px 12px;
	padding: 0;
	border-top: 1px solid #CDC8B9;
	width: 168px;
	}
#sectionNav ul li {
  color:#666;
	line-height: 1.2em;
	margin: 0;
	list-style: none;
	}
#sectionNav ul li a { 
	color: #637F07;
	line-height: 1.2em;
	display: block;
	margin: 0;
	text-decoration:none;
	padding: .5em 0 .5em 0;
	border-bottom:1px solid #CDC8B9;
	width: 168px;
	}
#sectionNav ul li a:link, a:visited  { 
	color: #637F07;
	}
#sectionNav ul li a:hover {
	color: #900;
	line-height: 1.2em;
	background:#fff;
	}
#sectionNav ul.article01 li.menu01 a,
#sectionNav ul.article02 li.menu02 a,
#sectionNav ul.article03 li.menu03 a,
#sectionNav ul.article04 li.menu04 a,
#sectionNav ul.article05 li.menu05 a,
#sectionNav ul.article06 li.menu06 a,
#sectionNav ul.article07 li.menu07 a,
#sectionNav ul.article08 li.menu08 a { 
	color:#900;
	background:#eee;
	}
#sectionNav p.micah img {
	padding:18px;
	width:100px;
	height:328px;
	margin-left:20px;
	}


/* content_wrap
----------------------------------------------- */
#content_wrap {
	float: left;
	width: 588px;
	margin-bottom:18px;
	}


/* content
----------------------------------------------- */
#content {
	float: left;
	width: 337px;
	padding: 0 20px 12px 24px;
	}
#content h3, #content h3 a {
	margin-top:0;
	color: #600;
	}
#content h3 a:hover {
	color: #900;
	}
#content ul li a:hover  { 
	color:#900;
	}
#content h4 {
	font-size:1.2em;
	color:#900;
	margin-bottom:0;
	padding-bottom:.3em;
	}
#content h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1em;
	line-height:1.7em;
	color:#000;
	text-transform:uppercase;
	letter-spacing:.1em;
	margin-top:0;
	}
#content p {
	margin-top:0;
	}
#content p.photo img {
	background:#fff;
	padding:18px;
	width:270px;
	height:180px;
	margin-left:14px;
	margin-top:18px;
	}
#content p.portrait img {
	background:#fff;
	padding:18px;
	width:270px;
	height:405px;
	margin-left:14px;
	margin-top:18px;
	}
#content a:hover, #content a:active {
	color: #900;
	}
#partners {
	display:block;
	clear:both;
	}
#partners p.banner img {
	background:#fff;
	padding:18px;
	width:468px;
	height:65px;
	margin-left:37px;
	}


/* contactForm
----------------------------------------------- */
#contactForm {
	width: 336px;
	padding: 0 0 0 204px;
	margin: 0 0 20px 0;
	}
#contactForm h3, #contactForm h3 a {
	color: #600;
	margin-top:0;
	}
#contactForm h4 {
	font-size:1.2em;
	color:#900;
	margin-bottom:.5em;
	}
form textarea {
	width:324px;
	}

/* sidebar
----------------------------------------------- */
#sidebar {
	float: left;
	width: 175px;
	padding: 0 15px 0 15px;
	}
#sidebar a {
	font-weight: bold;
	}
#sidebar a:hover {
	color: #900;
	}
#sidebar h3 {
	color: #600;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .25em;
	margin:1em 0 .5em 0;
	}
#sidebar #lnews h3 {
	margin-top:0;
	}
#sidebar h4 {
	font-size:1em;
	margin:0;
	padding:0;
	margin-top:12px;
	}
#sidebar p {
	margin:0;
	padding:0;
	}
#sidebar ul {
	margin: 6px 0 20px 0;
	padding: 0;
	border-top: 1px solid #CDC8B9;
	width: 176px;
	}
#sidebar ul li {
	color:#666;
	line-height: 1.2em;
	margin: 0;
	list-style: none;
	}
#sidebar ul li a { 
	color: #637F07;
	font-weight:normal;
	line-height: 1.2em;
	display: block;
	margin: 0;
	text-decoration:none;
	padding: .5em 0 .5em 0;
	border-bottom:1px solid #CDC8B9;
	width: 176px;
	}


/* footer
----------------------------------------------- */
#footer {
	clear: both;
	background: #eee;
	padding: 20px 0 0 0;
	text-align: center;
	}
#footerbg {
	background: #fff;
	height: 60px;
	padding-top: 20px;
	}


/* copyright
----------------------------------------------- */
#copyright {
	margin: 0 auto 30px auto;
	text-align: left;
	width: 768px;
	}

#copyright p {
	margin: 0 24px 0 12px;
	width: 720px;
	}
#copyright a:hover {
	color: #900;
	}
