@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-style:normal; list-style:none; }
body, html { -webkit-text-size-adjust:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
::-moz-focus-inner { border: 0;outline: 0;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; border: none;}
table td { border: 1px solid #A7A7A7; padding: 3px; }
.clear { clear: both; }
.cf:after { content: "."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.cf { display:inline-block; }
* html .cf { height:1%; }
.cf { display:block; }
.al{ float:left; }
.ar { float:right; }
.an { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
img, img a { border: 0; vertical-align:top; outline:none; }
p {padding-bottom:15px; margin:0; }
a { color: #000; text-decoration:none; cursor:pointer !important;}
a:hover{ color:#921013;}
html, body { height: 100%; width: 100%; padding: 0; margin: 0;}
@font-face {
    font-family: 'museo_500regular';
    src: url('fonts/museo500-regular-webfont-webfont-webfont.eot');
    src: url('fonts/museo500-regular-webfont-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo500-regular-webfont-webfont-webfont.woff') format('woff'),
         url('fonts/museo500-regular-webfont-webfont-webfont.ttf') format('truetype'),
         url('fonts/museo500-regular-webfont-webfont-webfont.svg#museo_500regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_700regular';
    src: url('fonts/museo700-regular-webfont-webfont.eot');
    src: url('fonts/museo700-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museo700-regular-webfont-webfont.woff') format('woff'),
         url('fonts/museo700-regular-webfont-webfont.ttf') format('truetype'),
         url('fonts/museo700-regular-webfont-webfont.svg#museo_700regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.pr{ position:relative;}
.pa{ position:absolute;}

/*---------- Start Form --------------------*/
form{ font-family: 'museo_500regular';}
fieldset { border:0; margin:0; padding:0;}
legend { border: 0; *margin-left: -7px;}
input[type="button"], input[type="submit"], input[type="reset"] {border:1px solid #652e1a; padding:5px 20px; width:auto; line-height:25px; height:40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;background: #1b191a;
background: -moz-linear-gradient(top,  #171617 0%, #332f2f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171617), color-stop(100%,#332f2f));
background: -webkit-linear-gradient(top,  #171617 0%,#332f2f 100%);
background: -o-linear-gradient(top,  #171617 0%,#332f2f 100%);
background: -ms-linear-gradient(top,  #171617 0%,#332f2f 100%);
background: linear-gradient(top,  #171617 0%,#332f2f 100%); font-size:16px; color:#FFF;  font-family: 'museo_700regular';}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover  {background-color:#ececec; border:1px solid #adadad; color:#fff;}
input[type="text"], select, textarea {border:1px solid #adadad; color:#000; background-color:#e8e8e8; font-family:Arial, Helvetica, sans-serif; padding:5px; line-height:20px; }
input[type="password"], select, textarea {border:1px solid #adadad; color:#000; background-color:#e8e8e8; font-family:Arial, Helvetica, sans-serif; padding:5px; line-height:20px;}
button, input, select, textarea {font-size: 100%; margin: 0; width:200px;}
button, input {height:22px; line-height:22px;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input, select { vertical-align:middle; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width:20px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; line-height:18px; height:60px;}
select {cursor:pointer; height:30px; line-height:30px; padding:7px 5px 5px 5px; width:210px;}
select option {padding:5px;  background-color:#ececec;}

/*---------- End Form --------------------*/

html{ background:#e8e8e8  url(../images/bg.png) 0 0 repeat-x;}
body{ font-size: 12px; line-height: 18px; font-family:Arial, Helvetica, sans-serif; color:#000; background:url(../images/body.png) center top no-repeat;}

h2{font-family: 'museo_700regular'; font-size:26px; font-weight:normal; font-style:normal; line-height:30px; color:#921013; text-shadow:1px 1px 2px #CCC;}
h3{font-family: 'museo_700regular'; font-size:24px; font-weight:normal; font-style:normal; line-height:28px; color:#921013;}
h4{font-family: 'museo_700regular'; font-size:22px; font-weight:normal; font-style:normal; line-height:26px; color:#921013;}
h5{font-family: 'museo_700regular'; font-size:20px; font-weight:normal; font-style:normal; line-height:24px; color:#921013;}
h1 span, h2 span, h3 span, h4 span, h5 span{ color:#666;}

.wrapper {position: relative; width:960px; margin:0 auto; }

/*---------------------------- Start Header --------------------------------------------------------------*/
.header{}
.logo{ padding:10px 30px 10px 20px;}
.menu{ float:right; border:1px solid #652e1a; border-bottom:none; padding:15px 20px; margin-top:74px; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; background: #1b191a;
background: -moz-linear-gradient(top,  #171617 0%, #332f2f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171617), color-stop(100%,#332f2f));
background: -webkit-linear-gradient(top,  #171617 0%,#332f2f 100%);
background: -o-linear-gradient(top,  #171617 0%,#332f2f 100%);
background: -ms-linear-gradient(top,  #171617 0%,#332f2f 100%);
background: linear-gradient(top,  #171617 0%,#332f2f 100%);}
.menu li{ float:left; font-family: 'museo_700regular'; font-size:14px; color:#fff; position:relative;}
.menu li a{ color:#fff; padding:5px 12px; margin-right:10px; display:block;}
.menu li a:hover, .menu li.current a{ background:#91080d;}
ul.menu li a.menuhover { position:relative; z-index:100; background:#91080d; color:#FFF; }
ul.menu ul { position:absolute; top:28px; left:0; display:none; list-style:none; margin:0px; padding:0px; float:none; z-index:1; background:#91080d;}
ul.menu ul li { background:none; margin:0; line-height:15px; font-size:12px; font-weight:normal; float:none; padding:0px; z-index:0; display:block; width:175px; }
ul.menu ul li a:link, ul.menu ul li a:visited { color:#FFFFFF; font-size:12px; font:Arial, Helvetica, sans-serif; display:block; padding:5px 5px 5px 15px; margin:0; z-index:1;}
ul.menu ul li a:hover { color:#fff; background:#30000c;}
ul.menu ul li.last{ padding-bottom:5px;}
/*---------------------------- Start container --------------------------------------------------------------*/
.container{ padding:20px; background:#fff; min-height:450px;}
.slider{ width:920px; padding-bottom:20px; height:420px; position:relative;}
.slider ul { width:100%; float:left;  }
.slider ul li {float:left; display:block;}
.sliderArr {position:absolute; top:205px; right:-15px; width:30px; z-index:999;}
.sliderArr a {width:15px; height:20px; display:block;}
.arrowL {background:url(../images/slider-arrow.png) no-repeat 0 0; float:left; left:-920px; position:absolute;}
.arrowL:hover {background:url(../images/slider-arrow.png) no-repeat 0 -20px;}
.arrowR {background:url(../images/slider-arrow.png) no-repeat right 0; float:right;}
.arrowR:hover {background:url(../images/slider-arrow.png) no-repeat right -20px;}
#nav{ float:right; width:120px; text-indent:-9999px; position:absolute; right:0; bottom:33px; z-index:9999;}
#nav a{ background:url(../images/bullet.png) 0 0 no-repeat; width:12px; height:12px; margin-right:10px; float:left; display:block;}
#nav a.activeSlide{background:url(../images/bulletH.png) 0 0 no-repeat;}
.content{ float:left; width:640px; margin-right:30px;}
.fullWidth{ width:100%;}
.content h2, .fullWidth h2{ margin-bottom:20px;}
.more{ font-weight:bold; text-align:right;}
.sidebar{ float:left; width:250px;}
.latestNews{border-bottom:1px solid #e8e8e8; float:left; width:100%;}
.latestNews li{ padding:15px 0; }
.homeNews li{ float:left; width:285px; margin-left:25px;}
.homeNews li.first{ margin-left:0;}
/*---------------------------- Start footer --------------------------------------------------------------*/
.footer{ background:url(../images/footerBg.png) center top no-repeat; width:100%; padding-top:35px;}
.footer ul{padding-left:30px;}
.footer ul li{ font-family:calibri; font-size:14px; font-weight:bold; color:#4f4f4f; font-weight:bold; float:left; margin-left:40px; text-transform:uppercase;}
.footer ul li a{ color:#4f4f4f; }
.footer ul li a:hover{ color:#921013;}
.copy{ margin-left:65px; font-size:12px; padding:20px 0; float:left;}
.channelLink{ float:right; margin-right:56px; background:url(../images/channellink.png) right 0 no-repeat; width:86px; height:20px;}
/*---------------------------- End footer --------------------------------------------------------------*/
.activities{ background:#e8e8e8; padding:15px;}
.activities li { float:left; padding:5px; display:block; color:#3333; font-weight:bold; width:175px;}
.activities li.current a{color:#921013;}
.join{float:left; width:48%;}
.join li{ width:100%; display:block; padding-bottom:15px; float:left; line-height:34px;}
.join li label{ float:left; font-size:14px; width:150px; margin-right:10px; text-align:right;}
.bloodRegister{ float:right; width:45%;}
.join h4{ padding-bottom:15px; font-size:18px;}
.join li.age input{ width:65px;}
.join li span{color:#F00; font-size:12px; margin-right:2px;}
.homeJoin{ width:100%;}
.homeJoin h4{ padding-bottom:5px;}
.homeJoin li { line-height:25px; float:left;}
.homeJoin li label{width:auto;}
.homeJoin li input{ width:238px;}
.homeJoin li select{ width:248px;}
.homeJoin li input[type="button"], .homeJoin li input[type="reset"], .homeJoin li input[type="submit"]{ width:auto; padding:2px 10px;}
.homeJoin li{ padding-bottom:5px;}
.homeJoin li input{ padding:2px 5px;}
.comparsary{ text-align:right; font-size:12px; color:#999999; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.mr4{ margin-right:4%;}
.brown, .email, .email a{ color:#921013;}
.email a:hover, .email:hover { text-decoration:underline;}
.sitemap{ margin:10px 0 0 25px;}
.sitemap li{ font-size:14px; line-height:25px; font-weight:bold; display:block;}
.sitemap li a{background:url(../images/arrow.png) left 2px no-repeat; padding-left:20px;}
.sitemap li a:hover{ padding-left:25px; background:url(../images/arrowH.png) 2px 2px no-repeat;}
.sitemap li ul { padding-left:50px;}

.galleryBlog{}
.galleryBlog h4{ padding-bottom:20px;}
.galleryBlog li{ float:left; margin-left:20px; width:204px; height:200px; background:#CCC; padding:5px; text-align:center; margin-bottom:20px;}
.galleryBlog li div{ color:#333; font-weight:bold; line-height:16px; padding-top:5px;}
.galleryBlog li img{ border:2px solid #921013; }
.galleryBlog li:hover div{color:#921013;}
.galleryBlog li.first{ margin-left:0;}

#gallery { }
#gallery ul { list-style: none; }
#gallery ul li { display: block; float:left; margin:0 0 10px 10px;}
#gallery ul li.ml0 { margin-left:0;}
#gallery ul img { border: 2px solid #921013;}
#gallery ul a:hover img { border: 2px solid #3e3e3e; }
#gallery ul a:hover { color: #fff; }
.galleryNav{ text-align:center; font-weight:bold; font-size:14px; padding-top:20px;}
.galleryNav a{ padding:5px 10px; background:#CCC; color:#333;}
.galleryNav a:hover, .galleryNav a.current { background:#921013; color:#fff;}
ol.activity { padding:0 0 15px 0}
ol.activity li { margin:0 0 0 15px; list-style:decimal;}

.homeImg img{margin-left:8px; padding:2px; border:2px solid #921013; }
.homeImg img.first{ margin-left:0;}
.needBlood{ right:0; top:30px; font-size:16px; color:#fff; font-family: 'museo_700regular'; text-decoration:blink;}
.mt15{ padding-top:15px;}
.anniversary{ display: block; padding:5px 0 0 0; font-weight:bold;}
.readMore{ text-align:right; font-weight:bold; padding-top:10px; float:right}
.update li{ font-weight:bold; color:#921013; line-height:18px; padding-bottom:10px;}
.update li div{ font-weight:normal; color:#CC0033; font-size:14px; font-family: 'museo_500regular'; line-height:20px; }
.fbIcon{ position:fixed; right:0; top:140px; background:url(../images/fb.png) 0 0 no-repeat; width:43px; height:47px;}