/*
	gmhc.css
*/


/* -- BEGIN: html reset --------------------------------------------------- */ 

BODY, H1, H2, H3, H4, H5, H6, PRE, P, BLOCKQUOTE, ADDRESS, DL, DT, DD, UL, OL, LI, TABLE, CAPTION, TH, TD, FORM, FIELDSET, LEGEND { margin: 0; padding: 0 }
H1, H2, H3, H4, H5, H6 { font-size: 1em; }
IMG, FIELDSET, ABBR, ACRONYM { border: 0; }
ADDRESS { font-style: normal; } 
TABLE { border-collapse: collapse; border-spacing: 0; }
UL, OL { list-style: none; }

/* ----------------------------------------------------- END: html reset -- */


/* -- BEGIN: global styles ------------------------------------------------ */

BODY { background: #E3E3E3; color: #111; font-family: Arial, 'Liberation Sans', sans-serif; font-size: 75%; line-height: 1.583; }
HR { display: none; }
P { margin-bottom: 1em; }
DT { font-weight: bold; }
DD { margin-bottom: 1em; }
TD { vertical-align: top; }

H1 { font-size: 2.5em; font-weight: normal; line-height: 1.333; margin-bottom: 10px; }

A { color: #5E2750; text-decoration: none; }
A:hover { text-decoration: underline; }

SUP, SUB { vertical-align: 0; position: relative; }
SUP { bottom: 1ex; }
SUB { top: 0.8ex; }

.JumpLink { width: 0; height: 0; overflow: hidden; }

.tel,
.nobr { white-space: nowrap; }

.subhead { font-weight: bold; }
.date { color: #666; }

IMG.fullsize { display: block; margin-bottom: 1em; }
.EmbedMedia { margin-bottom: 1em; }

UL.bullet { margin-bottom: 1em; }
UL.bullet LI { padding-left: 10px; background: url(../img/bullet.gif) no-repeat 0 0.5em; line-height: 1.333; margin-bottom: 0.333em; }

.featured-area { border-top: 1px solid #111; padding-top: 7px; margin: 2em 0; }
.featured-area H3 { text-transform: uppercase; font-size: 1.25em; line-height: 1; margin-bottom: 1em; }

/* forms */
INPUT, SELECT, BUTTON { vertical-align: middle; font-size: 1em; } 
INPUT[type="text"],
INPUT[type="password"],
TEXTAREA { border: 1px solid #888; }

.FormTable { line-height: normal; }
.FormTable TH { text-align: right; vertical-align: top; padding: 1px 10px 1.25em 0; }
.FormTable TD { padding-bottom: 1.25em; }

P.field { margin-bottom: 0.75em; }

UL.Inputs { margin-bottom: 1em; }
UL.Inputs LI { padding-left: 20px; text-indent: -20px; margin-bottom: 0.5em; line-height: normal; color: #999; }
UL.Inputs LABEL { color: #555; }

FORM EM[title] { font-style: normal; }

.standard-form { padding: 2em 0; }
.standard-form INPUT[type="text"],
.standard-form INPUT[type="password"],
.standard-form TEXTAREA { width: 250px; }
.standard-form INPUT[type="submit"] { color: #470F3F; background: #F8F8F8; border: 1px solid #BBB; font-weight: bold; font-size: 1.083em; }
.standard-form INPUT[type="submit"]:hover { color: #FFF; border-color: #CA0085; background: #DD38A5; cursor: pointer; }
#Captcha { width: 320px; margin: 2em auto; }
#Captcha .label { font-weight: bold; }
.standard-form .form-action { text-align: center; }
SPAN.error { display: block; color: #F00; }
.HelpText { color: #666; }

/* generic containers */
.contenthead:after,
.contentbody:after,
.contentfoot:after,

.module:after,
.modhead:after,
.modbody:after,
.modfoot:after,

.item:after,
.section:after,
.layout:after,
.colwrap:after,
.toolbar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------------------------------------------- END: global styles -- */


/* -- BEGIN: button style links & pagination ------------------------------ */

.btnlink { background: url(../img/bg.btnlink.hvr.gif) no-repeat -9999px -9999px; } /*preload*/
.btnlink A { display: -moz-inline-box; } /* firefox 2 */
.btnlink A { display: inline-block; line-height: 1; padding: 3px 18px 2px 6px; min-width: 7.5em; font-weight: bold; border: 1px solid #E3E3E3; background: #FFF url(../img/bg.btnlink.gif) no-repeat 100% 100%; }
DIV[class~="btnlink"] A:hover { color: #FFF; border-color: #CA0085 !important; background: #CA0085 url(../img/bg.btnlink.hvr.gif) no-repeat 100% 100% !important; text-decoration: none; } /*triggering ie6 weirdness so hide*/

/*using spans in pagination & divs in next/prev navigation*/
.btnnav { background: url(../img/bg.btnnav.hvr.gif) no-repeat -9999px -9999px; } /*preload*/
.btnnav A { display: -moz-inline-box; } /* firefox 2 */
.btnnav A { display: inline-block; line-height: 1; padding: 3px 6px 2px !important; font-weight: bold; border: 1px solid #E3E3E3; background: #FEFEFE url(../img/bg.btnnav.gif) repeat-x 0 100%; }
*[class~="btnnav"] A:hover { color: #FFF !important; border-color: #CA0085 !important; background: #CA0085 url(../img/bg.btnnav.hvr.gif) repeat-x 0 100%; text-decoration: none; }
.toolbar DIV.btnnav { float: right; margin-left: 3px; }
.toolbar DIV.btnback { float: left; margin: 0; }
/*.btnnav SPAN { display: inline-block; line-height: 1; padding: 3px 6px 2px; font-weight: bold; border: 1px solid #E3E3E3; background: #FEFEFE url(../img/bg.btnnav.gif) repeat-x 0 100%; color: #CCC; }*/

.pagination A,
.pagination .current { display: -moz-inline-box; } /* firefox 2 */
.pagination A { display: inline-block; border: 1px solid #E3E3E3; min-width: 1.083em; text-align: center; line-height: 1; padding: 3px 2px 2px; font-weight: bold; margin: 0 2px; }
.pagination A:hover { color: #CA0085; text-decoration: none; }
.pagination .current { display: inline-block;  background: #F2AF00; min-width: 1.083em; text-align: center; line-height: 1; padding: 4px 3px 3px; font-weight: bold; margin: 0 2px; }

/* -------------------------------- END: button style links & pagination -- */


/* -- BEGIN: wysiwyg styles ----------------------------------------------- */

.wysiwyg-content { overflow: hidden; }

.wysiwyg-content H2 { font-size: 1.5em; color: #005172; line-height: 1.222; }
.wysiwyg-content H3, .wysiwyg-content H4 { font-size: 1.167em; line-height: 1.143; }
#SideCol .wysiwyg-content H3, #SideCol .wysiwyg-content H4 { margin-bottom: 0.5em; }
.wysiwyg-content H4 { color: #005172; }
.wysiwyg-content HR { display: block; height: 1px; border: 0; margin-bottom: 1em; background: #111; color: #111; }

.wysiwyg-content TABLE[align="center"] { margin: 0 auto; }
.wysiwyg-content TH, .wysiwyg-content TD { vertical-align: top; padding: 6px; }
.wysiwyg-content TABLE[border="0"] TH:first-child, .wysiwyg-content TABLE[border="0"] TD:first-child { padding-left: 0; }
.wysiwyg-content TABLE[border="0"] TH:last-child, .wysiwyg-content TABLE[border="0"] TD:last-child { padding-right: 0; }

.wysiwyg-content UL { margin: 1em 0; }
.wysiwyg-content OL { list-style: decimal; margin: 1em 0 1em 1.5em; }
.wysiwyg-content LI { line-height: 1.333; margin-bottom: 0.333em; }
.wysiwyg-content UL LI { padding-left: 10px; background: url(../img/bullet.gif) no-repeat 0 0.5em; }
.Article UL { margin-bottom: 1.5em; margin-left: 15px; }
.Article OL { margin-bottom: 1.5em; margin-left: 35px; }
.Article LI { margin-bottom: 0.5em; background-position: 0 0.583em; line-height: 1.583; }
.Article UL LI { background-position: 0 0.583em; }
#SideCol .wysiwyg-content UL,
#SideCol .wysiwyg-content OL { margin-top: 0; margin-bottom: 0.5em; }
#SideCol .wysiwyg-content UL LI { padding-left: 6px; }
#SideCol .wysiwyg-content P { margin-bottom: 0.5em; }

.wysiwyg-content IMG { display: block; margin: 0.25em 0 0.75em }
.wysiwyg-content IMG[align="left"] { margin-right: 12px; }
.wysiwyg-content IMG[align="right"] { margin-left: 12px; }

.Article A { text-decoration: underline; }

/* ------------------------------------------------- END: wysiwyg styles -- */


/* -- BEGIN: layouts & primary containers --------------------------------- */

#PageWrapper { width: 975px; margin: 0 auto; background: #FFF; }
#HeaderWrapper { padding: 20px 20px 0; height: 94px; font-size: 1.083em; line-height: 1.231; position:relative}
#BodyWrapper { padding-bottom: 100px; background: url(../img/bg.bodywrapper.col.gif) repeat-y; }
#BodyWrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#FooterWrapper { background: #E3E3E3; border-top: 5px solid #828282; padding: 8px 150px 0 20px; font-size: 1.083em; line-height: 1.231; text-align: right; overflow: hidden; position: relative; min-height: 50px; }

#NavCol { width: 200px; float: left; padding-top: 12px; }
#Main { width: 695px; float: right; margin-right: 40px; padding-top: 12px; }
.Col3Layout #Main { width: 510px; float: left; margin: 0 0 0 40px; }
.Col3Layout #SideCol { width: 170px; float: right; margin-right: 20px; padding-top: 12px;  }

/* ----------------------------------- END: layouts & primary containers -- */


/* -- BEGIN: global elements ---------------------------------------------- */

/*#support-info { background: #828282 url(../img/txt.support-info.gif) no-repeat 491px 2px; padding: 2px 20px 0; text-indent: -9999px; height: 15px; line-height: 0; }
#support-info A { width: 138px; height: 12px; display: block; background: url(../img/txt.support-info.a.gif) no-repeat; float: right; }
#support-info A:hover { background-position: 0 -15px; }*/
#support-info { background: #828282 url(../img/txt.support-info.2.gif) no-repeat 630px 2px; padding: 2px 20px 0; text-indent: -9999px; height: 15px; line-height: 0; }

#HeaderWrapper IMG#logo_gmhc { float: left; }
#HeaderWrapper UL.nav { float: right; }
#HeaderWrapper UL.nav LI { float: left; margin-right: 17px; padding-top: 2px; }
#HeaderWrapper UL.nav LI.active A,
#HeaderWrapper UL.nav LI A:hover { color: #CA0085; text-decoration: none; }

#site-search FIELDSET { float: right; position: relative; }
#site-search LABEL { position: absolute; top: -16px; left: 10px; }
.js-on #site-search LABEL { top: 2px; }
FORM.search-form INPUT { float: left; margin: 0; }
INPUT#edit-search_theme_form_keys { border: 0; background: #E3E3E3; min-height: 19px; padding: 2px 10px; width: 12.5em; }

#Breadcrumb { border-top: 1px solid #000; border-bottom: 1px solid #000; background: #FFF; padding: 1px 20px 1px 27px; font-weight: bold; }
#Breadcrumb A:hover { color: #CA0085; text-decoration: none; }
#Breadcrumb SPAN { color: #5E2750; }

#FooterWrapper UL.nav { float: left; }
#FooterWrapper UL.nav LI { display: inline; }
#FooterWrapper UL.nav A { color: #111; }
#FooterWrapper UL.social-media { float: left; margin-right: 7px; }
#FooterWrapper UL.social-media LI { display: inline; padding-right: 1px; }
#FooterWrapper .sponsor { position: absolute; right: 15px; top: 4px; }

/* ------------------------------------------------ END: global elements -- */


/* -- BEGIN: MainNav ------------------------------------------------------ */

#MainNav .submenu { display: none; border: 3px solid #000; width: 230px; position: absolute; top: 157px;background-color:white; padding: 12px 0 15px; line-height: 1.333; z-index: 1000; }
#MainNav .submenu LI { float: none; margin-bottom: 1px; } 
#MainNav .submenu LI:last-child { margin: 0; } 
#MainNav .submenu A { text-indent: 0; height: auto; padding: 4px 10px 3px; } 
#MainNav .submenu A:hover { background: #F2AF00 !important; text-decoration: none; }
#MainNav {padding-left:20px; padding-bottom:4px;}
#MainNav LI A { text-indent: -9999px; overflow: hidden; display: block; height: 26px; } 
#MainNav > ul > li {display:inline-block; height:26px;}

/*aboutus*/
LI#nav_aboutus > a {width: 84px;}
LI#nav_aboutus, LI#nav_aboutus.active, LI#nav_aboutus A:hover, LI#nav_aboutus.selected  { background: url(../img/bg.mainnav.oneline.gif) no-repeat; background-position: 0 0px !important;}
LI#nav_aboutus.active, LI#nav_aboutus A:hover, LI#nav_aboutus.selected {  background-position: 0px -27px !important; }


/*GMHC Services*/
LI#nav_services > a {width: 119px;}
LI#nav_services, LI#nav_services.active, LI#nav_services A:hover, LI#nav_services.selected { background: url(../img/bg.mainnav.oneline.gif) no-repeat; background-position: -84px 0px !important;}
LI#nav_services.active, LI#nav_services A:hover,LI#nav_services.selected { background-position: -84px -27px !important; }


/*HIV Info*/
LI#nav_info > a {width:115px;}
LI#nav_info, LI#nav_info.active, LI#nav_info A:hover,LI#nav_info.selected { background: url(../img/bg.mainnav.oneline.gif) no-repeat; background-position: -204px 0px !important;}
LI#nav_info.active, LI#nav_info A:hover,LI#nav_info.selected { background-position: -204px -27px !important; }

/*Get Tested*/
LI#nav_tested > a {width:140px;}
LI#nav_tested, LI#nav_tested.active, LI#nav_tested A:hover,LI#nav_tested.selected { background: url(../img/bg.mainnav.oneline.gif) no-repeat; background-position: -320px 0px !important;}
LI#nav_tested.active, LI#nav_tested A:hover,LI#nav_tested.selected { background-position: -320px -27px !important; }


/*Prevent Hiv*/
LI#nav_preventhiv > a {width:140px;}
LI#nav_preventhiv, LI#nav_preventhiv.active, LI#nav_preventhiv A:hover,LI#nav_preventhiv.selected { background: url(../img/bg.mainnav.oneline.gif) no-repeat; background-position: -459px 0px !important;}
LI#nav_preventhiv.active, LI#nav_preventhiv A:hover,LI#nav_preventhiv.selected { background-position: -459px -27px !important; }

/*Get involved*/
LI#nav_involved > a {width:163px;}
LI#nav_involved, LI#nav_involved.active, LI#nav_involved A:hover,LI#nav_involved.selected { background: url(../img/bg.mainnav.oneline.gif) no-repeat; background-position: -604px 0px !important;}
LI#nav_involved.active, LI#nav_involved A:hover,LI#nav_involved.selected { background-position: -604px -27px !important; }


/*Shop*/
LI#nav_donate > a {width:100px;}
LI#nav_donate, LI#nav_donate.active, LI#nav_donate A:hover,LI#nav_donate.selected {background: url(../img/bg.mainnav.oneline.gif) no-repeat; background-position: -768px 0px !important;}
LI#nav_donate.active, LI#nav_donate A:hover,LI#nav_donate.selected { background-position: -768px -27px !important; }



/*Events*/
LI#nav_events > a {width:74px;}
LI#nav_events, LI#nav_events.active, LI#nav_events A:hover,LI#nav_events.selected {background: url(../img/bg.mainnav.oneline.gif) no-repeat; background-position: -870px 0px !important;}
LI#nav_events.active, LI#nav_events A:hover,LI#nav_events.selected { background-position: -870px -27px !important; }





LI#nav_support .submenu { margin-left: -66px; width: 542px; padding-top: 16px; } /*4 columns width: 723px, not using auto because ie6 needs explicit width*/
LI#nav_donate .submenu { width: 723px; padding-top: 16px; }
LI#nav_services .submenu { width: 361px; }
LI#nav_info .submenu { width: 542px; }
#MainNav .colwrap { background: url(../img/bg.mainnav.submenu.cols.gif) repeat-y; }
#MainNav .col { width: 180px; float: left; margin-left: 1px; }
#MainNav .col_first { margin: 0; }
#MainNav .title { color: #CA0085; font-weight: bold; padding: 0 10px 4px; }

/* -------------------------------------------------------- END: MainNav -- */


/* -- BEGIN: home page ---------------------------------------------------- */

.HomePage #BodyWrapper { padding: 0 20px 20px; background: none; }

#home-content { min-height: 393px; }
#home-feature-block { margin: -382px 0 0 743px; position:relative; z-index:600}
#home-feature-block .item { width: 160px; padding: 6px 10px 10px; background: #FFF; position: relative; margin-top: 10px; }
#home-feature-block .item .kicker { font-size: 0.917em; line-height: 1.091; margin-bottom: 4px; }
#home-feature-block .item H3 { font-size: 1.333em; line-height: 1.125; margin-bottom: 6px; }
#home-feature-block .item IMG { display: block; }
#home-feature-block .item .link { background: #FFF url(../img/bg.home-feat.a.gif) no-repeat 100% 100%; }
#home-feature-block .item .link A { display: block; color: #FFF; font-weight: bold; text-decoration: none; line-height: 1; padding: 2px 15px 2px 6px; }

#slideshow-wrap { background: #000; min-height: 393px; position:relative; z-index:50 }
#slideshow {
	z-index:55;
}
#slideshow a.advance-link {
	z-index:55;
	position:absolute;
}
#slideshow IMG { display: block; } 

#home-features { padding-top: 10px; }
#home-headlines { background: #EAEAEA; float: right; width: 395px; position: relative; min-height: 115px; }
#home-headlines H2 { width: 25px; height: 115px; text-indent: -9999px; background: url(../img/hdr.hm.headlines.gif) no-repeat; position: absolute; }
#home-headlines .block-body { padding: 8px 10px 2em 35px; }
#home-headlines LI { font-size: 1.083em; line-height: 1.231; margin-bottom: 4px; padding-left: 5px; }
#home-headlines .btnlink { position: absolute; bottom: 5px; }
#home-headlines .btnlink A { border-color: #FFF; }
#home-features .feature { float: left; margin: 0 10px 0 0; }

#home-gallery { background: url(../img/slideshow.default.jpg) no-repeat; height: 393px; }
.js-on #home-gallery { background: none; height: auto; }
#home-gallery .content,
#home-gallery-thumbs .img-caption,
#home-gallery-thumbs UL.thumbs { display: none; }
.js-on #home-gallery .content { display: block; height: 360px; overflow: hidden; }
.js-on #home-gallery .image-wrapper { display: block; }
.js-on #home-gallery UL.thumbs { display: block; position: absolute; right: 0; top: 6px; }
.js-on #home-gallery UL.thumbs LI { display: inline; font-size: 1.167em; line-height: 1.5; }
.js-on #home-gallery UL.thumbs A { display: inline-block; width: 1.5em; text-align: center; background: #666; color: #FFF; text-decoration: none; }
.js-on #home-gallery UL.thumbs A:hover { background: #5E2750; }
#home-gallery UL.thumbs LI.selected A { background: #F2AF00 !important;}
.js-on #home-gallery-thumbs .img-caption { display: block;  }
#home-gallery-thumbs { min-height: 17px; position: relative; width: 700px; padding: 7px 0 0 28px; }
#home-gallery-thumbs .caption { position: absolute; color: #FFF; }
#home-gallery-thumbs .caption A { color: #F2AF00; }
#home-gallery-thumbs .btnlink { float: left; margin-right: 10px; }
#home-gallery-thumbs .btnlink A { border-color: #2A2A2A; border-top-color: #6C6C6C; background: #030407 url(../img/bg.btnlink.blk.gif) no-repeat 100% 100%; color: #FFF; min-width: 6em; }

/* ------------------------------------------------------ END: home page -- */


/* -- BEGIN: NavCol & SideCol elements ------------------------------------ */

.feature { margin-bottom: 10px; }
.feature IMG { display: block; }
#NavCol .feature { margin-left: 15px; }

#SubNav { margin-bottom: 50px; }
#SubNav { min-height: 185px; }
.LandingPage #SubNav { min-height: 275px; }
#SubNav H4 { font-size: 0.917em; line-height: 1.091; margin: 0 7px 7px 30px; text-transform: uppercase; color: #005172; }
#SubNav UL { margin-bottom: 1.5em; }
#SubNav LI { font-size: 1.083em; line-height: 1.231; margin-bottom: 1px; }
#SubNav LI A,
#SubNav LI SPAN { display: block; padding: 4px 7px 4px 30px; }
#SubNav LI A:hover { color: #CA0085 !important; text-decoration: none; }
#SubNav LI.active,
#SubNav LI.section { border-top: 1px solid #4D1645; border-bottom: 1px solid #4D1645; background: #FFF; }
#SubNav LI.active A,
#SubNav LI.section A { padding-top: 3px; padding-bottom: 3px; }
#SubNav LI.active A,
#SubNav LI.active SPAN { color: #CA0085; }
#SubNav LI UL { margin-bottom: 0.25em; }
#SubNav LI LI { font-size: 0.923em; line-height: 1.333; margin: 0; border-top: solid 1px #F9F9F9 !important; }
#SubNav LI LI.active { border-bottom: 0; }
#SubNav LI LI A { padding: 3px 15px 3px 33px; background: url(../img/bullet.subnav.gif) no-repeat 0 50%; }
#SubNav LI.active LI A { color: #5E2750; }
#SubNav LI LI A:hover,
#SubNav LI LI.active A { background-position: -200px 50%; }

#SideCol .module { border: 1px solid #F0F0F0; padding: 8px 10px 12px; line-height: 1.333; margin-bottom: 10px; }

#community-voices { background: url(../img/bg.mod.community-voices.jpg) no-repeat 0 100%; padding: 13px 10px 120px !important; }
#community-voices H3 { font-size: 1.333em; line-height: 1.125; }
#community-voices P { margin: 0.167em 0; }
#community-voices .attribution { text-align: right; font-weight: bold; }

/*page tools*/
#page-tools { }
#page-tools LI { margin-bottom: 0.167em; }
#page-tools LI A { font-size: 1.083em; line-height: 1.615; padding-left: 30px; background: url(../img/icon.page-tools.gif) no-repeat; min-height: 21px; display: inline-block; text-transform: lowercase; cursor: pointer; }
#page-tools LI#tools-email A { background-position: 0 50%; }
#page-tools LI#tools-print A { background-position: -150px 50%; }
#page-tools LI#tools-comments A { background-position: -300px 50%; }
#page-tools LI#tools-share A { background-position: -450px 50%; }

/*only displaying these when JS is on, not really the way to do it but better than nothing*/
#page-tools LI#tools-print,
#page-tools LI#tools-share { display: none; }
.js-on #page-tools LI#tools-print,
.js-on #page-tools LI#tools-share { display: block; }

/* -------------------------------------- END: NavCol & SideCol elements -- */


/* -- BEGIN: landing pages ------------------------------------------------ */

.LandingPage #Main { width: 715px; margin-right: 20px; padding-top: 15px; }
.LandingPage H1 { font-size: 1.667em; text-transform: uppercase; line-height: 1; margin-bottom: 8px; font-weight: bold; }
.LandingPage H1.sIFR-replaced { margin-bottom: 2px; }

/*col_3-layout also used on site map*/
.col_3-layout { background: url(../img/bg.col_3-layout.gif) repeat-y; position: relative; margin: 30px 0 1em; }
.col_3-layout .col { width: 210px; float: left; margin-right: 37px; }
.col_3-layout .col_3 { margin: 0; }
.col_3-layout H2 { font-size: 1.667em; line-height: 1.1; margin-bottom: 0.6em; color: #111; }
.col_3-layout IMG { display: block; margin-bottom: 0.5em; }
.LandingPage .col_3-layout .col { padding-bottom: 3em; }
.LandingPage .col_3-layout .colfoot { position: absolute; bottom: 0; }

/* -------------------------------------------------- END: landing pages -- */


/* -- BEGIN: article slideshow -------------------------------------------- */

#article-gallery { margin-bottom: 1em; border: 1px solid #F0F0F0; padding: 10px 15px 5px; }
.js-on #article-gallery { border: 0; padding: 0; }
.js-on #article-gallery H5 { display: none; }
.js-on #article-gallery .slideshow { display: table; height: 280px; background: #EEE; } 
#article-gallery .image-wrapper { display: table-cell; vertical-align: middle; }
#article-gallery .image-wrapper IMG { display: block; margin: 0 auto; }
#article-gallery UL.thumbs { margin: 0; }
.js-on #article-gallery UL.thumbs { margin: -2em 0 0.5em; padding-right: 3px; text-align: right; }
#article-gallery UL.thumbs LI { padding: 0; background: none; line-height: 1.333; }
.js-on #article-gallery UL.thumbs LI { display: inline; margin: 0; font-size: 1.167em; line-height: 1.5; }
#article-gallery UL.thumbs A { font-weight: bold; }
.js-on #article-gallery UL.thumbs A { display: inline-block; width: 1.5em; text-align: center; background: #F2AF00; color: #FFF; text-decoration: none; }
.js-on #article-gallery UL.thumbs A:hover { color: #CA0085; }
#article-gallery UL.thumbs LI.selected A { background: #000; }
#article-gallery LI .caption { display: inline; }
.js-on #article-gallery .img-caption { font-size: 0.917em; color: #666; line-height: 1.091; min-height: 2.5em; }

/* ---------------------------------------------- END: article slideshow -- */


/* -- BEGIN: comments section --------------------------------------------- */

/* adapted from 'my meth life' */
#CommentWrapper { padding-top: 20px; }
#CommentWrapper .Tab H3,
#CommentWrapper.NoScript #TabNav A { display: none; }
#CommentWrapper #TabNav { background: url(../img/brdr.393939.gif) repeat-x 0 100%; overflow: hidden; }
#CommentWrapper #TabNav A { border: 1px solid #393939; background: #E3E3E3; display: block; float: left; padding: 7px 10px 4px; margin-right: 5px; font-weight: bold; text-transform: uppercase; color: #111; font-size: 1.25em; line-height: 1; }
#CommentWrapper #TabNav A:hover { text-decoration: none; }
#CommentWrapper #TabNav A.selected,
#CommentWrapper #TabNav.NoComments A { background: #FFF; border-bottom: 0; padding-bottom: 5px; }
#CommentWrapper #TabNav .Count { font-weight: normal; }
#CommentWrapper .Tab { padding-top: 20px; }
#CommentWrapper.NoScript .Tab { border-top: 1px solid #393939; padding: 0; }
#CommentWrapper.NoScript .Tab H3 { display: block; font-size: 1.25em; text-transform: uppercase; margin-bottom: 20px; }
#CommentForm { padding-left: 25px; }
#CommentForm UL,
#CommentForm LI { margin-bottom: 1em; }
#CommentForm UL LABEL { display: block; text-transform: uppercase; font-weight: bold; }
#CommentForm UL LABEL SPAN { text-transform: none; font-weight: normal; }
#CommentForm UL INPUT[type="text"],
#CommentForm UL TEXTAREA { width: 350px; }
#CommentForm INPUT[type="submit"] { color: #470F3F; background: #F8F8F8; border: 1px solid #BBB; font-weight: bold; font-size: 1.083em; }
#CommentForm INPUT[type="submit"]:hover { color: #FFF; border-color: #CA0085; background: #DD38A5; cursor: pointer; }
#Comments LI { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #F0F0F0; }
#Comments LI P { margin: 0; }
LI#ViewAll { border: 0; }
.toomuch { color: red; }

/* ----------------------------------------------- END: comments section -- */


/* -- BEGIN: news & events pages ------------------------------------------ */

.NewsListingPage .contenthead { margin-bottom: 20px; }
.NewsListingPage H1 { margin-bottom: 7px; }
.NewsListingPage .toolbar #filter_field { float: left; }
.toolbar .pagination { float: right; }
.NewsListingPage .col_2-layout .col_1 { width: 339px; float: left; border-right: 1px solid #F5F5F5; padding-bottom: 25px; }
.NewsListingPage .col_2-layout .col_2 { width: 315px; float: right; padding-bottom: 25px; }
.NewsListingPage .news-item { width: 300px; line-height: 1.417; padding-top: 12px; border-top: 1px solid #F5F5F5; margin-bottom: 1.5em; }
.NewsListingPage .news-item:first-child { padding: 0; border: 0; }
.news-item IMG.pic { display: block; margin-bottom: 0.75em; }
.news-item H2 { font-size: 1.167em; line-height: 1.143; margin-bottom: 0.286em; }
.news-item H2 A:hover { text-decoration: none; color: #CA0085; }
.news-item P { margin: 0; }
.NewsListingPage .contentfoot { padding-top: 0.25em; }

.NewsPage H1 { margin: 0; }
.NewsPage .contenthead { padding-top: 7px; margin-bottom: 20px; }
.NewsPage .contenthead .toolbar { margin-bottom: 1em; }
.event-info { font-size: 1.167em; line-height: 1.071; }
.event-info .date-time { margin-bottom: 1px; font-weight: bold; }
.event-info .date-time SPAN { display: inline-block; background: #F2AF00; padding: 2px 8px; }
.event-info .address { padding-left: 8px; font-weight: bold; }
.event-info .address_1 { padding-top: 4px; }
.event-info .directions { padding: 4px 0 0 8px; }

/* -------------------------------------------- END: news & events pages -- */


/* -- BEGIN: utility pages ------------------------------------------------ */

#SiteMap { margin-right: -20px; }
#SiteMap H3 { font-size: 1.5em; line-height: 1.222; } 
#SiteMap H3 A { color: #111; } 
#SiteMap .col_3 H3 A { color: #CA0085; } 
#SiteMap .title { font-weight: bold; color: #CA0085; }
#SiteMap .col UL { margin-bottom: 1em; } 


#Main .search-form FIELDSET { margin-bottom: 2em; }
#Main .search-form LABEL { position: absolute; left: -9999px; }

#search-results H1 { margin: 0; }
#search-results H2 { font-size: 1.25em; color: #005172; line-height: 1.2; margin-top: 1em; }
#search-results DL { border-top: 1px solid #F5F5F5; padding-top: 0.75em; margin-bottom: 0.75em; }
#search-results DT { font-size: 1.083em; line-height: 1.308; }
#search-results DD { border-bottom: 1px solid #F5F5F5; padding-bottom: 0.75em; margin-bottom: 0.75em; }

/* -------------------------------------------------- END: utility pages -- */


/* -- BEGIN: send to friend ----------------------------------------------- */

.PopupPage { background: #FFF; }
.PopupPage #PageWrapper { width: 520px; padding-top: 5px; }
.PopupPage .contenthead IMG#logo_gmhc { float: left; }
.PopupPage .contenthead H1 { float: right; padding-top: 61px; margin: 0; }
.PopupPage #BodyWrapper { background: none; padding-top: 5px; }
.PopupPage H1 { text-transform: uppercase; font-size: 1.25em; line-height: 1; font-weight: bold; margin-bottom: 5px; }
.PopupPage H2 { font-size: 1.25em; color: #005172; line-height: 1.2; }
#email-article-form { padding: 0 0 0 30px; }
.PopupPage .close { color: #5E2750; text-decoration: underline; cursor: pointer; }
.PopupPage #Captcha { margin: 0 0 15px; }

/* ------------------------------------------------- END: send to friend -- */


/* -- BEGIN: event calendar ----------------------------------------------- */

.view-calendar .view-content {padding-top:20px;}
.view-calendar .view-content .item-list ul li {padding-bottom:10px;}
.view-calendar .view-content .item-list ul li .view-item .view-data-node-body {display:none;}
.view-calendar .view-content .item-list ul li .view-item .view-data-node-data-field-date-and-time-field-date-and-time-value {padding-left:10px;}
.view-calendar .view-content .item-list ul li .view-item .view-data-node-data-field-address-1-field-address-1-value {padding-left:10px;}


.view-calendar Form#views-filters {  }
.view-calendar Form#views-filters TH { text-align: left; }
.view-calendar Form#views-filters TD { padding: 0 10px 1px 0; vertical-align: middle; }
Form#views-filters TD INPUT[type="submit"] { color: #470F3F; background: #F8F8F8; border: 1px solid #BBB; font-weight: bold; font-size: 1.083em; vertical-align: top; }
Form#views-filters TD INPUT[type="submit"]:hover { color: #FFF; border-color: #CA0085; background: #DD38A5; cursor: pointer; }
.view-content-calendar UL.links { text-align: right; padding-top: 1.5em; }
.view-content-calendar UL.links LI { display: inline; border-right: 1px solid #111; padding: 0 0.5em; }
.view-content-calendar UL.links LI.last { border: 0; }
.clear-block { overflow: hidden; }
.calendar-calendar .date-nav { margin-bottom: 1em; padding-top: 2em; width: 100%; clear: both; }
.calendar-calendar .date-prev { float: left; width: 30%; }
.calendar-calendar .date-next { float: left;width: 30%; text-align: right; }
.calendar-calendar .date-heading { float: left; width: 39.9%; text-align: center; color: #005172; text-transform: uppercase; font-size: 1.167em; }
.calendar-calendar .date-header { text-align: center; }
.month-view TABLE { width: 100%; }
.year-view TABLE .month-view TABLE { margin-right: 7px; width: auto; }
.month-view TH { width: 99px; line-height: 1.25; text-transform: uppercase; } 
.month-view TD { border: 1px solid #999; width: 99px; height: 99px; line-height: 1.25; background: #F9F9F9; }
.year-view .month-view TD { width: 32px; height: 32px; background: #FFF; }
.month-view TD .day,
.year-view TD .mini-day-off,
.year-view TD .mini-day-on { float: right; border-left: 1px solid #999; border-bottom: 1px solid #999; font-weight: bold; text-align: center; width: 1.5em; }
.month-view TD .day { background: #F2AF00; z-index: 10; position: relative; }
.year-view TD .mini-day-on { background: #F2AF00; }
.month-view TD .day A,
.year-view TD .mini-day-on A { color: #FFF; }
.month-view TD .day A:hover,
.year-view TD .mini-day-on A:hover { color: #5E2750; text-decoration: none; }
.year-view TD .mini-day-off,
.year-view TD .mini-day-on { font-size: 0.917em; }
.year-view TD .mini-day-on { font-size: 0.917em; }
.day-view TD .day { display: none; }
.month-view TD .event-title { padding: 0.25em 7px 0.25em; margin-bottom: 0.25em; }
.month-view TD .event-details { display: none; background: #FFF; padding: 0.25em 10px 0.5em; width: 140px; overflow: hidden; border: 1px solid #999; }
.month-view TD .event-time { font-weight: bold; }
.month-view TD .event-location { font-style: italic; }
.month-view TD .event-details P { margin: 0; }
.month-view TD .event:hover { display: block; position: relative; }
.month-view TD .event:hover .event-title A { color: #CA0085; }
.month-view TD .event:hover .event-details { display: block; position: absolute; left: -162px; top: -1px; z-index: 20; }
.month-view TD .calendar-more { padding: 0.25em 7px 0.25em; margin-bottom: 0.25em; }

.day-view .view-item-calendar { margin-bottom: 1.5em; }
.view-content-calendar .day-view H2 { font-size: 1.167em; line-height: 1.143; margin-bottom: 0.25em; }

/* ------------------------------------------------- END: event calendar -- */

/* -- BEGIN: velvetech table styles ----------------------------------------------- */
.no-padding th, .no-padding td {
	padding-top:0;
	padding-bottom:0;
}

.no-padding2 {
	padding:0!important;
}

/* ------------------------------------------------- END: velvetech table styles -- */

/****** modifications for home page slider ****/
.slideshow-container {
	position:relative;
}
.slide-click-handler {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:6000;
}

/*table*/
/* should be uncommented when no-padding deployment will be autorixed */

.no-padding-total th, .no-padding-total td {
  padding-bottom:0;
  padding-top:0;
}

.no-padding-total:first-child td {
  padding:0;
}

.wysiwyg-content .no-padding-total img {
  margin:0;
}

/** top buttons **/
.top-buttons {
	position:absolute;
	top:57px;
	right:21px;
}
.top-buttons a {
	display:inline-block;
	margin-left:2px;
	padding:0;
	vertical-align:middle;
}
.top-buttons .donate {
	width:96px;
	height:27px;
	background:url(../img/donate-bg.gif) top left no-repeat;
	color:#fff;
	font-weight:bold;
	padding:5px 0 0 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	line-height: 12px;
}
.top-buttons .donate:hover {
	background:url(../img/donate-bg.gif) 0 -32px no-repeat;
}
.top-buttons .email-signup {
	width:96px;
	height:28px;
	background:url(../img/email-bg.gif) top left no-repeat;
	color:#fff;
	font-weight:bold;
	padding:4px 0 0 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	line-height: 12px;
}

.top-buttons .email-signup:hover {
	background:url(../img/email-bg.gif) 0 -32px no-repeat;
}

.top-buttons .blog-link:hover {
	background:url(../img/blog-bg.gif) 0 -32px no-repeat;
}

.top-buttons .blog-link {
	width:96px;
	height:23px;
	background:url(../img/blog-bg.gif) top left no-repeat;
	color:#fff;
	font-weight:bold;
	padding:9px 0 0 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}

.top-buttons .social-icon {
	
}

/*update18062013*/

.blog-post-title {font-size: 20px; font-weight: bold; }
.blog-post-title:hover { text-decoration: none;}
#LatestPostsNav { font-weight: bold; margin-left: 25px;}
#LatestPostsNav .latest-posts-title { font-size: 14px; }
#LatestPostsNav li div{
	font-weight:normal;
	margin-top: 4px;
	line-height: 1.2em;
}
.submitted {color: #ca0085}
.submitted  a:link, .submitted  a:visited, .submitted  a:hover, .submitted  a:active  {color: #ca0085}
.post-footer { margin-top: -8px; margin-bottom: 18px; }


ul.ns_hierarchy li{ 
	clear: both;
}
ul.ns_hierarchy, ul.ns_hierarchy ul{
	list-style-type: none; 
	margin: 0;
	padding-left: 0px;
}

ul.ns_hierarchy{
	padding-left: 10px;
}
ul.ns_hierarchy ul{
	padding-left: 10px;
}

ul.ns_hierarchy div{
	margin-left: -17px;
	font-weight:normal;
	margin-top: 4px;
	line-height: 1.2em;
}

li.nsh_closed span, li.nsh_opened span{ 
	float: left;
	position: relative;
	width: 9px;
	height: 9px;
	margin: 6px 6px 0 -18px;
	cursor: pointer;
	overflow: hidden;
	font: normal 0.8em/0.8em sans-serif;
}
li.nsh_closed span em, li.nsh_opened span em{ 
	position: absolute;
	width: 9px;
	height: 9px;
	top: 0;
	left: 0;
	background: url("../img/plus-min.gif") no-repeat;
}
li.nsh_closed span em{
	background-position: bottom;
}

.left-content
{
width: 695px;
float: left;
padding-top:12px;
margin-left: 20px;
}

.left-content .content img 
{
margin-left: 0px;
margin-top: 5px;
margin-right: 10px;
}

.right-content
{
float: right;
padding-right: 10px;
padding-top: 12px;
width: 250px;
}

#BodyWrapper.bodywrapper-right
{
background: url("../img/bg.bodywrapper.right.col.png") repeat-y scroll right center transparent;
}