* { 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 630px;
	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; }

.sub-menu-repeat{ width: 256px; background: url(sub-menu-repeat.gif) repeat-y; margin: 0 0 6px 0; overflow: hidden; }
.sub-menu-top{ background: url(sub-menu-top.gif) no-repeat; }
.sub-menu-bottom{ width: 250px; min-height: 167px; padding: 5px 0 7px 6px; background: url(sub-menu-bottom.gif) no-repeat bottom left; }
* html .sub-menu-bottom{ height: 167px; }

a.give-small{ display: block; width: 50px; height: 43px; background: url(give-small.gif) no-repeat; margin: 0 0 4px 0; }
a.give-small:hover{ background-position: -50px 0; }
a.advocate-small{ display: block; width: 89px; height: 43px; background: url(advocate-small.gif) no-repeat; margin: 0 0 4px 3px; }
a.advocate-small:hover{ background-position: -89px 0; }
a.volunteer-small{ display: block; width: 99px; height: 43px; background: url(volunteer-small.gif) no-repeat; margin: 0 0 4px 3px; }
a.volunteer-small:hover{ background-position: -99px 0; }

.sm-purple-top{ width: 244px; background: #7c81b8 url(sm-purple-top.gif) no-repeat; }
.sm-purple-bottom{ width: 239px; padding: 4px 0 1px 5px; background: url(sm-purple-bottom.gif) no-repeat bottom left; font: 12px arial, helvetica, sans-serif; color: #09116d; }
.sm-purple-bottom a{ display: block; width: 228px; height: 17px; padding: 3px 0 0 6px; margin: 0 0 3px 0; background: url(sub-menu-item.gif) no-repeat; color: #09116d; text-decoration: none; }
.sm-purple-bottom a:hover{ background-position: -234px 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: 640px; padding: 26px 20px 20px 19px; font: 12px/16px arial, helvetica, sans-serif; color: #000; }

.content-div{ width: 640px; overflow: hidden; }

.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 *********************/

.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; }

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

.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; }