@media screen {

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	} 
	
a img { border: none; }
a { outline: none; }

body { font: 12px/1.4em Helvetica, Arial, Helvetica, sans-serif; color: #625f59; background: #036cb0; }

ul, ol { margin: 1em 0; padding-left: 2.5em; list-style-position: inside; list-style-type:square }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #bb1a04; margin-bottom: 10px; } 
h1 { font-size: 26px; line-height: 30px; }
h2 { font-size: 22px; line-height: 28px; }
h3 { font-size: 18px; line-height: 22px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: #bb1a04; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; color: #820f00; }

p { margin-bottom: 10px; }

a { color: #d21d05; text-decoration: none;  }
a:hover { text-decoration: underline; }
a:active { }
a:visited { }

div#skiptocontent { position: absolute; left: -9999px; }

#container { width: 990px; margin: 0 auto; background: transparent url(/images/new/container-bg.png) repeat-y top left; }
#container-cap-top { width: 990px; display: block; height: 15px; background: transparent url(/images/new/container-cap-top.png) no-repeat top left; margin: 0 auto; }
#container-pad { width: 950px; margin: 0 auto; background: #fff; }
#container-pad-template { width: 950px; margin: 0 auto; background: #fff; }

#header { padding: 20px 10px 10px 10px; }
#header h1 { float: left; }
#header #donate-area { float: right; }
#header h1, #header #logo { display: block; width: 190px; height: 59px; background: transparent url(/images/new/american-red-cross-logo.png) no-repeat top left; text-indent: -9999px; margin: 0; }

.header { display: block; text-indent: -9999px; }
.header.get-help-now { width: 195px; height: 30px; background: transparent url(/images/new/get-help-now-header.png) no-repeat top left; }
.header.classes { width: 544px; height: 25px; background: transparent url(/images/new/classes-header.png) no-repeat top left; }
.header.mark-your-calendar { width: 222px; height: 20px; background: transparent url(/images/new/mark-your-calendar-header.png) no-repeat top left; }
.header.follow-us { width: 128px; height: 20px; background: transparent url(/images/new/follow-us-header.png) no-repeat top left; }
.header.photo-album { width: 145px; height: 20px; background: transparent url(/images/new/photo-album-header.png) no-repeat top left; }
.header.featured-video { width: 170px; height: 20px; background: transparent url(/images/new/featured-video-header.png) no-repeat top left; }
.header.thank-you { width: 148px; height: 25px; background: transparent url(/images/new/thank-you-header.png) no-repeat top left; }

#featured-area { padding: 10px; margin-bottom: 10px; background: #eee url(/images/new/featured-area-bg.png) repeat-x top left; position: relative; }
#featured-info { width: 300px; float: left; padding: 2px; }

#featured-info-template { width: 230px; float: left; padding: 2px; }

#featured-wrap { width: 612px; float: right; display: block; height: 304px; background: transparent url(/images/new/featured-bg.png) no-repeat top left; }
#featured { display: block; width: 612px; height: 304px; background: transparent url(/images/new/featured-bg.png) no-repeat top left; }
#featured .story-item { padding: 14px 0 0 14px; display: block; width: 583px; height: 281px; }
#featured .story-item h3 { padding: 6px; color: #fff; display: block; background: rgb(0,0,0); background: rgba(0,0,0,.8); height: 24px; margin-top: -36px; position: relative; width: 571px; }
#featured .story-item h3 a, #featured .story-item a { color: #fff; }
#featured .story-item h3 a:hover, #featured .story-item a:hover { color: #b3b3b3; }
#featured .story-item .feat-summary { padding-left: 6px; height: 36px; overflow: hidden; }
#pager { position: absolute; top: 30px; right: 24px; z-index: 99; }
#pager a { display: block; float: left; padding: 2px 6px; text-decoration: none; background: rgb(0,0,0); background: rgba(0,0,0,.7); border: 1px solid #000; color: #fff; margin-right: 6px; }
#pager a:hover { background: rgb(190,25,0); background: rgba(190,25,0,.7); border: 1px solid #bf1a04; }
#pager a.activeSlide { border: 1px solid #bf1a04; }

#classes-calendars { padding: 10px; }
#classes-carousel { width: 680px; float: left; }
#classes-carousel h2 { margin-bottom: 4px; }
#calendar { width: 230px; float: right; }

#carousel { display: block; height: 200px; float: left; }
#carousel ul { list-style: none; }
#carousel ul li { width: 200px; height: 200px; margin: 4px 6px 0 0; }
#carousel ul li h3 { position: relative; margin: -42px auto 10px auto; height: 24px; background: rgb(0,0,0); background: rgba(0,0,0,.8); padding: 8px; color: #fff; width: 180px; }
#carousel ul li h3 a { color: #fff; display: block; width: 184px; height: 24px; overflow: hidden; }
#carousel ul li h3 a:hover { color: #b3b3b3; }
#carousel ul li p a { color: #625f59; }
#port-left, #port-right { display: block; width: 31px; height: 216px; }
#port-left { float: left; background: transparent url( /images/new/prev-arrow.png) no-repeat top left; cursor: pointer; }
#port-right { float: right; background: transparent url( /images/new/next-arrow.png) no-repeat top left; cursor: pointer; }

#calendar ul li { padding: 6px 0; border-bottom: 1px solid #b3b3b3; }

#red-cross-info { padding: 10px; }
#find-a-red-cross { display: block; width: 220px; height: 236px; background: transparent url(/images/new/find-a-red-cross-bg.png) no-repeat top left; float: left; position: relative; padding: 56px 10px 0 10px; color: #fff; }
#find { height: 16px; }
#donate-link { position: absolute; bottom: 124px; display: block; width: 216px; height: 36px; left: 10px; text-indent: -9999px; }
#volunteer-link { position: absolute; bottom: 85px; display: block; width: 216px; height: 36px; left: 10px; text-indent: -9999px; }
#give-blood-link { position: absolute; bottom: 48px; display: block; width: 216px; height: 36px; left: 10px; text-indent: -9999px; }
#take-class-link { position: absolute; bottom: 8px; display: block; width: 216px; height: 36px; left: 10px; text-indent: -9999px; }
#general-info { width: 680px; float: right; }
#general-info img { margin-right: 10px; }
#general-info p { margin-right: 10px; }
#connect { padding: 10px; }
#follow-us, #photos { float: left; margin-right: 25px; }
#follow-us-template{ float: left;  }
#featured-video { float: right; width: 435px; }
#follow-us img { margin: 0 10px 10px 0; }
#follow-us div a img, #follow-us-template div a img{ margin: 0; }
#photos { width: 180px; }
.photo-tn a { display: block; width: 75px; height: 75px; float: left; margin: 0 6px 6px 0; padding: 2px; border: 2px solid #b3b3b3; }
.photo-tn a:hover { border: 2px solid #3b3b3b; }

#thank-you { border: 2px solid #b3b3b3; padding: 10px; height: 80px; overflow: hidden; }
#values-footer { padding: 10px; background: transparent url(/images/new/seven-principles-footer-bg.png) no-repeat top left; height: 63px; color: #fff; }

#container-cap-bottom { width: 990px; display: block; height: 15px; background: transparent url(/images/new/container-cap-bottom.png) no-repeat top left; margin: 0 auto; }
#footer { width: 950px; margin: 0 auto 20px auto; color: #fff; }
#footer a { color: #fff; }
#footer a:hover { color: #b3b3b3; }
#footer-content { margin:0 auto; width:950px; }
#address { float: left; margin-right: 16px; }



#template-left {width: 230px; float:left; padding:10px; clear:both}
#bodycontent {width: 660px; float:right; padding: 10px 15px 15px 0}

.titles {  font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #d81e04}
.subtitles {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
.currency {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-decoration: none}
.bold_body_copy_blue {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; text-decoration: none}
.copyright {  font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #988E5F}
.body_copy_alerts { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #333333}
.reports {  font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none}
.reports_big_body_copy { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-decoration: none }
.reports_subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333}
.reports_titles { font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #333333}

.clear { clear: both; }