* { 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: 11px; margin: 0 auto 0 auto; }

.header{ width: 950px; height: 160px; background: url(bg-header.jpg) no-repeat; margin: 0 auto 0 auto; overflow: hidden; }

.header-top{ width: 950px; height: 116px; overflow: hidden; }
.header-top .logo-american-red-cross{ position: absolute; margin: 12px 0 0 15px; }
.header-top .slogan{
	position: absolute;
	margin: 53px 0 0 280px;
	width: 637px;
	height: 62px;
	text-align: right;
	font: bold 30px arial, helvetica, sans-serif;
	color: #fff;
	overflow: hidden;
}

.menu{ width: 930px; height: 27px; padding: 10px 7px 0 8px; background: url(bg-menu.gif) no-repeat; font: 12px arial, helvetica, sans-serif; color: #ececf5; overflow: hidden; }
table.hmains{ float: left; }
.menu a{
	display: block;
	border: 1px solid #044e87;
	background: url(menu-bg-link.gif) repeat-x;
	;
	color: #ececf5;
	text-decoration: none;
	height: 15px;
	padding: 5px 9px 5px 10px;
	margin: 0 3px 0 3px;
}
.menu a:hover{ background: url(menu-hover-bg-link.gif) repeat-x 0 0px; padding: 5px 9px 4px 10px; border: 1px solid #ff0000; }
.menu a:active{ background: url(menu-hover-bg-link.gif) repeat-x 0 0px; padding: 5px 9px 4px 10px; border: 1px solid #ff0000; }

.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: 255px; padding: 0 0 2px 0; }

.links-box{ width: 244px; height: 190px; padding: 6px 6px 0 6px; margin: 0 0 6px 0; background: url(bg-links-box.gif) no-repeat; overflow: hidden; }
.links-box a{
	display: block;
	margin: 0 0 4px 0;
	text-decoration: none;
	font: 24px/27px arial, helvetica, sans-serif;
	color: #fff;
	padding: 9px 0 6px 9px;
	overflow: hidden;
	background-image: url(submenu-bg-link.jpg);
	background-repeat: no-repeat;
}
.links-box a:hover{ background: #ff0000; }
.links-box a:active{ background: #ff0000; }

.purple-repeat{
	width: 255px;
	margin: 0 0 6px 1px;
	background: url(purple-repeat.gif) repeat-y;
	overflow: hidden;
}
.purple-top{ background: url(purple-top.gif) no-repeat; }
.purple-bottom{
	width: 255px;
	min-height: 54px;
	padding: 6px 0 1px 0;
	background: url(purple-bottom.gif) no-repeat bottom left;
}
* html .purple-bottom{ height: 54px; }
.purple-box-heading{
	width: 244px;
	height: 28px;
	margin: 0px 0 0 5px;
}

.newsletter{
	margin: 10px 16px 0 16px;
	font: 11px arial, helvetica, sans-serif;
	color: #888;
	padding: 0 0 16px 0;
	overflow: hidden;
}
.search{
	margin: 10px 16px 0 16px;
	font: 11px arial, helvetica, sans-serif;
	color: #888;
	padding: 0 0 16px 0;
	overflow: hidden;
}

.blue-left-repeat{ width: 252px; margin: 15px 0 0 2px; 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: 239px; padding: 0 0 2px 0; background: url(blue-left-bottom.gif) no-repeat bottom left; }
* html .blue-left-bottom{ height: 239px; }

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

.headlines{ width: 563px; height: 19px; padding: 9px 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: 9px; }

/******************** BOX'S *********************/
.box1-top{ background: url(box1-top.gif) no-repeat; }
.box1-container{ width: 679px; background: url(box1-repeat.gif) repeat-y; overflow: hidden; }
.box1-container2{
	width: 673px;
	min-height: 167px;
	padding: 0 0 7px 6px;
	background: url(box1-bottom.gif) left bottom no-repeat;
}
* html .box1-container2{
	height: 167px;
}
.box1-left{
	width: 299px;
	height: 167px;
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.box1-right{ width: 335px; padding: 27px 0 15px 17px; font: 12px/16px arial, helvetica, sans-serif; color:#000; }
.box1-right a{ color: #000; text-decoration: underline; }
.box1-heading{ font: 21px arial, helvetica, sans-serif; color: #003462; margin: 0 0 5px 0; width: 335px; overflow: hidden; }
.boxTitle1{
	font: bold 12px/14px arial, helvetica, sans-serif;
	color: #ff0000;
	padding: 0 9px 0 0px;
}
.boxDate1{ font: 11px/12px 'trebuchet ms', helvetica, sans-serif; color: #78736d; padding: 20px 9px 0 0px; }
.box1 a{ color: #066bbb; text-decoration: none; }
.boxContent1{ padding: 0 9px 0 0px; }
.boxReadMore1{ padding: 0 9px 0 0px; }
.boxSpacer1{ line-height: 1px; }


.box2Table{ margin: 0 9px 0 9px; }
.box2-container{ width: 225px; height: 218px; padding: 13px 0 0 7px; overflow-x: hidden; background-repeat: no-repeat; background-position: 0 24px; font: 12px/14px arial, helvetica, sans-serif; color: #000; }
.box2-heading{ width: 225px; font: bold 18px 'trebuchet ms', helvetica, sans-serif; color: #09116d; margin: 0 0 10px 0; overflow: hidden; }
.box2-con{ width: 225px; margin: 0 0 10px 0; overflow: hidden; }
.box2-container a{ color: #066bbb; text-decoration: none; }
.boxDate2{  font: 11px 'trebuchet ms', helvetica, sans-serif; color: #78736d; }
.boxTitle2{ font: bold 12px arial, helvetica, sans-serif; color: #000; }
.boxContent2{ font: 12px arial, helvetica, sans-serif; color: #000; }
.boxReadMore2 a{ display: block; float: right; width: 86px; height: 22px; margin: 6px 4px 0 0; background: url(read-more.png) no-repeat; overflow: hidden; text-indent: -1000px; }


.box3-repeat{ width: 301px; margin: 8px 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: 299px; min-height: 404px; padding: 0 1px 0 1px; background: url(blue-small-bottom.gif) no-repeat bottom left; overflow-x: hidden; }
* html .box3-bottom{ height: 404px; }
.box3-heading{ padding: 14px 0 2px 15px; font:18px arial, helvetica, sans-serif; color: #044e90; border-bottom: 1px solid #e9ecf3;}
.box3{ font: 11px/15px arial, helvetica, sans-serif; color: #000; padding: 0 0 10px 0; margin: 22px 12px 20px 14px; overflow: hidden; }
.box3-bottom a{ color: #066bbb; text-decoration: underline; }

.boxTitle3{ font: bold 12px/13px arial, helvetica, sans-serif; color: #0a0a0a; padding: 0 0 0 0; }
.boxDate3{ font: 10px/11px 'trebuchet ms', helvetica, sans-serif; color: #78736d; padding: 0px 0 0 1px; }
.box3 a{ color: #066bbb; text-decoration: none; }
.boxContent3{ padding: 0 0 0 0; }
.boxReadMore3{ padding: 0 0 0 0; }
.boxReadMore3 a{ display: block; float: right; width: 86px; height: 22px; margin: 6px 4px 0 0; background: url(read-more.png) no-repeat; overflow: hidden; text-indent: -1000px; }
.boxSpacer3{ line-height: 18px; }

.box4-repeat{
	width: 366px;
	margin: 8px 0 0 0;
	overflow: hidden;
}
.box4-top{ background: url(blue-big-top.gif) no-repeat; }
.box4-bottom{ width: 366px; min-height: 223px; padding: 14px 13px 3px 16px; background: url(blue-big-bottom.gif) no-repeat bottom left; }
* html .box4-bottom{ height: 223px; }
.box4{ width: 325px; height: 160px; padding: 0 0px 10px 0; font: 12px/14px arial, helvetica, sans-serif; color: #000; background-repeat: no-repeat; background-position: 230px 30px; }
.box4-con{ width: 325px; margin: 0 0 0 2px; overflow: hidden; }
.box4-heading{ font: 18px arial, helvetica, sans-serif; color: #ff0000; padding: 0 0 11px 2px; }
.boxTitle4{
	font: bold 12px/14px arial, helvetica, sans-serif;
	color: #ff0000;
	padding: 0 9px 0 2px;
}
.boxDate4{ font: 11px/12px 'trebuchet ms', helvetica, sans-serif; color: #78736d; padding: 20px 9px 0 2px; }
.box4 a{ color: #066bbb; text-decoration: none; }
.boxContent4{ padding: 0 9px 0 2px; }
.boxReadMore4{ padding: 0 9px 0 2px; }
.boxReadMore4 a{ display: block; float: right; width: 86px; height: 22px; margin: 6px 4px 0 0; background: url(read-more.png) no-repeat; overflow: hidden; text-indent: -1000px; }
.boxSpacer4{ line-height: 1px; }


.box5{ width: 344px; min-height: 125px; padding: 0px 10px 27px; margin: 10px 0 0 0; border: 1px solid #e9ecf3; font: 11px/14px arial, helvetica, sans-serif; color: #000; overflow-x: hidden; }
* html .box5{ height: 125px; }
.ARC_News{ width: 325px; margin: 0 4px 0 9px; overflow: hidden; }
.box5-heading{ width: 331px; margin: 19px 4px 10px 9px; font: bold 14px arial, helvetica, sans-serif; color: #044e90; overflow: hidden; }
.box5 a{ color: #000; }
.boxTitle5{ font: bold 12px/14px arial, helvetica, sans-serif; color: #000; padding: 0 9px 0 2px; }
.boxDate5{ font: 11px/12px 'trebuchet ms', helvetica, sans-serif; color: #78736d; padding: 10px 9px 0 2px; }
.box4 a{ color: #066bbb; text-decoration: none; }
.boxContent5{ padding: 0 9px 0 2px; }
.boxReadMore5{ padding: 0 9px 0 2px; }
.boxReadMore5 a{ display: block; float: right; width: 86px; height: 22px; margin: 6px 4px 0 0; background: url(read-more.png) no-repeat; overflow: hidden; text-indent: -1000px; }
.boxSpacer5{ line-height: 1px; }




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

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

h1{ font: normal 22px 'trebuchet ms', helvetica, sans-serif; color: #09116d; margin: 0 0 33px 0; }
h2{ font: bold 14px 'trebuchet ms', helvetica, sans-serif; color: #09116d; margin: 15px 0 7px 0; }
h3{ font: bold 14px 'trebuchet ms', helvetica, sans-serif; color: #000; margin: 15px 0 7px 0; }
h4{ font: bold 13px 'trebuchet ms', 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; }