/* ------------------------------------------------------------

	Title: 		The Seventh Generation Fund for Indian Development
	Author: 	neal barrow at gmail dot com
------------------------------------------------------------ */

body {
	font: small "Lucida Grande", Arial, sans-serif;
	background: #E6590B url(../images/bg_body.jpg) top left repeat-x;
	color: #000;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}

p {margin: 0 0 1.5em 0;line-height: 1.5em}

ul, li, dl, dt, dd {list-style: none}

a:link, a:visited {color: #125DA1}
a:hover {color: #002F5E;}
img {border: none;}

.clear {
	clear: both;
	display: block;
	height: 0;
}
/* ------------------------------------------------------------
	Header Levels
------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, sans-serif;
	}
	
/* ------------------------------------------------------------
	Clearfix
------------------------------------------------------------ */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */
	
/* ------------------------------------------------------------
	Page Structure
------------------------------------------------------------ */
.home #containerOuterOuter {
	background: url(../images/mt_background.jpg) bottom center no-repeat;
}

#containerOuterOuter {
	background: none;
	width: 100%;
}

#containerOuter {
	width: 936px;
	margin: 0 auto;
	}
	
/* ------------------------------------------------------------
	Header
------------------------------------------------------------ */
#header {
	background: url(../images/bg_logo.jpg) top left no-repeat;
	height: 140px;
}

#header h1 {
	text-indent: -9999px;
}

/* ------------------------------------------------------------
	Top Navigation
------------------------------------------------------------ */
#topNav ul {
	float: right;
}

#topNav ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../images/topNav_split.jpg) top right no-repeat;
}

#topNav ul li a {
	color: #EED9B8;
	text-decoration: none;
	padding: 11px 12px 10px 12px;
	display: block;
}

#topNav ul li:hover {
	background: #000;
}

#topNav ul li a:hover {
	text-decoration: none;
}

#topNav ul li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
  	background: #1A110A;
	margin: 0;
	padding: 0;
}

#topNav ul li ul li {
	width: 175px;
	background: none;
}

#topNav ul li ul li a {
	font-size: 12px;
	text-transform: capitalize;
	font-weight: normal;
	padding: 8px 10px;
	margin: 0;
	font-size: 90%;
	border: none;
	color: #FFF;
}
	
#topNav li ul li a:hover {
	text-decoration: none;
	background: none;
	}

#topNav li ul ul {
	margin: -1.75em 0 0 14em;
}

#topNav li:hover ul ul, 
#topNav li:hover ul ul ul, 
#topNav li.sfhover ul ul, 
#topNav li.sfhover ul ul ul {
	left: -999em;
}

#topNav li:hover ul, 
#topNav li li:hover ul, 
#topNav li li li:hover ul, 
#topNav li.sfhover ul, 
#topNav li li.sfhover ul, 
#topNav li li li.sfhover ul {
	left: auto;
}

#scaffolding {
	height: 70px;
	background: #058ACF;
	margin: 1em 0 0 0;
}

#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: #2E1E11;
}

#scaffolding a:hover {
	background-position: 181px -70px;
}

	
li ul a:hover {
	color: #000;
	background: #2E1E11;
	display: block;
	}

li > ul {
	top: auto;
	left: auto;
	}
	
li:hover ul, li.over ul{ display: block; }

.clear {clear: left;}

#topNav li ul li.first a,
#topNav li ul li.first span,
#topNav li#n-games ul li.first a,
#topNav li#n-games ul li.first span {
	border-top: none;
	}
	
#topNav li ul li.last a,
#topNav li ul li.last span,
#topNav li#n-games ul li.last a,
#topNav li#n-games ul li.last span {
	border-bottom: none;
	}
	
#topNav li ul li:hover a,
#topNav li ul li.sfhover a,
#topNav li ul li:hover span,
#topNav li ul li.sfhover span {
	border-top-color: #000;
	}


/* ------------------------------------------------------------
	Slideshow Pro
------------------------------------------------------------ */
#ssp {
	background: #FFF;
	padding: 10px;
	margin: 0 0 20px 0;
	float: left;
	width: 354px;
}

/* ------------------------------------------------------------
	Home Content
------------------------------------------------------------ */
#contentOuter {
	overflow: hidden;
	width: 872px;
	_height: 1%;
	padding: 0 0 30px 0;
	margin: 0 0 0 0;
}

#contentHome {
	margin: 0 0 25px 0;
	float: right;
	width: 480px;
}

#contentHome h2 {
	background: url(../images/walking_into_the_prayers.gif) top left no-repeat;
	width: 470px;
	height: 37px;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	clear: both;
}

#contentHome h3 {
	padding: 0;
	font-size: 140%;
	margin: 0 0 4px 0;
}

#contentHome p {
	padding: 0 0 0 0;
	font-size: 110%;
}

#contentHome .maincallout h4 {
	font-size: 16px;
	text-align: left;
	margin: 0;
	line-height: 1.5em;
	padding: 0 0 15px 0;
}

#contentHome .maincallout p {
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 1.6em;
}

#contentHome .callout, 
#contentHome .maincallout {
	margin: 0 0 15px 0;
	padding: 0;
}

/* ------------------------------------------------------------
	Home Left Column
------------------------------------------------------------ */
#leftColHomeOuterOuter {
	float: left;
	clear: both;
	width: 204px;
	padding: 0;
	margin: 0;
}

#leftColHomeOuterOuter .button {
	margin: 15px 0 5px 0;
}

#leftColHomeOuter {
	background: url(../images/bg_leftColHome_top.gif) top left no-repeat;
	padding: 8px 0 0 0;
	margin: 0 0 15px 0;
}

#leftColHome {
	background: url(../images/bg_leftColHome_bottom.gif) bottom left no-repeat;
	padding: 0;
	margin: 0;
}

#leftColHome ul {
	padding: 0 10px 10px 5px;
}

#leftColHome ul li {
	padding: 0 0 8px 25px;
	margin: 8px 0 0 0; 
	background: url(../images/leaf_sec.jpg) top left no-repeat;
	border-bottom: 1px solid #C8C8C8;
}

#leftColHome ul .noborder {
	border: none;
}

#leftColHome ul li a {
	text-decoration: none;
	color: #005FA9;
	font-size: 95%;
}

#leftColHome ul li a:hover {
	text-decoration: underline;
}

#follow_us {
	margin: 0 0 20px 0;
}

#follow_us.inner {
	margin: 0 0 20px 15px;
}

#follow_us h4 {
	color: #FFF;
	float: left;
	font-size: 16px;
	margin: 0;
	padding: 8px 0 0 5px;
	width: 100px;
}

#follow_us.inner h4 {
	color: #005FA9;
}

#follow_us img {
	float: left;
	margin: 0 10px 0 0;
}

/* ------------------------------------------------------------
	Home Middle Column
------------------------------------------------------------ */
#rightColHome {
	float: left;
	width: 650px;
}

#rightColHome .callout a {
	color: #005EA7;
	text-decoration: none;
}

#rightColHome .callout a:hover {
	text-decoration: underline;
}

#rightColHome .callout h4 {
	font-size: 130%;
	margin: 0;
	padding: 0 0 4px 0;
}

#rightColHome .callout p {
	font-size: 95%;
	margin: 0 0 15px 0;
	padding: 0;
}

#rightColHome .callout img {
	border: 2px solid #FFF;
	margin: 0 0 10px 10px;
	float: right;
}

#rightColHome .callout ul {
	margin: 0 0 15px 17px;
} 

#rightColHome .callout ul li {
	list-style: circle;
}

#rightColHome #news {
	border: 3px solid #A64810;
	padding: 20px;
	margin: 0 0 40px 30px;
	width: 250px;
	float: left;
}

#rightColHome #news a {
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}

#rightColHome #news a:hover {
	text-decoration: none;
}

#rightColHome #news .callout {
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
	border-left: 1px solid #A64810;
}

#rightColHome #news h4 {
	font-size: 145%;
	margin: 0;
	padding: 0 0 20px 0;
}

#rightColHome #news h5 {
	font-size: 115%;
	margin: 0;
	padding: 0 0 4px 0;
}

#rightColHome #facebook {
	float: right;
	width: 300px;
}

#rightColHome #facebook iframe {
	background: #FFF;
	border: none;
}

#rightColHome #facebook .fbConnectWidgetHeaderTitle {
	border: none;
}

/* ------------------------------------------------------------
	Staff
------------------------------------------------------------ */
#rightColSec .staff {
	margin: 0;
	padding: 0 0 0 20px;
}

#rightColSec .staff li {
	width: 315px;
	height: 420px;
	float: left;
	list-style: none;
	text-align: center;
	overflow: hidden;
	display: block;
}

#rightColSec .staff li p {
	padding: 0 0 10px 0;
}

#rightColSec .staff img {
	margin: 0 0 5px 0;
	border: 1px solid #FFF;
}

#rightColSec .staff .email {
	border: none;
	margin: 4px 0 15px 0;
}

#rightColSec .staff .strip {
	margin-right: 0;
}
/* ------------------------------------------------------------
	Footer
------------------------------------------------------------ */
#footerOuter {
	width: 100%;
	background: #3C291A url(../images/bg_footer.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
}

#footer {
	width: 936px;
	background: url(../images/footer_feather.jpg) top left no-repeat;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	color: #FFF;
	overflow: hidden;
	_height: 1%;
	font-size: 90%;
}

#footer ul {
	float: left;
	margin: 0 20px 0 90px;
}

#footer ul li {
	float: left;
	padding: 2px 6px 2px 0;
	margin: 0 10px 10px 0;
	border-right: 1px solid #3C291A;
}

#footer ul li a {
	color: #FFF;
	text-decoration: none;
}

#footer ul li a {
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer p {
	float: left;
	margin: 0;
	padding: 10px 0 0 90px;
} 

/* ------------------------------------------------------------
	Secondary Page
------------------------------------------------------------ */
#secContentOuterOuter{
	background: url(../images/sec_contentTile.jpg) top left repeat-y;
	overflow: hidden;
	_height: 1%;
}

#secContentOuter {
	background: url(../images/sec_contentBottom.jpg) bottom left no-repeat;
	overflow: hidden;
	_height: 1%;
}

#secContent {
	background: url(../images/sec_contentTop.jpg) top left no-repeat;
	padding: 30px 0 0 0;
	overflow: hidden;
	_height: 1%;
}

/* ------------------------------------------------------------
	Secondary Left Column
------------------------------------------------------------ */
#leftColSecOuter {
	float: left;
	width: 220px;
	margin: 0;
	overflow: hidden;
	_height: 1%;
}

#leftColSec {
	margin: 0 0 0 15px;
}

#leftColSec h2 {
	margin: 0 0 15px 15px;
	font-size: 13px;
}

#leftColSec ul {
	padding: 0 0 20px 15px;
}

#leftColSec ul li {
	padding: 0 0 8px 25px;
	margin: 8px 0 0 0; 
	background: url(../images/leaf_sec.jpg) top left no-repeat;
	border-bottom: 1px solid #C8C8C8;
}

#leftColSec ul .noborder {
	border: none;
}

#leftColSec ul li a {
	text-decoration: none;
	color: #005FA9;
	font-size: 95%;
}

#leftColSec ul li a:hover {
	text-decoration: underline;
}

#leftColSec .secButton {
	padding: 0 0 0 0;
}

#leftColSec .secPaypalButton {
	padding: 0 0 15px 0;
}

#homePaypalButton {
	margin: 20px 0 25px 0;
	float: right;
}

/* ------------------------------------------------------------
	Search
------------------------------------------------------------ */
#searchform {
	margin: 0 0 0 15px;
}

/* ------------------------------------------------------------
	Secondary Right Column
------------------------------------------------------------ */
#rightColSecOuter {
	float: right;
	width: 700px;
	margin: 0;
	padding: 0;
}

#rightColSec {
	margin: 0 15px 0 0;
	overflow: hidden;
	_height: 1%;
}

#rightColSec .imgLeft {
	float: left;
	border: 3px solid #FFF;
	margin: 0 10px 10px 0;
}

#rightColSec h4 {
	background: #FFFFFF;
	border: 1px solid #E4BCA3;
	color: #494949;
	font-size: 19px;
	margin: 0 0 10px 0;
	padding: 4px 6px;
}

#rightColSec ul {
	margin: 0 0 25px 25px;
}

#rightColSec ul li {
	padding: 0 0 5px 0;
	list-style: disc;
}

#rightColSec h5 {
	color: #005FA9;
	font-size: 170%;
	margin: 0 0 8px 0;
	font-weight: normal;
}

#rightColSec h6 {
	color: #AD0D0D;
	font-size: 120%;
	border-bottom: 1px solid #E1BCA6;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;	
}

#rightColSec h6 a {
	font-size: 80%;
	float: right;
	display: block;
	background: #E1BCA6;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: normal;
}

#rightColSec .anchors {
	font-size: 90%;
	margin: 0 0 20px 0;
}

.headerImg {
	margin: 0 0 20px 0;
	border: 3px solid #FFF;
}

/* ------------------------------------------------------------
	 Form Fields
------------------------------------------------------------ */
#rightColSec #contacttable {
	padding: 0 0 20px 0;
}

#contacttable td {
	padding: 6px 0;
}