/* Secondary CSS Document for Grace Church Foundation

Author: Mellonaid
Site design: Mellonaid
XHTML and CSS coding: Bruce Gilbert + Jennifer Hoy
Date Created: 12/30/2007
Last Updated: 02/07/2007
Copyright: GCF. All rights reserved. */

/*-------------------------
Site layout structure
------------------------*/

div#top-header {
	display: block;
	height: 182px;
	width: 933px;
	background: url(../images/top-header-bg1.jpg) no-repeat;
	text-align: left;
	margin: 0 auto;
	
}
div#navigation {
	text-align: right;
	margin: 0 32px 0 0;
	display: block;
	height: auto;
	float: right;
	width: 419px;
	
}
div#main-body {
	margin: 7px auto 0 auto;
	text-align: left;
	display: block;
	width: 933px;
	color: #624e22;
	background: url(../images/main-body-bg1.gif) repeat-y #f0e8c2;
	
}
div#left-col {
	float: left;
	display: block;
	width: 206px;
	
}
div#center-col {
	float: left;
	display: block;
	width: 473px;
	padding: 15px 24px;
	
}
div#right-col {
	display: block;
	float: left;
	width: 192px;
	margin: 33px 0 0 0;
		
}

/*-------------------------
Page elements
------------------------*/

div#figure {
	display: block;
	float: left;
	width: 287px;
	height: 182px;
	margin: 0;
	padding: 0;
	
}
div#quote {
	display: block;
	width: 451px;
	height: 153px;
	float: right;
	
}
div#main-body div.top {
	display: block;
	width: 933px;
	height: 25px;
	background: url(../images/main-body-top1.gif) no-repeat;
	
}
div#main-body div.bottom {
	display: block;
	width: 933px;
	height: 35px;
	background: url(../images/main-body-bottom1.gif) no-repeat;
	clear: both;
	
}
div#center-col div {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	
}
div.spiff {
	color: #624e22;
	background: url(../images/spiff-bg.gif) repeat-y #f4eed3;
	
}
div#main-body div#right-col div.spiff div.top {
	display: block;
	width: 192px;
	height: 13px;
	background: url(../images/spiff-top.gif) no-repeat;
	
}
div#main-body div#right-col div.spiff div.bottom {
	display: block;
	width: 192px;
	height: 28px;
	background: url(../images/spiff-bottom.gif) no-repeat;
	
}
img.float {
	float: left;
	margin: 0 10px 10px 0;
	
}
img.floatrt{
	float: right;
	margin: 0 0 10px 10px;
}
div.spiff img {
	float: left;
	margin: 0 10px 10px 18px;
	
}
form#emailfriend input#friendemail, form#emailfriend input#yourname, form#emailfriend input#youremail, form#emailfriend input#subject {
	display: block;
	height: 13px;
	width: 200px;
 	border-style: solid;
	border-width: 1px;
	border-color: #dfd1a7;
 	color:#aaaaaa;
	background-color: #fbf9f1;
 	font-size: 10px;
	padding: 2px;
	text-transform: uppercase;
	margin: 0;

}
form#emailfriend input#submit {
	margin: 0 0 0 143px;
	
}

/*-------------------------
Typography
------------------------*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	margin: 0 0 12px 0;
	
}
div.spiff h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #557981;
	background-color: inherit;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: normal;
	margin: 0 18px 0 18px;
	
}
div#center-col div p {
	position: relative;
	top: 15px;
	margin: 0 0 15px 0;
	
}
div.spiff p {
	color: #a19f96;
	background-color: inherit;
	font-size: .8em;
	margin: 0 18px 0 18px;
	
}
div.spiff p.button {
	text-align: right;
	
}
form#emailfriend p {
	display: block;
	margin: 0 0 12px 0;
	
}
form#emailfriend p label {
	font-size: .9em;
	font-weight: bold;
	display: block;
	margin: 0;
	
}
div#left-col ul#main-nav {
	margin: 47px 0 0 37px;
	list-style-type: none;
	font-size: .9em;
	
}
div#left-col ul#main-nav li {
	margin: 0 0 3px 0;
	
}
div#left-col ul#main-nav li ul {
	margin: 0 0 0 14px;
	list-style-type: none;
	font-size: 1em;
	display: none;
	
}
div#left-col ul#main-nav li ul li {
	margin: 0 0 3px 0;
	
}
div#left-col ul#main-nav li ul li ul {
	margin: 0 0 0 14px;
	list-style-type: none;
	font-size: 1em;
	display: none;
	
}
div#left-col ul#main-nav li ul li ul li {
	margin: 0 0 3px 0;
	
}

/*-------------------------
Navigation
------------------------*/

body#page-about div#left-col ul#subnav-about, body#page-mission-statement div#left-col ul#subnav-about, body#page-history div#left-col ul#subnav-about, body#page-foundation-operates div#left-col ul#subnav-about, body#page-board-of-trustees div#left-col ul#subnav-about, body#page-ministry-partners div#left-col ul#subnav-ministry-partners, body#page-initial-partners div#left-col ul#subnav-ministry-partners, body#page-initial-partners div#left-col ul#thirdnav-initial-partners, body#page-ron-betsy-manila div#left-col ul#subnav-ministry-partners, body#page-yuri-semeniuk div#left-col ul#subnav-ministry-partners, body#page-rich-kao div#left-col ul#subnav-ministry-partners, body#page-application-process div#left-col ul#subnav-ministry-partners, body#page-financial-information div#left-col ul#subnav-financial-information, body#page-about-captrust div#left-col ul#subnav-financial-information, body#page-financial-statements div#left-col ul#subnav-financial-information {
	display: block;
	
}
body#page-send-to-friend div#left-col ul#main-nav li {
	display: none;
	
}
div#left-col ul#main-nav li a {
	color: #5e5e5e;
	background-color: inherit;
	text-decoration: none;
	
}
body#page-letter-from-chairman div#left-col ul#main-nav li#link-letter-from-chairman a, body#page-about div#left-col ul#main-nav li#link-about a, body#page-ministry-partners div#left-col ul#main-nav li#link-ministry-partners a, body#page-types-of-gifts body#page-golf-tournament div#left-col ul#main-nav li#link-types-of-gifts li#link-golf-tournament a, body#page-about-church div#left-col ul#main-nav li#link-about-church a, body#page-financial-information div#left-col ul#main-nav li#link-financial-information a, body#page-faqs div#left-col ul#main-nav li#link-faqs a, body#page-contact div#left-col ul#main-nav li#link-contact a {
	font-weight: bold;
	text-decoration: underline;
	
}
div#left-col ul#main-nav li a:hover, div#left-col ul#main-nav li a:active {
	text-decoration: underline;
	
}
body#page-about div#left-col ul#main-nav li#link-about ul#subnav-about li a, div#left-col ul#main-nav li#link-about ul#subnav-about li a, body#page-ministry-partners div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li a, div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li a, body#page-financial-information div#left-col ul#main-nav li#link-financial-information ul#subnav-financial-information li a, div#left-col ul#main-nav li#link-financial-information ul#subnav-financial-information li a {
	color: #624e22;
	background-color: inherit;
	text-decoration: none;
	font-weight: normal;
	
}
body#page-mission-statement div#left-col ul#main-nav li#link-about ul#subnav-about li#link-mission-statement a, body#page-history div#left-col ul#main-nav li#link-about ul#subnav-about li#link-history a, body#page-foundation-operates div#left-col ul#main-nav li#link-about ul#subnav-about li#link-foundation-operates a, body#page-board-of-trustees div#left-col ul#main-nav li#link-about ul#subnav-about li#link-board-of-trustees a, body#page-ron-betsy-manila div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li#link-ron-betsy-manila a, body#page-yuri-semeniuk div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li#link-yuri-semeniuk a, body#page-rich-kao div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li#link-rich-kao a, body#page-application-process div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li#link-application-process a, body#page-about-captrust div#left-col ul#main-nav li#link-financial-information ul#subnav-financial-information li#link-about-captrust a, body#page-financial-statements div#left-col ul#main-nav li#link-financial-information ul#subnav-financial-information li#link-financial-statements a {
	font-weight: bold;
	text-decoration: underline;
	
}
body#page-about div#left-col ul#main-nav li#link-about ul#subnav-about li a:hover, body#page-about div#left-col ul#main-nav li#link-about ul#subnav-about li a:active, div#left-col ul#main-nav li#link-about ul#subnav-about li a:hover, div#left-col ul#main-nav li#link-about ul#subnav-about li a:active, body#page-ministry-partners div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li a:hover, body#page-ministry-partners div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li a:active, div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li a:hover, div#left-col ul#main-nav li#link-ministry-partners ul#subnav-ministry-partners li a:active, body#page-financial-information div#left-col ul#main-nav li#link-financial-information ul#subnav-financial-information li a:hover, body#page-financial-information div#left-col ul#main-nav li#link-financial-information ul#subnav-financial-information li a:active, div#left-col ul#main-nav li#link-financial-information ul#subnav-financial-information li a:hover, div#left-col ul#main-nav li#link-financial-information ul#subnav-financial-information li a:active {
	text-decoration: underline;
	
}

/*-------------------------
Inline navigation
------------------------*/

div.spiff p.button a {
	color: #738e8e;
	background-color: inherit;
	text-decoration: none;
	background: url(../images/button-arrow.gif) no-repeat 100% 0;
	padding: 0 16px 4px 0;
	
}
div.spiff p.button a:hover, div.spiff p a:active {
	text-decoration: underline;
	
}