@charset "utf-8";
/* CSS Document */

html {
padding:0px;
margin:0px;
}

_html {
padding:0px;
margin:0px;
}

body {
background-color:#eeeeee;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#666;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#000000;
width:404px;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
padding:0 0 5px 0;
margin:0;
}

h2 a:link, h2 a:hover, h2 a:visited, h2 a{
color:#cc3333;
}

table{
border:1px solid #ddd;
}

table tr th{
color:#000;
font-weight:bold;
text-align:left;
vertical-align:top;
border-bottom:1px dotted #ddd;
background-color:#fff;
}

table tr td{
background-color:#fff;
border-bottom:1px dotted #ddd;
line-height:2;
}

p{
clear:both;
}

.blackText{
color:#000;
}

#topBorder {
width:980px;
height:10px;
margin:40px 0px 0px 0px;
padding:0px;
_background-position:0 5px;
background-image:url(../images/topBorder_980.jpg);
background-repeat:no-repeat;	
background-color:#eeeeee;

}

#mainContent{
margin:0px;
padding-left:8px;
padding-right:8px;
width:964px;
height:auto;
display:block;
overflow:hidden;
background-image:url(../images/mainBkgd_980.jpg);
background-repeat:repeat-y;	
background-color:#ffffff;

}

#bottomBorder {
margin:0px;
padding:0px;
width:980px;
height:30px;
padding-top:15px;
background-image:url(../images/bottomBorder_980.jpg);
background-repeat:no-repeat;	
background-color:#eeeeee;
color:#999999;
text-align:center;
}

#bottomBorder a:link{
color:#999999;
}

#bottomBorder a:visited{
color:#999999;
}

#titleBar {
height:138px;
width:964px;
float:left;
background-image:url(../images/titleBkgd.jpg);
background-repeat:repeat-x;
background-color:#ffffff;

}

#logoNew{
float:left;
width:632px;
height:138px;
background-image:url(../images/logo_980_2.jpg);
background-position:top right;
}

#logo {
float:left;
width:446px;
height:138px;
background-image:url(../images/logo.jpg);
}

/* Top 3 navigation links */
#topNav{
display:none;
}

#topNavContainer{
position:absolute;
top: 20px;
left: 10px;
width:235px;
height:80px;
padding-top:5px;
margin-top:5px;
}

.topNavLink{
width:200px; 
float:left; 
height:20px; 
padding: 4px 0px 4px 8px;
}

.topNavLink a:link, .topNavLink a{
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
}

.topNavLink a:hover {
color:#B94B4A;
}

.topNavArrow {
width:25px; float:left; clear:left; height:27px; padding:0;
}
/* Main site navigation bar */
#mainNav {
display:none;
}

#printLogo{
display:block;
float:left;
padding-left:0px;
}

/* Main body section, content of site */

/* Welcome Image */
#welcomeSplashImage{
width:417px;
height:207px;
}

#mainBodyContainer {
width:944px;
height:auto;
background-image:url(../images/mainBodyBkgd.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
padding:20px 10px;
}

#leftColumn{
float:left;
width:240px;
padding:0px 5px;
text-align:center;
background-color:#ffffff;
}

#middleColumn{
float:left;
width:424px;
padding:0px 5px 0px 7px;
text-align:left;
background-color:#ffffff;
line-height:2em;
}

#subpageColumn {
width:620px;
height:auto;
display:block;
padding:0px 35px 0px 15px;
text-align:left;
background-color:#ffffff;
line-height:2em;
}

#subpageColumn a:link, #subpageColumn a:hover, #subpageColumn a:visited, #subpageColumn a{
color:#cc3333;
}

#rightColumn{
float:left;
width:240px;
padding:0px 5px;
text-align:center;
background-color:#ffffff;
}

.sideContainer{
float:left;
width:240px;
padding:0px;
margin-bottom:15px;
}

.blackBold{
color:#000;
font-weight:bold;
}

/* Map Styles */

#mapContainer1 {
float:left;
margin:20px 20px 20px 0;
height: 150px;
width: 400px;
border:1px solid #999999;
}

#mapContainer2 {
float:left;
margin:20px 20px 20px 0;
height: 150px;
width: 400px;
border:1px solid #999999;
}

.mapTable, .mapTable td{
border:0;
}


/* Link sections in the columns (current needs, upcoming events, latest blogs, etc.) */
.tabHeader{
float:left;
width:240px;
height:20px;
padding-top:8px;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
background-image:url(../images/tabHeader.jpg);
background-repeat:no-repeat;
background-color:#ffffff;
border-bottom:1px solid #dddddd;
}

.tabBody{
float:left;
width:237px;
_width:238px;
padding:0px 0px;
margin-left:1px;
_margin-left:0px;
}

.tabItemHeader {
border-top:1px solid #dadada;
border-bottom:1px solid #dedede;
text-align:left;
width:231px;
_width:232px;
padding:3px;
background-image:url(../images/tabLinkBkgd.jpg);
background-repeat:repeat-x;
background-color:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #B94B4A;
font-weight: bold;
}

.tabItemHeader_cn {
border-top:1px solid #dadada;
border-bottom:1px solid #dedede;
text-align:left;
width:231px;
_width:232px;
padding:3px;
background-image:url(../images/tabLinkBkgd.jpg);
background-repeat:repeat-x;
background-color:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #B94B4A;
font-weight: bold;
}

.tabItemHeader a:link, .tabItemHeader a:visited {
color:#B94B4A;
text-decoration:none;
}

.tabItemHeader a:hover{
color:#000000;
text-decoration:none;
}

.tabItemDetails {
text-align:left;
width:222px;
padding:5px 5px 8px 5px;
background-color:#ffffff;
line-height:18px;
}

.middleContent{
height:auto;
overflow:hidden;
padding-left:6px;
}

.middleFeatureBox{
clear:left;
float:left;
width:404px;
padding:5px 0;
border-bottom:1px dotted #ccc;
}

.middleFeatureContent{
float:left;
width:212px;
padding-right:5px;
height:auto;
overflow:hidden;
line-height:18px;
}

.middleFeatureContent a:link, .middleFeatureContent a:hover, .middleFeatureContent a:visited {
color:#B94B4A;
}

.middleFeatureImage{
float:right;
width:175px;
height:97px;
padding:0 3px 0 0;
}

.promoBox{
overflow:hidden;
text-align:center;
}

.promoBox img{
border:0;
}

.blogHeader{
font-size:14px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
border:1px dotted #ccc;
margin:15px 0;
width:auto;
padding-left:5px;
background-color:#f8f8f8;
}

.blogDate{
color:#B94B4A;
font-size:12px;
}

.sourceText{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

.rightImage{
float:right;
padding:0 15px 0 20px;
border:0;
}

.leftImage{
float:left;
padding:0 20px 0 15px;
border:0;
}

p a:link, p a:visited, p a:hover, p a{
color:#cc3333;
}

#bloodTypeTable th, #bloodTypeTable td{
text-align:center;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px dotted #ccc;
border-right:1px dotted #ccc;
color:#000;
}

#bloodTypeTable table{
border:0;
}

#bloodTypeTable th{
font-size:12px;
background-color:#f8f8f8;
}

.redHighlight{
font-size:14px;
font-weight:bold;
color:#ff0000;
}

.storyBreak{
width:620px;
padding:10px 0; 
border-bottom:1px dotted #ccc;
}

.pictureBox{
width:180px;
padding:10px 10px 0 10px;
margin-left:10px;
float:right;
text-align:center;
}

.pictureBox img{
margin-bottom:10px;
}

/* Contact Info */

.contactBox{
width:320px;
border:1px dotted #ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
height:auto;
overflow:hidden;
margin-bottom:15px;
}

.contactName{
float:left;
font-size:12px;
font-weight:bold;
background-color:#f8f8f8;
padding:4px;
border-bottom:1px dotted #ccc;
width:268px;
padding-left:10px;
height:24px;
_height:27px;
}

.contactInfo{
float:left;
padding:3px;
width:310px;
padding-left:10px;
border-bottom:1px dotted #ccc;
}

.contactPhone{
float:left;
padding:2px 6px 2px 2px;
border-right:1px dotted #ccc;
text-align:center;
width:142px;
}

.contactCellPhone{
float:left;
padding:2px 2px 2px 6px;
text-align:center;
width:142px;
}

.contactEmail{
display:none;
}

.contactEmail img{
border:0;
}

.printEmail{
display:inline;
}

.question{
color:#000;
font-style:italic;
}

/* Sponsors section at bottom of site */
#sponsorsContainer{
display:none;
}

#sponsorBloodServices{
float:left;
width:240px;
height:100px;
text-align:center;
padding:0 15px;
font-size:18px;
}

#sponsors{
float:left;
background-image:url(../images/sponsorBkgd.jpg);
background-repeat:repeat-x;
width:644px;
height:54px;
margin-top:35px;
padding-right:50px;
padding-bottom:10px;
padding-top:20px;
text-align:right;
}

.sponsor{
height:48px; 
float:right; 
margin:0 10px;
}

.sponsor img{
border:0;
}