* {
	margin: 0;
	padding: 0;
}
td{ vertical-align: top; }
img{ border: 0; }
html{ height: 100%; }
.clearboth{ clear: both; }

body{ background: #e9ecf3 url(bg.jpg) repeat-x; }

.vertical-spacer-top{ width: 950px; height: 29px; margin: 0 auto 0 auto; }

.header{ width: 950px; height: 140px; background: url(bg-header.jpg) no-repeat; margin: 0 auto 0 auto; }
.header-top{ width: 950px; height: 96px; overflow: hidden; }
.header-top .logo-live-united{ position: absolute; margin: 41px 0 0 28px; }
.header-top .logo-united-way{
	position: absolute;
	margin: 32px 0 0 810px;
}
.header-top .slogan{
	position:absolute;
	margin: 37px 0 0 430px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:400;
	color:#FFFFFF;
	}

.menu{ width: 943px; height: 27px; padding: 10px 7px 0 0; background: url(bg-menu.gif) no-repeat; font: 12px arial, helvetica, sans-serif; color: #ececf5; overflow: hidden; }
table.hmains{ float: right; }
.menu a{ display: block; background: #2f3595 url(menu-right.gif) no-repeat top right; color: #ececf5; text-decoration: none; height: 18px; padding: 3px 8px 0 4px; margin: 0 7px 0 4px; }
.menu a:hover{ background: #fd9700 url(menu-right-h.gif) no-repeat top right; color: #ffffff; }
td.hmains{ background: url(menu-left.gif) no-repeat; }
td.hmains:hover{ background: url(menu-left-h.gif) no-repeat; }

.body-container{ width: 946px; min-height: 330px; padding: 0 0 0 4px; background: #fff; margin: 0 auto 0 auto; }
* html .body-container{ height: 330px; }

.col-1{ width: 256px; padding: 0 0 3px 0; }
.links-box{ width: 250px; height: 190px; padding: 5px 0 0 6px; margin: 0 0 7px 0; background: url(bg-links-box.gif) no-repeat; overflow: hidden; }

.links-box a.link-give{ display: block; width: 244px; height: 58px; margin: 0 0 4px 0; background: url(give.gif) no-repeat; text-decoration: none; }
.links-box a.link-give:hover{ background-position: -244px 0; }
.links-box a.link-advocate{ display: block; width: 244px; height: 58px; margin: 0 0 4px 0; background: url(advocate.gif) no-repeat; text-decoration: none; }
.links-box a.link-advocate:hover{ background-position: -244px 0; }
.links-box a.link-volunteer{ display: block; width: 244px; height: 58px; background: url(volunteer.gif) no-repeat; text-decoration: none; }
.links-box a.link-volunteer:hover{ background-position: -244px 0; }

.purple-repeat{ width: 252px; margin: 0 0 6px 2px; background: url(purple-repeat.gif) repeat-y; overflow: hidden; }
.purple-top{ background: url(purple-top.gif) no-repeat; }
.purple-bottom{ width: 252px; min-height: 58px; padding: 17px 0 1px 0; background: url(purple-bottom.gif) no-repeat bottom left; }
* html .purple-bottom{ height: 58px; }
.purple-box-heading{ width: 170px; height: 12px; margin: 0 0 0 14px; }

.dark-purple-top{ width: 234px; margin: 9px 0 0 9px; background: #7c81b8 url(dark-purple-top.gif) no-repeat; overflow: hidden; }
.dark-purple-bottom{ width: 234px; min-height: 29px; background: url(dark-purple-bottom.gif) no-repeat bottom left; overflow-x: hidden; }
* html .dark-purple-bottom{ height: 29px; }

.blue-left-repeat{ width: 252px; margin: 9px 0 0 0; background: url(blue-left-repeat.gif) repeat-y; overflow: hidden; }
.blue-left-top{ background: url(blue-left-top.gif) no-repeat; }
.blue-left-bottom{ width: 252px; min-height: 215px; padding: 12px 0 12px 0; background: url(blue-left-bottom.gif) no-repeat bottom left; }
* html .blue-left-bottom{ height: 215px; }

.col-2{ width: 679px; padding: 0 0 3px 0; }

.headlines{ width: 563px; height: 22px; padding: 7px 0 0 116px; background: url(headlines-bg.gif) no-repeat; font: 11px arial, helvetica, sans-serif; color: #09116d; overflow: hidden; }
.headlines-div{ width: 550px; height: 16px; overflow: hidden; }
.headlines a{ color: #09116d; text-decoration: underline; }

.h-spacer-6{ width: 6px; }
.h-spacer-10{ width: 10px; }

/******************** BOX'S *********************/

.box1-container{ width: 679px; background: url(box1-repeat.gif) repeat-y; overflow: hidden; }
.box1-container2{ width: 673px; min-height: 160px; padding: 6px 0 0 6px; background: url(box1-top.gif) no-repeat; }
* html .box1-container2{ height: 160px; }
.box1-left{ width: 322px; height: 160px; background-repeat: no-repeat; background-position: 0 100%; }
.box1-right{ width: 335px; padding: 26px 0 15px 0; font: 12px/16px arial, helvetica, sans-serif; color:#000; }
.box1-right a{ color: #000; text-decoration: underline; }
.box1-heading{ font: bold 18px 'trebuchet ms', helvetica, sans-serif; color: #09116d; margin: 0 0 6px 0; }

.box2Table{  margin: 0 17px 0 17px; }
.box2-container{ width: 218px; height: 202px; padding: 13px 0 0 0; overflow-x: hidden; background-repeat: no-repeat; background-position: 50% 0; font: 12px/14px arial, helvetica, sans-serif; color: #000; }
.box2-heading{ font: bold 18px 'trebuchet ms', helvetica, sans-serif; color: #09116d; padding: 0 0 2px 0; }
.box2 a{ color: #000; text-decoration: underline; }

.box3-repeat{ width: 300px; margin: 7px 0 0 0; background: url(blue-small-repeat.gif) repeat-y; overflow: hidden; }
.box3-top{ background: url(blue-small-top.gif) no-repeat; }
.box3-bottom{ width: 298px; min-height: 406px; padding: 0 1px 0 1px; background: url(blue-small-bottom.gif) no-repeat bottom left; overflow-x: hidden; }
* html .box3-bottom{ height: 406px; }
.box3-heading{ padding: 14px 0 10px 15px; font: bold 18px 'trebuchet ms', helvetica, sans-serif; color: #09116d; }
.box3{ font: 11px/14px arial, helvetica, sans-serif; color: #000; padding: 0 0 10px 0; }
.boxTitle3{ font: bold 12px/14px 'trebuchet ms', helvetica, sans-serif; color: #09116d; padding: 0 9px 0 14px; }
.boxDate3{ font: 10px/12px 'trebuchet ms', helvetica, sans-serif; color: #7c81b8; border-top: 1px solid #fff; padding: 17px 9px 0 14px; }
.box3 a{ color: #0c1380; text-decoration: none; }
.boxContent3{ padding: 0 9px 0 14px; }
.boxReadMore3{ padding: 0 9px 0 14px; }
.boxSpacer3{ line-height: 16px; }

.box4-repeat{ width: 365px; margin: 7px 0 0 0; background: url(blue-big-repeat.gif) repeat-y; overflow: hidden; }
.box4-top{ background: url(blue-big-top.gif) no-repeat; }
.box4-bottom{ width: 335px; padding: 25px 13px 3px 17px; background: url(blue-big-bottom.gif) no-repeat bottom left; }
.box4{ width: 235px; height: 202px; padding: 0 100px 10px 0; font: 12px/14px arial, helvetica, sans-serif; color: #000; background-repeat: no-repeat; background-position: bottom right; }
.box4-heading{ font: bold 18px 'trebuchet ms', helvetica, sans-serif; color: #09116d; padding: 0 0 2px 0; }
.box4 a{ color: #000; text-decoration: underline; }

.box5-repeat{ width: 365px; margin: 10px 0 0 0; background: url(white-box-repeat.gif) repeat-y; overflow: hidden; }
.box5-top{ background: url(white-box-top.gif) no-repeat; }
.box5-bottom{ width: 325px; min-height: 156px; padding: 0 22px 0 18px; background: url(white-box-bottom.gif) no-repeat bottom left; font: 11px/14px arial, helvetica, sans-serif; color: #000; }
* html .box5-bottom{ height: 156px; }
.box5-heading{ padding: 19px 0 9px 0; font: bold 14px 'trebuchet ms', helvetica, sans-serif; color: #09116d; }
.box5-bottom a{ color: #000; text-decoration: underline; }

/************************************************/

.search-heading{ background: url(search.gif) no-repeat; }
.newsletter-heading{ background: url(newsletter.gif) no-repeat; }

h1{ font: normal 22px arial, helvetica, sans-serif; color: #09116d; margin: 0 0 33px 0; }
h2{ font: bold 14px arial, helvetica, sans-serif; color: #09116d; margin: 15px 0 7px 0; }
h3{ font: bold 14px arial, helvetica, sans-serif; color: #000; margin: 15px 0 7px 0; }
h4{ font: bold 13px arial, helvetica, sans-serif; color: #09116d; margin: 12px 0 5px 0; }

ul{ list-style: none; margin: 12px 0 12px 0; }
ul li{ background: url(bullet.gif) no-repeat 0 7px; padding: 0 0 0 11px; margin: 8px 0 0 0; }
ol{ margin: 12px 0 12px 22px; }
ol li{ margin: 8px 0 0 0; }

.footer{ width: 935px; min-height: 95px; padding: 17px 0 0 15px; background: url(bg-footer.jpg) no-repeat; margin: 0 auto 0 auto; font: 10px/14px arial, helvetica, sans-serif; color: #09116d; }
* html .footer{ height: 95px; }
.footer-col-1{ width: 240px; height: 49px; padding: 12px 7px 0 0; background: url(footer-seperator.gif) no-repeat top right; }
.footer-col-2{ width: 660px; font-size: 11px; padding: 9px 0 0 15px; }
.footer a{ color: #09116d; text-decoration: underline; }

.vertical-spacer-bottom{ width: 950px; height: 100px; margin: 0 auto 0 auto; }