body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #ccc;
	}

img, h1, h2, h3 {border: 0; margin: 0; padding: 0;}

img.border {
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	}

h2 {
	font-size: 28px; color: #B92B3E; font-weight: normal; padding-top: 20px; padding-bottom: 20px;
	}
	
h3 {margin-bottom: 15px;}

p,h3 {color: #663300;}

h4 {
	font-size: 16px;
	color: #B92B3E;
	font-weight: bold;
	padding: 2px 0;
	border-bottom: 1px solid #999;
	margin: 5px 0;
	}

#container {
	text-align: left;
	width: 882px;
	margin-right: auto;
	margin-left: auto;
	padding: 9px 21px 0 21px;
	background: url(/-img/backgrounds/shadow_side.png) repeat-y top center;
/*
		-webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.5);
*/
	}

#bottom {
	margin-left: auto;
	margin-right: auto;
	height: 21px;
	width: 924px;
	background: url(/-img/backgrounds/shadow_bottom.png) no-repeat bottom center;
	margin-bottom: 20px;
	}	

td {color: #663300;}

#navigation {
	position: relative;
	padding-top: 5px;
	height: 25px;
	width: 900;
	text-align: center;
	background-color: #B92B3E;
	margin-top: 1px;
	}

#header {
	height: 190px;
	}

/*
============ BANNERS & BACKGROUNDS ===============
*/

.banner1 {
	background: #fff url(/-img/banners/banner1.jpg) no-repeat left top;
	}
.banner2 {
	background: #fff url(/-img/banners/banner2.jpg) no-repeat left top;
	}
.banner3 {
	background: #fff url(/-img/banners/banner3.jpg) no-repeat left top;
	}
.banner4 {
	background: #fff url(/-img/banners/banner4.jpg) no-repeat left top;
	}
.banner5 {
	background: #fff url(/-img/banners/banner5.jpg) no-repeat left top;
	}
.banner6 {
	background: #fff url(/-img/banners/banner6.jpg) no-repeat left top;
	}
.banner7 {
	background: #fff url(/-img/banners/banner7.jpg) no-repeat left top;
	}
.banner8 {
	background: #fff url(/-img/banners/banner8.jpg) no-repeat left top;
	}
	
#logo {
	float: right;
	height: 190px;
	width: 410px;
	background: url(/-img/banners/logo.png) no-repeat left 10px; 
	}

#tagline {
	background: url(/-img/backgrounds/tagline.png) no-repeat center bottom;
	}

.back-1 {
	background: #fff url(/-img/backgrounds/bg1.jpg) no-repeat center -20px;
	}
.back-2 {
	background: #fff url(/-img/backgrounds/bg9.jpg) no-repeat center -30px;
	}
.back-2a {
	background: #fff url(/-img/backgrounds/bg9a.jpg) no-repeat center -30px;
	}
.back-3 {
	background: #fff url(/-img/backgrounds/bg3.jpg) no-repeat center -175px;
	}
.back-3a {
	background: #fff url(/-img/backgrounds/bg3.jpg) no-repeat center 0px;
	}
.village {
	background: url(/-img/backgrounds/village_bg.jpg) left 0px no-repeat;
	}
.back-4 {
	background: #fff url(/-img/backgrounds/bg7.jpg) no-repeat center -10px;
	}
.back-5 {
	background: #fff url(/-img/backgrounds/bg8.jpg) no-repeat center 0px;
	}
.back-6 {
	background: #fff url(/-img/backgrounds/bg4.jpg) no-repeat center 0px;
	}
.back-7 {
	background: #fff url(/-img/backgrounds/bg8.jpg) no-repeat center 0px;
	}
.back-8 {
	background: #fff url(/-img/backgrounds/bg10.jpg) no-repeat center 0px;
	}
/*
==============================================
*/
	
#navigation-list {
	margin: 0; padding: 0;
	list-style-type: none;
	}

#navigation-list li { 
	margin: 0;
	padding-left: 13px; padding-right: 13px;
	font-size: 16px;
	font-style: italic;
	display: inline;
	}

#navigation-list-second {
	margin: 0; padding: 0;
	list-style-type: none;
	}

#navigation-list-second li { 
	margin: 0;
	padding-left: 15px; padding-right: 15px;
	color: white;
	font-size: 14px;
	font-style: italic;
	display: inline;
	}

#navigation-second {
	clear: both;
	width: 100%;
	text-align: center;
	margin: 35px auto -20px auto;
	}
	
#navigation-second ul {
	margin: 0; padding: 0;
	list-style-type: none;
	}

#navigation-second li { 
	margin: auto;
	padding: 0 25px;
	display: inline;
	}

#navigation-second li a { 
	color: #663300;
	font-size: 14px;
	text-decoration: none;
	}

#navigation-second li a:hover { 
	text-decoration: underline;
	}


#content {
	padding: 5px 20px 20px 20px;
	width: 842px;  /*fixes a width bug in IE 5,6 and 7 on the about page, otherwise harmless*/
	}
#content a {color: #333399;}


#content p {
		padding-right: 20px;
		margin-top: 0px;
		line-height: 20px;
		background-repeat: no-repeat;
	}

#content p.heading {
		padding-top: 20px;
		line-height: 28px;
		font-size: 20px;
		background-repeat: no-repeat;
	}

#content ul {margin: 0; padding-left: 20px; padding-bottom: 20px;}
#content li {line-height: 20px;}

#sidebar {
		min-height: 350px;
		color: white;
		padding: 25px 20px 20px 15px;
		margin-bottom: 20px;
		width: 215px;
		float: right;
		margin-left: 25px;
	}
	
#sidebar.donors {
		width: 240px;
	}	

#sidebar h3 {
	font-weight: normal;
	font-size: 20px;
	}

#sidebar ul {
	padding: 0;
	}

#sidebar li {
	list-style: none;
	}

#sidebar ul li {
	font-size: 14px;
	list-style: square;
	list-style-position: inside;
	}

#sidebar h4 {
	border-bottom: 1px solid #999;
	margin-top : 10px;
	margin-bottom: 5px;
	}

#navigation-list a:hover {
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
		color: #fff;
	}

#navigation-list a {
		font-style: italic;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}

#navigation-list-second a:hover {
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
		color: #fff;
	}

#navigation-list-second a {
		font-style: italic;
		font-weight: bold;
		color: white;
		text-decoration: none;
	}

#contacts-table {
		width: 600px;
		border-width: 0px;
		margin-bottom: 20px;
	}

#contacts-table td {
		border-width: 0px;
		vertical-align: top;
		padding-right: 15px;
		padding-top: 15px;
	}
	
#contacts-table2 {
		width: 890px;
		border-width: 0px;
	}

#contacts-table2 td {
		border-width: 0px;
		vertical-align: top;
	}

#donate-table {
		width: 600px;
		border-width: 0px;
	}

#donate-table td {
		border-width: 0px;
		vertical-align: top;
	}

#press-table {
		color: #663300;
		margin-left: auto;
		margin-right: auto;
	}

#press-table td{
	vertical-align: top;
	font-size: 14px;
	}
	
#press-table td a:hover img {
	background: #eee;
	border: 1px solid #bbb;
	}	
#press-table td.img_column {
	padding-right: 15px;
	}

#smallpress-table {color: #663300;}

#smallpress-table td{
	vertical-align: top;
	}
#smallpress-table td.img_column {
	padding-right: 15px;
	}

li {color: #663300;}

#sidebar table {
	width: 100%;
	border: none;
	}

#content p.ourStory {font-style: italic; font-size: 18px; line-height: 32px;}

#content p.SurvivorStory {font-style: italic; font-size: 20px; line-height: 25px;}

a.nextSlide {font-size: 20px; font-weight: bold;}

p.temp {
	font-size: 16px;
	border: 2px dashed #663300;
	padding: 10px;
	height: 300px;
	}

#footer {
	clear: both;
	text-align: center;
	font-size: 11px;
	color: #663300;
	padding-top: 20px;
	margin-bottom: 0;
	}

/*
============ SECTION SPECIFIC STYLES ===============
*/

#bead_link {
	position: absolute;
	top: 50px;
	left: 450px;
	width: 400px;
	height: 250px;
	}
	
#survivor_sidebar {
	min-height: 550px;
	padding: 0;
	margin: 0 0 20px 10px;
	width: 320px;
	float: right;
	margin-left: 20px;
	}	

#bead_link a {
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
	color: #B92B3E;
	}

#bead_link a:hover {
	color: #66172D;
	}

#about_bead td {
	vertical-align:top;
	padding-bottom: 5px;
	}
	
#content.bead img {
	width: 150px;
	}
	
#bead_sidebar {
	min-height: 350px;
	color: white;
	padding: 0;
	margin-bottom: 20px;
	width: 265px;
	float: right;
	margin-left: 0px;
	border-left: 1px 
	}
	
#about_bead td p {
	padding-left: 10px;
	}

#village_graphic {
	position: relative;
	margin: 0 auto;
	width: 750px;
	height: 563px;
	background: url(/programs/images/village.jpg) no-repeat;
	}

.button {
	position: absolute;
    }

.button a {
    display: block;
    border: none;
    }
 
 .button a#bead_program {
	width: 420px;
	height: 398px;
	background: url(/programs/images/bead_collage.jpg) left top;
	}
.button a#bead_program:hover {
    background: url(/programs/images/bead_collage.jpg) left 399px;
    }

.button a#village_program {
	width: 420px;
	height: 398px;
	background: url(/programs/images/village_collage.jpg) left top;
	}
.button a#village_program:hover {
	background: url(/programs/images/village_collage.jpg) left 388px;
    }

.button a#school{
	width: 126px;
	height: 56px;
	background: url(/programs/images/School.jpg) left top;
	}
.button a#school:hover {
    background: url(/programs/images/School.jpg) left bottom;
    }

.button a#residence{
	width: 126px;
	height: 56px;
	background: url(/programs/images/Residence.jpg) left top;
	}
.button a#residence:hover {
	background: url(/programs/images/Residence.jpg) left bottom;
    }
    
.button a#co-op{
	width: 126px;
	height: 56px;
	background: url(/programs/images/Co-Op.jpg) left top;
	}
.button a#co-op:hover {
	background: url(/programs/images/Co-Op.jpg) left bottom;
    }
    
.button a#resource{
	width: 177px;
	height: 56px;
	background: url(/programs/images/Resource-Center.jpg) left top;
	}
.button a#resource:hover {
	background: url(/programs/images/Resource-Center.jpg) left bottom;
    }