@charset "UTF-8";
/* CSS Document */

/* BODY */
body {
	background-image: url("../Images/BackgroundPic.gif");
	color: #FFFFFF;
	margin: auto;
	padding: auto;
	width: 960px;
} 
#shell {
	width: 960px;
	background-color: #C9A56E; 
	margin-top: -10px;
	padding-bottom: 10px;
} 
h1 {
	text-align: center;
}

/* HEADER */
#header {
	width: 937px;
	height: 260px;
	background-color: #7C1616;
	border: 4px solid #D0D0D0;
	margin: 8px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
}
#header h1 {
	text-align: center;
	width: 382px;
	height: 175px;
	margin: 21px 289px 0px 289px;
	background-image: url("../Images/Logo.gif");
	background-repeat: no-repeat; 
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
} 
#header ul {
	margin: -25px 0px 0px 0px;
}
#header ul li {
    display: inline;
    list-style: none;
    margin: 0px 341px 0px 35px; 
	font-weight: bold;
	font-size: 20px;
} 

/* NAVAGATION */
#nav ul {
	width: 684px;
	height: 30px;
	background-color: #944848;
	border: 4px solid #C7C0C0; 
	padding-top:15px;
	padding-bottom:25px;
	margin: -50px 126.5px 0px 126.5px; 
}
#nav li {
	display: inline;
	font-size: 32px;
	margin: 0px 20px 0px 10px;
	padding: 0px 0px 0px 0px; 
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
} 

#nav a {
	text-decoration: none;
	color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#nav a:hover { 
	color: #707070;
	cursor: pointer;
} 
#nav b {
	text-shadow: 1px 1px 20px #7C1616;
	color: #C9A56E;
} 
#nav b:hover { 
	color: #707070;
}

/*SLIDER*/
#TopSectionLeft {
	float: left;
	display: block;
	width: 601px;
	height: 400px;
} 
.slider {
	max-width: 601px;
	margin: 10px -10px 10px 10px;
	overflow: hidden;
	height: 400px;
	postion: relative;
	border: 2px solid #C4B9B9;
} 
.slide-group {
	width: 100%;
	height: 100%;
	position: relative;
}
.slide {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
} 
.slide:first-child {
	display: block;
} 

/*BUTTONS*/ 
.slide-buttons { 
	text-align: center;
} 
.slide-btn {
	border: none;
	background: none;
	color: #000; 
	font-size: 200%;
	line-height: 0.5em;
} 
.slide-btn.active, .slide-btn:hover {
	color: #954848; 
	cursor: pointer;
} 

/* Next & Previous Buttons */
.prev, .next { 
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px; 
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
}

/* Positioning the "next" button to the right */ 
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
} 

/* On hover, adding a black background color with a little bit see-through */ 
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
} 

/* Top Section */
#TopSectionRight {
	float: right;
	display: block;
	width: 325px;
	height: 369px;
	background-color: #959191;
	border: 2px solid #C4B9B9;
	margin: 30px 10px 0px 20px;
} 
#TopSectionRight h1, h3, p {
	color: #7C1616;
	text-align: center;
} 
#TopSectionRight h1 {
	font-size: 40px; 
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"
} 
#TopSectionRight p {
	font-size: 24px;
} 
#TopSectionRight h3 {
	font-size: 32px;
} 
#TopSectionRight h3:hover {
	color: white;
	cursor: pointer;
}
#TopSectionRight #button {
	width: auto;
	height: 50px; 
	border-radius: 10px;
	margin: 20px 20px 10px 40px; 
	padding: -10px 0px 0px 0px;
	background-color: #C4B9B9;
} 
#TopSectionRight #button h3 {
	margin: 5px 10px 10px 10px;
	padding-top: 5px;
} 
#TopSectionRight a {
	text-decoration: none;
}

/* Center Section 1 */
#CenterSection1 {
	width: 952px;
	height: 197px; 
	background-color: #7C1616;
	border: 4px solid #C7C0C0;
	margin: 450px 0px 0px 0px;
} 
#CenterSection1 h3 {
	color: white;
	width: 284px;
	height: 38px;
	font-weight: bold;
	font-size: 29px;
	margin: 20px 0px 0px 300px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
#CenterSection1 p {
	color: white;
	width: 832px;
	height: 109px;
	font-size: 28px;
	margin: 15px 0px 0px 50px;
}

/* ACCORDION SECTIONS */
#Section1Left {
    float: left;
    display: block;
    width: 457px;
    height: 293px;
	margin: 0px 0px 0px 3px;
}
.accordion {
	background-color: #954848; 
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: auto;
	width: 457px;
	border-radius: 10px; 
}
.accordion li {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	font-family: "Lucida Grande", sans-serif; 
} 
.accordion-control {
	background-color: #959191;
	color: white;
	font-size: 24px; 
	font-family: "Lucida Grande", sans-serif;
	display: block;
	width: 100%;
	padding: 15px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
} 
.accordion-control:hover {
	color: #7C1616;
} 
.accordion-panel {
	display: none;
	border: 1px solid #7C1616;
} 
.accordion-panel p {
	padding: 10px;
	text-align: left;
	font-size: 20px;
	color: white;
} 
.cafeimg {
	float: left;
	padding-right: 6px;
}
#Section1Left h3 {
    background-color: #954848;
    color: white;
    font-size: 32px;
    width: 390px;
    border: 2px solid #C7C0C0;
    margin: 10px auto 10px auto;
    height: 50px;
	padding: 10px 0px 0px 0px;
} 

#Section1Right {
    width: 457px;
    height: 293px;
    float: right;
    display: block; 
	margin: 50px 8px 10px 0px;
	border: 2px solid #954848;
}
#AccordionSection {
    background-color: #C7C0C0;
    width: 935px;
    height: 400px;
	border: 2px solid #7C1616;
	margin: 10px;
}

/* Section 2 */
#Section2Left {
	float: left;
	display: inline-block;
	width: 318px;
	height: 186px;
	background-color: white;
	border: 2px solid #C7C0C0; 
}
#Section2Left a {
	font-size: 42px;
	color: #7C1616;
	margin: 40px 10px 10px 10px;
	text-decoration: none;
	text-align: center; 
}
#Section2Left h1 {
	margin-top: 40px;
}
#Section2Left a:hover {
	color: #959191;
	cursor: pointer;
}
#Section2Mid {
	float: none;
	display: inline-block;
	width: 318px;
	height: 186px;
	background-color: #7C1616;
	border: 2px solid #C7C0C0;
} 
#Section2Mid a {
	font-size: 42px;
	color: #C7C0C0;
	margin: 40px 10px 10px 10px;
	text-decoration: none;
	text-align: center; 
}
#Section2Mid h1 {
	margin-top: 40px;
}
#Section2Mid a:hover {
	color: white;
	cursor: pointer;
}
#Section2Right {
	float: right;
	display: inline-block;
	width: 312px;
	height: 186px;
	background-color: #959191;
	border: 2px solid #C7C0C0;
} 
#Section2Right a { 
	font-size: 42px;
	color: #7C1616;
	margin: 40px 10px 10px 10px;
	text-decoration: none; 
}
#Section2Right h1 {
	margin-top: 40px;
}
#Section2Right a:hover {
	color: white;
	cursor: pointer;
} 

/* CENTER SECTION 2 */
#CenterSection2 {
    width: 955px;
    height: 186px;
    background-color: #954848;
	border: 2px solid #C7C0C0;
	margin-top: 10px;
}
#CenterSection2 h3 {
	color: white;
	font-weight: bolder;
	font-size: 28px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
#CenterSection2 p {
	color: white;
	font-weight: normal;
	font-size: 28px;
}

/*FOOTER*/
#Footer {
    width: 937px;
    height: 260px;
    border: 4px solid #D0D0D0;
    background-color: #7C1616;
	margin: 10px 0px 0px 8px;
} 
#FooterLeft {
	float: left;
	display: inline-block;
	width: 179px;
	height: 179px;
	margin: 20px 40px 0px 40px;
} 
#FooterLeft h4 {
	font-size: 24px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
#FooterLeft li {
	font-size: 16px;
	list-style: none;
	margin-left: -30px;
}
#FooterMid {
	float: none;
	display: inline-block; 
	width: 179px;
	height: 179px;
	margin: 20px 40px 0px 40px;
} 
#FooterMid h4 {
	font-size: 22px; 
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
#FooterMid li {
	font-size: 16px;
	list-style: none;
	margin-left: -30px;
}
#FooterRight {
	float: right;
	display: inline-block;
	margin: 20px 40px 0px 40px;
	background-color: #C7C0C0;
	padding: 20px;
} 
#FooterRight h4 {
	font-size: 20px;
	color: #954848;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
#FooterRight ul li {
	display: inline;
	margin: 0px 20px 0px -5px
} 
#FooterRight a {
	text-decoration: none;
}
#FooterRight img:hover {
	background-color: #954848;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 10px;
} 

/*Title Sections*/
#TitleSection {
    width: 937px;
    margin: 10px;
    height: 140px;
	border: 2px solid #C7C0C0;
} 

/*ABOUT PAGE - VIDEO*/
#VideoSection {
	width: 684px;
	height: 357px;
	overflow: hidden;
	margin: 10px 0px 10px 140px;
	position: relative;
}
#VideoSection video {
	position: relative;
	z-index: 0;
}
.layer {
	position: absolute;
	top: -3em;
	left: 4em;
	z-index: 1;
} 
.layer p {
	color: #7C1616;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; 
	font-variant: small-caps;
	font-size: 60px;
}
@media only screen and (min-width: 541px) and (max-width: 960px) {
	.layer {
		position: absolute;
		top: -3em;
		left: 4em;
		z-index: 1;
	}
}

/*READ MORE*/
#ReadMoreLeft {
    width: 450px;
    height: 374px;
    float: left;
    display: inline-block;
    border: 2px solid #C7C0C0;
    background-color: #7C1616;
	margin: 10px 10px 10px 20px;
} 
#ReadMoreRight {
	width: 450px;
	height: 374px;
	float: right;
	display: inline-block;
	border: 2px solid #C7C0C0;
	background-color: #954848;
	margin: 10px 20px 10px 0px;
}
#ReadMoreLeft h3 {
	color: #C7C0C0;
	font-weight: bolder; 
	font-size: 28px;
	
}
#ReadMoreRight h3 {
	color: #C7C0C0;
	font-weight: bolder; 
	font-size: 28px;
} 
.text-overflow {
	width: 400px;
	height: 150px;
	display: block;
	overflow: hidden;
	word-wrap: break-word;
	font-size: 24px;
	color: white; 
	margin: 10px 10px 10px 30px;
	text-align: left;
}
.btn-overflow {
	display: none;
	text-decoration: none;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	color: #C9A56E;
	font: 14px;
	text-align: center;
}
.btn-overflow:hover {
	color: gray;
}

/*CONTACT PAGE*/
#ContactLeft {
    width: 506px;
    float: left;
    display: inline-block;
} 
#ContactLeft p {
	font-size: 30px;
	text-align: left;
	margin-left: 30px;
}
#ContactLeft ul {
	list-style: none;
}
#ContactLeft li {
	font-size: 30px;
	color: #7C1616;
	margin-left: 40px;
}
#ContactLeft a {
	text-decoration: none;
	color: #7C1616;
}
#ContactLeft a:hover {
	color: white;
	cursor: pointer;
}
#googleMap { 
	display: inline-block;
	float: right; 
	width: 390px;
	height: 250px; 
	margin: 20px 20px 20px 0px;
}
#GetInvolvedSection {
    width: 936px;
    height: 466px;
    background-color: #C7C0C0;
	margin: 300px 10px 10px 10px;
	border: 2px solid #7C1616;
} 
#GetInvolvedSection h1 {
	color: #7C1616;
	font-size: 42px;
}
#InvolvedLeft {
	float: left;
	display: inline-block;
	margin: -30px 0px 10px 50px;
}
#InvolvedLeft h3 {
	font-size: 32px;
	margin-bottom: -20px;
}
#InvolvedLeft p {
	font-size: 30px;
	margin-top: 50px;
}
#InvolvedRight {
	float: right;
	display: inline-block;
	margin: -10px 20px 10px 10px;
	border: 2px solid #7C1616;
}
form {
	text-align: center;
	margin-top: -20px;
}
#formFirstName, #formLastName, #formEmail, #formPhone, #formState, #formZipCode, #formAmount {
	width: 200px;
	height: 20px; 
	margin: 5px 5px 5px 5px;
} 
#formAddress {
	width: 420px;
	height: 20px;
	margin: 3px 5px 5px 5px;
}
#formSubmit {
	margin-top: 5px;
	width: 100px;
	height: 20px; 
	border-radius: 20px;
} 
#formSubmit:hover {
	cursor: pointer;
	color: #954848;
} 

/*DONATE PAGE*/
#DonateLeft {
	width: 468px;
	height: 402px;
	margin: 10px 10px 10px 10px;
	border: 2px solid #954848;
}
#DonateRight {
	width: 450px;
	height: 402px;
	background-color: #C7C0C0;
	border: 2px solid #954848;
	margin: -415px 10px 10px 495px;
} 

#DonateRight form {
	width: 440px;
	margin-left: 10px;
}

#DonateRight #formSubmit {
	margin-top: 10px;
}

.selected{
	background-color:#C9A56E;
	cursor:pointer;
}
.box {
    display: inline-block;
    width: 50px;
	height: 50px;
    margin-left: 10px;
    margin-top: 10px;
    border: 2px solid white;
}

.box:hover {
	cursor: pointer;
	background-color: white;
}

#container .box p{
	font-size:20px;
	color: #7B1616;
	text-align:center;
	margin-top: 10px;
}
#container{
	width:450px;
	margin-left: -10px;
	margin-top: -10px;
}
 #my_btn{ 
	margin-top: 15px;
	border-color:#C7C0C0;
	height:25px;
	width: 200px;
	font-size:20px;
	background-color:white;
}

input{
	text-align:center;
}

/*NEWS PAGE*/
#NewsTable1 {
	width: 912px;
	border: 2px solid #954848;
    padding: 10px;
	margin: 10px 10px 10px 12px;
	background-color: #C7C0C0;
}
#NewsTable2 {
	margin: 10px 10px 10px 10px;
}
#NewsTable2 td {
    border: 2px solid #954848;
    padding-left: 70px;
	padding-top: 20px;
	width: 444px;
}
#NewsTable2 td a:hover {
	color: white;
}
#NewsTable1 td {
    padding-top: 10px;
	padding-left: 150px;
}
#NewsTable3 {
	width: 912px;
	border: 2px solid #954848;
    padding: 10px;
	margin: 10px 10px 10px 12px;
	background-color: #C7C0C0;
}
#NewsTable3 td { 
	padding-left: 300px;
} 
td a {
	text-decoration: none; 
	color: #7B1616;
}
#NewsTable2 td {
	background-color: #C7C0C0;
}