@charset "utf-8";
/* CSS Document 
Author: Joe Hickman
Date: 12-8-08
*/

@import url("/css/global-reset.css");
@import url("/css/buttons.css");
@import url("/css/list.css");
@import url("/css/social.css");

body { background: #FFFFFF url(/images/bg-firefox-sub.jpg) no-repeat scroll center top; }
body#contact { background: #FFFFFF url(/images/bg-locations.jpg) no-repeat scroll center top !important; }
div.body {
	background: #FFFFFF url(/images/bg-firefox-sub.jpg) no-repeat scroll center top;
}
p { padding-top: 7px; padding-bottom: 7px; line-height: 25px; }
#container { width: 958px; margin-right: auto; margin-left: auto; }
.clear { clear: both; height:20px; width:958px; }
#nav { width: 958px; height: 30px; float: left; clear: both; margin: 0px; padding: 0px; overflow:hidden; }

a:link { color: #2d2510; }
a:visited { color: #2d2510; }
a:hover { color: #2d2510; }
a:active { color: #2d2510; }

/*H Tags*/
h2, h3, h4 { margin-top: 18px; }
h1.subpages { background: url(/images/dirty-headlines.png) no-repeat left -30px; height: 60px; width: 514px; padding-left: 17px; margin-left: -6px; margin-bottom: 0px; padding-bottom: 0px; }
h1.news { background: url(/images/dirty-headlines.png) no-repeat left -37px; height: 50px; width: 514px; padding-left: 17px; margin-left: -6px; margin-bottom: 0px; padding-bottom: 0px; }
h1.small { background: url(/images/dirty-headlines-small.png) no-repeat 8px 7px; height: 40px; width: 296px; padding-left: 20px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 20px; }
.small { margin: 0px; padding: 0px; }
h1.events { background: url(/images/headings/events.png) no-repeat !important; text-indent: -9999px; height: 45px; width: 326px; margin-left: -5px; }
h1.recentnews { text-indent: -9999px; background: url(/images/headings/recent-news.png) no-repeat !important; height: 61px; width: 499px; position: relative; margin-left: -8px; margin-top: 20px; }
h1.mission { background: url(/images/headings/our-mission.png) no-repeat !important; text-indent: -9999px; height: 44px; width: 326px; margin-top: 30px; margin-left: 10px; }
h1.donate { background: url(/images/headings/donate.png) no-repeat !important; text-indent: -9999px; height: 43px; width: 326px; margin-top: 30px; margin-left: 10px; }
h1.yotm { background: url(/images/headings/youth-of-the-month.png) no-repeat !important; text-indent: -9999px; height: 43px; width: 326px; margin-top: 30px; margin-left: 10px; }
h1.welcome { background: url(/images/headings/welcome.png); text-indent: -9999px; display: block; height: 61px; width: 499px; margin-left:-8px; margin-top: 20px; }
/* Footer Elements*/
#footer { background: #CC9900 url(/images/footerbg.jpg) repeat-x bottom; height: 109px; width: 100%; float:left; clear:both; }
#footernav { width: 958px; padding-top: 14px; margin-left:auto; margin-right:auto; text-align: center; }
ul.footernav { font: normal 16px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; }
.footernav li { display: inline; list-style: none; margin-right: 20px; margin-left: 20px; z-index:9; }
.footernav a:link { font: normal 16px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; text-decoration: none; }
.footernav a:visited { font: normal 16px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; text-decoration: none; }
.footernav a:hover { font: normal 16px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; text-decoration: underline; }
.footernav a:active { font: normal 16px Georgia, "Times New Roman", Times, serif; color: #990000; text-decoration: underline; }
.copyright { font: normal 11px Georgia, "Times New Roman", Times, serif; color: #FFFFFF; width: 500px; margin-left: -435px; position: absolute; left: 50%; margin-top: 40px; }
/*Header Elements*/
#header { padding: 0px; clear: both; width: 958px; margin-right: auto; margin-left: auto; background: #FFFFFF url(/images/headerbg.jpg) no-repeat; height: 103px; }
#logo { height: 68px; width: 296px; top: 17px; left: 45px; position:relative; float: left; }
#headersearch { width: 370px; float: right; height: 29px; position: relative; top:13px; right:55px; }
input.headersearch { border: 2px solid #9b9b9b; width: 250px; font: normal 14px Georgia, "Times New Roman", Times, serif; color: #666666; height: 20px; padding-top: 3px; padding-left: 5px; vertical-align: middle; }
input.searchsubmit { border-style:none; vertical-align: middle; margin-left: 5px; }
#headerlocations { float: right; height: 25px; width: 500px; position: relative; top: 32px; right: 20px; }
ul.showlocation {}
.showlocation li { display: inline; list-style: none; margin: 0px; padding: 0px; }
/*Content*/
#content { width: 958px; background: /*url(/images/contentbg.jpg) no-repeat;*/ z-index:7; clear: both; margin: 0px; padding: 0px; float: left; }
#contentsub { width: 958px; background: /*url(/images/contentbg.jpg) no-repeat;*/ z-index:7; clear: both; margin: 0px; padding: 0px; float: left; }
#contentsub-donate { width: 100%; background: /*url(/images/contentbg.jpg) no-repeat;*/ z-index:7; clear: both; margin: 0px; padding: 0px; float: left; }
.content { padding-left: 12px; line-height: 24px; margin-top:-5px; }
.newsdate { padding-left: 10px; line-height: 24px; margin-top:-25px; padding-bottom: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #d3bf86; }
.contentsub { padding-left: 10px; text-align: justify; }
.sidebarcontent { width: 310px; margin-left: 25px; margin-top:8px; }
.sidebarcontent-flash { width: 310px; height:370px; margin-left: 25px; margin-top:8px; }
.sidebarmission { width: 310px; margin-left: 25px; margin-top:8px; color: #5c7a91; }
#spacer { height: 165px; width: 20px; }
.spacer { height: 385px; width: 20px; }
#spacersub { height: 20px; width: 20px; }
#leftcol { float: left; width: 358px; }
#rightcol {
	float: left;
	width: 540px;
	margin-top:-30px;
	margin-left:25px;
}
#rightcolsub { float: left; width: 540px; clear: right; margin-top:40px; margin-left:25px; }
p { font: normal 14px/20px Georgia, "Times New Roman", Times, serif; color: #333333; }
p.blue { font: 14px/20px Georgia, "Times New Roman", Times, serif; color: #5c7a91; }
#recentnews { float: left; padding-left:9px; clear: both; }
.newsfeed { margin-top: -10px; padding-left:10px; }
.newsfeed li { display: inline; list-style: none; width: 50%; }
/*Sponsors*/
#sponsors { background: url(/images/sponsorbg.jpg) repeat-x; height: 74px; width: 940px; margin-right: auto; margin-left: auto; clear: both; }
#sponsorleftcap { background: url(/images/sponsorleftcap.jpg); margin: 0px; padding: 0px; float: left; height: 74px; width: 11px; }
#sponsorrightcap { background: url(/images/sponsorrightcap.jpg); margin: 0px; padding: 0px; float: right; height: 74px; width: 11px; }
#sponsorlogos { float: left; }
.sponsorlist li { display: inline; list-style: none; position: relative; top: 8px; margin-right: 5px; margin-left: 5px; }
/*Home Page Flash Area*/
#homeflash { width: 958px; } /*flash container*/
#flash1 { position: relative; z-index:0; top:5px; }
#flash2 { position: absolute; z-index: 9; left:50%; margin-left:-475px; top:365px; }
/*Events Area*/

#events001 { float: left; margin-left:-7px; }
#events002 { float: left; width: 150px; clear: right; }
#events003 { width: 100%; clear: both; height: 50px; margin-bottom: 5px; }
#happenings { margin-left: 7px; }
.articlepic { border: 4px solid #676869; }
.roboto { height: 2px; width: 100%; border-top: 1px dotted #666666; margin-top: 20px; margin-bottom: 20px; }
ul.sublist { list-style: outside; padding-left: 15px; }
.sublist li { padding-left: 1px; margin-top: 10px; margin-bottom: 10px; font: 14px/20px Georgia, "Times New Roman", Times, serif; }
.locations { width: 875px; padding-top: 35px; padding-left:25px; }
.mapborder { border: 5px solid #2b4b64; }
table.location img { border: 3px solid #d3bf86; padding: 2px; margin-top: 6px; margin-right: 6px; margin-bottom: 6px; }
.spacer { height: 150px; }
ol { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; padding: 0px; list-style: decimal; margin-left: 30px; }
ol li { margin-bottom: 10px; line-height: 20px; }

.headlinedate { font: 12px Georgia, "Times New Roman", Times, serif; color: #999999; margin-bottom: 15px; margin-top: 15px; }
ul { list-style: disc; color: #333333; font: 14px Georgia, "Times New Roman", Times, serif; /*margin-left: 15px;*/ }
ul li { margin-bottom: 7px;}

div.eventday a { font: normal 12px Georgia, "Times New Roman", Times, serif; color: #990000; padding: 10px 2px 2px; }
div.today a { color: #416388; }
.event-view { float: left; width: 540px; overflow: auto; }
div.yoty {
	width: 270px;
	margin-left: 25px;
}
div.home-article {
	width: 500px;
	margin-left: 15px;
}
div.home-left-banners {
	margin-left: 25px;
	margin-top: 15px;
	margin-bottom:25px;
}
div.yotr-thumb {
	border: 6px solid #d3bf86;
	width: 250px;
	height: 150px;
	overflow: hidden;
	z-index: 7;
}

a div.yotr-overlay  {
	background-image: url(/images/yotr-overlay.png);
	height: 150px;
	width: 250px;
	overflow: hidden;
	z-index: 9;
	margin-top: 74px;
	position: absolute;
	margin-left: 6px;
	background-position: 0px -150px;
}

a:hover div.yotr-overlay  {
	background-image: url(/images/yotr-overlay.png);
	height: 150px;
	width: 250px;
	overflow: hidden;
	z-index: 9;
	margin-top: 74px;
	position: absolute;
	margin-left: 6px;
	background-position: 0px 0px;
	cursor:hand;
}

ul.main-subnav {
	margin-left: 15px;
}
ul.sub-sub {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.sub-sub-sub {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.shadow { background: url(/images/footer/shadow.png) repeat-x; height: 30px; width: 100%; }
#extraDiv2 { height: 139px; width: 100%; }
#navigation { position: absolute; top: -9999px; }

span.date { font: 12px Georgia, "Times New Roman", Times, serif; color: #333333; }

p span{ background: transparent; !important }
#rightcolsub2 {
	float: left;
	width: 800px;
	clear: right;
	margin-top:40px;
	margin-left:25px;
}


ul.flickr {
  list-style: none;
}

ul.flickr li {
  display: inline-block !important;
  margin-right: 10px;
  margin-bottom: 10px;
}

ul.flickr li a img {
  border: 4px solid #CCCCCC;
}
ul.flickr li a:hover img {
  border: 4px solid #41648a;
}
table.location tr td {
  padding: 5px;
}
table.location img {
  margin-top: 20px;
}