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

/* ----------------------------------------------------------
    HRC Microsite template CSS

    TABLE OF CONTENTS

    == HTML5 Boilerplate
    == COMMON STYLES
    == LAYOUT
    == SUBPAGES
    == FRAMEWORK
    == UTILITY
    == PRINT
    
    COLOR GUIDE (Main Site Colors and their Hex Codes)

    Blue: #1a96cd
    Red: #ad0000
    
---------------------------------------------------------- */

/* == HTML5 Boilerplate
------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  font-weight: normal;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select {vertical-align:middle;}


/* end HTML5 Boilerplate reset */

/* HTML5 boilerplate base styles */

html { overflow-y: scroll; }
body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }
ul, ol { list-style-type: none; }

small { font-size: 85%; }
b, strong, th { font-weight: bold; }
i, em { font-style: italic; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
.ie7 img { -ms-interpolation-mode: bicubic; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button {  width: auto; overflow: visible; }

/* end HTML5 boilerplate base styles */

caption, th { text-align: left; }


/* == COMMON STYLES
------------------------- */

body { font: 12px/16px Helvetica, Arial, sans-serif; }
select, input, textarea {   
color: #444;
}
/**.base h1 { font: 36px/46px "Akzidenz Grotesk", Helvetica, Arial, sans-serif; color: #000; margin-bottom: 15px; } **/
.base h1 { font: 28px/32px "Akzidenz Grotesk", Helvetica, Arial, sans-serif; color: #000; margin-bottom: 15px; } /** Check **/
.base h2 { font: 28px/32px "Akzidenz Grotesk", Helvetica, Arial, sans-serif; color: #000; margin: 0 0 30px 0; letter-spacing: -1px; }
.base h3 { font-size: 16px; line-height: 20px; color: #666; margin: 0 0 10px 0; font-weight: bold;}
.base h4 { font-size: 12px; color: #666; margin: 0 0 10px 0; line-height:125%;}

.base p { color: #333; font-size: 14px; line-height: 20px; margin: 0 0 12px 0; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #1a96cd; text-decoration: none;}
a:hover, a:focus { color: #036; }


a:link { -webkit-tap-highlight-color: #FF5E99; }
a.red { font-weight: bold; color: #ad0000; }
a.blue { font-weight: bold; color: #1a96cd; }

blockquote {  }

.base ul, .base ol { margin-left: 1.8em; }
.base ul {  }
.base ol {  }
.base ul li, .base ol li {  }
.base ul li { list-style: disc; margin: 0 0 8px 0; }
.base ol li { list-style:decimal; }
.base li ol {  }
.base li ul {  }

/* == COMMON MODULES
------------------------- */
#section-header { background: url(/files/images/site/bg-interior-top-small.png) repeat-x bottom center; padding: 25px 0; margin:0 auto; width:960px; }
#section-header h1,
#section-header h2.large { font-size: 42px; line-height: 46px; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; padding: 0 20px; width: 610px; }
#section-header h1.margin-bottom { margin-bottom: 35px; }

p.pagination { text-align: right; font-size: 12px; line-height: 30px;}
p.pagination strong { font-weight: normal; color: #666; margin: 0 5px;}
p.pagination a { margin: 0 5px; }
p.pagination img {  vertical-align: middle;}

/* == HOMEPAGE
------------------------- */

#m_home_top { margin:0 0 20px; }
#feature-rotate { float:left; width:612px; height:298px; margin:0 35px 0 0; }
#home-signup { float:left; width:288px; }
#home-signup h2 { margin:0 0 5px; }

form#add fieldset { position:relative; }
form#add input { background:url(/files/images/site/sprite-micro-signup.png); border:none; height:30px; padding:3px 10px; position:absolute; }
form#add #add-first { top:0; left:0; width:120px; }
form#add #add-last { top:0; left:146px; width:120px; }
form#add #add-email { top:35px; width:170px; background-position:0 -36px }
form#add #add-zip { top:35px; left:190px; width:80px; background-position:-193px -36px; }
form#add #add-submit { width:115px; top:69px; height:37px; background-position:0 -70px; }

/** microsite homepage **/
#home #content { padding:20px; width:935px; margin:0 auto }
#home-feat { position:relative; }
#support-pager { position: absolute; z-index: 1000; top: 222px; left: 40px; }
#support-pager p { margin-top: 10px; display: none; }
#support-pager p a { font-weight: bold; color: #feda14; }
#support-pager li { background: #000; padding: 10px; float: left; width: 150px; margin-right: 1px; color: #fff; cursor: pointer; }
#support-pager li h4 a { color: #fff; display: block; height: 26px;}
#support-pager li.activeSlide { background: #263571; position: relative; color:#fff; }
#support-pager li.activeSlide h4 { font-weight: bold; }
#home-feat-feature { width:650px; float:left; }
#home-feat-feature a#hero-prev, div#home-feat-feature a#hero-next { position: absolute; top: 310px; z-index: 100; width: 18px; height: 57px; display: block; text-indent: -9999px; overflow: hidden; }
#home-feat-feature a#hero-prev { background: url(/files/images/site/btn-feature-prev.png); left: 40px;}
#home-feat-feature a#hero-next { background: url(/files/images/site/btn-feature-next.png); left: 574px;}
#home-feat-action { background:#FFFFFF; float:right; width:275px; padding:25px; height:249px; }
#home-feat-action h3 { /*border-bottom:3px solid #000;*/ margin:0 0 0 3px; font-size:16px; padding:0 0 3px; text-transform:uppercase; }
#home-feat .action-box { margin:0 0 20px; }

.support-tout { float:left; width:265px; margin:0 50px 0 0; padding:1px 0 0; }
.support-tout.image { border-top:3px solid #000; margin-top:19px; }
.support-tout:last-child { margin:0; }
.support-tout h4 { font-size:16px; font-weight:bold; margin:3px 0; text-transform:uppercase; border-bottom:3px solid #000; margin:0 0 5px;}
.support-tout p { font-size:12px; color:#666666; }
.support-tout a { font-weight:bold; }
.support-tout .m_listing_mini { margin:0 0 10px; }
.support-tout .m_listing { margin:0 0 10px; }
.support-tout .m_listing a.floatl { width:58px; }
.support-tout .m_listing_info { width:177px; }


/* == LAYOUT
------------------------- */
#container {width: 100%; margin: 0 auto; }

header { width: 975px; height: 117px; margin: 0 auto; position: relative; /* adds a shadow(fuzzrule) on the header: background:url(files/images/site/bg-header.jpg);*/ }
header h2.logo a { background: url(/files/images/site/img-logo.png) no-repeat; width: 227px; height: 77px; text-indent: -9999px; overflow: hidden; position: relative; top: 15px; float: left; display: block; }

header div.join { width: 255px; position: absolute; left: 272px; top: 25px; font-size: 14px; line-height: 18px;}
header div.join p.akzidenz-roman { margin-bottom: 10px; color: #525252;}

header form { position: absolute; top: 65px; right: 0;}
header form input.text { background: url(/files/images/site/bg-header-quicksignup-email.png) no-repeat; width: 150px; height: 19px; padding: 5px 10px; border: none; color: #888; margin-right: 5px;}
header form input#quick-zip { width: 70px; background: url(/files/images/site/bg-header-quicksignup-zipcode.png) no-repeat;}

/*nav { width: 100%;  height: 43px; position: relative; 

  background-color: #e6e2e1;
  background-image: -moz-linear-gradient(top, #e6e2e1, #bdbab9);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e2e1),color-stop(1, #bdbab9));
  background-image: -webkit-linear-gradient(#e6e2e1, #bdbab9);
  background-image: linear-gradient(top, #e6e2e1, #bdbab9);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e2e1', EndColorStr='#bdbab9');
}*/
nav { width: 100%;  height: 43px; background: url(/files/images/site/bg-navigation.png); position: relative; z-index: 1001; }
nav ul.sf-menu { width: 975px; height: 43px; margin: 0 auto; text-transform: uppercase; color: #fff; font-size: 14px; letter-spacing: -1px; line-height: 1.0; }
nav ul.sf-menu li { float: left; position: relative; display: inline; }
nav ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
nav ul.sf-menu li a { color: #fff; text-decoration: none; padding: 13px 20px 14px; display: block; position: relative; }
nav ul.sf-menu li a:hover { color: #fff; background: #263571;}

#main { background: #f1f1f1 url(/files/images/site/bg-body-top-small.png) repeat-x; padding: 0px 0 12px; position: relative; z-index: 100;  }

footer { width: 100%; padding: 15px 0;
    background: #191919; /* Old browsers */
    background: -moz-linear-gradient(top, #191919 0%, #292929 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191919), color-stop(100%,#292929)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #191919 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #191919 0%,#292929 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #191919 0%,#292929 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#292929',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #191919 0%,#292929 100%); /* W3C */
}
footer #sitemap { width: 915px; margin: 0 auto; background: #000; padding: 30px; color: #676767; line-height: 20px;}
footer #sitemap a:hover { text-decoration: underline; }
footer #sitemap li.level_1 { float: left; display: inline; margin-right: 30px;}
footer #sitemap li.level_1 a { font-weight: bold; color: #fff; }
footer #sitemap li.level_2 a { font-weight: normal; color: #676767; }
footer #sitemap li.last_child { margin-right: 0px; }

footer #trailer { width: 905px; margin: 0 auto; padding: 15px 15px 15px 55px; background: #131313 url(/files/images/site/img-footer-logo.png) no-repeat 15px 15px; }
footer #trailer p.left { color: #999; text-transform: uppercase; float: left;}
footer #trailer p.left a { color: #999; }
footer #trailer ul#footer-actions li { float: right; font-weight: bold; margin-left: 10px; line-height: 30px; height: 30px; }
footer #trailer ul#footer-actions li a { color: #fff; }
footer #trailer ul#footer-actions li.hot-topics a { color: #fc0; }
footer #trailer ul#footer-actions li.donate a { color: #c00; }
footer #trailer p.left a:hover, footer #trailer ul#footer-actions li a:hover { color: #555; }


/* == SUBPAGES
------------------------- */
body.interior div.main-inner { width: 975px; margin: 0 auto 20px; position: relative; background: url(#/files/images/site/bg-home-feature.png) no-repeat top center; }
#content { background: #fff; border-right: 1px solid #cdcdcd; }
.interior #content { padding:20px; }

/* BLOG */
#blog #content div.entry { padding: 20px; }
#blog div.entry.n1 { /* height: 180px; */ background: #f1f1f1; }
#blog div.entry a.thumbnail { display: block; height: 147px; float: left; margin-right: 20px; width: 263px; overflow: hidden; border-top: 4px solid #000; padding-top: 1px;}
#blog div.entry a.thumbnail img {  width: 263px; }
#blog div.entry.n1 a.thumbnail { width: 147px; border: none; padding: 0;}
#blog div.entry.n1 a.thumbnail img { position: relative; left: -44%;}

#blog div.entry div.text { float: left; width: 605px;}
#blog div.entry.n1 div.text { width: 440px; }
#blog div.entry div.text h3 { font-size: 16px; line-height: 20px; margin-bottom: 5px; font-weight: bold; }
#blog div.entry.n1 div.text h3 { font-size: 22px; line-height: 26px; font-weight: bold; }
#blog div.entry div.text p.dateline { margin-bottom: 5px; color: #666;}
#blog div.entry div.text p.dateline { margin-bottom: 5px;}
#blog div.entry div.text p.dateline span { text-transform: uppercase; font-weight: bold; color: #444;}
#blog div.entry div.text p { color: #333; font-size: 12px;}
#blog div.entry.n1 div.text p { font-size: 14px; }
#blog div.entry div.text p a.more { font-weight: bold; }

div#bottom-box { float: left; width: 619px; padding: 10px 15px;}
div#bottom-box p.tags { font-size: 12px; text-transform: uppercase; color: #666; margin-left: 10px; }
div#bottom-box p.tags span { font-weight: bold; }

div#bottom-box ul#share-box { background: #cdcdcd; margin: 0; text-transform: uppercase; color: #666; margin: 0 0 10px; padding: 10px; }
div#bottom-box ul#share-box li { list-style-type: none; display: inline-block; margin: 0 20px 0 0; vertical-align: middle; line-height: 12px; font-weight: bold; }
.ie6 div#bottom-box ul#share-box li.twitter { display: none; }
div#bottom-box ul#share-box li a { color: #666; }
div#bottom-box ul#share-box li.permalink { margin-right: 0; }
div#bottom-box ul#share-box li.permalink a { font-weight: normal; text-transform: none; color: #1a96cd;}

div#bottom-box .prev-entry, div#bottom-box .next-entry { background: #cdcdcd; font-size: 12px; padding: 10px; width: 284px; }
div#bottom-box .prev-entry { float: left; }
div#bottom-box .prev-entry { float: right; }


/* == UTILITY
------------------------- */
.akzidenz { letter-spacing: -1px; }
.bold { font-weight: bold; }

.cufon-loading * { visibility: hidden !important; }

.floatl { float: left; margin: 0; padding: 0 15px 15px 0; }
.floatr { float: right; margin: 0; padding: 0 0 10px 10px; }
.required { color: red; }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "."; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #1fb9e7; color:#fff; text-shadow: none; }
::selection { background:#1fb9e7; color:#fff; text-shadow: none; } 


/* == PRINT
------------------------- */

@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a:after { content: " (" attr(href) ")"; } 
    abbr:after { content: " (" attr(title) ")"; }
    .ir a:after { content: ""; }  
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }  
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
    #sidebar, 
    #editToggle, 
    .editThis, 
    #navigation,
    #addthis,
    #search,
    #searchbox,
    nav,
    #sitemap,
    #quicksignup, 
    #inner-sidebar,
    .share-box,
    .interior #section-header{ display:none; }
    #blog #bottom-box { display:none; }
    #footer-actions { display: none; }
    /* hide disqus since it is extraneous content that just increases page size */
    #disqus_thread {display:none;}
    a.dsq-brlink {display:none;}
    
    /* float blog entry images to decrease page length */
    #main {overflow:hidden;}
    #main img { float:left; clear:both; /*keeps images from piling up next to each other*/ margin:0 10px 10px 0; }
}

/*-------------LOCAL------*/
.photo-millions { width:265px; float:left; displat:table;}
.form-millions { width:605px; margin:0px 0px 0px 295px; }
.form-millions h2 { font-size:28px; margin:0px 0px 10px 0px; }
.form-millions p { margin:0px 0px 10px 0px; }
.form-frame-million { margin:15px 0px 15px 0px; padding:0px 0px 10px 0px; border-bottom:5px #ccc solid; }
.form-frame-million p { margin:0px 0px 15px 0px; }

.fields-millions { background-image:url(/files/images/general/fields.png); background-repeat:no-repeat; width:257px; height:42px; border:none; margin:0px 15px 0px 0px; padding:0px 10px 0px 10px; color:#727272; font-size:16px; }
.fields-normal-million { background-image:url(/files/images/general/bg-field-big-million.png); width:147px; height:27px; border:none; margin:0px 15px 0px 0px; padding:0px 0px 0px 5px; }
.fields-small-million { background-image:url(/files/images/general/bg-field-small-million.png); width:97px; height:27px; border:none; margin:0px 15px 0px 0px; padding:0px 0px 0px 5px; }		
.form-buttons-million { margin:0px 0px 0px 0px; } 
.form-buttons-million div { float:left; display:table; margin-right:5px; }
.form-buttons-million div a:hover { opacity:0.7; }
#last { margin-right:0px; }
.addthis_toolbox,.addthis_default_style { margin:0px; height:40px; }
#full-width { width:600px;