/* -----------------------------------------------
  youthencouragement.org
  default styles
  updated 9.12.2007 - Joel Steidl
  created by Joel Steidl
----------------------------------------------- */

/* zero out and redefine some basic stuff */

*{
	margin: 0px;
	padding: 0px;
}
body{
	background: #BD8D46 url(../site_images/body_bg.png) no-repeat fixed right bottom;
	padding-bottom: 50px;
}
hr{}
p, li, dd, dt, form, table{
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
h1, h3, h5{
	font-family: Georgia, Times New Roman, Times, serif;
}
ul{
	list-style: none;
}

/* header and with some nav */

#headerWrapper{
	width: 100%;
	background: #4C1B1B url(../site_images/header_bg.gif) no-repeat center bottom;
	height: 116px;
}
#header{
	width: 804px;
	margin-right: auto;
	margin-left: auto;
}
#header h1{
	background: url(../site_images/yes_logo.gif) no-repeat left top;
	height: 63px;
	width: 196px;
	margin-top: 23px;
	float: left;
}
#header h1 a{
	background: url(../site_images/yes_logo.gif) no-repeat left top;
	display: block;
	text-indent: -9000px;
	height: 63px;
	width: 196px;
	overflow: hidden;
}
#header h1 a:hover{
	background: url(../site_images/yes_logo.gif) no-repeat -196px top;
}
#header ul{
	float: right;
	list-style: none;
	font: bold 13px/20px Georgia, "Times New Roman", Times, serif;
	padding-top: 27px;
}
#header li{
	margin-bottom: 12px;
}
#header li a{
	color: #FCFAE1;
	text-decoration: none;
	display: block;
	height: 22px;
	font-size: 13px;
	line-height: 22px;
	padding-left: 31px;
	width: 100px;
}
#header li a:hover{
	color: #F6E497;
}
#header li.contactUs{
	background: url(../site_images/contact_icon.gif) no-repeat left center;
}
#header li.findUs{
	background: url(../site_images/find_icon.gif) no-repeat left center;
}

/* top level navigation */

#navWrapper{
	background: #F6E497 url(../site_images/nav_bg.gif) repeat-x;
	width: 100%;
	height: 80px;
}
#navWrapper ul{
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 27px;
}
#navWrapper li{
	float: left;
	margin-left: 6px;
}
#navWrapper li a{
	display: block;
	float: left;
	font: bold 12px/25px Georgia, "Times New Roman", Times, serif;
	padding-right: 6px;
	padding-left: 6px;
	text-transform: uppercase;
	color: #4C1B1B;
	text-decoration: none;
	height: 25px;
}
#navWrapper ul li a:hover{
	color: #B61018;
}
#navWrapper li#current{
	background: url(../site_images/nav_li_bg.gif) no-repeat left center;
}
#navWrapper li#current a, #navWrapper li#current a:hover{
	color: #FCFAE1;
	background: url(../site_images/nav_li_a_bg.gif) no-repeat right center;
}

/* site wrapper */

#wrapper{
	background: #FCFAE1;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}

/* site content */
#content{
	float: left;
	width: 560px;
}
#content h2{
	border-bottom: 1px solid #C3C1B0;
	color: #4C1B1B;
	padding-bottom: 2px;
	margin: 15px 20px 10px;
	font: normal 26px/26px Georgia, Times New Roman, Times, serif;
}
#content h3{
	font: lighter normal 18px/18px Georgia, Times New Roman, Times, serif;
	color: #B9121B;
	padding: 0px 20px 7px;
}
#content h3.clear{
	clear: both;
}
#content h3 a{
	color: #B9121B;
	text-decoration: none;
}
#content h3 a:hover{
	color: #4C1B15;
	background: #FFFFFF;
}
#content h4{
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-right: 20px;
}
#content h4 span.month{
	background: #4C1B1B;
	color: #FCFAE1;
	border: 1px solid #4C1B1B;
	padding-left: 2px;
	padding-right: 1px;
}
#content h4 span.day{
	background: #FFFFFF;
	color: #4C1B1B;
	border: 1px solid #4C1B1B;
	padding-right: 2px;
	padding-left: 2px;
}
#content h5{
	color: #FCFAE1;
	font-size: 12px;
	line-height: 18px;
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 20px 15px;
	background-color: #4C1B1B;
	padding: 5px;
}
#content ul{
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 5px;
}
#content ul li{
	color: #4C1B1B;
	font-size: 12px;
	line-height: 18px;
	background: url(../images/site_images/li_bullet.gif) no-repeat left top;
	padding: 0px 0px 10px 16px;
}
#content ol{
	padding-right: 20px;
	margin-left: 40px;
}
#content ol li{
	color: #4C1B1B;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 15px;
	}
#content p{
	color: #4C1B1B;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 20px 15px;
}

#wrapper #content p.moreInfo{
	text-align: right;
	border-bottom: 1px solid #C3C1B0;
	padding-bottom: 5px;
}

#wrapper #content p.back{
	border-bottom: 1px solid #C3C1B0;
	padding-bottom: 5px;
}

#content p a{
	color:#4C1B1B;
}
#content p a:hover{
	color:#1E0A0A;
	text-decoration:none;
}
#content iframe.directions{
	margin-left: 20px;
	border: 4px solid #F6E497;
	height: 325px;
	width: 512px;
}

iframe.facilityMap{
	margin-left: 20px;
	margin-bottom: 15px;
	border: 4px solid #F6E497;
	height: 230px;
	width: 512px;
}
/*-----:)Slideshow(:---------------------------------------------------------------*/
#flickrSlideshow{
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
#flickrBttn{
	height: 28px;
	width: 98px;
	margin-right: auto;
	background: url(../images/site_images/flickr.gif) no-repeat left top;
	margin-bottom: 15px;
	margin-left: auto;
}
#flickrBttn a{
	background: url(../images/site_images/flickr.gif) no-repeat left top;
	height: 28px;
	width: 98px;
	text-indent: -9000px;
	display: block;
}
#flickrBttn a:hover{
	background: url(../images/site_images/flickr.gif) no-repeat -98px top;
}

#videoPlayer{
	padding-bottom: 15px;
	padding-left: 20px;
}

/*-----:)Volunteer Form(:---------------------------------------------------------------*/
#newsPhoto{
	background: #EEECD5;
	float: right;
	width: 260px;
	margin-right: 20px;
	padding-top: 5px;
	border: 1px solid #D2D0BC;
	margin-left: 10px;
	margin-bottom: 10px;
}
#newsPhoto img{
	width: 250px;
	border-style: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#wrapper #newsPhoto p.caption{
	font-weight: bold;
	margin: 0px;
	padding: 5px 10px;
}

/*-----:)Volunteer Form(:---------------------------------------------------------------*/
#volunteerForm{
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	font-size: 12px;
	color: #4C1B1B;
}
#volunteerForm fieldset{
	border: 1px solid #D2D0BC;
	padding: 10px;
	margin-bottom: 20px;
}
#volunteerForm fieldset legend{
	font: lighter normal 18px/18px Georgia, Times New Roman, Times, serif;
	color: #B9121B;
}
#volunteerForm label{
	color: #4C1B1B;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	vertical-align: middle;
}
#fullName, #emailAddress, #phone{
	font-size: 18px;
	padding: 2px;
	margin-bottom: 10px;
	margin-top: 3px;
}
.newsletter, .contactMethod{
	margin-top: 4px;
	margin-bottom: 4px;
}
#comments{
	height: 80px;
	width: 400px;
	padding: 2px;
	margin-bottom: 10px;
}
#volunteerCheckList{
	font-size: 12px;
	color: #4C1B1B;
	border: 1px solid #D2D0BC;
	border-collapse: collapse;
}
#volunteerCheckList th.checkItHead{
	font-size: 10px;
	font-weight: normal;
	width: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#volunteerCheckList td{
	padding-top: 8px;
	padding-bottom: 8px;
}
#volunteerCheckList td.checkIt{
	text-align: center;
	vertical-align: middle;
}
#volunteerCheckList td.description{
	text-align: left;
	vertical-align: middle;
	padding-right: 5px;
}
#volunteerCheckList tr{
	background: #EEECD5;
}
#volunteerCheckList tr.odd{
	background: #FCFAE1;
}
#volunteerCheckList tr.highlight, #volunteerCheckList tr.selected{
	background: #F6E497;
}

/*-----:)Calendar(:---------------------------------------------------------------*/
#calendar{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

#calendar h2{
	font: normal 26px/26px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #C3C1B0;
	color: #4C1B1B;
	padding-bottom: 2px;
	margin: 0px 0px 10px;
	padding-top: 15px;
}


/*-----:)Facility Info(:---------------------------------------------------------------*/
.facilityInfo{
	background: #EEECD5;
	border: 1px solid #D2D0BC;
	float: right;
	width: 225px;
	margin-right: 20px;
}
#wrapper #content .facilityInfo h5{
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
	color: #4C1B1B;
}
#wrapper #content .facilityInfo p{
	padding: 10px;
	margin: 0px;
}
#wrapper #content .facilityInfo ul{
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#wrapper .facilityInfo ul li{}

/*-----:)UL infoCard(:---------------------------------------------------------------*/
#wrapper ul.infoCard{
	margin: 0px auto 20px;
	width: 520px;
}
#wrapper ul.infoCard li{
	background: #EEECD5 url(none);
	float: left;
	border: 1px solid #D2D0BC;
	padding: 5px;
	width: 225px;
	margin: 0px 20px 20px 0px;
}
#wrapper ul.infoCard li:hover{
	background: #F6E497;
}
ul.infoCard li img{
	float: left;
	height: 65px;
	width: 65px;
	border: 1px solid #D2D0BC;
	margin-right: 5px;
}
#wrapper ul.infoCard li p{
	margin: 0px;
	padding: 0px;
}

/*-----:)DL Listings(:---------------------------------------------------------------*/
dl.listing{
	margin: 0px 0px 20px 20px;
	padding: 10px 0px 0px;
	clear: both;
}

dl.listing dt{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}
dl.listing dt a img{
	display: block;
	width: 180px;
	padding: 1px;
	border: 1px solid #4C1B1B;
	background: #FCFAE1;
}
dl.listing dt a:hover img{
	background-color: #4C1B1B;
	color: #2A1F13;
	border: 1px solid #4C1B1B;
}
dl.listing dd{
	margin: 0px;
	float: left;
	width: 300px;
	padding: 0px;
}
#wrapper dl.listing dd h3{
	margin: 0px;
	padding: 0px;
}
#wrapper dl.listing dd p{
	margin: 0px;
	padding: 0px;
}

/*-----:)DL Detail Page Listings(:---------------------------------------------------------------*/
dl.bio{
	padding: 10px 0px 0px;
	clear: both;
	margin-left: 20px;
}

dl.bio dt{
	margin: 0px;
	padding: 4px 0px 20px;
	float: left;
	width: 200px;
}
dl.bio img{
	display: block;
	width: 180px;
	padding: 1px;
	border: 1px solid #4C1B1B;
}
dl.bio dd{
	margin: 0px;
	float: left;
	width: 300px;
	padding: 0px 0px 20px;
}
#wrapper dl.bio dd p{
	margin: 0px;
	padding: 0px;
}

/*-----:)Student Interview DL Listings(:---------------------------------------------------------------*/
dl.interview{
	color: #4C1B1B;
	font-size: 12px;
	line-height: 18px;
	margin: 5px 20px 0px;
}
dl.interview dt{
	font-weight: bolder;
	font-size: 14px;
	background: #EEECD5;
	padding: 2px 2px 2px 4px;
	margin-bottom: 3px;
}
dl.interview dd{
	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/*-----:)Programs DL Listings(:---------------------------------------------------------------*/
dl.programs{
	padding: 10px 0px 0px;
	clear: both;
	margin-right: 0px;
	margin-left: 20px;
}

dl.programs dt{
	margin: 0px;
	padding: 4px 0px 0px;
	float: left;
	width: 200px;
}
dl.programs dt img{
	display: block;
	width: 180px;
	padding: 1px;
	border: 1px solid #4C1B1B;
}
dl.programs dd{
	margin: 0px;
	float: left;
	width: 300px;
	padding: 0px 0px 10px;
}
#wrapper dl.programs p{
	margin: 0px;
	padding: 0px;
}
#wrapper dl.programs h3{
	margin: 0px 0px 3px;
	padding: 0px;
}

#wrapper dl.programs p.volunteerInfo{
	background: #F6E497;
	padding: 10px 10px 5px;
	margin-top: 5px;
}

p.volunteerInfo a img{
	border: none;
	padding-top: 5px;
}

/*-----:)Donate Page(:---------------------------------------------------------------*/
#donateFAQs{
	background: #F6E497;
	margin: 10px 20px 15px;
	padding: 10px 0px 5px;
}
#donateOne, #donateTwo, #donateThree{
	padding-left: 100px;
}
#donateOne{
	background: url(../images/site_images/donate_one.gif) no-repeat 20px top;
}
#donateTwo{
	background: url(../images/site_images/donate_two.gif) no-repeat 20px top;
}
#donateThree{
	background: url(../images/site_images/donate_three.gif) no-repeat 20px top;
	padding-bottom: 30px;
}
#donateOne form, #donateTwo form, #donateThree form{
	padding: 0px 20px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #4C1B1B;
}
#donateOne input, #donateTwo input, #donateThree input{
	font-size: 18px;
	padding: 2px;
	margin-bottom: 10px;
}
#donateOne select, #donateTwo select, #donateThree select{
	margin-bottom: 10px;
}

.submit{
}

form label{
	margin-bottom: 10px;
}

/* secondary content */
#subContent{
	float: right;
	width: 260px;
	padding-top: 15px;
}

#subNav{
	width: 220px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	background: url(../images/site_images/subnav_bg.gif) repeat-y right top;
	padding-bottom: 10px;
	border-right: 1px solid #D2D0BC;
}
#subNav ul{
}
#subNav ul li{}
#subNav ul li a{
	display: block;
	margin: 0px;
	padding: 9px 0px;
	font-size: 12px;
	color: #4C1B1B;
	text-decoration: none;
	line-height: 12px;
	width: 220px;
	text-indent: 50px;
}
#subNav ul li a:hover{
	font-weight: bold;
}
#subNav ul li#currentPage a, #subNav ul li#currentPage a:hover{
	font-weight: bold;
	background: #E2D18C url(../images/site_images/subnav_current.gif) no-repeat left top;
}
#subNav h3{
	font-size: 22px;
	font-weight: bold;
	color: #9E9263;
	padding: 10px 10px 0px 40px;
}
#subNav h4{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #4C1B1B;
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 40px;
}

#eNews{
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #C3C1B0;
	text-align: right;
	margin-bottom: 15px;
}
#eNews h3{
	margin-bottom: 5px;
	color: #4C1B1B;
	letter-spacing: 0.11em;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
}

#eNews form label{
	display: none;
}
#eNews input#submit{}
#eNews input#mb-name, #eNews input#mb-tykki-tykki{
	width: 220px;
	margin-bottom: 5px;
	border: 1px solid #4C1B1B;
	font: 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #B1AEA0;
	padding: 2px;
	background: #FFFFFF;
}

#changeLives{
	background: #B9121B url(../site_images/changes_lives_heart.png) no-repeat 14px 42px;
	border: 3px double #FCFAE1;
	width: 214px;
	margin-right: auto;
	margin-left: auto;
}
#changeLives h3{
	color: #FCFAE1;
	padding: 8px;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
}
#changeLives ol{
	margin-left: 80px;
	margin-bottom: 10px;
}
#changeLives ol li{
	font: bolder 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #FCFAE1;
}

#changeLives ol li a{
	color: #FCFAE1;
}
#changeLives ol li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#clear{
	clear: both;
	width: 820px;
}
#footer{
	background: transparent url(../site_images/footer_bg.png) no-repeat center top;
	height: 86px;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}

*html #footer{
  background: none; 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../site_images/footer_bg.png',sizingMethod='crop');
}

/*-----:)Donate Page(:---------------------------------------------------------------*/


h3.golfHeading {
	margin-bottom: 5px;
	color: #4C1B1B;
	letter-spacing: 0.11em;
	text-align: left;
	font-size: 20px;
	line-height: 24px;
}

p.golfDonateDescription{
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #4C1B1B;
	margin-bottom: 5px;
	margin-right: 10px;
}

form#golfDonate{
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #4C1B1B;
	margin-right: 10px;
}

#golfDonate label{
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #4C1B1B;
}

#golfDonate input#golfSubmit{
	margin-top: 10px;
}

#golfAddAmount{
 padding-top: 10px;
 width:200px;
}