html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

* {margin:0;padding:0;} 

#main {padding-bottom: 20px;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border-top: 10px solid #ef2e2c;
}

p {
	line-height: 18px;
	margin-bottom: 15px;
}

a {
	color: #ef2e2c;
	font-weight: bold;
}

a:hover {
	color: #900;
}


.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.break {
	height: 20px;
	clear: both;
}

.margin-right {
	margin-right: 15px;	
}

.margin-left {
	margin-left: 15px;	
}

.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;	
}

strong {
	font-weight: bold;	
}

.bulleted-list {
	margin-left: 30px;
}

.bulleted-list li {
	list-style: square;
	line-height: 18px;
}


.bulleted-list li ul {
	margin-left: 60px;
}

#container {
	width: 960px;
	margin: auto;
	margin: 0px auto;
}

#container h1 {
	display: block;
	background: url(../img/american-red-cross-logo.gif);
	width: 220px;
	height: 77px;
	text-indent: -4000px;
	margin-bottom: 20px;
	float: left;
	margin-top: 20px;
}
 
 h4 {
	 font-weight: bold;
	 font-size: 14px;
 	margin-bottom: 15px;
 }

#container .address {
	float: right;
	color: #666;
	line-height: 18px;
	text-align: right;
	margin-top: 20px;
}

/*#nav {
	background: url(../img/nav-bg.gif) repeat-x;
	width: 960px;
	height: 50px;
	line-height: 50px;
	list-style: none;
	margin-bottom: 20px;
	clear: both;
}

#nav li a {
	font-weight: bold;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	float: left;
	margin: 0px;
	padding: 0px 35px;
	border-right: 1px solid #CCC;
}

#nav .last a{
	padding-right: 33px;
	border-right: 0px;
	display: block;
}

#nav a:hover {
	background: #d7d7d7;	
}

#nav .active {
	background: #c1c1c1;
}
*/

#nav {
position: relative;
z-index: 2000;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(../img/nav-bg.gif) repeat-x;
	width: 960px;
	height: 50px;
	line-height: 50px;
	list-style: none;
	margin-bottom: 20px;
	clear: both;
}

#nav li {
	float: left;
	position: relative;
}

#nav li a {
	font-weight: bold;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	float: left;
	margin: 0px;
	padding: 0px 23px;
	border-right: 1px solid #CCC;	
}

#nav li span {
	font-weight: bold;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	float: left;
	margin: 0px;
	padding: 0px 35px;
	border-right: 1px solid #CCC;		
}

#nav .last a{
	padding-right: 33px;
	border-right: 0px;
	display: block;
}

#nav a:hover {
	background: #d7d7d7;	
}

#nav .active {
	background: #c1c1c1;
}

#nav li ul {
	display: none;
	position: absolute; 
	height: auto;
	top: 50px !important;
	left: 0;
	width: 200px;
	background: #FFF;
	border: 1px solid #CCC;
	border-top: none;
	clear: both !important;
}

#nav li ul li {
	clear: both;
}

#nav li ul li a {
	clear: both;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	background: #FFF;
	padding: 0px 10px;
	display: block;
	width: 180px;
	border-top: 1px solid #CCC;
}

#nav li ul li a:hover {
	background: none;
	color: #ef2e2c;
}

#nav li ul li:first-child a {
	border-top: none;	
}



#nav li:hover ul { 
	display: block;
}

#container .content-col {
	width: 620px;
	float: left;
	margin-right: 30px;
}

/* homepage styles */


#container .content-col #banner {
	position: relative;	
	z-index: 0;
}
#container .content-col .banner-area {
	width: 620px;
	height: 350px;
	background: #ef2e2c;
	border: 1px solid #ef2e2c;
	overflow: hidden;
}

#container .content-col .banner-area a {
	text-decoration: none;
	color: #FFF;
	display: inline;
	font-weight: normal;
}

#container .content-col .banner-area .banner-image {
	width: 590px;
	height: 246px;
	margin:  15px 15px 0px 15px;	
}

#container .content-col .banner-area .banner-image a {
	display: block;
	width: 605px;
	height: 246px;
}

#container .content-col .banner-area #christmas-giving {
	background: url(../img/banners/holiday-giving-catalog.jpg);
}

#container .content-col .banner-area #flu-season {
	background: url(../img/banners/flu-season.jpg);
}

#container .content-col .banner-area #give-blood {
	background: url(../img/banners/give-blood.jpg);
}

#container .content-col .banner-area #free-groceries {
	background: url(../img/banners/free-groceries.jpg);
}


#container .content-col .banner-area #heroes-breakfast {
	background: url(../img/banners/heroes-breakfast.jpg);
}

#container .content-col .banner-area #pint-for-pint {
	background: url(../img/banners/velvet.jpg);
}

#container .content-col .banner-area #volunteers {
	background: url(../img/banners/volunteers.jpg);
}

#container .content-col .banner-area #leo {
	background: url(../img/banners/leo.jpg);
}

#container .content-col .banner-area #safe-start {
	background: url(../img/banners/safe-start.jpg);
}

#container .content-col .banner-area #guns-hoses {
	background: url(../img/banners/guns-hoses.jpg);
}

#container .content-col .banner-area #golf {
	background: url(../img/banners/golf.jpg);
}

#container .content-col .banner-area #fair {
	background: url(../img/banners/fair.jpg);
}

#container .content-col .banner-area h2 {
	padding: 10px 15px 0px 15px;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	display: block;
}

#container .content-col .banner-area h2 a {
	font-weight: bold;
}

#container .content-col .banner-area .arrow {
	background: url(../img/heading-arrow.png) center;
	width: 18px;
	height: 11px;
	display: inline-block;
}

#container .content-col .banner-area .text {
	padding: 0px 15px 0px 15px;
	font-size: 14px;
	color: #FFF;
	line-height: 18px;
}

#container .content-col #banner .next-button a {
	position: absolute;
	left: 604px;
	top: 157px;
	background: url(../img/carousel-next.png) 0px 0px;
	width: 39px;
	height: 40px;
	z-index: 1000;
	outline: none;
}

#container .content-col #banner .next-button a:hover {
	background: url(../img/carousel-next.png) 0px -39px;
}

#container .content-col #banner .prev-button a:hover {
	background: url(../img/carousel-previous.png) 0px -39px;
}

#container .content-col #banner .prev-button a {
	position: absolute;
	left: -18px;
	top: 157px;
	background: url(../img/carousel-previous.png) 0px 0px;
	width: 39px;
	height: 40px;
	z-index: 1000;
	outline: none;
}

#container .content-col .news-stories {
	margin-top: 20px;
}

#container .content-col .news {
	border-bottom: 1px solid #e2e2e2;	
	padding: 20px 0px 20px 0px;
}

#container .content-col .news h2 {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: bold;
}

#container .content-col .news p {
	line-height: 18px;
	margin-bottom: 7px;
}

#container .content-col .news p a {
	font-size: 12px;
	line-height: 18px;
	background: none;
	text-decoration: underline;
	padding: 0px;
	font-weight: normal;
}

#container .content-col .news .image {
	width: 110px;
	height:110px;
	float: left;
	margin-right: 20px;
	margin-top: 0px;
}

#container .content-col .news #bloodmobile {
	background: url(../img/news/bloodmobile.jpg);	
}

#container .content-col .news #snow {
	background: url(../img/news/snow-shoveling.jpg);	
}

#container .content-col .news #together-we-prepare {
	background: url(../img/news/together-we-prepare.jpg);	
}


#container .content-col .news #snuggle {
	background: url(../img/news/snuggle-up.jpg);	
}

#container .content-col .news #haiti {
	background: url(../img/news/haiti.jpg);	
}

#container .content-col .news #pennies {
	background: url(../img/news/pennies-for-haiti.jpg);	
}

#container .content-col .news #pint {
	background: url(../img/news/pint.jpg);	
}

#container .content-col .news #poker {
	background: url(../img/news/poker.jpg);	
	border: 1px solid #CCC;
}

#container .content-col .news #summer-heat {
	background: url(../img/news/summer-heat.jpg);	
	border: 1px solid #CCC;
}

#container .content-col .news #free-gas {
	background: url(../img/news/gas.jpg);	
	border: 1px solid #CCC;
}

#container .content-col .news #running {
	background: url(../img/news/running.jpg);	
	border: 1px solid #CCC;
}

#container .content-col .news #dominos {
	background: url(../img/news/dominos.jpg);	
}

#container .content-col .news #photos-of-the-decade {
	background: url(../img/news/photos-of-the-decade.jpg);	
}

#container .content-col .news #cpr {
	background: url(../img/news/cpr.jpg);	
}


#container .content-col .news #dan-nixon {
	background: url(../img/news/dan-nixon.jpg);	
}

#container .content-col .news #hydration {
	background: url(../img/news/water.jpg);	
}

#container .content-col .news #ohio-state {
	background: url(../img/news/ohio-state.jpg);	
}

#container .content-col .news #concussion {
	background: url(../img/news/concussion.jpg);	
}

#container .content-col .news a {
	font-size: 16px;
	font-weight: bold;
	color: #ef2e2c;
	text-decoration: none;
	background: url(../img/red-arrow.gif) right no-repeat;
	padding-right: 20px;
}

#container .content-col .news .all-news a {
	float: right;
	font-size: 12px;
	background: none;
	padding: 0px;
}

#container .secondary-col {
	width: 310px;
	float: left;
}					

#container .secondary-col .action-links {
	width: 308px;
	height: 360px;
	background: #fafafa;
	border: 1px solid #e6e6e6;
	margin-bottom: 40px;
}

#container .secondary-col .action-links a {
	display: block;
	width: 308px;
	height: 360px;
	text-decoration: none;
	color: #333;
	font-weight: normal;
	cursor: pointer;
	cursor: hand;
}

#container .secondary-col .action-links a:hover h3 {
	color: #ef2e2c;	
}

#container .secondary-col .action-links .action-1, #container .secondary-col .action-links .action-2, #container .secondary-col .action-links .action-3 {
	padding: 10px;
	height: 99px;
	border-bottom: 1px solid #e6e6e6;
}

#container .secondary-col .action-links .action-3 {
	border-bottom: none;
}

#container .secondary-col .action-links .action-info {
	float: left;
	width: 173px;
}

#container .secondary-col .action-links h3 {
	font-size: 23px;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	width: 173px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#container .secondary-col .action-links .text {
	line-height: 18px;
}

#container .secondary-col .action-links .give-blood-thumbnail, 
#container .secondary-col .action-links .learn-cpr-thumbnail,
#container .secondary-col .action-links .be-prepared-thumbnail {
	width: 91px;
	height: 90px;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 20px;
	float: left;
}

#container .secondary-col .action-links .give-blood-thumbnail {
	background: url(../img/give-blood-thumbnail.jpg);
}

#container .secondary-col .action-links .learn-cpr-thumbnail {
	background: url(../img/learn-cpr-thumbnail.jpg);	
}

#container .secondary-col .action-links .be-prepared-thumbnail {
	background: url(../img/be-prepared-thumbnail.jpg);	
}

#container .secondary-col .recent-photos {
	width: 288px;
	height: 340px;
	background: #fafafa;
	padding: 10px;
	border: 1px solid #e6e6e6;
	margin-bottom: 20px;
}

#container .secondary-col .recent-photos h3 {
	font-size: 24px;
	color: #666;
	font-weight: bold;	
}

#container .link-col {
	width: 169px;
	float: left;
	border-right: 1px solid #e2e2e2;
	background: #F8F8F8;
	padding: 20px;
}

#container .link-col h3 {
	font-size: 16px;
}

#container .link-col ul {
	margin-top: 15px;
} 

#container .link-col li {
	padding: 10px 0px;
	border-bottom: 1px solid #e2e2e2;	
	list-style: none;
}

#container .link-col ul li ul {
	margin: 0px 0px 0px 0px;
}

#container .link-col li ul li {
	border-bottom: none;
	padding-bottom: 0px;
}
#container .link-col li a {
	display: block;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

#container .link-col a:hover, #container .link-col .active {
	color: #ef2e2c;
}

#container .link-col li ul li a {
	font-weight: normal;
}

#container #blood-services-links {
	height: 370px;	
}

#container #bloodmobile-links {
	height: 440px;	
}

#container #recognizing-donors-links {
	height: 490px;	
}

#container #free-groceries-links {
	height: 310px;	
}

#container #disaster-services-links {
	height: 460px;
}

#container #prepare-links {
	height: 460px;
}

#container #contact-links {
	height: 440px;
}

#container .inside-content-col {
	width: 720px;
	float: left;
	margin-left: 30px;
	margin-bottom: 20px;
}

#container .full-col {
	width: 960px;
	margin-bottom: 20px;

}

#container .inside-content-col h2, #container .full-col h2 {
	color: #ef2e2c;
	font-weight: bold;
	font-size: 24px;
 	margin-bottom: 20px;	
}

#container .inside-content-col h3 {
	color: #666;
	font-weight: bold;
	font-size: 18px;
 	margin-bottom: 20px;	
}


#container .inside-content-col .donors h3 {
	color: #ef2e2c;
	font-weight: bold;
	font-size: 14px;
	float: left;
	width: 100px;
	margin-bottom: 10px;
	text-align: right;
}

#container .inside-content-col .donors ul {
 	margin-bottom: 10px;	
	margin-left: 15px;
	float: left;
	width: 600px;
}

#container .inside-content-col .donors ul li {
	float: left;
}

#container .inside-content-col .donors-right {
	margin-right: 15px;
}


#container .inside-content-col .highlight-area {
	background: #ef2e2c;
	width: 350px;
	height: 273px;
	padding: 20px;
	float: right;
}

#container .inside-content-col .highlight-area p {
	color: #FFF;
	font-weight: bold;
	margin-top: 10px;
}

#container .inside-content-col .note-section {
	background: #FF9;
	border: 1px solid #FC6;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#container .inside-content-col .video-paragraph {
	width: 300px;
	line-height: 18px;
}

#container .inside-content-col .take-action {
	padding: 20px;
	background: #F8F8F8;
	border: 1px solid #e2e2e2;
}

#container .inside-content-col .table, #container .full-col .table {

	width: 100%;
}

#container .inside-content-col .table th, #container .full-col .table th {
	background: #e2e2e2;
	padding: 5px;
}

#container .inside-content-col .table td, #container .full-col .table td {
	padding: 5px;
	border-top: 1px solid #CCC;
}

label {
	font-weight: bold;
	clear: both;
	width: 100%;
	display: block;
	
}

input, textarea {
	margin: 3px 0px 10px 0px;
}

#footer {
	border-top: #F8F8F8;	
	clear: both;
	width: 100%;
	background: #F8F8F8;
	height: 80px;

}

#footer .container {
	width: 960px;
	margin: auto;
}

#footer .container #united-way {
	background: url(../img/united-way.gif);
	width: 85px;
	height: 59px;
	border: 1px solid #666;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

#footer ul {
	float: left;	
	line-height: 80px;
}

#footer li:first-child {
	margin-right: 40px;
}

#footer li {
	list-style: none;
	float: left;
	margin: 0px 10px;
	color: #666;
}

#footer li a {
	color: #666;
}

#ashli-nixon a {
	background: url(../img/ashli-nixon.gif);
	width: 41px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.haiti a {
	color: 	#ef2e2c !important;
}


.product {
	width: 200px;
	height: 200px;
	border: 1px solid #CCC;
}

#first-aid-only {
	background: url(../img/products/first-aid-only.jpg);
	width: 198px;
	height: 198px;
	display: block;
}

.product-name {
	padding-top: 215px;
	display: block;
}