body { margin: 20px 0px; color: #222; font: 13px normal "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; line-height: 1em; }

h1 {
	font-size: 21px;
	color: #334988;
	margin: 10px 0px;
	line-height: 1.1;
}

h2 {
	font-size: 14px;
	color: #222;
	margin: 25px 0px 5px 0px;
	padding-bottom: 5px;
	line-height: 1.2;
}

h3 {
	font-size: 14px;
	color: #334988;
	margin: 5px 0px;
	line-height: 1.2;
}
h6 {
	font-size: 10pt;
	line-height: 1.2;
	margin: 6px 0px;
	padding: 0px;
}

p { font-size: 13px; line-height: 18px; color: #222; margin: 10px 0px; }a {
	color: #293C70;
}
#wrapper {
	width: 735px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapper #masthead {
	background: url(/elements/images/logos/hcsclogo.gif) no-repeat scroll 0px 0px;
	height: 110px;
}

#wrapper #blood {
	background: #E9EAEC;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #BBBBBB;
	border-right-color: #E1E4E7;
	border-bottom-color: #D3DADF;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E1E4E7;
	padding: 12px 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#wrapper #menu {
	margin: 0px;
	padding: 0px;
}
#wrapper #content {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#wrapper #footer {
	background: #263665 url(/elements/images/graphics/blue_gradient.jpg) repeat-x scroll left bottom;
	padding: 12px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #FFFFFF;
	height: 10px;
}
#wrapper #legal {
	width: 100%;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#legal p {
	font-size: 80%;
	margin: 0px 10px 5px 0px;
	padding: 0px;
	line-height: 1;
}
#footer #footnotes {
	margin: 0px;
	padding: 0px;
	font-size: 85%;
	text-align: center;
	color: #38559F;
}
#footnotes a {
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 4px;
	padding-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footnotes img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 5px;
}
#footnotes a:hover {
	color: #DBEEFF;
}
#menu #nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 1px;
	background: #324785 url(/elements/images/bg_menu.gif) repeat-x scroll 0px 0px;
	height: 29px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#nav li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	padding: 9px 10px 8px;
	margin: 0px;
	display: block;
	background: url(/elements/images/bg_menu.gif) repeat-x scroll 0px 0px;
}
#nav a:active {
}
#nav a:hover {
	color: #FFFFFF;
	background: #334988;
}
#nav .nav_left {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #243361;
}
#nav .nav_middle {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #243361;
	border-left-color: #0C4193;
}
#nav .nav_right {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2844C4;
}
#nav .nav_left1, #nav .nav_middle1, #nav .nav_right1 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#nav .active {
	background: #FFFFFF url(/elements/images/bg_menu_active.png) repeat-x scroll 0px 0px;
	color: #333333;
}
#masthead span {
	display: none;
}
#masthead h1 {
	margin: 0px;
	padding: 0px;
}
#masthead h2 {
	background: url(/elements/images/logos/hcsctagline.gif) no-repeat scroll 0px 0px;
	height: 52px;
	width: 410px;
	display: block;
	float: right;
	margin: 30 0 0;
	padding: 0px;
}
#content #panel {
	background: #EFF2F3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D4D8D9;
	width: 200px;
}
#panel #subnav {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	list-style-type: square;
	color: #324786;
	font-size: 80%;
	font-weight: bold;
}
#panel #subnav li {
	margin: 6px 0px;
	padding: 0px;
}
#panel #subnav a {
	text-decoration: none;
	color: #000000;
	font-size: 1.2em;
}
#panel #subnav a:active {
	color: #293B6E;
}
#panel #subnav a:hover {
	color: #334988;
}
#wrapper #content #splash {
	background: url(/elements/images/homepage/leftside.jpg) no-repeat scroll left top;
	text-align: right;
	height: 220px;
	padding-left: 367px;
}
#content #home {
	margin: 5px;
	padding: 0px;
}
#content #info {
	background: url(/elements/images/bg_top.gif) repeat-x scroll 0px 0px;
	padding: 25px;
}
#info h1 {
	margin: 0px;
	padding: 0px 0px 4px;
}
#info h2 {
	color: #222222;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	font-size: 120%;
}
#info ul {
	list-style-type: square;
	font-size: 95%;
}
#info ol {
	font-size: 95%;
}
#info li {
	margin-bottom: 8px;
	line-height: 1.3;
}
#donations_save {
	position: relative;
	left: 290px;
	top: 210px;
}
.blood_half {
	background: #F1F1F3 url(/elements/images/homepage/blood_half.gif) no-repeat scroll right 5px;
}
#headlines {
	margin: 0px;
	padding: 0px 10px;
}
#headlines .headline {
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7F7F7F;
	margin: 5px 0px 0px;
	padding: 0px;
	font-size: 10pt;
	background: url(/elements/images/icons/hcsc_bullet.gif) no-repeat scroll left top;
	text-indent: 20px;
}
#headlines .section {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #334988;
	margin: 5px 0px;
	padding: 0px;
}
#headlines .details {
	font-size: 8pt;
	margin: 0px;
	padding: 5px 0px;
}
.red_medium {
	font-size: 95%;
	font-weight: bold;
	color: #324785;
}
.quote {
	background: url(/elements/images/icons/quotes.gif) no-repeat scroll left top;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
}
.quote cite {
	font-size: 105%;
	font-style: normal;
	line-height: 1.1;
	color: #444444;
}
.quote dfn {
	font-size: 90%;
	font-style: normal;
	line-height: 1;
	color: #666666;
	padding-right: 4px;
	padding-left: 4px;
	display: block;
	font-weight: bold;
}
.home_pink {
	background: #EEEEF0;
}
.home_gray {
	background: #E4EBED;
}
.home_faint {
	background: #F7FBFB;
}


/* Nav Menu */
.sidenav{
display:block;
}
.sidenav *{
display:block;
height:1px;
overflow:hidden;
background:#FFFFFF;
}
.sidenav1{
border-right:1px solid #f5f7f8;
padding-right:1px;
margin-right:3px;
border-left:1px solid #f5f7f8;
padding-left:1px;
margin-left:3px;
background:#fbfbfc;
}
.sidenav2{
border-right:1px solid #f0f3f4;
border-left:1px solid #f0f3f4;
padding:0px 1px;
background:#fbfcfc;
margin:0px 1px;
}
.sidenav3{
border-right:1px solid #fbfcfc;
border-left:1px solid #fbfcfc;
margin:0px 1px;
}
.sidenav4{
border-right:1px solid #f5f7f8;
border-left:1px solid #f5f7f8;
}
.sidenav5{
border-right:1px solid #fbfbfc;
border-left:1px solid #fbfbfc;
}
.sidenav_content{
padding:0px 5px;
background:#FFFFFF;
} 
.row1 td {
	background: #F5F6F6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D8D9;
}
.m10 {
	margin: 0px;
	padding: 10px;
}
.row2 {
	background: #EBF2F5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4EBED;
	margin: 2px;
	padding: 2px;
}
.row3 {
	background: #EBF2F5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4EBED;
	margin: 2px;
	padding: 2px;
}
.row4 {
	background: #F7FBFB;
	margin: 2px;
	padding: 2px;
}
.row5 {
	background: #F7FBFB;
	margin: 2px;
	padding: 2px;
}
#Form {
	background: url(/elements/images/form_bottom.gif) no-repeat scroll center bottom;
	margin: 0px auto;
	padding: 0px;
	width: 475px;
}
#Form .form_top {
	background: url(/elements/images/form_top.gif) no-repeat scroll 0px 0px;
}
#Form .field {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: .9em;
	padding: 3px 2px;
	border: 1px solid #BDBDBD;
	background: #FFFFFF;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#Form .button {
	margin: 25px 0px;
	padding: 0px;
}
#Form h1 {
	color: #333333;
	margin: 17px 15px 15px 20px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
}
#Form h2 {
	padding: 8px 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;  
	margin-left: 25px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Form h3 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1em;
	padding: 0px 0px 10px;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 25px;
	line-height: 1.3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#Form #errors {
	margin: 10px 25px;
	padding: 0px;
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9A8585;
}
#Form #errors ul {
	list-style-type: none;
	margin: 10px 15px;
	padding: 0px;
}
#Form #errors li {
	margin: 0px 0px 5px;
	padding: 0px;
	font-size: 90%;
}
#upcoming {
	list-style-image: url(/elements/images/icons/flip_calendar_small.jpg);
}
#rotator
{
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 220px;
	width: 367px;
	display: block;
}
#tickertape {
	background-color: #DDDDDD;
	padding: 4px;
	display: block;
	margin-top: 5px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
	color: #C63837;
}