/*************************************************************
Drill page specific style sheet
When defining styles, for consistency,
use a similar order for definitions.
1. Display & Positioning (display, position, left, etc.)
2. Box model items (margin, padding, border, etc.)
2a. top right bottom left for box measurements
3. Sizes (width, height) *Don't forget the box model hack
4. Appearance items (background, font, color, etc.)
*************************************************************/
/*
Web site colors
#00458D = Old HRC Blue

#000066 = HRC Blue
#000099 = Dark Blue
#FFDF1B = HRC Yellow
#ffcc00 = Dark Yellow
#4a535d = Dark blue-grey
#dbdddf = Dark blue-grey @ 20%
*/
/*************************************************************
Main Styles
*************************************************************/
html, body
    {
    margin: 0;
    padding: 0;
    }
body
    {
    font: .8em Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 1.4em;
    color: #000;
    background: #fff;
    }
img
    {
    margin: 0;
    padding: 0;
    border: 0;
    }
.clb 
    { 
    margin: 0;
    padding: 0;
    clear: both; 
    height: 1px; 
    visibility: hidden;
    }
#container
    {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 995px;
    text-align:left;
    color: #000;
    background: #fff;
    }
#left-column
    {
    display: block;
    float: left;
    width: 180px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    }
/* General Links
*************************************************************/
a
    {
    color: #000099;
    }
a:visited
    {
    color: #00458D;
    }
a:focus,
a:hover,
a:active
    {
    color: #00458D;
    }

/*************************************************************
Header Items
*************************************************************/
/*#header
    {
    float: left;
    clear: both;
    position: relative;
    top: 0;
    }
#logo
    {
    position: absolute;
    left: 46px;
    top: 70px;
    }
#header-bar
    {
    display: inline;
    float: left;
    margin: 0 0 0 185px;
    padding: 0;
    width: 823px;
    background: url(/web/20110524020713im_/http://www.hrc.org/structural_images/header-bar-bkg.gif) repeat-x right bottom;
    }
*/
#header
    {
    float: left;
    clear: both;
     position: relative;
    top: 0;
    font-size: .87em;
    }
#header a
    {
    text-decoration: none;
    }
#logo
    {
    position: absolute;
    top: 70px;
    left: 46px;
    
    }
#header-bar
    {
    position: relative;
    top: 0;
    margin: 0 0 0 181px;
    padding: 0;
    width: 814px;
    background: url(/web/20110524020713im_/http://www.hrc.org/structural_images/header-bar-bkg.gif) repeat-x right bottom;
    }
#header-bar:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #header-bar {height: 1%;}
#header-bar #header-top-line
    {
    padding: 2px;
    margin: 0;
    color: #000;
    background: #fc0 url(/web/20110524020713im_/http://www.hrc.org/structural_images/header-yellow-line.gif) repeat-x right bottom;
    }
#header #search-box
    {
     /* float: left; */
     /* padding: 3px 10px; */
     float: right;
     padding: 3px 10px 3px 0pt;
     width: auto; 
    }
#header #search-site {
    margin: 0;
    }
#header #search-site input {
    vertical-align: middle;
    }
#header #search-site input#search-text {
    width: 120px;
    height: 1em;
    }
#header #search-site input#search-text {
    width: 120px;
    }
#header #text-resize
    {
    width: 794px;
    display: inline;
    float: right;
    margin: 10px 20px 0 181px;
    text-align: right;
    }
#header #text-resize p
    {
    display: inline;
    font-weight: bold;
    margin: 0 2px 0 10px;
    }
#header #text-resize a
    {
    font-weight: bold;
    color: #000;
    background: #fff;
    }
#tagline-header
    {
    display: inline;  /*Double Float Margin Bug Fix */
    float: left;
    margin: 8px 0 0 1px;
    width: 479px;
    font-size: .9em;
    color: #333;
    background: #eaeaea;
    }
#tagline-header p
    {
    padding: 5px 10px;
    margin: 0;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    }
#tagline-header em
    {
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    color: #009;
    background: #eaeaea;
    }
/*
 Left Column Items
*************************************************************/
#secondary-nav
    {
    margin: 245px 0 30px 0;
    }
/*
 Main Content Items
*************************************************************/
#content
    {
    display: block;
    float: left;
    margin: 0 0 0 1px;
    width: 479px;
    color: #000;
    background: #fff;
    }
/* Your Community box */
#your-community
    {
    float: left;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 100%;
    color: #000;
    background: #eaeaea url(/web/20110524020713im_/http://www.hrc.org/structural_images/community-bkg.gif) no-repeat center top;
    }
#your-community h2
    {
    margin: 10px 10px 0 10px;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: normal;
    color: #009;
    }
#your-community #photo-caption
    {
    display: inline;
    float: left;
    margin: 5px 10px 0 10px;
    }
#your-community #photo-caption p
    {
    margin: 0 0 10px 6px;
    font-size: 1em;
    }
#your-community #select-state
    {
    float: right;
    width: 230px;
    margin-bottom: 10px;
    }
#your-community #select-state label,
#your-community #select-state label em
    {
    font-size: 1.1em;
    font-weight: bold;
    }
#your-community #select-state select
    {
    margin-top: 6px;
    }
#your-community #select-state label em
    {
    font-style:normal;
    color: #009;
    }
/* Sign-Up Email Box */    
#sign-up
    {
    position: relative;
    float: left;
    margin: 0;
    padding: 15px 0;
    width: 100%;
/*    border-top: 1px solid #fff;*/
    color: #000;
    background: #fff;
    }
#sign-up h2
    {
    margin: 10px 10px 0 10px;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: normal;
    color: #009;
    background: #fff;
    }
#sign-up #sign-up-text
    {
    float: left;
    }
#sign-up #sign-up-text p
    {
    margin: 0 10px 10px 10px;
    padding: 0;
    }
#sign-up #email-box
    {
    position: absolute;
    top: 30px;
    right: 30px;
/*    float: right;*/
/*    margin: 15px 34px 5px 20px;*/
    }
#email-box label
    {
    margin-right: 5px;
    }
#email-box input.go-button
    {
    margin-left: 5px;
    }
/* Sponsors Box */
#sponsors
    {
    float: left;
    padding: 0;
    border-top: 1px solid #5a6096;
    }
#sponsors div.sponsor-box
    {
    float: left;
    height: 140px;
    width: 159px;
    text-align: center;
    background: url(/web/20110524020713im_/http://www.hrc.org/structural_images/sponsor-bkg.gif) repeat-y left top;
    }
#sponsors div.sponsor-box h2
    {
    margin: 8px 7px;
    padding: 0 0 5px 0;
    width: 145px;
    height: 30px;
    font-size: 1.1em;
    font-weight: normal;
    }
#sponsors div.sponsor-box a,
#sponsors div.sponsor-box a:visited
    {
    margin: 5px 5px 10px;
    display: block;
    font-size: 1em;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    }
#sponsors div.sponsor-box a:focus,
#sponsors div.sponsor-box a:hover,
#sponsors div.sponsor-box a:active
    {
    color: #009;
    text-decoration: underline;
    }
#sponsors div.sponsor-box img
    {
    margin: 0 auto;
    background-color: transparent;
    }
#flashcontent {
    width: 479px;
}

/*
#content a[href$=".pdf"]
    {
    padding-right: 13px;
    background-image: url(/web/20110524020713im_/http://www.hrc.org/structural_images/pdf-tiny.gif);
    background-position: right center;
    background-repeat: no-repeat;
    } */

.yourcommunity_feature
{
    margin: 20px 0 12px 0;
    border: dashed 1px #888;
    background-color: #FFF1B4;
    padding: 0 16px 0 16px;
}

.yourcommunity_feature_image
{
    float: right;
    margin: 18px -12px 0 8px;
    border-left: solid 4px #FFDF1B;
}

/* Connect Online CSS */

#content .two_column_full_element
{
    float: left;
    width: 279px;
    margin-bottom: 40px;
    padding-right: 6px;
}

#content .two_column_full_element * { margin: 0; padding: 0; }
#content .two_column_full_element img { float: left; margin-right: 4px; }

/* 
  News Column Elements
*************************************************************/
#news-column
    {
    display: block;
    float: left;
    margin: -28px 0 0 1px;
    padding: 0;
    width: 334px;
    color: #000;
    background: #eaeaea;
    }
#news-column div.column-header
    {
    margin: 0;
    padding: 5px 0 3px 10px;
    color: #009;
    background: #fc0;
    }
#news-column div.column-header h2
    {
    float: left;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.1em;
    color: #009;
    }
#news-column div#rss
    {
    float: right;
    margin: 0;
    padding: 0 15px 0 0;
    }
#news-column div#rss img
    {
    margin: 0 5px 0 0;
    padding: 0;
    }
#news-column div#rss a
    {
    display: inline;
    margin: 0 3px 0 6px;
    padding: 4px 0 4px 0;
    text-decoration: none;
    background: no-repeat left center;
    }
#news-column div#rss a.rss <!-- DEPRECATED -->
    {
    background-image: url(/web/20110524020713im_/http://www.hrc.org/structural_images/rss_btn.gif);
    }
#news-column div#rss a.help
    {
    background-image: url(/web/20110524020713im_/http://www.hrc.org/structural_images/help_btn.gif);
    }
#news-column div.sub-story,
#news-column div.main-story
    {
    margin: 0;
    padding: 10px 15px 15px 10px;
    border-top: 1px solid #fff;
    font-size: 1em;
    color: #000;
    background: #eaeaea;
    }
#news-column div.main-story <!-- DEPRECATED -->
    {
    }
#news-column div.main-story img 
    {
    float: right;
    margin: 0 0 5px 10px;
    padding: 0;
    border: 1px solid #d7d7d7;
    border-top: none;
    border-left: 5px solid #ffd21d;
    }
#news-column div.main-story h3
    {
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 1.1em;
    color: #009;
    }
#news-column h3 a
    {
    font-weight: normal;
    text-decoration: none;
    color: #0f2dab;
    background: #eaeaea;
    }
#news-column div.main-story p
    {
    margin: 4px 0 0 0;
    padding: 0;
    font-size: 1em;
    color: #000;
    background: #eaeaea;
    }
#news-column div.sub-story 
    {
    margin: 0;
    padding: 0px 15px 0 10px;
    color: #000;
    background: #eaeaea;
        border-top: none;
    }
#news-column div.sub-story h3, #news-column div.blog-story h3
    {
    margin: 5px 0 12px 0;
    padding: 0;
    font-size: 1.1em;
    color: #009;
    }
#news-column div.sub-story h3 a, #news-column div.blog-story h3 a
    {
    display: block;
    padding-left: 10px;
    font-weight: normal;
    text-decoration: none;
    color: #0f2dab;
    background: url(/web/20110524020713im_/http://www.hrc.org/structural_images/bullet-home-news.gif) no-repeat 0px 6px;
    }
#news-column div.sub-story p
    {
    margin: 4px 0 0 0;
    padding: 0;
    font-size: 1em;
    color: #000;
    background: #eaeaea;
    }
#news-column div.news-more, #news-column div.blog-more
    {
    float: none;
    display: block;
    clear: both;
    margin: 0;
    padding: 0px 20px 10px 10px;
        text-align: right;
        border-bottom: 1px solid white;
    }
#news-column div.news-more h3, #news-column div.blog-more h3
    {
    margin: 0;
    padding: 0;
    font-size: .9em;
    font-weight: normal;
    color: #FF0000;
    }
#news-column div.news-more a, #news-column div.blog-more a
    {
    margin: 0;
    padding: 4px 0 4px 18px;
    text-transform: uppercase;
    background: url(/web/20110524020713im_/http://www.hrc.org/structural_images/bullet-home-newsmore.gif) no-repeat 0 5px;
        color: #666666;
    }
#news-column div#blog-column
        {
        margin: 0;
        padding: 20px 0 0 0;
        background: #FFF url(/web/20110524020713im_/http://www.hrc.org/structural_images/home-blog-bg.gif) repeat-x;
        border-top: 1px solid #000099;
        }
#news-column div.blog-header
        {
        margin: 0;
        padding: 0;
        background: none;
        }
#news-column div.blog-header h2
    {
        display: block;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.3em;
    color: #009;
    }
#news-column div.blog-story 
    {
        margin: 0;
    padding: 0px 15px 0 10px;
    color: #000;
    background: none;
        border-bottom: 1px solid #FFF;
        border-top: 1px solid #f9f9f9;
    }
#news-column div.blog-more
        {
        background: none;
        }
/*
 Footer Items
*************************************************************/
#footer
    {
    width: 814px;
    display: inline;
    float: left;
    margin: 0 0 0 181px;
    border-top: 1px solid #e0e0e0;
    font-size: 0.9em;
    color: #000;
    background: #fff;
    }
#footer #copyright
    {
    margin: 0 0 20px;
    padding: 0;
    font-size:1em;
    color: #333;
    background: #fff;
    }

#footer p
    {
    margin:0;
    padding:5px 10px;
    }
/*************************************************************
 Navigation Items
*************************************************************/
.off-screen
    {
    position: absolute;
    left: -3000px;
    }
#main-nav
    {
     /* margin: 0; */
     /* padding: 0; */
     /* color: #000; */
     /* background:#4a535d;*/
     color:#000000; 
     float:left; 
     margin:0pt; 
     padding:0pt;
    }
#navlist {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navlist ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#navlist a,
#navlist a:visited {
    display: block;
    margin: 0;
    padding: 10px;
    border-right: 1px solid #fff;
    line-height: 1.2em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #fffffe;
    background: #4a535d url(/web/20110524020713im_/http://www.hrc.org/structural_images/main-nav-bkg.gif) repeat-x bottom center;
    width: auto;
}
#navlist a.current:link,
#navlist a.current:visited,
#navlist a:focus,
#navlist a:hover,
#navlist a:active
    {
    color: #fffffe;
    background: #000066 url(/web/20110524020713im_/http://www.hrc.org/structural_images/main-nav-over-bkg.gif) repeat-x bottom center;    
    }
#navlist li {
    float: left;
}
#navlist li ul {
    position: absolute;
    z-index: 3;
    width: 170px;
    left: -1999em;
    border: 1px solid #000;
}
#navlist li ul li {
    clear: left;
}
#navlist li:hover ul, #navlist li.sfhover ul {
    left: auto;
}
#navlist li ul a:link,
#navlist li ul a:visited {
    width: 150px;
    padding: 5px 5px 5px 15px;
    border-right-width: 0;
    border-bottom: 1px solid #fff;
    line-height: 1em;
    text-transform: none;
    color: #000;
    background: #ced5df;
}
#navlist li ul a:link.last_nav_item,
#navlist li ul a:visited.last_nav_item {
    border-bottom-width: 0;
}

/* this was moved to stylesheet_switcher.js due to a safari issue */
#navlist li ul a:focus,
#navlist li ul a:hover,
#navlist li ul a:active {
    color: #fff;
    background: #000066;
}


* html #navlist a,
* html #navlist a:visited {
    float: left;
}
* html #navlist li li a {
    float: none;
}
* html #navlist li ul {
    clear: left;
}
/* Secondary Nav */
#secondary-nav
    {
    text-align: left;
    }
#secondary-nav ul,
#secondary-nav ul li
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
#secondary-nav ul li
    {
    }

#secondary-nav ul li ul
    {
    margin: 0;
    padding: 0;
    }
    
#secondary-nav ul li ul li
    {
    display: inline;
    margin: 0;
    padding: 0;
    }

#secondary-nav ul li a
    {
    display: block;
    padding: 10px 30px;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    border-top: 1px solid #fff;
    background: #eee url(/web/20110524020713im_/http://www.hrc.org/structural_images/2nd-nav-bkg.gif) top left repeat-x;
    }
#secondary-nav ul li a:visited
    {
    color: #333;
    text-decoration: none;
    background: #eee url(/web/20110524020713im_/http://www.hrc.org/structural_images/2nd-nav-bkg.gif) top left repeat-x;
    }
#secondary-nav ul li a:focus,
#secondary-nav ul li a:hover,
#secondary-nav ul li a:active
    {
    font-size: 1em;
    font-weight: bold;
    color: #009;
    text-decoration: none;
    background: #fc0 url(/web/20110524020713im_/http://www.hrc.org/structural_images/2nd-nav-arrow.gif) no-repeat 20px 15px;
    }

#secondary-nav ul li a.highlight, #secondary-nav ul li a.highlight:visited {
    background:#FFCC00 none repeat-x scroll left top;
}
#secondary-nav ul li a.highlight:focus,
#secondary-nav ul li a.highlight:hover,
#secondary-nav ul li a.highlight:active {
    background:#FFCC00 url(/web/20110524020713im_/http://www.hrc.org/structural_images/2nd-nav-arrow.gif) no-repeat scroll 20px 15px;
    color:#000099;
    font-size:1em;
    font-weight:bold;
    text-decoration:none; 
}


/* Footer Navigation */
#footernavigation
    {
    font-size: 1em;
    margin: 0;
    padding: 10px 0 ;
    text-align: left;
    }
#footernavigation ul
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
#footernavigation ul li
    {
    display: inline;
    padding: 0 4px 0 6px;
    margin: 0;
    border-left: 1px solid #000;
    }
#footernavigation ul li.firstnavitem
    {
    padding-left: 0;
    border-left: none;
    }
#footer a
    {
    color: #333;
    background: #fff;
    text-decoration: underline;
    }
#footer a:visited
    {
    color: #333;
    background: #fff;
    }
#footer a:focus,
#footer a:hover,
#footer a:active
    {
    color: #000;
    background: #fff;
    }
#footernavigation ul li a.selected,
#footernavigation ul li a.selected:visited,
#footernavigation ul li a.selected:focus,
#footernavigation ul li a.selected:hover,
#footernavigation ul li a.selected:active
    {
    color: #ccc;
    background: #fff;
}

#logo
    {
    top: 70px;
    }

/* ///////////////////////////////////////////////
These are standard sIFR styles... do not modify */
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}
.sIFR-replaced {
    visibility: visible !important;
}
span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/*
.sIFR-hasFlash #news-column div.column-header h2 {
    visibility: hidden;
    letter-spacing: 0px;
    line-height: 0.9em;
}
.sIFR-hasFlash #your-community h2, .sIFR-hasFlash #sign-up h2 {
    visibility: hidden;
    letter-spacing: 9px;
    line-height: 1.2em;
}
.sIFR-hasFlash div.main-story h3, .sIFR-hasFlash div.sub-story h3 {
    visibility: hidden;
    letter-spacing: 0px;
    line-height: 1.1em;
}
*/
.sIFR-hasFlash #heading h1 {
    visibility: hidden;
    letter-spacing: 0px;
    line-height: 0.9em;
}

/* ///////////////////////////////////////////////
These are eCard styles */

#main-content #ecard {
    padding-top: 33px;
    width: 592px;
}
.module {
    float: left;
    clear: left;
    padding: 12px 12px 15px;
    width: 568px;
    background: #f9f9f9 url(/web/20110524020713im_/http://www.hrc.org/content_images/module_bgr.gif) repeat-x bottom left;
}
#message {
    background: #f9f9f9;
    padding-bottom: 20px;
}
.module #name_email {
    float: left;
    width: 373px;
}
.module #selected_card {
    float: left;
    width: 195px;
}
.module #selected_card img {
    display: block;
}
.module #selected_card p a {
    text-decoration: none;
}
.module #selected_card p a:hover {
    text-decoration: underline;
}
form.ecard {
    float: left;
    clear: left;
    width: 373px;
}
form.ecard #name_email label {
    float: left;
    clear: left;
    padding-bottom: 10px;
    width: 373px;
}
form.ecard #name_email label span {
    float: left;
    width: 90px;
}
form.ecard #name_email input {
    width: 260px;
}
form.ecard #name_email label.check {
    float: left;
    clear: none;
    display: inline;
    padding: 10px 14px 0 0;
    width: auto;
}
form.ecard #name_email label.check input {
    float: left;
    display: inline;
    width: 15px;
    height: 15px;
    margin: 2px 5px 0 0;
    padding: 0;
    border: 0;
}
form.ecard .wrap {
    float: left;
    clear: left;
    padding-bottom: 10px;
    width: 568px;
}
form.ecard .wrap input {
    width: 230px;
    margin-right: 4px;
}
form.ecard textarea {
    float: left;
    clear: left;
    padding: 2px;
    width: 556px;
    height: 96px;
    overflow: auto;
}
form.ecard #btns {
    float: left;
    clear: left;
    padding: 12px 12px 15px;
    width: 568px;
}
form.ecard #send_btn {
    float: right;
    display: inline;
    margin: 0 15px 0 0;
    padding: 0;
    border: 0;
    width: 146px;
    height: 32px;
}
form.ecard #preview_btn {
    float: right;
    display: inline;
    margin-right: 20px;
    padding-top: 32px;
    width: 146px;
    height: 0;
    overflow: hidden;
    font-size: .1em;
    background: url(/web/20110524020713im_/http://www.hrc.org/content_images/preview_btn.gif) no-repeat 0 0;
}

/* e-card_front_card */
a#card_big img {
    display: block;
    margin-bottom: 10px;
}
a#send_own_card {
    display: inline;
    float: right;
    margin-right: 12px;
    padding-top: 32px;
    height: 0;
    width: 151px;
    overflow: hidden;
    font-size: .1em;
    background: url(/web/20110524020713im_/http://www.hrc.org/content_images/send_your_own_ecard.gif) no-repeat 0 0;
}
/*
     FILE ARCHIVED ON 02:07:13 May 24, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:02:51 Apr 17, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.resolve: 238.644 (3)
  esindex: 0.014
  exclusion.robots: 0.192
  CDXLines.iter: 12.498 (3)
  captures_list: 375.931
  load_resource: 181.349
  RedisCDXSource: 41.943
  LoadShardBlock: 306.01 (3)
  exclusion.robots.policy: 0.179
  PetaboxLoader3.datanode: 198.184 (4)
*/