body { background: #757575 url(../images/bodyBg.gif) repeat-x; }
.clear { clear: both; }
hr { height: 1px; border: none; background-color: #cccccc; margin-left: 30px; }
strong { font-weight: bold; }

/* structure */
#container { width: 960px; padding: 0 50px; margin: 0 auto; background: url(../images/outerContainerBg.png) repeat-y; }
	#header { background: url(../images/homeContainerBg2.jpg) no-repeat; height: 182px; }
	#contentLeft { float: left; width: 703px; padding: 5px 15px 20px 0; }
	#contentRight { float: left; padding: 10px 0 20px; width: 228px; }
		#news { }
			#newsTop { background: url(../images/newsTopBg.jpg) no-repeat; height: 40px; padding: 35px 22px 0; }
			#newsMiddle { background: url(../images/newsMiddleBg.jpg) repeat-y; padding: 10px 22px 0; }
			#newsBottom { background: url(../images/newsBottomBg.jpg) no-repeat; height: 20px; }
	
#outerContainerFooter { background: url(../images/outerContainerBottomBg.png) no-repeat; height: 75px; position: relative; top: 75px; left: -50px; width: 1060px; }
	#footer { width: 920px; margin: 0 auto; background: url(../images/footerBg.jpg) no-repeat; height: 77px; position: relative; top: -75px; padding: 15px 20px; }


/* headers */	
h1 { display: none; }
h2 { text-indent: -1000em; background: url(../images/headers/ourMission.jpg) no-repeat; height: 63px; width: 703px; }
h2.donate {background: url(../images/headers/donate.jpg) no-repeat;}
h2.job_assistance { background: url(../images/headers/jobAssistance.jpg) no-repeat; }
h2.case_management { background: url(../images/headers/caseManagement.jpg) no-repeat; }
h2.our_history { background: url(../images/headers/ourHistory.jpg) no-repeat; }
h2.holistic_approach { background: url(../images/headers/holisticApproach.jpg) no-repeat; }
h2.our_staff { background: url(../images/headers/ourStaff.jpg) no-repeat; }
h2.our_agency { background: url(../images/headers/ourAgency.jpg) no-repeat; }
h2.financial_information { background: url(../images/headers/financialInformation.jpg) no-repeat; }
h2.login { background: url(../images/headers/login.jpg) no-repeat; }
h2.manage_news_updates { background: url(../images/headers/manageNewsUpdates.jpg) no-repeat; }
h2.mentoring { background: url(../images/headers/mentoring.jpg) no-repeat; }
h2.spirituality { background: url(../images/headers/spirituality.jpg) no-repeat; }
h2.transitional_housing { background: url(../images/headers/housingProgram.jpg) no-repeat; }
h2.life_skills {background: url(../images/headers/lifeSkillsCircle.jpg) no-repeat;}
h2.join_the_team {background: url(../images/headers/joinTheTeam.jpg) no-repeat;}
h2.business_partnerships {background: url(../images/headers/businessPartnerships.jpg) no-repeat;}
h2.resources {background: url(../images/headers/resources.jpg) no-repeat;}
h2.news {background: url(../images/headers/news.jpg) no-repeat;}
h2.faq { background: url(../images/headers/faq.jpg) no-repeat; }
h2.contact { background: url(../images/headers/contact.jpg) no-repeat; }
h3 { padding: 10px 20px 0 30px; font: 18px verdana; color: #666666; }
#newsTop h3 { text-indent: -1000em; background: url(../images/headers/newsUpdates.jpg) no-repeat; height: 18px; width: 174px; }

/* lists */
ul#global { clear: both; padding: 26px 0 0 450px; }
ul#global li { float: left; margin-left: 25px; }
ul#global li a { font: 17px Palatino; color: #555555; display: block; padding-bottom: 14px; }

ul#global ul { display: none; position: absolute; padding: 0 8px 8px 0; margin-left: -20px; text-align: left; background: url(../images/navBg.png); }
ul#global li:hover ul { display: block; }
ul#global ul li { float: none; margin: 0; }
ul#global ul li a { display: block; background: #c9c9c9; padding: 20px; border-top: 1px solid #acabab; }
ul#global ul li.first a { border: none; }
ul#global ul li a:hover { background: #acabab; color: white; text-decoration: none; }

#contentLeft ul { padding: 10px 20px 0 44px; }
#contentLeft ul li { font: 13px verdana; color: #797979; line-height: 26px; list-style-type: disc; }

/* paragraphs */
p#logo { position: absolute; top: 35px; margin-left: 75px; }
p#donate { float: right; margin: 5px 35px 0 0; }
#contentLeft p { padding: 10px 20px 0 30px; font: 13px verdana; color: #797979; line-height: 26px; }
#contentLeft p em { font: 24px Palatino; line-height: 34px; color: #666666; }
#contentLeft p.smallText { font: 12px verdana; color: #666666; padding: 10px 20px 0 30px; }
#contentLeft p.news_date { font: 12px verdana; color: #797979; padding: 2px 20px 0 30px; }
#contentLeft p.news_detail_date { font: bold 13px verdana; color: #5d5d5d; padding: 10px 20px 0 30px; }
#news p { color: #333333; font: 11px verdana; }
#news p.newsTitle { font: bold 11px verdana; text-transform: uppercase; }
#news p.newsDate { font: bold 11px verdana; margin-bottom: 2px; }
#news p.newsReadMore { color: #0033cc; font: bold 11px verdana; padding-bottom: 15px; }
#footer p { color: #858585; font: 14px verdana; }
#footer p strong { color: #666666; }
#footer p#copyright { position: relative; top: 20px; }
#footer p#figmints { position: relative; top: 45px; left: 20px; float: right; color: #858585; font: 12px verdana; }
span.caption { display: block; font: 11px verdana; }

/* links */
a:hover { text-decoration: underline; }
a.button:hover { text-decoration: none; }
#contentLeft p a, #contentLeft h3 a, #contentLeft li a { color: #3366cc; }
#news p.newsReadMore a { color: #0033cc; }
#footer a { color: #858585; }
#footer p#figmints a { display: inline-block; text-indent: -1000em; background: url(../images/figmints.png) no-repeat; width: 64px; height: 14px; position: relative; top: 2px; left: -2px; }

/* images */
img#signin { margin-top: 5px; }

/* forms */
form label { color: #666666; display: block; }
form input.text { width: 400px; margin: 0; border: 1px solid #bbb; background: #f6f6f6; padding: 5px; }
form input.text:focus { border: 1px solid #999; background: #fff; }
form textarea { width: 400px; height: 150px; border: 1px solid #bbb; background: #eee; padding: 5px; }
form textarea:focus { border: 1px solid #999; background: #fff; }
.required { color: red; }
input.button { background: #ddd777; color: #333; border: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 6px 14px 7px; cursor: pointer; margin: 0 0 10px; font: 13px verdana; }

form.admin input.text, form.admin textarea { width: 620px; }
form.admin textarea { height: 250px; }