@import "sen.0.6.css";
@import "olmstead-base.css";


/*---------------------------
	=Maincontent Section
---------------------------*/
#maincontent { background: url(../images/maincontent.png) 0 0 no-repeat; }
div.main-text { padding: 55px 0 127px 0; position: relative; width: 497px; z-index: 3; }
div.main-text h2 { background: url(../images/honoring-chuck-olmstead-hd.png) 0 0 no-repeat; display: block; height: 68px; overflow: hidden; text-indent: -10000px; width: 497px; }
div.main-text p { background: url(../images/homepage-paragraph.png) 0 0 no-repeat; display: block; height: 99px; overflow: hidden; text-indent: -10000px; width: 497px; }
img#olmstead-portrait { display: block; position: absolute; right: 0; top: 0; z-index: 2; }
div.briefs { background: url(../images/homepage-briefs.png) 0 0 no-repeat; height: 180px; margin: 0 0 0 -8px; overflow: hidden; position: relative; width: 968px; z-index: 4; }
	div.briefs ul { list-style: outside; margin: 0; padding: 0; }
	div.briefs ul li { display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; }
		div.briefs ul li a.btn-small { position: absolute; right: 24px; top: 110px; }
	div.briefs ul li.about { width: 248px; }
	div.briefs ul li.help { width: 240px; }
	div.briefs ul li.events { width: 240px; }
	div.briefs ul li.resources { width: 240px; }
	div.briefs ul li h3, div.briefs ul li p { text-indent: -100000px; }

#maincontent h4 { color: #f7edcc; font: normal 24px/1.2em 'Lucida Grande', Arial, sans-serif; margin: 0 0 .25em 0; }
#maincontent p { color: #ffffff; font: normal 14px/1.7em 'Lucida Grande', Arial, sans-serif; margin: 0 0 1em 0; }
	
div.two-col-left { float: left; padding: 0 40px 0 0; width: 440px; }
div.two-col-right { float: left; width: 480px; }
	ul.upcoming-events { list-style: outside; margin: 0; padding: 0; }
	ul.upcoming-events li { background: #541b4b; color: #ffffff; display: block; list-style: none; margin: 0 0 .5em 0; padding: 0; }
	ul.upcoming-events li a { background: url(../images/calendar-icon.png) 12px 6px no-repeat #541b4b; color: #ffffff; display: block; font-size: 14px; font-weight: bold; padding: 12px 12px 12px 18px; }
			ul.upcoming-events li a:hover { background: url(../images/calendar-icon.png) 12px 6px no-repeat #32092b; }
		ul.upcoming-events li a strong { font-weight: normal; padding: 0 0 0 12px; }
		ul.upcoming-events li a em { color: #f5e3ad; font-size: 12px; font-style: normal; font-weight: normal; padding: 0 0 0 12px; }
		ul.upcoming-events li a em.day { color: #252525; display: block; float: left; font-size: 12px; font-style: normal; font-weight: normal; padding: 5px 18px 0 0; }


/*---------------------------
	=Helpers
---------------------------*/
a.btn-large { background: url(../images/yellow-btn-large.png) 0 bottom no-repeat; cursor: pointer; padding: 0 0 0 33px; }
	a.btn-large strong { background: url(../images/yellow-btn-large.png) right 0 no-repeat; cursor: pointer; display: inline-block; font: bold 13px/33px Helvetica, Arial, sans-serif; color: #3f1339; height: 33px; padding: 0 20px 0 0; text-transform: uppercase; }
a.btn-small { background: url(../images/yellow-btn-small.png) 0 bottom no-repeat; cursor: pointer; display: inline-block; height: 17px; padding: 0 0 0 22px; }
	a.btn-small strong { background: url(../images/yellow-btn-small.png) right 0 no-repeat; cursor: pointer; display: inline-block; font: bold 11px/20px Helvetica, Arial, sans-serif; color: #3f1339; height: 17px; overflow: hidden; padding: 0 10px 0 0; text-transform: uppercase; }
a.view-all-events { background: #541b4b; color: #f5e3ad; display: inline-block; padding: 6px 12px; }
	a.view-all-events:hover { background: #32092b; }