@charset "utf-8";

@import url("webfonts.css");









/* CSS Document */



h1:empty {margin:0 !important; padding:0 !important; }



html, body {

    margin: 0px;

    padding: 0px;

    border-right: 1px solid #FFFFFF;

}

s {

    text-decoration: none;

}



/*general fluid grid elements*/



img, video, object {

    max-width: 100%;

    height:auto;

}

object, embed {

    max-width: 100%}



/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

    width:100%;

}



/*start of tags for monitor view*/

body  {

    background-image: url(../images/background_page.jpg);

    background-repeat: repeat;

    font-family: "museo_sans300", "Trebuchet MS", sans-serif;

    margin: 0px;

    padding: 0px;

}





#wrapperTopArea  {

    background-image: url(../images/background_wrapper_topArea.png);

    background-repeat: no-repeat;

    background-position: top center;



}



/*This div is used in the main-short.dwt.php file so that there is no background div making that white tab effect.  This template is going to be used on pages with shortened heads*/



#wrapperTopArea.short  {

    background-image: url(../images/background_wrapper_topArea_noNav.png);

    background-repeat: no-repeat;

    background-position: top center;



}





#topArea  {

    max-width:1060px;

    margin:0 auto 0 auto;

    padding:0 1% 0 1%;

    position:relative;

}



#topBannerNavleft  {

    float:left;

    width:42%;

    height:45px;

    text-align:right;

}



#topBannerNavRight  {

    float: right;

    width: 58%;

    background-color: #207681;

    height: 45px;



}

#topBannerNavRight .fa {

    color: white;

    font-size: 25px;

    padding: 10px 3px 0 5px;

    display: inline-block;

}

#topBannerNavRight #searchDiv  {

    margin:0px;

    padding:0 0 0 10px;

    display: inline-block;

    float: none;

    position: relative;

    top: 8px;
    vertical-align: middle;

}



#topBannerNavRight #searchDiv .search-input  {

    margin: 0;

    padding: 5px 35px 4px 10px;

    width: 180px;

    font-family: Arial, Helvetica, sans-serif;

    font-size:13px;

    color:#666;

    border:1px solid #cccccc;

    border-radius:3px;



}

#topBannerNavRight #searchDiv .search-button {

    background: transparent;

    margin-left: -35px;

    border:none;

    cursor: pointer;

}

#topBannerNavRight #searchDiv .search-button .fa{

    color: #666;

    font-size: 14px;

}



#topBannerContentRight .get-critical-health-info {

    height: 125px;

    padding-top: 50px;

    background: url(../images/background-get-critical-health-info.jpg) top left no-repeat;

    text-align: right;

    width: 300px;

}

/*This div is used instead of the two above on the top-area-short-inc.php, which makes a shortened simpler version of the topbanner area*/





#topBannerNoTopnav  {

    width:100%

    background-color: #207681;

    height: 10px;

}



#topBannerContent  {

    min-height:170px;



}



#topBannerContentShort  {

    min-height:115px;



}



#topBannerContentLogo  {

    float: left;

    /* [disabled]width:28%; */

}



#topBannerContentLogo.short  {

    float: left;

    margin-top:10px;

}











#topBannerContentRight  {

    width:500px;

    float:right;

    position:relative;

}



#socMediaSearch  {

    float:left;

    width:260px;

    text-align:right;

    padding:24px 0px 0px 0px;

}



#socialMedia  {

    height:30px;

    margin-bottom:8px;

}

#socialMedia .fa {

    background: #e988b3;

    color: white;

    height:32px;

    width:32px;

    border-radius:50%;

    font-size: 24px;

    padding: 4px 0;

    box-sizing: border-box;

    overflow: hidden;

    text-align: center;

    margin-left: 5px;

}

#socialMedia .fa-wordpress {

    border: 5px solid #e988b3;

    color: #e988b3;

    background: white;

    font-size: 27px;

    padding: 0px 0;

    box-sizing: border-box;

}

#socialMedia .fa-wordpress:before {

    top: -3px;

    left: -2px;

    position: relative;

}





.footer-social .fa {

    background: white;

    color: #207681;

    height:50px;

    width:50px;

    border-radius:50%;

    font-size: 36px;

    padding: 8px 0;

    box-sizing: border-box;

    overflow: hidden;

    text-align: center;

    margin-left: 5px;

}

.footer-social .fa-wordpress {

    background: #207681;

    border: 5px solid white;

    color: white;

    font-size: 48px;

    padding: 0px 0;

    box-sizing: border-box;

}

.footer-social .fa-wordpress:before {

    top: -4px;

    left: -4px;

    position: relative;

}

.footer-box {

    padding: 30px 0px 80px 20px;

    background-image: url(../images/background_because.jpg);

    background-repeat: no-repeat;

    background-position: bottom right;

    border-radius: 0px 20px 20px 0px;

    background-color: #FFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    margin-bottom: 40px;

    margin-top: 10px;

}



#bottominfoMainNav .footer-box h2 {

    color: #cc3399;

    font-size: 18px;

    margin: 0 0 20px 0;

    padding-top: 0;

}

#bottominfoMainNav .footer-box p.links {

    margin-top: 0px;

    margin-bottom: 15px;

    background-image: url(../images/bullet_big_purple.png);

    background-repeat: no-repeat;

    background-position: .0em 0em;

    padding-left: 25px;

    color:#666 !important;

}

#bottominfoMainNav .footer-box a {

    color: #666 !important;

}

#bottominfoMainNav .footer-box a:hover {

    color: #cc3399 !important;

    text-decoration: underline;

}

.footer-left #bottominfoAttributes {

    padding-top: 10px;

}

#socialMedia img  {

    height:30px;

    width:30px;

    margin-left:10px;

}



#searchDiv  {



    margin:0px;

    padding:0px;

    float:right;

}





/*These divs are classed for use on the top-area-short-inc.php, which makes a shortened simpler version of the topbanner area*/





#topBannerContentRight.short  {

    width:600px;

    float:right;

    position:relative;

}





#socMediaSearch.short {

    float:left;

    width:425px;

    text-align:right;

    padding:24px 0px 0px 0px;

}



#socialMedia.short  {

    height:30px;

    margin-bottom:20px;

    float:right;

    text-align:right;

}



#searchDiv.short  {

    margin:0px;

    padding:0px;

    width:215px;

    float:left;

}



/*end these special divs*/



.searchinput  {

    margin: 0;

    padding: 6px 15px;

    width: 180px;

    font-family: Arial, Helvetica, sans-serif;

    font-size:14px;

    color:#666;

    border:1px solid #33B7C3; border-right:0px;



}



.searchButton {

    margin: 0;

    padding: 0;

    width: 30px;

    height: 30px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: bold;

    outline: none;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    color: #ffffff;

    border: solid 1px #33b7c3;

    border-right: 0px;

    background-image: url(../images/search_button.gif);

    background-color: #33b7c3;

}

#searchDiv .searchButton {

    border-radius: 0px !important ;

}

/* Fixes submit button height problem in Firefox */

.searchButton::-moz-focus-inner {

    border: 0;

}









#donationBanner  {

    width: 163px;

    max-height: 108px;

    position:absolute;

    top:-4px;

    right:0px;

    background-image: url(../images/background_donation_ribbon.png);

    /*margin-top: -4px;*/

    margin-bottom: 0px;

    padding: 0px;

    z-index: 800;

    background-repeat: no-repeat;

    background-position: center bottom;

    float: right;

    -webkit-transition: max-height 2s ease-in-out 0s;

    -o-transition: max-height 2s ease-in-out 0s;

    transition: max-height 2s ease-in-out 0s;

    text-align: center;

    overflow: hidden;



}



#donationBanner.short  {

    width: 163px;

    max-height: 108px;

    position:absolute;

    top:-4px;

    right:0px;

    background-image: url(../images/background_donation_ribbon.png);

    /*margin-top: -4px;*/

    margin-bottom: 0px;

    padding: 0px;

    z-index: 800;

    background-repeat: no-repeat;

    background-position: center bottom;

    float: right;

    -webkit-transition: max-height 2s ease-in-out 0s;

    -o-transition: max-height 2s ease-in-out 0s;

    transition: max-height 2s ease-in-out 0s;

    text-align: center;

    overflow: hidden;



}



#donationBanner:hover {

    max-height: 9999px;

    bottom-padding:45px;

    z-index:800;

}



#donationBannerLinks  {

    /*width:123px;*/

    padding:25px 20px 45px 20px;

}







#donationBannerLinks hr {

    height: 1px;

    width:123px;

    text-align:center;

    color: #FFF;

    background-color: #FFF;

    border: 0;

}



#donationBannerLinks p  {

    color: #FFF;

    font-family: "Museo700Regular", "Trebuchet MS", sans-serif;

    font-size: 17px;

    margin: 0px;

    text-align: center;

}



#donationBannerLinks a  {

    display:block;

    color:#FFF;

    padding:5px 0px 5px 0px;

    text-decoration:none;



}



#donationBannerLinks a:hover  {

    background-color:#207681;

    color:#FFF;

    text-decoration:none;

}









.clearit  {

    clear:both;

}





#wrapperMainNav  {

    background-image: url(../images/background_navbar.jpg);

    background-repeat: repeat-x;

    background-color: #eeeff1;

    border-bottom-color: #CCCCCC;

    border-width: 1px;

    border-bottom-style: solid;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    z-index: 700;

    position: relative;

}

#navLoader {

    position: absolute;

    width: 50px;

    height: 50px;

    top: 0;

    left: calc(50% - 50px);

    overflow: hidden;

    padding-top: 10px;

    opacity:0.7;

}

#navDiv  {

    max-width:1060px;

    min-height:46px;

    margin:0px auto 0px auto;

    padding:0px 1% 0px 1%;

    position:relative;

    z-index:700;

}



#wrapperContent {

    background-image:none;

    width: 100%;

    display: block;

    clear: both;

    margin-left: 0;

    float: left;

}



#wrapperTextAreaNormal  {

    background-image:none;

    width: 100%;

    display: block;

    clear: both;

    margin-left: 0;

    float: left;

    /*-webkit-box-shadow: inset 0px 5px 5px rgba(99,99,99,0.20);

    box-shadow: inset 0px 5px 5px rgba(99,99,99,0.20);*/



}



#wrapperTextAreaWhite  {

    background-color: #FFF;

    width: 100%;

    display: block;

    clear: both;

    margin-top: 15px;

    padding-top: 10px;

    padding-bottom:25px;

    /*-webkit-box-shadow: inset 0px 5px 5px rgba(99,99,99,0.20);

    box-shadow: inset 0px 5px 5px rgba(99,99,99,0.20);*/

    margin-left: 0;

    float: left;

}



#wrapperTextAreaWhite.top  {

    background-color: #FFF;

    width: 100%;

    display: block;

    clear: both;

    margin-top: 0px;

    padding-top: 10px;

    padding-bottom:1px;

    /*-webkit-box-shadow: inset 0px 5px 5px rgba(99,99,99,0.20);

    box-shadow: inset 0px 5px 5px rgba(99,99,99,0.20);*/

    margin-left: 0;

    float: left;

}



#wrapperTextAreaWhite.last  {

    background-image:url(../images/background_wrapperTextareaWhite_last.jpg);

    background-repeat:repeat-x;

    background-position:bottom;

}







#wrapperTextAreaWhite.createEvent  {

    margin-top: 0px;

    paddin-top: 0px;

    padding-bottom: 0px;

    background-image: url(../get-involved/how-to-help/team-FORCE/images/background-tabset-createEvent.jpg);

    background-repeat: repeat-x;

}



#textArea  {

    max-width:1060px;

    margin:15px auto 25px auto;

    padding:0 1% 0 1%;

    position:relative;

}



#textArea  h1   {

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-size: 24px;

    text-indent: 22px;

    margin-top: 0px;

    background-image: url(../images/sq_purple.png);

    background-repeat: no-repeat;

    background-position: .0em .20em;

    font-style: normal;

    font-weight: normal;

}







#textArea  h2   {

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-size: 18px;

    margin-top: 0px;

    font-style: normal;

    font-weight: normal;

}



#textArea h3   {

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-size: 16px;

    line-height:normal;

    margin-top: 0px;

    margin-bottom:0px;

    line-height:normal;

    padding:0px;

    font-style: normal;

    font-weight: normal;

}







#textArea h2.message  {

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-style: normal;

    font-weight: normal;

    font-size: 20px;

    line-height: 22px;

    color: #666666;

    margin-bottom:25px;

}



#textArea p, li, td, th  {

    font-family:"museo_sans300", "Trebuchet MS", sans-serif;

    font-size:16px;

    line-height:20px;

    color:#666;

    /*margin:0px 0px 10px 0px;*/

}



#textArea .em  {

    font-family: "museo_sans300_italic";

    font-style: normal;

}



#textArea .journaltitle  {

    font-family: "museo_sans300_italic";

    font-style: normal;

}



#textArea .strong  {

    font-family: "museo_sans500_italic";

    font-style: normal;

}



#textArea .strong .em  {

    font-family: "museo_sans500_italic", "Trebuchet MS", sans-serif;

    font-style: normal;

}



#textArea .em .strong {

    font-family: "museo_sans500_italic", "Trebuchet MS", sans-serif;

    font-style: normal;

}





#textArea a:link  {

    color: #207681;

}



#textArea a:visited {

    color: #207681;

    border-top-right-radius: 8px;

}



#textArea p.italic  {

    font-family: "museo_sans300_italic";

}







#textArea ul   { /*body unordered list*/

    list-style-type: none;

    padding: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 10px;

    margin-left: 10px;

    /* clear: both; */

}



#textArea ul li   { /*body lists*/

    font-family:"museo_sans300", "Trebuchet MS", sans-serif;

    color:#666;

    margin-top:0px;

    margin-bottom:8px;

    margin-left: 0px;

    background-image: url(../images/text_bullets_purple.png);

    background-repeat: no-repeat;

    background-position: 0em .5em;

    padding-left: 1em;

    margin-top: 10px;

    padding-top: 0px;

    margin-bottom: 10px;

}



#textArea ol   { /*body unordered list*/

    list-style-type: decimal;

    padding: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 10px;

    margin-left: 23px;	/* clear: both; */

}



#textArea ol li   {

    margin-top:0ps;

    margin-bottom:10px;

}



#sidenav ul li, #advocacy-sidenav ul li  {

    background-image:none;

}





#addthis  {

    /* [disabled]float:left; */

    width: 300px;

    width: 100%;

}





#wrapperBottominfo  {

    background-color: #207681;

    background-image: url(../images/background_wrapperBottomNav.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    margin-top:30px;

    padding-bottom:15px;

    width:100%;

    clear:both;

    display:block;

    margin-left: 0;

    float: left;



}







#bottominfo  {

    max-width:1060px;

    margin:0px auto 10px auto;

    padding:0 1% 0 1%;

    position:relative;

    color:#FFF;

    display:block;

}



#bottominfoTopnav  {

    height:43px;

}



#bottominfoTopnav .leftcol {

    float:left;

    width:38%;

    height:43px;

    padding-right:1%;

    background-image:url(../images/background_bottomnav-left.jpg);

    background-repeat:no-repeat;

    background-position:top right;

}



#bottominfoTopnav .leftcol h1  {

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:17px;

    line-height:19px;

    margin-top:10px;

}





#bottominfoTopnav .rightCol{

    float:left;

    width:auto;



}



#bottominfoTopnav .rightCol ul{

    margin-left:0px;

    padding-left:5px;

    margin-top:10px;

}



#bottominfoTopnav .rightCol ul li {

    display:inline;

    font-family:"Museo300Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:16px;

    padding-right:15px;

}



#bottominfoTopnav .rightCol ul a  {

    color:#207681;

    text-decoration:none;

}



#bottominfoTopnav .rightCol ul a:hover  {

    color:#207681;

    text-decoration:underline;

}







#bottominfoMainNav  {

    float:left;

    color:#FFF;

    margin-top:15px;

    width:100%;

}



#bottominfoMainNav h2  {

    font-family:"Museo500Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:16px;

    margin-top:0px;

    margin-bottom:5px;

}



#bottominfoMainNav ul  {

    margin:0px 0px 15px 0px;

    padding-left:0px;

}



#bottominfoMainNav ul li {

    margin-left:0px;

    margin-bottom:5px;

    padding-left:0px;

    list-style-type:none;

    font-family:"Museo300Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:14px;

}



#bottominfoMainNav a  {

    text-decoration:none;

    color:#FFF;

}



#bottominfoMainNav a:hover  {

    text-decoration:underline;

    color:#FFF;

}





#bottominfoMainNav .col1  {

    float:left;

    width:24%;

    margin-right:4%;

}



#bottominfoMainNav .col2  {

    float:left;

    width:19%;

    margin-right:4%;

}



#bottominfoMainNav .col3  {

    float:left;

    width:16%;

    margin-right:4%;

}



#bottominfoMainNav .col4  {

    float:left;

    width:27%;

    margin-right:0%;

}



#bottominfoMainNav .col4 .disclaimer  {

    font-family:"MuseoSans100", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:12px;

    line-height:14px;

    margin-top:25px;

}



#bottominfoMainNav .col4 .updates  {

    font-family:"MuseoSans300", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:12px;

    line-height:14px;

    margin-top:25px;

}



#bottominfoAttributes  {

    font-family:"MuseoSans100", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:12px;

    line-height:16px;

    margin-top:10px;

}



#bottominfoAttributes a:link {

    text-decoration:underline;

    color:#FFF;

}



#bottominfoAttributes a:visited {

    text-decoration:underline;

    color:#FFF;

}



/*styles that are common for secondary pages. Additional styles/classes for these styles can be

found in the stylesheets for unique sections*/



#wrapperSectionTop  { /*For use on top section pages and 2nd level section pages*/

    background-color:#FFF;

    min-height:309px;

    overflow:hidden;

}



#wrapperSectionTopShort { /*For use on 3rd level section pages*/

    background-color:#FFF;

    min-height:172px;

    overflow:hidden;

}



#sectionTop  { /*the large stationary picture at the top of Section heading pages and 2nd level pages*/

    min-height:309px;

    max-width:1060px;

    margin:0 auto 0 auto;

    padding:0 1% 0 1%;

    position:relative;

    background-position: bottom right !important;

    overflow:hidden;

}



#sectionTopShort { /*the stationary picture at the top of 3rd level heads*/

    min-height: 172px;

    max-width: 1060px;

    margin: 0 auto 0 auto;

    padding: 0 1% 0 1%;

    position: relative;

    /* [disabled]background-position: bottom right !important; */

    overflow: hidden;

}



#sectionTopTextbox  {	float:left;

    width: 35%;

    padding-right:5%;

    padding-top: 30px;

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    background: linear-gradient(to right, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0) 100%);



}



#sectionTopTextbox.short {/*since the pictures are smaller on the 3rd level, the text can go wider*/

    float: left;

    width: 60%;

    padding-right:5%

    padding-top: 20px;

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    border-right-width: 0px;



}





#sectionTopTextbox h1 {

    font-size:30px

    font-style: normal;

    font-weight: normal;

    line-height:32px;

    margin-top:0px;

    margin-bottom:10px;



}



#sectionTopTextbox p {

    font-size:20px;

    font-style: normal;

    font-weight: normal;

    line-height:28px;

    color:#666;

    margin-top:0px;

    margin-bottom:15px;

}



/*these style the colored bar right below the top picture when you are on a section top page*/

#wrapperSectionTopDescriptorBar  {

    min-height:142px;

}



#sectionTopDescriptorBar  {

    min-height:142px;

    max-width:1060px;

    margin:0 auto 0 auto;

    padding:0% 1% 0% 1%;

    position:relative;

}



#sectionTopDescriptorBar .textbox  {

    padding:5px 0px 12px 310px;

    color:#FFF;

}



#sectionTopDescriptorBar .textbox h1 {

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-size:30px;

    line-height:normal;

    font-style: normal;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

}



#sectionTopDescriptorBar .textbox h1.breadcrumbs  {

    font-family:"Museo500Regular", "Trebuchet MS", sans-serif;

    font-size:22px;

    font-style: normal;

    font-weight: normal;

    margin-top: 10px;

    padding: 0px;

}





#sectionTopDescriptorBar .textbox a:link,

#sectionTopDescriptorBar a:hover,

#sectionTopDescriptorBar a:visited  {

    color:#FFF;

    text-decoration:underline;

}







#sectionTopDescriptorBar .textbox p {

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-size:16px;

    line-height:22px;

    font-style: normal;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

}



/*these style the colored bar right below the top picture when you are on a 3rd level page.

At this point the colored bar only holds breadcrumbs*/

#wrapperSectionTopBreadcrumbs  {

    min-height:44px;

    width: 100%;

    display: block;

    clear: both;

    margin-left: 0;

    float: left;

}



#sectionTopBreadcrumbs  {

    min-height:34px;

    max-width:1060px;

    margin:0 auto 0 auto;

    padding:0% 1% 0% 1%;

    position:relative;

}



/*Use this bredcrumbs for those special 3rd level pages that will not have a topbanner or breadcumbs with an h1 in them.*/

#wrapperSectionTopBreadcrumbsShort  {

    min-height:25px;

    width: 100%;

    display: block;

    clear: both;

    margin-left: 0;

    float: left;

}



#sectionTopBreadcrumbs h1.breadcrumbs  {

    font-family:"Museo500Regular", "Trebuchet MS", sans-serif;

    font-size:22px;

    font-style: normal;

    font-weight: normal;

    color:#FFF;

    margin-top:0px;

    padding: 10px 0px 0px 0px;

}



#sectionTopBreadcrumbs a:link {

    color:#FFF;

    text-decoration:underline;

}



#sectionTopBreadcrumbs a:visited {

    color:#FFF;

    text-decoration:underline;

}



/*these styles the picture column and two rows of link columns on a top section page*/





#textArea p.links  {

    margin-top: 0px;

    margin-bottom:15px;

    background-image: url(../images/bullet_big_purple.png);

    background-repeat: no-repeat;

    /*background-position: .0em .0em;*/

    background-position: left center;

    padding-left: 25px;

}



#textArea p.links a:link  {

    text-decoration:none;

}



#textArea p.links a:visited  {

    text-decoration:none;

}



#textArea p.links a:hover  {

    text-decoration:underline;

}





#textArea .sectionTopLinksCol  {

    float:right;

    width:70%;

    padding-top:10px;

    overflow:hidden;

}



#textArea .sectionTopPictureCol  {

    float:left;

    width:25%;

    padding-top:10px;

    overflow:hidden;

}

#textArea .sectionTopLinksCol .col1 {

    width:40%;

    float:left;

}



#textArea .sectionTopLinksCol .col2 {

    width:60%;

    float:right;

}



.bigRoundCornerImages  {

    border-radius: 15px;

}













#textArea .sectionTopLinksCol .col1 {

    width:40%;

    float:left;

}



#textArea .sectionTopLinksCol .col2 {

    width:60%;

    float:right;

}



/*these styles the two rows of pictures and links on a 2nd level landing page*/

.medRoundCornerImages  {

    border-radius: 12px;

}







#secondColLeft  {

    float:left;

    width:47%;



}



#secondColRight  {

    float:right;

    width:47%;

}







#linkGroup  {

    width:100%;

    margin:0px;

    padding: 0px 0px 35px 0px;

    overflow:hidden;

}



.programs  {

    padding: 0px 0px 15px 0px;

}





#linkGroup .col1 {

    width:40%;

    float:left;



}





/*Used on the sponsor donor wall page*/

#linkGroup .col1.fortyfive {

    width:45%;

    float:left;

}



#linkGroup .col1.fortyfive p {

    margin-bottom:25px;

}



#linkGroup .col1.fortyfive h2 {

    margin-bottom:10px;

    border-bottom:1px #666 solid;

}



#linkGroup .col2.fortyfive {

    width:45%;

    float:right;

}



#linkGroup .col2.fortyfive p {

    margin-bottom:25px;

}



#linkGroup .col2.fortyfive h2 {

    margin-bottom:10px;

    border-bottom:1px #666 solid;

}



/*End Sponsor Donor Wall*/



#linkGroup .col1.narrow  {

    width:15%;

    float:left;

    text-align:right;



}



#linkGroup .col2 {

    width:57%;

    float:right;



}







#linkGroup .col2.narrow {

    width:70%;

    float:left;

    margin-left:5%;



}



#linkGroup .threeCol1  {

    width:30%;

    float:left;

    margin-right:4%;

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;

}



#linkGroup .threeCol1 .heading, #linkGroup .threeCol2 .heading, #linkGroup .threeCol3 .heading  {

    max-height:35px;

    border-radius: 0px 12px 0px 12px;

    color:#FFF;

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:18px;

    padding: 5px 11px 8px 11px;

    margin:0px;



}







#linkGroup .threeCol2  {

    width:30%;

    float:left;

    margin-right:4%;

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;

}



#linkGroup .threeCol3  {

    width:30%;

    margin-right:1%;

    float:right;

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;



}



#linkGroup .threeCol1 .textbox, #linkGroup .threeCol2 .textbox, #linkGroup .threeCol3 .textbox  {

    padding: 15px 10px 10px 10px;

}



#linkGroup .threeCol1 p, #linkGroup .threeCol2 p, #linkGroup .threeCol3 p {

    margin-bottom:10px;

}



#linkGroup p.links {

    margin-bottom:8px;



}



#linkGroup p  {

    margin-top:0px;

    margin-bottom: 0px;



}



/*sytles for 3rd level textArea*/

#sidenav  {

    float: left;

    width: 20%;

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;

}



#sidenav .heading, #advocacy-sidenav .heading  {

    max-height:35px;

    border-radius: 0px 12px 0px 12px;

    color:#FFF;

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:18px;

    padding: 5px 11px 8px 11px;

    margin:0px;



}



#sidenav .textbox, #advocacy-sidenav .textbox  {

    padding: 10px 5px 10px 5px;

}





#text  {

    float:right;

    width:75%;

    overflow:hidden;

}







#text .leftCol  {

    float:left;

    width:58%;

}







#text .rightCol  {

    float: right;

    width: 35%;

    margin-right:1%;

    margin-left:6%;

    margin-bottom:15px;

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;

}



/*#text .rightCol.voices  {

	background-image: url(../images/background_rightCol_voices.jpg);

	background-repeat: no-repeat;



}

*/





#text .rightColNarrow {

    float: right;

    width: 23%;

    margin-right:1%;

    margin-left:6%;

    margin-bottom:15px;

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;

}







#text .rightCol .heading {

    max-height:35px;

    border-radius: 0px 12px 0px 12px;

    color:#FFF;

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:18px;

    padding: 5px 11px 8px 11px;

    margin:0px;

}





#text .rightCol .textbox  {

    padding: 15px 10px 10px 10px;



}







#text .rightCol .textbox.voices {

    background-image: url(../images/background_rightCol_voices.jpg);

    background-repeat: no-repeat;

    background-color:transparent;



}



.voicesImage  {

    margin: 95px 0px 15px 0px;

    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.40);

    box-shadow: 5px 5px 5px rgba(0,0,0,.40);

}





#text .rightCol .textbox p  {

    margin-top:0px;



}



#text .rightCol .textbox.voices p {

    font-size: 14px;

    line-height: 17px;

    margin-top:0px;

    margin-bottom:8px;

}



#text .rightCol .textbox.voices h2 {

    margin-bottom:5px;

}







#text .rightCol .textbox p.links  {

    margin-bottom:8px;

    font-size:16px;

    line-height:20px;



}



#textArea .rightCol  {

    float: right;

    width: 35%;

    margin-right:1%;

    margin-left:6%;

    margin-bottom:15px;

    /*background-color: #FFFFFF;*/

    /*-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;*/

}



#textArea .rightCol.narrow {

    float: right;

    width: 23%;

    margin-right:1%;

    margin-left:6%;

    margin-bottom:15px;

    /*background-color: #FFFFFF;*/

    /*-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;*/

}





#textArea .rightCol .heading {

    max-height:35px;

    border-radius: 0px 12px 0px 12px;

    color:#FFF;

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:18px;

    padding: 5px 11px 8px 11px;

    margin:0px;

}



#textArea .rightCol .textbox  {

    padding: 15px 10px 10px 10px;

    background-color: #FFFFFF;

    /*-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);*/

    border-radius: 0px 12px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


}



#textArea .rightCol .textbox p  {

    margin-top:0px;



}



#textArea .rightCol .textbox p.links  {

    margin-bottom:8px;



}



/*styles used for multiple right column boxes*/



#textArea #rightColContent  {

    float: right;

    width: 35%;

    margin-right:1%;

    margin-left:6%;

    margin-bottom:15px;

}



#textArea #rightColContent.narrow  {

    float: right;

    width: 23%;

    margin-right:1%;

    margin-left:6%;

    margin-bottom:15px;



}

/*This was used for the HCP landing page In the Understand section where we wanted to put a form in the right column.*/



#textArea #rightColContent.wide  {

    float: right;
    width: 400px;
    margin-right:0%;
    margin-left:15px;
    margin-bottom:15px;


}

#textArea .rightCol.HCP  {

    width:100%;
    margin:0 0 15px 0;

}

#textArea .rightCol.HCP .textbox {

    width:100%;
    margin:0 0 0px 0px;

}

#textArea .HCPleftCol  {

    float:left;
    width:calc(100% - 450px);
    margin:0;
}

@media screen and (max-width:800px) {
    .hcp-wrapper {
        display: flex;
        flex-direction: column;
    }
    #textArea .HCPleftCol  {
        float:none;
        width:100%;
        margin:0;
        order: 2;
    }
    #textArea #rightColContent.wide  {
        float: none;
        width: 100%;
        margin-left:0;
        order: 1;
    }
}
/*End HCP landing page styles*/




#textArea #rightColContent .rightCol  {

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;

    width:100%;

}



#textArea #rightColContent .rightCol .heading {

    border-radius: 0px 12px 0px 12px;

    color:#FFF;

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:18px;

    padding: 6px 11px 9px 11px;

    margin:0px;

}



#textArea #rightColContent .rightCol .textbox  {

    padding: 15px 10px 10px 10px;

    background-color: #FFFFFF;

}



#textArea #rightColContent .rightCol .textbox p  {

    margin-top:0px;



}



#textArea #rightColContent .rightCol .textbox p.links  {

    margin-bottom:8px;





}



/*general styles used everywhere*/



hr.gradation {

    border: 0; height: 1px;

    background-image: -webkit-linear-gradient(left, rgba(66,66,66,0), rgba(66,66,66,0.50), rgba(66,66,66,0));

    background-image: -moz-linear-gradient(left, rgba(66,66,66,0), rgba(66,66,66,0.50), rgba(66,66,66,0));

    background-image: -ms-linear-gradient(left, rgba(66,66,66,0), rgba(66,66,66,0.50), rgba(66,66,66,0));

    background-image: -o-linear-gradient(left, rgba(66,66,66,0), rgba(66,66,66,0.50), rgba(66,66,66,0));

    margin:25px 0px;

}



hr.gradationOrange {

    border: 0; height: 1px;

    background-image: -webkit-linear-gradient(left, rgba(242,107,78,0), rgba(242,107,78,1), rgba(242,107,78,0));

    background-image: -moz-linear-gradient(left, rgba(242,107,78,0), rgba(242,107,78,1), rgba(242,107,78,0));

    background-image: -ms-linear-gradient(left, rgba(242,107,78,0), rgba(242,107,78,1), rgba(242,107,78,0));

    background-image: -o-linear-gradient(left, rgba(242,107,78,0), rgba(242,107,78,1), rgba(242,107,78,0));

}





.imagefloatLeft   {

    margin:0px 10px 10px 0px;

    float:left;

}



.imagefloatRight  {

    margin:0px 0px 10px 10px;

    float:right;

}

p.dividerline {

    background-image: url(../images/horizontal_line.gif);

    background-repeat: repeat-x;

    background-position:  left bottom;

    clear: both;

    width: 590px;

}

.captionImageFloatLeft {

    font-size: 13px;

    color: #008FA1;

    float: left;

    margin-bottom: 15px;

    margin-left: 0px;

    margin-right: 15px;

    text-align: center;

    line-height: 15px;

}



.captionImageFloatRight {

    font-size: 13px;

    color: #008FA1;

    float: right;

    margin-bottom: 15px;

    margin-left: 15px;

    margin-right: 0px;

    text-align: center;

    line-height: 150%;

}

table[name="cbTable"] tr {

    background-color:transparent !important;

}

#left_column {

    float:left;

    width:20%;

    margin-right:5%;

}

#right_column {

    float:right;

    width:75%;

}

input.submit {

    border-radius: 5px;

    font-weight: bold;

    color: white;

    background: #207681;

    padding: 5px;

}



.eventsDiv, .newsDiv

#textArea h1.pagename a {

    color:inherit;

    text-decoration:none;

}

#textArea h1.pagename a:hover {

    text-decoration:underline;

}

#getUpdatesSide{

    position: fixed;

    top: 280px;

    right: 0px;

    height: 175px;

    width: 35px;

    z-index:9600;

}

#getUpdatesSideLink{

    text-decoration:none;

}

.footer-left {

    float: left;

    width: calc(100% - 350px);

}

.footer-social {

    width: 360px;

}

.footer-left .disclaimer {

    width: 450px;

    font-size: 12px;

}

.footer-left #footerForm {

    width: 300px;

    margin-top: 10px;

    margin-bottom: 20px;

}

.charity-navigator {

    margin-bottom: 15px;

    display: block;

}

.charity-navigator img {

    border: 1px solid white;

}

.footer-right {

    float: right;

    width: 326px;

}

#footerForm {

    margin-top: 0px;

    padding-top: 30px;

    margin-bottom:30px;

    margin-right:30px;

    position: relative;

}

#footerForm h2{



}

#footerEmail {

    margin: 0;

    padding: 6px 15px;

    width: 80%;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    color: #666;

    border: 1px solid #33B7C3;

    border-right: 0px;

}

#footerSubmit {

    margin: 0;

    padding: 0;

    width: 30px;

    height: 30px;

    font-size: 14px;

    font-weight: bold;

    outline: none;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    color: #ffffff;

    border: solid 1px #33b7c3;

    border-right: 0px;

    background-image: url(/images/footer-arrow.gif);

    background-color: #1968a4;

    position: absolute;

    right: 0px;

    bottom: 0px;

}

#sidebarEmail {

    margin: 0;

    padding: 6px 15px;

    width: 80%;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    color: #666;

    border: 1px solid #1968a4;

    border-right: 0px;

}

#sidebarSubmit {

    margin: 0;

    padding: 0;

    width: 30px;

    height: 30px;

    font-size: 14px;

    font-weight: bold;

    outline: none;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    color: #ffffff;

    border: solid 1px #1968a4;

    border-right: 0px;

    background-image: url(/images/blueArrow.png);

    background-color: #1968a4;

    position: absolute;

    right: 0px;

    bottom: 0px;

}



/* colored link buttons */



a.linkButton {

    display:inline-block;

    padding: 5px 10px;

    background: #7a43a1;

    color: #fff !important;

    text-decoration:none;

    font-size: 15px;

    border: none;

    border-radius: 11px;

    border-top-left-radius: 0;

    border-bottom-right-radius: 0;

    cursor: pointer;

}

a.linkButton.pink {

    background-color: #C9479D;

}

a.linkButton.blue {

    background-color: #1968A4;

}

a.linkButton.teal {

    background-color: #2AB2C3;

}



a.linkButton.teal {

    background-color: #2AB2C3;

}



a.linkButton.green {

    background-color: #72C449;

}





/* XRAYS HOME COLORED DIVS */

#textArea div.blue h2 {

    color: #1968A4;

}

#textArea div.blue p.links {

    background-image: url(../images/bullet_big_blue.png);

}



#textArea div.green h2 {

    color: #72C449;

}

#textArea div.green p.links {

    background-image: url(../images/bullet_big_green.png);

}



#textArea div.teal h2 {

    color: #2AB2C3;

}

#textArea div.teal p.links {

    background-image: url(../images/bullet_big_teal.png);

}



#textArea .xrayWrapper p.links a:hover,

#textArea .xrayPortalWrapper p.links a:hover {

    color: inherit !important;

}



/* XRAYS SECTION */



#wrapperSectionTopBreadcrumbs.XRAYS  {

    min-height:11px;

    background-color:#cc3399;

}



#sectionTopTextbox.XRAYS  {



}



#sectionTopTextbox.XRAYS p  {

    font-size:16px;

    font-style: normal;

    font-weight: normal;

    line-height:22px;

    color:#666;

    margin-top:0px;

    margin-bottom:0px;

}



#sectionTopTextbox.XRAYS p.links  {

    font-size:16px;

    font-style: normal;

    font-weight: normal;

    line-height:22px;

    color:#666;

    margin-top:0px;

    margin-bottom:0px;

    background-image: url(../images/bullet_big_purple.png);

    background-repeat:no-repeat;

    /*background-position: 0 .15em;*/

    background-position: left center;

    padding-left: 25px;

    padding-top:1px;

    padding-bottom: 1px;



}



#sectionTopTextbox.XRAYS p.links a:link  {

    text-decoration:none;

    color:#666;

}



#sectionTopTextbox.XRAYS p.links a:visited  {

    text-decoration:none;

    color:#666;

}



#sectionTopTextbox.XRAYS p.links a:hover  {

    text-decoration:underline;

    color:#cc3399;

}



#sectionTopTextbox.XRAYS .mobilePic  {

    display:none;

}



#textArea .rightCol.rightXray {

    width: 27.5%;

}



#textArea .rightCol.rightXray .sharebuttons  {

    margin-bottom:5px;

}



#textArea .rightCol.rightXray p{

    font-size: 14px;

}

#textArea .rightCol.rightXray .heading {

    font-size: 16px;

}

#textArea .rightCol.rightXray h2 {

    font-size: 15px;

    margin-bottom: 8px;

    background-image:none;

    font-weight: bold;

    font-family: "Museo700Regular", "Trebuchet MS", sans-serif;

}

#textArea .rightCol.rightXray h2.green {

    color: #70C147;

}

#textArea .rightCol.rightXray h2.teal {

    color: #2AB2C3;

}



#textArea .rightCol.rightXray p.links {

    font-family: "Museo5000Regular", "Trebuchet MS", sans-serif;

}





#textArea .rightCol.rightXray p.links.green {

    color: #70C147;

    background-image: url(../images/bullet_big_green.png);

    font-size:15px;

}



#textArea .rightCol.rightXray p.links.green a:link, #textArea .rightCol.rightXray p.links.green a:visited {

    color: #70C147;

}



#textArea .rightCol.rightXray p.links.green a:hover  {

    text-decoration:underline;

}



#textArea .rightCol.rightXray p.links.teal {

    color: #2AB2C3;

    background-image: url(../images/bullet_big_teal.png);

    font-size:15px;

}



#textArea .rightCol.rightXray p.links.teal a:link, #textArea .rightCol.rightXray p.links.teal a:visited {

    color: #2AB2C3;

}



#textArea .rightCol.rightXray p.links.teal a:hover  {

    text-decoration:underline;

}



#textArea .rightCol.rightXray p.links.blue {

    color: #1a69a5;

    background-image: url(../images/bullet_big_blue.png);

    font-size:15px;

}



#textArea .rightCol.rightXray p.links.blue a:link, #textArea .rightCol.rightXray p.links.blue a:visited {

    color: #1a69a5;

}



#textArea .rightCol.rightXray p.links.blue a:hover  {

    text-decoration:underline;

}



#textArea .rightCol.rightXray p.links.purple {

    color: #cb3494;

    background-image: url(../images/bullet_big_purple.png);

    font-size:15px;

}



#textArea .rightCol.rightXray p.links.purple a:link, #textArea .rightCol.rightXray p.links.purple a:visited {

    color: #cb3494;

}



#textArea .rightCol.rightXray p.links.purple a:hover  {

    text-decoration:underline;

}



.xrayMainCol {

    overflow:hidden;

}

#textArea .xrayWrapper h2 a,

#textArea .xrayPortalWrapper h2 a {

    color:inherit;

    text-decoration: none;

}

.xrayWrapper {

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 5px;

    padding: 14px;

    overflow: hidden;

    margin-bottom: 40px;

    background: #FFFFFF;

    max-width: 670px;

    box-sizing:border-box;

    margin-right: 10px;

}

.xrayDigest {

    float: left;

    width: 47%;

    margin-right: 3%;

}

.xrayColWrapper {

    clear:both;

}

.rating {

    width: 23%;

    float: left;

    box-sizing: border-box;

    padding-right: 20px;

}

.xrayContent {

    width: 77%;

    float: left;

    box-sizing: border-box;

}

.xrayDigest .rating {

    width: 35%;

    text-align: right;

}

.rating-meter {

    max-width: 90px;

    margin-top: 10px;

}

.xrayDigest .xrayContent {

    width: 64%;

}

.rating p {

    font-size: 12px !important;

    text-align: center;

    line-height:1.3em !important;

    margin: 5px;

    font-family: "museo_sans300", "Trebuchet MS", sans-serif !important;

}

p.coveredRating  {

    font-size: 12px !important;

    text-align: right;

    margin: 5px;

    margin-right: 9%;

}

p.headerTagline {

    margin-left: 24px;

    margin-top: -15px;

    font-size: 14px !important;

}

.xrayWrapper .xrayContent p {

    font-size: 14px !important;

}

/*added this class for the p in the latest reviewed topic on the index page*/

.xrayWrapper .xrayContent p.big,

.xrayWrapper .xrayContent .big p{

    font-size: 16px !important;

    margin-top:0px;

}



.xrayWrapper .xrayContent img {

    max-width:200px;

}









.xrayContent p.article-cite {

    margin-top: -12px;

}

.xrayContent h2 {

    font-size: 16px !important;

}



.xrayDetails {

    overflow: hidden;

    padding-bottom: 20px;

}

.xrayDetails.article {

    overflow: hidden;

    border-bottom:1px solid #ccc;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.whoCoveredWrapper {

    overflow:hidden;

    margin-bottom: 20px;

}

.whoCoveredWrapper h2 {

    font-size: 18px;

    font-weight: bold;

    color: #FFFFFF !important;

    background: #14A1B2;

    padding: 7px 10px;

    margin-bottom: 0;

    font-family: "museo_sans500", "Trebuchet MS", sans-serif !important;

}

.whoCovered {

    border-bottom: 1px solid #ccc;

    overflow:hidden;

}

.whoCovered p {

    font-size: 14px !important;

    font-family: "museo_sans500", "Trebuchet MS", sans-serif !important;

    margin: 0;

}

.whoCoveredContent {

    width: 60%;

    float: left;

    box-sizing: border-box;

    padding: 10px 0 20px;

}

.whoCoveredRating {

    width: 40%;

    float: left;

    box-sizing: border-box;

    padding-top: 20px;

}

.xrayDetailContent h2, .xrayDetailContent h3, .xrayReferences h2, .xrayReferences h3{

    font-family: "museo_sans500", "Trebuchet MS", sans-serif !important;

}

.xrayReferences {

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 5px;

    padding: 10px;

    overflow: hidden;

    margin-bottom: 40px;

    background: #FFFFFF;

}

.xrayReferences p {

}

.relevant-for {

    padding-bottom: 5px;

    margin-bottom: 10px;

    border-bottom: 1px solid #ccc;

}

.relevant-for p {

    padding: 5px 0 !important;

    margin: 0 0 0 25px;

    text-indent:-25px;

}

.relevant-for p img {

    vertical-align: text-bottom;

}

.xray-search-field {

    width: 200px;

    padding: 5px;

    margin-bottom: 30px;

    color:#666;

    font-size: 16px;

    margin-right: 20px;

}

select.xray-search-field {

    width: 220px;

}

.xray-search-button {

    display: inline-block;

    padding: 5px 10px;

    background: #CC3399;

    color: #fff !important;

    text-decoration: none;

    font-size: 15px;

    border: none;

    border-radius: 11px;

    border-top-left-radius: 0;

    border-bottom-right-radius: 0;

    cursor: pointer;

    text-align: center;

    width:80px;

}



/*XRAYS Portals (new 2019)*/



.portal-container {

    display: flex;

    flex-flow: row wrap;

}





.portal-container > div {

    background-color: #ffffff;

    border: none;

    border-radius: 20px;

    border-top-left-radius: 0px;

    border-bottom-right-radius: 0px;

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    width: 30.5%;

    margin-bottom:30px;

    margin-right:2.5%;

    padding:0px;

    height: auto;

    overflow:hidden;

}





.portal-box-head  {

    padding:12px 8px;

    background-color: #ffffff;

    text-align: center;

    font-family: "museo_sans700", "Trebuchet MS", sans-serif;

    font-size: 18px;

    line-height: 20px;

    color:#00a1b1;

}



.portal-box-head a:link, .portal-box-head a:visited {

    color:#00a1b1 !important;

    text-decoration:none;

}



.portal-box-head a:hover {

    color:#c83494 !important;

    text-decoration:none;

}



.portal-container > div img  {

    padding:0px;

    margin:0px;

    display:block;



}





/*xrays categories page using flex-box for main positioning)*/

.xrayPortalWrapper {

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 5px;

    padding: 14px;

    overflow: hidden;

    margin-bottom: 40px;

    background: #FFFFFF;

    width: 100%;

    box-sizing:border-box;

    display:flex;

    flex-direction:row;

    flex-wrap:no-wrap;

    margin-right:20px;

}



.xrayPortalWrapper > div {



}





.portalGauges {

    flex: 0 0 255px;

    margin-right:20px;

}

.portalGauges .gauge-wrapper {

    position: relative;

    width: 255px;

    margin-bottom: 20px;

}

.portalGauges .gauge-wrapper .gauge-pointer {

    position: absolute;

    bottom: 0;

}



.portalGauges img.bars  {

    margin-bottom:10px;

}



.portalGauges h2 {

    color:#000000 !important;

    font-size:14px !important;

    margin-bottom:2px !important;

    text-align:center;

}



.xrayPortalWrapper > div .textbox {

    width: 67%;

    float: left;

}



.xrayPortalWrapper > div .textbox h2 {

    margin-bottom:0px !important;

}



.xrayPortalWrapper > div .textbox p {

    margin-top:2px !important;

}



.xrayPortalWrapper > div .picture {

    width: 30%;

    float: right;

}

.portal-sponsors {

    margin-bottom: 10px;

}

.portal-sponsors a {

    display: inline-block;

    padding-right: 20px;

}









/* PNP PROJECT */



.pnp-wrapper {

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 5px;

    padding: 14px;

    overflow: hidden;

    margin-bottom: 40px;

    background: #FFFFFF;

    box-sizing:border-box;

    float: left;

    width: 330px;

    margin-right: 20px;

}

.div-pnp {

    overflow: hidden;

}

.div-pnp h2 {

    font-size: 18px;

    color: #1A68A6;

}

.pnp-wrapper h3 {

    font-size: 16px;

    color: #1A68A6;

    padding-bottom: 5px !important;

}

.pnp-links {

    overflow: hidden;

}

.pnp-wrapper p {

    font-size: 14px !important;

    margin: 0;

    line-height: 1.1em !important;

    padding-bottom: 10px !important;



}

.pnp-wrapper.pnp-pink h3, h2.pnp-pink {

    color: #cc3399 !important;

}

.pnp-wrapper.pnp-teal h3, h2.pnp-teal {

    color: #00a1b1 !important;

}

.pnp-wrapper.pnp-lt-pink h3, h2.pnp-lt-pink {

    color: #f38abf !important;

}

.pnp-wrapper.pnp-orange h3, h2.pnp-orange {

    color: #7a43a1 !important;

}

.pnp-wrapper.pnp-red h3, h2.pnp-red {

    color: #c73333 !important;

}

.pnp-wrapper.pnp-green h3, h2.pnp-green {

    color: #69c03e !important;

}

.pnp-wrapper a {

    color:#666 !important;

    text-decoration: none;

}

.pnp-wrapper a:hover {

    color:#1968a4 !important;

    text-decoration: underline;

}



.leftColumnTop  {

    width:70%;

    float:left;



}



.leftColumnTop .GettingStartedBox  {

    width:45%;

    float:left;

    padding:10px;

    margin:0px 15px 20px 0px;

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 0px 12px;



}



/*#wrapperTextAreaNormal .textArea .sliderBox  {

	width:58%;

	margin-top:25px;

	position:relative;

}*/

/* END PNP PROJECT */



/* ADVOCACY PAGES STYLES */



.div-advocacy {

    overflow: hidden;

    width:100%;

}



.advocacy-wrapper {

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 5px;

    padding: 12px;

    overflow: hidden;

    margin-bottom: 40px;

    background: #FFFFFF;

    box-sizing:border-box;

    float: left;

    width: 48.75%;

}

.hot-topic .advocacy-wrapper {

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 0px 5px 5px;

    float: none;

    width: 100%;

}

.hot-topic h2 {



}

.advocacy-wrapper:nth-child(odd) {

    margin-right: 2.5%;

}





.advocacy-wrapper:nth-child(even) {

}



.advocacy-wrapper .icon  {

    float:left;

    width:23%;

    margin-right:2%;

}



.advocacy-wrapper .text  {

    width:75%;

    float:right;

    margin-bottom:0px;

    padding-bottom:0px;

    padding-left: 10px;

    padding-right: 10px;

    box-sizing: border-box;



}

.hot-topic .advocacy-wrapper .icon  {

    float:left;

    width:80px;

    margin-right:2%;

}



.hot-topic .advocacy-wrapper .text  {

    width:calc(100% - 100px);

    padding-left: 0;



}

.hot-topic h2 {

    display: inline-block;

    color: white !important;

    background: #32B4C1;

    border-radius: 0px 10px 0px 0px;

    padding: 5px 100px 5px 10px;

    margin: 0;

}

.advocacy-wrapper .text h3  {

    font-size:16px !important;

    line-height:19px !important;

    margin-bottom:8px !important;

}



.advocacy-wrapper p  {

    font-size:14px !important;

    line-height:18px !important;

    margin-top:0px !important;

}



/*advocacy-wrapper multi-color heads*/

.advocacy-wrapper.magenta .text h3 a  {

    color:#cb3494!important;

    text-decoration: none !important;

}



.advocacy-wrapper.purple .text h3 a {

    color:#7a43a1!important;

    text-decoration: none !important;

}



.advocacy-wrapper.pink .text h3 a  {

    color:#f08cb9!important;

    text-decoration: none !important;

}



.advocacy-wrapper.light-teal .text h3 a  {

    color:#33b5c1!important;

    text-decoration: none !important;

}



.advocacy-wrapper.dark-teal .text h3 a  {

    color:#23818d!important;

    text-decoration: none !important;

}



.advocacy-wrapper.blue .text h3 a  {

    color:#1a69a5!important;

    text-decoration: none !important;

}



/*END advocacy-wrapper multi-color heads*/



.advocacy-wrapper .text p.links  {

    margin-top: 0px;

    margin-bottom:15px;

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-size:16px!important;

    line-height:20px!important;

    background-image:none!important;

    padding-left: 0px!important;

}



/*advocacy-wrapper multi-color p.links circle arrows*/



.advocacy-wrapper.magenta .text p.links:before {

    content:url(../images/bullet_big_magenta.png)!important;

    padding-right:5px;

    vertical-align:middle;

    background-image:none!important;

}



.advocacy-wrapper.purple .text p.links:before {

    content:url(../images/bullet_big_new-purple.png)!important;

    padding-right:5px;

    vertical-align:middle;

    background-image:none!important;

}



.advocacy-wrapper.pink .text p.links:before {

    content:url(../images/bullet_big_pink.png)!important;

    padding-right:5px;

    vertical-align:middle;

    background-image:none!important;

}



.advocacy-wrapper.light-teal .text p.links:before {

    content:url(../images/bullet_big_light-teal.png)!important;

    padding-right:5px;

    vertical-align:middle;

    background-image:none!important;

}



.advocacy-wrapper.dark-teal .text p.links:before {

    content:url(../images/bullet_big_dark-teal.png)!important;

    padding-right:5px;

    vertical-align:middle;

    background-image:none!important;

}



.advocacy-wrapper.blue .text p.links:before {

    content:url(../images/bullet_big_blue.png)!important;

    padding-right:5px;

    vertical-align:middle;

    background-image:none!important;

}



/*END advocacy-wrapper multi-color p.links circle arrows*/



/*advocacy-wrapper multi-color p.links a:*/



.advocacy-wrapper .text p.links a:link, .advocacy-wrapper .text p.links a:visited {

    text-decoration:none;

}



.advocacy-wrapper .text p.links a:hover {

    text-decoration:underline;

}



.advocacy-wrapper.magenta .text p.links a:link, .advocacy-wrapper.magenta .text p.links a:visited,

.advocacy-wrapper.magenta .text p.links a:hover {

    color:#CB3494!important;

}



.advocacy-wrapper.purple .text p.links a:link, .advocacy-wrapper.purple .text p.links a:visited,

.advocacy-wrapper.purple .text p.links a:hover {

    color:#7a43a1!important;

}



.advocacy-wrapper.pink .text p.links a:link, .advocacy-wrapper.pink .text p.links a:visited,

.advocacy-wrapper.pink .text p.links a:hover {

    color:#f08cb9!important;

}



.advocacy-wrapper.light-teal .text p.links a:link, .advocacy-wrapper.light-teal .text p.links a:visited,

.advocacy-wrapper.light-teal .text p.links a:hover {

    color:#33b5c1!important;

}



.advocacy-wrapper.dark-teal .text p.links a:link, .advocacy-wrapper.dark-teal .text p.links a:visited,

.advocacy-wrapper.dark-teal .text p.links a:hover {

    color:#23818d!important;

}



.advocacy-wrapper.blue .text p.links a:link, .advocacy-wrapper.blue .text p.links a:visited,

.advocacy-wrapper.blue .text p.links a:hover {

    color:#1a69a5!important;

}



/*END advocacy-wrapper multi-color p.links a:*/



#wrapperTextAreaWhite #textArea.advocacyBottom {

    padding-bottom:50px!important;

}

.advocacyButtonSearch  {

    color: #fff;

    background-color: #23818d;

    border: none;

    font-family: "museo_sans300", "Trebuchet MS", sans-serif;

    font-size: 18px;

    font-weight:500;

    padding: 3px 8px;

    border-top-right-radius: 8px;

    border-top-left-radius: 0px;

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 0px;

    vertical-align:middle;

    margin-left:3px;



}





.inputAdvocacySearch  {

    padding: 5px 4px 4px 4px;

    font-family: "museo_sans300", "Trebuchet MS", sans-serif;

    font-size: 14px;

    font-weight:300;

    vertical-align:middle;



}



#wrapperTextAreaWhite #textArea.advocacyBottom .sponsor {

    float:right;

    width:45%;

    margin-left:35px;

}



#wrapperTextAreaWhite #textArea.advocacyBottom form  {

    float:left;

    width:50%;

}









/* END ADVOCACY PAGES STYLES */



/*KNOW MORE PAGE STYLES */



.graphicLinks  {

    float:left;

    width:70%;

    margin-top:0px;

    margin-bottom:40px;

}



.graphicLinks .linkbox {

    float: left;

    width: 47%;

    margin-bottom:40px;

}



.graphicLinks .linkbox:nth-child(odd) {

    margin-right:5%;

}



.graphicLinks .linkbox img {

    margin:0px;

    display:block;

    border-top-right-radius: 20px;

}



.graphicLinks .linkbox .boxhead {

    padding:10px;

    margin:0;

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-size:24px;

    color:#FFF;

    border-bottom-left-radius: 20px;

}



.graphicLinks .linkbox .boxhead .button {

    border-radius: 12px;

}



.graphicLinks .linkbox .boxhead p {

    font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

    font-size:24px !important;

    color:#FFF !important;

    margin:0;

    padding:0;

}



.graphicLinks .linkbox .boxhead p.teal:before {

    content: url(../understanding-brca-and-hboc/images/big-teal-arrow.jpg);

    padding-right: 8px;

    vertical-align: text-bottom;



}



.graphicLinks .linkbox .boxhead p.magenta:before {

    content: url(../understanding-brca-and-hboc/images/big-magenta-arrow.jpg);

    padding-right: 8px;

    vertical-align:text-bottom;



}



.graphicLinks .linkbox .boxhead.magenta {

    background-color:#cb3494;

}



.graphicLinks .linkbox .boxhead.teal {

    background-color:#23818D;

}



.graphicLinks .linkbox .boxhead a:link,

.graphicLinks .linkbox .boxhead a:visited  {

    color:#FFF !important;

    text-decoration:none;

}



.graphicLinks .linkbox .boxhead a:hover  {

    text-decoration:underline;

}



.graphicLinks .linkbox.iconMessage  {

    background-color:#FFF;

    border-bottom-left-radius: 20px;

    border-top-right-radius: 20px;

    padding:10px 0px;

    min-height:175px;



}



.graphicLinks .linkbox.iconMessage .col1 {

    width:36%;

    float:left;



}



.graphicLinks .linkbox.iconMessage .col2 {

    width:60%;

    float:right;

    padding-right:10px;



}



.graphicLinks .linkbox.iconMessage .col2 p {

    margin-top:0px !important;

}



#textArea #rightColContent.hideMobile {

    display:block;

}



#textArea #rightColContent.showMobile {

    display:none;

}

/*End KNOW MORE PAGE STYLES */



/*Start HBOC Checklist page styles*/



#wrapperTopBannerHBOC  {

    width: 100%;

    padding:0 2%;

    background-color: #FFFFFF;

    -webkit-box-shadow: 0px 10px 7px rgba(0,0,0,0.35);

    box-shadow: 0px 10px 7px rgba(0,0,0,0.35);

    z-index:9999;

    position:relative;

    height:135px;

    display:block;

}



#wrapperTopBannerHBOC .logo {

    max-width:1060px;

    margin:0px auto;

    padding:32px 0px;



}



#wrapperBigPicture  {

    width:100%;

    padding:0 2%;

    background-color:#CCC;

    background-image:url(../images/checklist-top-image.jpg);

    background-repeat:no-repeat;

    background-position:top center;

    height:587px;

    background-size:content;

    position:relative;

    display:block;

}



#wrapperBigPicture .message {

    width: 40%;

    position: absolute;

    top: 20px;

    right: 5%;

    text-align: right;

    text-shadow: 3px 3px 10px rgba(255,255,255,1.00);

}



#wrapperBigPicture .message h1 {

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-size:48px;

    line-height:52px;

    color:#cb3494;

    text-shadow: 3px 3px 10px rgba(255,255,255,1.00);



}



#wrapperBigPicture .message p {

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-size:30px;

    line-height:36px;

    color:#333;

    margin-top:20px;

    margin-left:25%;

    text-shadow: 1px 1px 10px rgba(255,255,255,1.00);



}





#wrapperTextareaHBOC  {

    width:100%;

    padding:0 2%;

    position:relative;

    display:block;

}



#wrapperTextareaHBOC .textarea {

    max-width:1060px;

    margin:45px auto;



}





#wrapperTextareaHBOC .textarea .leftColumn  {

    float:left;

    width:58%;

    margin-bottom:15px;

}



#wrapperTextareaHBOC .textarea .leftColumn h1  {

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-size:36px;

    line-height:40px;

    color:#cb3494;

    margin-top:0px;

}



#wrapperTextareaHBOC .textarea .leftColumn p {

    font-family: "museo_sans500", "Trebuchet MS", sans-serif !important;

    font-size:22px !important;

    line-height:28px !important;

    margin-bottom:15px !important;

    margin-top:0px !important;

    color:#333 !important;

}



#wrapperTextareaHBOC .textarea .leftColumn ul {

    list-style-type: none;

    padding: 0px;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 10px;

    margin-left: 10px;

}



#wrapperTextareaHBOC .textarea .leftColumn li {

    font-family: "museo_sans500", "Trebuchet MS", sans-serif !important;

    font-size:22px !important;

    line-height:28px !important;

    color:#333;

    margin-top:0px;

    margin-bottom:8px;

    margin-left: -10px;

    background-image: url(../images/text_bullets_teal.png);

    background-repeat: no-repeat;

    background-position: 0em .5em;

    padding-left: .6em;

    margin-top: 10px;

    padding-top: 0px;

    margin-bottom: 10px;



}



#wrapperTextareaHBOC .textarea .rightColumn {

    float:right;

    width:35%;

    margin-left:5%;

    margin-right:2%;

    margin-bottom:20px;

    background-color: #FFFFFF;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    border-radius: 0px 12px 12px;

    display:block;







}



#wrapperTextareaHBOC .textarea .rightColumn .heading

{

    max-height:48px;

    background-color:#00a1b1;

    border-radius: 0px 12px 0px 12px;

    color:#FFF;

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    font-style:normal;

    font-weight:normal;

    font-size:26px;

    line-height:30px;

    padding: 5px 11px 8px 11px;

    margin:0px;

    text-align:center;



}



#wrapperTextareaHBOC .textarea .rightColumn .textbox {

    padding: 20px;

}



#wrapperFooterHBOC {

    width:100%;

    background-color:#FFF;

    padding:15px 2%;

    display:block;

}



#wrapperFooterHBOC .content  {

    max-width:1060px;

    min-height:200px;

    margin:15px auto;

    display:block;

}



#wrapperFooterHBOC .content .rightColumn {

    float:right;

    width:70%;

    font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

    color:#23818d;

    font-size:22px !important;

    line-height:28px !important;

    text-align:right;

    display:block;

    margin-right:2%;



}



#wrapperFooterHBOC .content .leftColumn {

    float:left;

    width:25%;

    margin:0 0;

}



#wrapperFooterHBOC .fa {

    background: #e988b3;

    color: white;

    height:32px;

    width:32px;

    border-radius:50%;

    font-size: 24px;

    padding: 4px 0;

    box-sizing: border-box;

    overflow: hidden;

    text-align: center;

    margin-left: 5px;

}



#wrapperFooterHBOC .fa-wordpress {

    border: 5px solid #e988b3;

    color: #e988b3;

    background: white;

    font-size: 27px;

    padding: 0px 0;

    box-sizing: border-box;

}



#wrapperFooterHBOC .fa-wordpress:before {

    top: -3px;

    left: -2px;

    position: relative;

}















/*End HBOC Checklist styles*/





#p7MGM_1.p7mgm-fixed #p7MGMu_1 {

    max-width: 1060px;

    margin: 0 auto;

    display: block;

}



#p7MGM_1.p7mgm-fixed {

    background-image: url(../images/background_navbar.jpg);

    background-repeat: repeat-x;

    background-color: #eeeff1;

    border-bottom-color: #CCCCCC;

    border-width: 1px;

    border-bottom-style: solid;

    -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

    max-width: 2000px;

    padding-left: 20px;

    left: 10px;

}

/*media queries for main site responsive*/

@media screen and (max-width:970px){

    #p7PM3_1 .pm3first.root_1{

        display:none;

        position:relative;

    }



    #topBannerContentRight.short  {

        width:400px;

        float:right;

        position:relative;

    }

    #socMediaSearch.short {

        float:none;

        padding: 10px 0px;

        text-align: left;

        width: auto;

        overflow:hidden;

    }



    #socialMedia.short  {

        float:none;

        padding:0px;

        margin-bottom:10px;

    }



    #searchDiv.short  {

        float: none;

    }





    /* KNOW MORE top page styles */

    .graphicLinks .linkbox .boxhead p {

        font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

        font-size:19px !important;

        color:#FFF !important;

        margin:0;

        padding:0;

    }



    .graphicLinks .linkbox .boxhead p.teal:before {

        content: url(../understanding-brca-and-hboc/images/big-teal-arrow-sm.jpg);

        padding-right: 8px;

        vertical-align: text-bottom;



    }



    .graphicLinks .linkbox .boxhead p.magenta:before {

        content: url(../understanding-brca-and-hboc/images/big-magenta-arrow-sm.jpg);

        padding-right: 8px;

        vertical-align:text-bottom;



    }



    /*Start HBOC Checklist page styles*/





    #wrapperBigPicture .message {

        width: 60%;



    }



    #wrapperBigPicture .message h1 {

        font-size:48px;

        line-height:52px;

        color:#cb3494;

    }



    #wrapperBigPicture .message p {

        font-size:30px;

        line-height:36px;

        color:#333;

        margin-top:20px;

        margin-left:30%;



    }



    #wrapperFooterHBOC .content .rightColumn {

        float:right;

        width:65%;

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        color:#23818d;

        font-size:22px !important;

        line-height:28px !important;

        text-align:right;

        display:block;

        margin-right:2%;



    }



    #wrapperFooterHBOC .content .leftColumn {

        float:left;

        width:25%;

        margin:0 0;

    }





    /*End HBOC Checklist page styles*/

    /* End KNOW MORE top page styles */



    .portal-box-head  {

        padding:12px 8px;

        background-color: #ffffff;

        text-align: center;

        font-family: "museo_sans700", "Trebuchet MS", sans-serif;

        font-size: 16px;

        line-height: 20px;

        color:#00a1b1;

    }

}

@media screen and (max-width:820px){

    #topBannerContentLogo {

        width:250px;

        padding-top:10px;

    }



    #topBannerContentLogo.short  {

        float: left;

        margin-top:10px;

        padding-top:0px;

    }



    table td.fiveCol1, table td.fiveCol2, table td.fiveCol3, table td.fiveCol4, table td.fiveCol5 {

        display:inline-block;

        width: 30%;

    }



    #socMediaSearch.short {

        float:none;

        padding: 10px 0;

        text-align: left;

        width: auto;

        overflow:hidden;

    }



    #socialMedia.short  {

        float:none;

        padding-right:10px;

    }



    #searchDiv.short  {

        float: none;

    }



    .advocacyButtonSearch  {

        margin-left:0px;

        margin-top:10px;



    }











    /* KNOW MORE styles */

    .graphicLinks .linkbox .boxhead p {

        font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

        font-size:17px !important;

        color:#FFF !important;

        margin:0;

        padding:0;

    }



    .graphicLinks .linkbox .boxhead p.teal:before {

        content: url(../understanding-brca-and-hboc/images/big-teal-arrow-sm.jpg);

        padding-right: 5px;

        vertical-align: middle;

    }



    .graphicLinks .linkbox .boxhead p.magenta:before {

        content: url(../understanding-brca-and-hboc/images/big-magenta-arrow-sm.jpg);

        padding-right: 5px;

        vertical-align:middle;



    }



    .graphicLinks .linkbox.iconMessage .col2 {

        width:60%;

        float:right;

        padding-right:8px;



    }



    /* End KNOW MORE top page styles */



    /*Start HBOC Checklist page styles*/

    #wrapperBigPicture  {

        width:100%;

        height:500px;

        padding:0 2%;

        background-color:#CCC;

        background-image:url(../images/checklist-top-image.jpg);

        background-repeat:no-repeat;

        background-position:top center;

        background-size:auto 100%;

        position:relative;

        display:block;

    }



    #wrapperBigPicture .message h1 {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:44px;

        line-height:48px;

    }



    #wrapperBigPicture .message p {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:30px;

        line-height:34px;

        margin-top:15px;

        margin-left:25%;





    }



    #wrapperFooterHBOC .content .rightColumn {

        float:right;

        width:60%;

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        color:#23818d;

        font-size:22px !important;

        line-height:28px !important;

        text-align:right;

        display:block;

        margin-right:2%;



    }



    #wrapperFooterHBOC .content .leftColumn {

        float:left;

        width:30%;

        margin:0 0;

    }



    /*End HBOC Checklist page styles*/

    /*xrayportal styles*/

    .portal-container > div {

        background-color: #ffffff;

        border: none;

        border-radius: 20px;

        border-top-left-radius: 0px;

        border-bottom-right-radius: 0px;

        box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        width: 40%;

        margin-bottom:30px;

        margin-right:4%;

        padding:0px;

        height: auto;

        overflow:hidden;

    }





    .portal-box-head  {

        padding:12px 8px;

        background-color: #ffffff;

        text-align: center;

        font-family: "museo_sans700", "Trebuchet MS", sans-serif;

        font-size: 18px;

        line-height: 20px;

        color:#00a1b1;

    }



    .textbox {

        width: 60%;

        float: left;

    }



    .picture {

        width: 37%;

        float: right;

    }


    /*This was used for the HCP landing page In the Understand section where we wanted to put a form in the right column.*/



    #textArea #rightColContent.wide  {

        float: none;
        width: 97%;
        margin-right:0%;
        margin-left:0px;
        margin-bottom:15px;


    }

    #textArea #rightColContent.wide .rightCol.HCP  {

        width:100%;
        margin:0 0 15px 0;

    }


    #textArea #rightColContent.wide .rightCol.HCP .textbox }

width:100%;
float:none;
}

#textArea .HCPleftCol  {
    float: none;
    width:97% !important;
    margin-bottom:15px;
}


}



@media screen and (max-width:750px){

    .fb-like {display:none;}

    #topBannerContentRight {

        position: static;

        width: 400px;

    }

    #donationBanner {top:41px;}



    #donationBanner.short {top:6px;}



    #topBannerContentRight.short {

        position: static;

        width: 375px;

    }



    #socMediaSearch.short {

        float:none;

        padding: 10px 0;

        text-align: left;

        width: auto;

        overflow:hidden;

    }



    #socialMedia.short  {

        float:none;

        padding-right:10px;

    }



    #searchDiv.short  {

        float: none;

    }

    .advocacy-wrapper {

        float: none;

        width: auto;

        margin-right: 10px !important ;

    }







    #wrapperTextAreaWhite #textArea.advocacyBottom .sponsor {

        float:none;

        width:90%;

        margin-left:0px;

        margin-top:25px;

    }



    #wrapperTextAreaWhite #textArea.advocacyBottom form  {

        float:none;

        width:90%;

    }



    /*Start HBOC Checklist page styles*/

    #wrapperBigPicture  {

        width:100%;

        height:450px;

        padding:0 2%;

        background-color:#CCC;

        background-image:url(../images/checklist-top-image.jpg);

        background-repeat:no-repeat;

        background-position:top center;

        background-size:auto 100%;

        position:relative;

        display:block;

    }



    #wrapperBigPicture .message {

        width: 60%;



    }



    #wrapperBigPicture .message h1 {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:40px;

        line-height:44px;

        margin-bottom:0px;

        color:#cb3494;

        text-shadow: 3px 3px 10px rgba(255,255,255,1.00);



    }



    #wrapperBigPicture .message p {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:28px;

        line-height:34px;

        color:#333;

        margin-top:10px;

        margin-left:25%;

        text-shadow: 1px 1px 10px rgba(255,255,255,1.00);



    }



    #wrapperTextareaHBOC .textarea .leftColumn  {

        float:none;

        width:95%;

        margin:0px auto 25px auto;

    }



    #wrapperTextareaHBOC .textarea .rightColumn {

        float:none;

        width:90%;

        margin:0px 2.5% 20px 2.5%;

        background-color: #FFFFFF;

        -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        border-radius: 0px 12px 12px;

        display:block;

    }







    #wrapperFooterHBOC .content .rightColumn {

        float:none;

        width:95%;

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        color:#23818d;

        font-size:22px !important;

        line-height:28px !important;

        text-align:left;

        display:block;

        margin:0px auto 25px auto;





    }



    #wrapperFooterHBOC .content .leftColumn {

        float:none;

        width:95%;

        margin:0 auto;

    }





    /*End HBOC Checklist page styles*/



}

@media screen and (max-width:700px){



    #sectionTopTextbox.XRAYS .mobilePic  {

        display:block;

    }



    #wrapperBigPicture .message {

        width: 70%;

    }



    #getUpdatesSide{

        display:none;

    }

    .fb-like {display:inherit;}

    #wrapperSectionTopDescriptorBar {

        min-height: 0;

    }

    #sectionTopDescriptorBar .textbox {

        color: #fff;

        padding: 5px;

    }

    #sectionTopDescriptorBar {

        min-height: 0;

        background-image: none !important;

        padding: 0 1%;

    }

    #sectionTop {

        min-height: 0 !important;

        background-image:none !important;

    }

    #sectionTopTextbox h1 {

        font-size: 22px;

        line-height: 1.2em !important;

        margin-bottom: 5px;

    }

    #sectionTopTextbox p {

        font-size: 18px !important;

        line-height: 1.3em !important;

        margin-bottom: 5px !important;

    }

    #wrapperSectionTopShort,

    #wrapperSectionTop  {

        min-height: 0 !important;

    }

    #sectionTopShort {

        background-image: none !important;

        min-height: 0 !important;

    }

    #sectionTopTextbox {

        width: auto !important;

    }



    #sectionTopBreadcrumbs h1.breadcrumbs {

        font-size: 18px;

    }

    #sidenav {position:relative !important;}



    .p7TM3-01.responsive .p7TM3-toolbar {

        background-color: transparent !important;

        position: absolute !important;

        top:3px !important;

        right:0 !important;

    }

    #p7TM3_1.p7TM3-01.p7TM3.responsive {position:static !important;}



    table td.fourCol1, table td.fourCol2, table td.fourCol3, table td.fourCol4 {

        display:inline-block;

        width: 45%;

    }

    table td.c2, table td.c4 {

        clear:both;

    }

    #socMediaSearch {

        float: none;

        padding: 10px 0;

        text-align: left;

        width: 250px;

        overflow:hidden;

    }

    #socialMedia {

        float:left;

        padding-right:10px;

    }

    #searchDiv {

        float: left;

    }







    /*These divs are classed for use on the top-area-short-inc.php, which makes a shortened simpler version of the topbanner area*/

    #socMediaSearch.short {

        float:none;

        padding: 10px 0;

        text-align: left;

        width: 425px;

        overflow:hidden;

    }



    #socialMedia.short  {

        float:left;

        padding-right:10px;

    }



    #searchDiv.short  {

        float: right;

    }



    /*end these special divs*/

    #topBannerContentLogo {

        width:auto;

    }

    #topBannerContent {

        overflow:hidden;

        background:white;

    }

    #topBannerContentRight {

        position: static;

        width: auto;

        float:none;

        clear:both;

    }



    #topBannerContentRight.short {

        position: static;

        width: auto;

        float:none;

        clear:both;

    }

    #topBannerNavleft {

        display:none;

    }

    #topBannerNavRight {

        background-color: #207681;

        float: none;

        width: auto;

        margin: 0 -1%

    }

    #p7PM3_1 .pm3first.root_1{

        display: inherit;

        position:relative;

    }

    #sidenav, #advocacy-sidenav  {

        float: none;

        width: auto;

    }

    #text  {

        float:none;

        width:auto;

    }

    #bottominfoMainNav .col1  {

        float:left;

        width:48%;

        margin-right:4%;

    }



    #bottominfoMainNav .col2  {

        float:left;

        width:48%;

        margin-right:0;

    }



    #bottominfoMainNav .col3  {

        clear:both;

        float:left;

        width:48%;

        margin-right:4%;

    }



    #bottominfoMainNav .col4  {

        float:left;

        width:48%;

        margin-right:0%;

    }



    #bottominfoTopnav .leftcol {

        float:none;

        width:auto;

        height:auto;

        padding-right:10px;

        background-image:none;

    }

    #bottominfoTopnav .rightCol, #textArea .rightCol.rightXray {

        float:none;

        width:auto;

        padding-bottom:10px;



    }

    #bottominfoTopnav .rightCol ul{

        border-bottom: 1px solid white;

        margin:0px;

        overflow:hidden;



    }

    #wrapperBottominfo {

        background-color: #207681;

        background-image: none;

    }

    #bottominfoTopnav .rightCol ul a, #bottominfoTopnav .rightCol ul a:hover {

        color: #fff;

    }



    #bottominfoMainNav {

        float: none;

        padding-top:10px;

        clear:both;

    }



    #linkGroup .col1, #linkGroup .col1.narrow,#linkGroup .col2, #linkGroup .col2.narrow  {

        width:auto;

        float:none;

        text-align:left;

        margin:0



    }



    #textArea #rightColContent, #textArea #rightColContent.narrow,#textArea #rightCol.narrow {

        float: none;

        width: auto;

        margin-right: 0;

        margin-left: 0;

        margin-bottom: 15px;

    }



    /* non responsive tables*/

    #textArea table.non-responsive {

        box-sizing:border-box;

        width:100% !important;



    }

    .pnp-wrapper {

        float: none;

        width: auto;

        margin-right: 0;

    }



    /*for PNP section*/

    .leftColumnTop  {

        width:auto;

        float:none;

        clear:both;



    }



    .leftColumnTop .GettingStartedBox  {

        width:96%;

        float:none;

        padding:10px;

        margin:20px 0px 20px 0px;

        background-color: #FFFFFF;

        -webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        border-radius: 0px 12px 0px 12px;



    }



    .footer-left {

        float: none;

        width: auto;

    }

    .footer-right {

        float: none;

        width: auto;

    }



    /*KNOW MORE styles */

    .graphicLinks  {

        float:none;

        width:365px;

        margin-top:0px;

        margin-bottom:40px;

    }



    .graphicLinks .linkbox {

        float: none;

        width: 365px;

        margin-bottom:40px;

    }



    .graphicLinks .linkbox:nth-child(odd) {

        margin-right:0;

    }







    .graphicLinks .linkbox .boxhead {

        padding:10px;

        margin:0;

        width:auto;

    }



    .graphicLinks .linkbox .boxhead p {

        font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

        font-size:24px !important;

        color:#FFF !important;

        margin:0;

        padding:0;

    }



    .graphicLinks .linkbox .boxhead p.teal:before {

        content: url(../understanding-brca-and-hboc/images/big-teal-arrow.jpg);

        padding-right: 8px;

        vertical-align: text-bottom;



    }



    .graphicLinks .linkbox .boxhead p.magenta:before {

        content: url(../understanding-brca-and-hboc/images/big-magenta-arrow.jpg);

        padding-right: 8px;

        vertical-align:text-bottom;



    }







    .graphicLinks .linkbox.iconMessage  {

        background-color:#FFF;

        border-bottom-left-radius: 20px;

        border-top-right-radius: 20px;

        padding:10px 0px;

        min-height:175px;



    }



    .graphicLinks .linkbox.iconMessage .col1 {

        width:36%;

        float:left;



    }



    .graphicLinks .linkbox.iconMessage .col2 {

        width:60%;

        float:right;

        padding-right:10px;



    }



    .graphicLinks .linkbox.iconMessage .col2 p {

        margin-top:0px !important;

    }



    #textArea #rightColContent.hideMobile {

        display:none;

    }



    #textArea #rightColContent.showMobile {

        display:block;

    }





    /*End KNOW MORE PAGE STYLES */



    /*Start HBOC Checklist page styles*/

    #wrapperBigPicture  {

        width:100%;

        height:400px;

        padding:0 2%;

        background-color:#CCC;

        background-image:url(../images/checklist-top-image.jpg);

        background-repeat:no-repeat;

        background-position:top center;

        background-size:auto 100%;

        position:relative;

        display:block;

    }



    #wrapperBigPicture .message {

        width: 60%;



    }



    #wrapperBigPicture .message h1 {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:36px;

        line-height:40px;

        margin-bottom:0px;

        color:#cb3494;

        text-shadow: 3px 3px 10px rgba(255,255,255,1.00);



    }



    #wrapperBigPicture .message p {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:25px;

        line-height:29px;

        color:#333;

        margin-top:10px;

        margin-left:25%;

        text-shadow: 1px 1px 10px rgba(255,255,255,1.00);



    }



    /*End HBOC Checklist page styles*/









    .portal-box-head  {

        padding:12px 8px;

        background-color: #ffffff;

        text-align: center;

        font-family: "museo_sans700", "Trebuchet MS", sans-serif;

        font-size: 17px;

        line-height: 20px;

        color:#00a1b1;

    }



}







@media screen and (max-width:650px){

    /*xrayportal styles*/

    .portal-container {

        display: flex;

        flex-flow: row wrap;

        justify-content:center;



    }





    .portal-container > div {

        background-color: #ffffff;

        border: none;

        border-radius: 20px;

        border-top-left-radius: 0px;

        border-bottom-right-radius: 0px;

        box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        width: auto;

        margin-bottom:30px;

        margin-right:0%;

        padding:0px;

        height: auto;

        overflow:hidden;

    }





    .portal-box-head  {

        padding:12px 8px;

        background-color: #ffffff;

        text-align: center;

        font-family: "museo_sans700", "Trebuchet MS", sans-serif;

        font-size: 18px;

        line-height: 20px;

        color:#00a1b1;

    }



    .textbox {

        width: 100%;

        float: none;

    }



    .textbox h2 {

        margin-bottom:0px !important;

    }



    .textbox p {

        margin-top:2px !important;

    }



    .picture {

        width: auto;

        float: none;

        margin-top:15px;

    }



}



@media screen and (max-width:600px){

    #textArea .sectionTopLinksCol, #textArea .sectionTopPictureCol, #textArea .sectionTopLinksCol .col1, #textArea .sectionTopLinksCol .col2  {

        float:none;

        width:auto;

    }

    .imagefloatLeft, .imagefloatRight    {

        display:block;

        float:none;

    }

    .xrayDigest {

        float: none;

        width: auto;

        margin-right: 0;

    }

    #linkGroup .threeCol2, #linkGroup .threeCol1, #linkGroup .threeCol3 {

        width: auto;

        float: none;

    }



    #topBannerContentShort  {

        min-height:125px;



    }



    /*Start HBOC Checklist page styles*/

    #wrapperBigPicture  {

        width:100%;

        height:350px;

        padding:0 2%;

        background-color:#CCC;

        background-image:url(../images/checklist-top-image.jpg);

        background-repeat:no-repeat;

        background-position:top right;

        background-size:auto 100%;

        position:relative;

        display:block;

    }



    #wrapperBigPicture .message {

        width: 57%;

        position: absolute;

        top: 20px;



    }



    #wrapperBigPicture .message h1 {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:36px;

        line-height:40px;

        margin-bottom:0px;

        margin-left:0%;

        color:#cb3494;

        text-shadow: 3px 3px 10px rgba(255,255,255,1.00);



    }



    #wrapperBigPicture .message p {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:25px;

        line-height:29px;

        color:#333;

        margin-top:10px;

        margin-left:15%;

        text-shadow: 1px 1px 10px rgba(255,255,255,1.00);



    }



    /*End HBOC Checklist page styles*/



    /*Used on the sponsor donor wall page*/

    #linkGroup .col1.fortyfive {

        width:100%;

        float:none;

    }





    #linkGroup .col2.fortyfive {

        width:100%;

        float:none;

    }





    #linkGroup .col1.fortyfive p {

        margin-bottom:25px;

        font-weight:300;

    }



    #linkGroup .col1.fortyfive h2 {

        margin-bottom:10px;

        border-bottom:1px #666 solid;

    }







    #linkGroup .col2.fortyfive p {

        margin-bottom:25px;

        font-weight:300;

    }



    #linkGroup .col2.fortyfive h2 {

        margin-bottom:10px;

        border-bottom:1px #666 solid;

    }







    /*End Sponsor Donor Wall*/

    /*This was used for the HCP landing page In the Understand section where we wanted to put a form in the right column.*/

    #textArea #rightColContent.wide  {

        float: none;

        width: 97%;

        margin-right:0%;

        margin-left:0%;

        margin-bottom:15px;

    }

    #textArea .HCPleftCol  {
        float:none;
        width:97%;
        margin:0px 0px 15px;
    }

    #textArea .rightCol.HCP  {

        float: none;

        width: auto;

        margin-right:0%;

        margin-left:0%;

        margin-bottom:15px;

        /*background-color: #FFFFFF;*/

        /*-webkit-box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        border-radius: 0px 12px 12px;*/

    }

    #textArea .rightCol.HCP .textbox {
        width:auto;

    }


    /*End HCP landing page styles*/

}

@media screen and (max-width:560px){

    #p7PM3_1 .pm3first.root_1{

        display:none;

    }



    /*Start HBOC Checklist page styles*/

    #wrapperBigPicture  {

        width:100%;

        height:300px;

        padding:0 2%;

        background-color:#CCC;

        background-image:url(../images/checklist-top-image.jpg);

        background-repeat:no-repeat;

        background-position:top right;

        background-size:auto 100%;

        position:relative;

        display:block;

    }



    #wrapperBigPicture .message {

        width: 70%;

        position: absolute;

        top: 10px;



    }



    #wrapperBigPicture .message h1 {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:32px;

        line-height:36px;

        margin-bottom:0px;

        margin-left:0%;

        color:#cb3494;

        text-shadow: 3px 3px 10px rgba(255,255,255,1.00);



    }



    #wrapperBigPicture .message p {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:25px;

        line-height:29px;

        color:#333;

        margin-top:10px;

        margin-left:15%;

        text-shadow: 1px 1px 10px rgba(255,255,255,1.00);



    }



    /*xrays categories page using flex-box for main positioning)*/

    .xrayPortalWrapper {

        box-shadow: 5px 5px 5px rgba(99,99,99,0.20);

        border-radius: 5px;

        padding: 14px;

        overflow: hidden;

        margin-bottom: 40px;

        background: #FFFFFF;

        width: 100%;

        box-sizing:border-box;

        display:flex;

        flex-direction:column-reverse;

        /*flex-wrap:no-wrap;*/

        margin-right:20px;

    }



    .xrayPortalWrapper > div {

        width:95%;

    }





    .portalGauges {

        flex: 0 0 255px;

        margin-right:0px;

        margin-top:20px;

    }



    .portalGauges img.bars  {

        margin-bottom:10px;

    }



    .portalGauges h2 {

        color:#000000 !important;

        font-size:14px !important;

        margin-bottom:2px !important;

        text-align:left;

    }













    /*End HBOC Checklist page styles*/

}

/* THIS MEDIA QUERY DOES NOT HAVE A CLOSING BRACKET, AND I DO NOT KNOW WHERE ONE SHOULD GO*/

@media screen and (max-width:500px){

    #wrapperTopArea.short  {

        background-color:#FFF;

    }





    #topBannerNavRight .fb-like {display:none;}

    #textArea p, li {

        font-size: 18px;

    }

    #wrapperTopArea {

        background-image: none;

    }

    #donationBanner {display:none;}

    #topBannerNavRight {

        height: auto;

    }



    #secondColLeft, #secondColRight  {

        float:none;

        width:auto;



    }



    table td.fourCol1, table td.fourCol2, table td.fourCol3, table td.fourCol4, table td.fiveCol1, table td.fiveCol2, table td.fiveCol3, table td.fiveCol4 table td.fiveCol5, table tr td , table tr th {

        display:block !important;

        width: auto !important;

    }



    /* non responsive tables*/

    #textArea table.non-responsive {

        width:100% !important;



    }

    #textArea table.non-responsive tr td, #textArea table.non-responsive tr th {

        display:table-cell !important;



    }





    #bottominfoMainNav .col1 , #bottominfoMainNav .col2 , #bottominfoMainNav .col3 , #bottominfoMainNav .col4 {

        float:none !important;

        width:auto !important;

        margin:10px 0 !important;

    }



    .imagefloatLeft, .imagefloatRight    {

        margin:0px;

        float:none;

    }



    #textArea #rightColContent {

        float: none;

        margin: 0;

        width: auto;

    }



    /*XRAYS content*/



    #sectionTopTextbox.XRAYS  {

        padding-bottom:0px;

        margin-bottom:0px;

    }



    #sectionTopTextbox.XRAYS .mobilePic  {

        display:block;

        width:100%;

        padding:0;

        margin-bottom:-5px;



    }



    #socMediaSearch.short {

        float:none;

        padding: 10px 0;

        text-align: left;

        width: auto;

        overflow:hidden;

    }



    #socialMedia.short  {

        float:none;

        padding-right:10px;

    }



    #searchDiv.short  {

        float: none;

    }



    /*Start HBOC Checklist page styles*/

    #wrapperBigPicture  {

        width:100%;

        height:275px;

        padding:0 2%;

        background-color:#CCC;

        background-image:url(../images/checklist-top-image.jpg);

        background-repeat:no-repeat;

        background-position:top right-20px;

        background-size:auto 100%;

        position:relative;

        display:block;

    }



    #wrapperBigPicture .message {

        width: 90%;

        position: absolute;

        top: 35%;

        left:5%;

        text-align: left;



    }



    #wrapperBigPicture .message h1 {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:28px;

        line-height:30px;

        margin-bottom:0px;

        margin-left:0%;

        color:#cb3494;

        text-shadow: 3px 3px 10px rgba(255,255,255,1.00);



    }



    #wrapperBigPicture .message p {

        font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

        font-size:20px;

        line-height:24px;

        color:#333;

        margin-top:5px;

        margin-left:0%;

        text-shadow: 1px 1px 10px rgba(255,255,255,1.00);



    }



    /*End HBOC Checklist page styles*/

    /*THIS MEDIA QUERY ADDED SO THE DISCLAIMER DOES NOT STRETCH OUT FOOTER ON MOBILE*/

    @media screen and (max-width:470px){

        .footer-left .disclaimer, .footer-social, .footer-left #footerForm {

            width: 100%;

        }

    }

    @media screen and (max-width:414px){



        /*Start HBOC Checklist page styles*/

        #wrapperBigPicture  {

            width:100%;

            height:275px;

            padding:0 2%;

            background-color:#CCC;

            background-image:url(../images/checklist-top-image.jpg);

            background-repeat:no-repeat;

            background-position:top left;

            background-size:auto 100%;

            position:relative;

            display:block;

        }



        #wrapperBigPicture .message {

            width: 70%;

            position: absolute;

            bottom: 10px;



        }



        #wrapperBigPicture .message h1 {

            font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

            font-size:28px;

            line-height:32px;

            margin-bottom:0px;

            margin-left:0%;

            color:#cb3494;

            text-shadow: 3px 3px 10px rgba(255,255,255,1.00);



        }



        #wrapperBigPicture .message p {

            font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

            font-size:20px;

            line-height:24px;

            color:#333;

            margin-top:10px;

            margin-left:0%;

            text-shadow: 1px 1px 10px rgba(255,255,255,1.00);



        }



        /*End HBOC Checklist page styles*/





    }



    @media screen and (max-width:360px){

        #topBannerNavRight .p7PM3-01 ul li a {margin-top:0;}





        /*KNOW MORE styles */

        .graphicLinks  {

            float:none;

            width:98%;

            margin-top:0px;

            margin-bottom:40px;

        }



        .graphicLinks .linkbox {

            float: none;

            width: auto;

            margin-bottom:40px;

        }





        .graphicLinks .linkbox .boxhead {

            padding:10px;

            margin:0;

            width:auto;

        }



        .graphicLinks .linkbox .boxhead p {

            font-family: "Museo500Regular", "Trebuchet MS", sans-serif;

            font-size:17px !important;

            color:#FFF !important;

            margin:0;

            padding:0;

        }



        .graphicLinks .linkbox .boxhead p.teal:before {

            content: url(../understanding-brca-and-hboc/images/big-teal-arrow-sm.jpg);

            padding-right: 5px;

            vertical-align: middle;

        }



        .graphicLinks .linkbox .boxhead p.magenta:before {

            content: url(../understanding-brca-and-hboc/images/big-magenta-arrow-sm.jpg);

            padding-right: 5px;

            vertical-align:middle;



        }



        .graphicLinks .linkbox.iconMessage .col2 p {

            margin-top:0px !important;

            font-size:14px !important;

        }





        /*End KNOW MORE PAGE STYLES */





        /*Start HBOC Checklist page styles*/

        #wrapperBigPicture  {

            width:100%;

            height:275px;

            padding:0 2%;

            background-color:#CCC;

            background-image:url(../images/checklist-top-image.jpg);

            background-repeat:no-repeat;

            background-position:top left;

            background-size:auto 100%;

            position:relative;

            display:block;

        }



        #wrapperBigPicture .message {

            width: 80%;

            position: absolute;

            bottom: 0px;

            text-align:left;



        }



        #wrapperBigPicture .message h1 {

            font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

            font-size:28px;

            line-height:32px;

            margin-bottom:0px;

            margin-left:0%;

            color:#cb3494;

            text-shadow: 3px 3px 10px rgba(255,255,255,1.00);

            text-align:left;



        }



        #wrapperBigPicture .message p {

            font-family:"Museo700Regular", "Trebuchet MS", sans-serif;

            font-size:20px;

            line-height:24px;

            color:#333;

            margin-top:10px;

            margin-left:0%;

            text-shadow: 1px 1px 10px rgba(255,255,255,1.00);

            text-align:left;



        }



        /*End HBOC Checklist page styles*/





    }