/* CSS Document */

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;
}

:focus {
	outline: 0;
}
body {
	line-height:100%;
	color: black;
	background: #d7d2cd;
	text-align:center;
	font-size: 76%;
}

ol, ul {
	list-style: none;
}

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: "" "";
}

/*Main Styles */
a, a:visited{color:#47797e;}
a:hover{color:#a9c7b7;}
b, strong{font-weight:bold;}
i, emphasis{font-style:italic;}

h1{font-size:2.5em; line-height:100%;  color:#b32317; padding:0; font-weight:normal;}
h2, h3, h4, h5, h6{color:#b32317; font-weight:bold;}

.container{
	width:72em;
	margin:0 auto;
	background:#fff url(../img/body-bg.gif) 73% top repeat-y;
	color:#272f27;
	font:1em/150% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.clear{clear:both;}

.header{position:relative; background: #d7d2cd; height:8em; width:100%;}
#logo{position:absolute; height:12.75em; width:9.12em; top:2.5em; left:4%;}

#menu{width:82%;padding:4.85em 0 0 18%; float:right;}

#menu li, #menu a, #menu a:visited{background:url(../img/menu-highlight.gif) center 3.5em repeat-y;}

#menu li{display:block; height:6em; float:left; margin:0; text-align:center; font-size:.9em;font-weight:bold; background-color:#fff;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Opera 9 rules here */
	#menu li{margin:1px 0 0 0;}
}

#menu a, #menu a:visited{display:block; height:6em;color:#272f27; font-weight:normal; text-decoration:none; background-color:#fff;}
#menu a:hover{font-weight:normal;background-color:none;}

.about{width:9%; color:#b31f17; background-color:#b31f17 !important;}
.services{width:9.5%; color:#b31f17; background-color:#b31f17 !important;}
.giving{width:7%; color:#b31f17; background-color:#b31f17 !important;}
.events{width:15%;color:#b31f17; background-color:#b31f17 !important;}
.gallery{width:8%;color:#b31f17;background-color:#b31f17 !important;}
.activities{width:11.5%;color:#b31f17;background-color:#b31f17 !important;}
.volunteer{width:13%;color:#b31f17;background-color:#b31f17 !important;}
.jobs{width:6%;color:#b31f17;background-color:#b31f17 !important;}
.rentals{width:9.5%;color:#b31f17;background-color:#b31f17 !important;}
.contact{width:11%;color:#b31f17; background-color:#b31f17 !important;}

#menu .about a:hover{color:#b31f17; background-color:#b31f17; !important;}
#menu .services a:hover{color:#b31f17; background-color:#b31f17 !important;}
#menu .giving a:hover{color:#b31f17;background-color:#b31f17 !important;}
#menu .events a:hover{color:#b31f17;background-color:#b31f17 !important;}
#menu .gallery a:hover{color:#b31f17;background-color:#b31f17 !important;}
#menu .activities a:hover{color:#b31f17;background-color:#b31f17 !important;}
#menu .volunteer a:hover{color:#b31f17;background-color:#b31f17 !important;}
#menu .jobs a:hover{color:#b31f17;background-color:#b31f17 !important;}
#menu .rentals a:hover{color:#b31f17;background-color:#b31f17 !important;}
#menu .contact a:hover{color:#b31f17;background-color:#b31f17 !important;}

.secMenu{float:left;margin:11.5em 0 0 0; padding:0 0 0 4%}
.secMenu li{padding:0 0 1em 0; font-size:.9em; color:#b32317;}
.secMenu a, .secMenu a:visited{color:#b32317; text-decoration:none;}
.secMenu a:hover{color:#b32317; text-decoration:underline;}
.secOn{color:#272f27 !important; font-weight:bold;}

.lead{padding:5.3em 0 1.3em 23%; background:#fff;}

.homeLead{padding:8em 0 1.3em 23%; background:#fff;}
.homeLead h1{font-size:3.2em;}
.homeText{font-size:1.8em; line-height:150%; float:left; width:58%; }

.content{width:76%; padding:1.5em 0 0 0; margin:0 0 0 23%;}
.content p{padding:0 4% 1em 0;}
.content ul{padding:0 0 1em 6%; list-style-type:disc;}
.content ol{padding:0 0 1em 6%; list-style-type:number;}
.leftImg{float:left; padding:0 2.8% 1.4em 0;}
.rightImg{float:right; padding:0 1.4% 1.4em 0;}

.leftCol{width:63%;float:left;min-height:38em;}
.rightCol{width:32%; float:right;}

.footer{clear:both;background:#fff url(../img/footer-bg.gif) no-repeat; min-height:24px;}
.copyright{background: #d7d2cd; padding:0 2% 0 0; text-align:right; font-size:.8em; line-height:200%;}