/* Start of CMSMS style sheet 'default' */
@charset "utf-8";

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

				Defaults
				
---------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 1;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}


caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}

a {
color: #253326;
text-decoration: underline;
}

a:hover {
text-decoration: none;
color: #2b89f8;
}

input, select {
border: 1px solid #969695;
}

input.image {
border: none;
}

.hidden {
display: none;
}

.print_page {
display: none;
}

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

				layout
				
---------------------------------------------*/

body {
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background: #f0d6ae url(../images/bkg.jpg);
}

#container {
width: 1024px;
margin: 20px auto;
text-align: left;
}

.header_home {
float: left;
width: 1024px;
height: 143px;
background: url(../images/header.png);
}

.header_inner {
float: left;
width: 1024px;
height: 128px;
background: url(../images/header_inner.png);
}

.banner_home {
float: left;
width: 1024px;
height: 314px;
background: url(../images/banner_home.png);
}

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

				header
				
---------------------------------------------*/

.logo {
float: left;
height: 125px;
padding: 20px 0 0 80px;
width: 230px;
text-indent: -900em;
overflow: hidden;
position: relative;
cursor: pointer;
}

#nav {
float: right;
position: relative;
width: 675px;
height: 36px;
padding: 72px 10px 35px 0;
}

.header_inner #nav {
padding: 58px 10px 35px 0;
}

#nav li {
float: left;
margin: 0 20px 0 0;
}

.header_home #nav li {
margin: 0 30px 0 0;
}

#nav li a {
float: left;
height: 36px;
background: url(../images/navigation.png);
text-indent: -900em;
overflow: hidden;
}

#nav li a:hover {
float: left;
background: url(../images/navigation_hover.png);
}

#nav li.home a {
width: 74px;
}

#nav li.foundation a {
width: 152px;
background-position: -104px 0;
}

#nav li.missions a {
width: 135px;
background-position: -276px 0;
}

#nav li.donation a {
width: 98px;
background-position: -426px 0;
}

#nav li.news a {
width: 65px;
background-position: -558px 0;
}


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

				home
				
---------------------------------------------*/

.home_content {
float: left;
width: 1024px;
height: 216px;
background: url(../images/home.png);
}

.whats-new {
float: right;
height: 213px;
padding: 2px 26px 0 0;
width: 188px;
}

.home_content ul {
float: left;
padding: 25px 0 0 43px;

}

.home_content ul li {
float: left;
height: 174px;
width: 250px;
}

.home_content ul li img {
float: left;
padding: 0 10px 0 0;
}

.home_content ul li h3 {
float: left;
padding: 40px 0 5px;
font-size: 1.7em;
font-weight: bold;
font-family: "Times New Roman", Times, serif;
color: #a16320;
width: 111px;
}

.home_content ul li p {
padding: 0 15px 0 0;
}

.donate_now {
float: right;
height: 291px;
padding: 17px 25px 0 0;
width: 20%;
text-indent: -900em;
overflow: hidden;
}

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

				Inner
				
---------------------------------------------*/

.banner_foundation, .banner_Foundation {
float: left;
width: 1024px;
height: 154px;
background: url(../images/banner_foundation.png);
}

.banner_missions, .banner_Missions {
float: left;
width: 1024px;
height: 154px;
background: url(../images/banner_mission.png);
}

.banner_donation, .banner_Donation {
float: left;
width: 1024px;
height: 154px;
background: url(../images/banner_donation.png);
}

.banner_news, .banner_News {
float: left;
width: 1024px;
height: 154px;
background: url(../images/banner_news.png);
}

.content {
float: left;
width: 1024px;
background: url(../images/inner_bkg.png);
}

.main {
float: left;
margin: 0 0 0 21px;
display: inline;
background: transparent url(../images/left_nav_bkg.gif) repeat-y;
border-left: 2px solid #977349;
}

.main_border {
float: left;
background: transparent url(../images/border.gif) 191px 0 repeat-y;
}

.left_nav {
position: relative;
float: left;
width: 128px;
padding: 40px 13px 0 50px;
border-top: 2px solid #977349;
border-right: 2px solid #977349;
margin: 0 6px 0 0;
display: inline;
}

.left_nav li {
float: left;
clear: both;
padding: 0 0 20px;
}

.left_nav li a {
color: #834a17;
font-size: 1.6em;
line-height: 1.2em;
text-decoration: none;
}

.left_nav li a:hover {
color: #834a17;
}

.left_nav li a:hover {
text-decoration: underline;
}

.copy {
position: relative;
float: left;
width: 728px;
padding: 30px 30px 20px 20px;
background: #ffffff url(../images/main_bkg.gif) no-repeat;
color: #834a17:
}

.copy p {
font-size: 1.2em;
line-height: 1.4em;
padding: 0 0 15px;
}

.copy h2 {
color: #43b470;
font-size: 1.9em;
padding: 0 0 5px;
font-weight: bold;
font-family:"Times New Roman", Times, serif;
}

.copy h4 {
color: #43b470;
font-size: 1.5em;
font-weight: bold;
font-family:"Times New Roman", Times, serif;
}

.copy ul {
font-size: 1.2em;
line-height: 1.4em;
padding: 0 0 15px;
}

.copy ul ul {
font-size: 1em;
padding: 0 0 0 20px;
}

.copy img.left {
padding: 0 25px 15px 0;
}

.copy img.right {
padding: 0 0 15px 25px;
}

.bottom_border {
float: left;
font-size: 0.1em;
width: 977px;
}

.bottom_border .left_nav_border {
float: left;
width: 130px;
height: 2px;
background: #977349;
margin: 0 6px 0 0;
display: inline;
padding: 0 13px 0 50px;
}

.bottom_border .copy_border {
float: left;
width: 778px;
height: 2px;
background: #ffffff;
}

.board_members {
clear: both;
}

.board_members li {
float: left;
width: 300px;
padding: 0 15px 10px 0;
}

.right_img_caption {
float: right;
margin: 0 0 10px 20px;
border: 1px solid #999;
padding: 5px 5px 0;
}

.left_img_caption {
float: left;
margin: 0 20px 10px 0;
border: 1px solid #999;
padding: 5px 5px 0;
}

.right_img_caption img.right, .left_img_caption img.left {
padding: 0;
float: none;
}

.right_img_caption p, .left_img_caption p {
clear: both;
font-size: 1.1em;
color: #777;
padding: 5px;
}



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

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

.footer {
float: left;
width: 1024px;
height: 125px;
padding: 0 0 40px;
background: url(../images/footer_bkg.png) no-repeat;
}

.footer_inner {
float: left;
width: 1024px;
height: 124px;
padding: 0 0 40px;
background: url(../images/footer_inner_bkg.png) no-repeat;
}

ul.footer_links {
float: left;
padding: 12px 0 0 228px;
width: 567px;
height: 30px;
position: relative;
_padding: 14px 0 0 228px;
}

ul.footer_links li {
float: left;
}

ul.footer_links li a {
float: left;
height: 30px;
background: url(../images/footer_links.gif) no-repeat;
text-decoration: none;
}

ul.footer_links li a:hover {
background: url(../images/footer_links_hover.gif);
}

ul.footer_links li.copyright a, ul.footer_links li.copyright a:hover {
width: 81px;
margin: 0 29px 0 0;
}

ul.footer_links li.privacy a, ul.footer_links li.privacy a:hover {
width: 101px;
margin: 0 35px 0 0;
background-position: -110px 0;
}

ul.footer_links li.terms a, ul.footer_links li.terms a:hover {
width: 92px;
margin: 0 34px 0 0;
background-position: -246px 0;
}

ul.footer_links li.sitemap a, ul.footer_links li.sitemap a:hover {
width: 69px;
margin: 0 28px 0 0;
background-position: -372px 0;
}

ul.footer_links li.contact a, ul.footer_links li.contact a:hover {
width: 98px;
background-position: -469px 0;
}

.timelinescroll{
width:700px;
height: 380px;
overflow:auto;
}

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

				Splash
				
---------------------------------------------*/

#splash_container {
width: 838px;
margin: 40px auto;
text-align: left;
}

.splash_top {
float: left;
width: 838px;
height: 211px;
background: url(../images/splash_top.png) no-repeat;
}

.splash {
float: left;
width: 792px;
height: 314px;
padding: 0 23px;
background: url(../images/splash_bkg.png) no-repeat;
}

.splash_bottom{
float: left;
width: 838px;
height: 190px;
background: url(../images/splash_bottom.png) no-repeat;
}

.enter {
float: left;
position: relative;
width: 150px;
height: 25px;
left: 345px;
top: 0;
z-index: 5;
cursor: pointer;
text-decoration: none;
text-indent: -999em;
}
/* End of 'default' */