/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/********* Import source stylesheets *********/

/* Forms */
/*@import url("src/forms.css");*/
/* Grid */
/*@import url("src/grid.css");*/
/* Reset */
@import url("/bhcv2/bhcadmin.nsf/images/reset/$file/reset.css");
/* Typography */
@import url("/bhcv2/bhcadmin.nsf/images/typography/$file/typography.css");

/********************************************/

/********* Generic Styles *********/


ul {
	margin: 0;
	padding: 0;
}

.nodisplay {
	height: 1px; 
	width: 1px; 
	position: absolute; 
	overflow: hidden; 
	top: -10px;
}

/********* Font Styles *********/

h1 { font-size: 2em; margin: 0 0 0.5em 0; color: #b3000c; }
h2 { font-size: 1.5em; margin: 0; letter-spacing: 0.04em; }
h3 { font-size: 1.1em; margin: 0 0 0.5em 0; font-weight:bold}
h4 { font-size: 1.1em; margin: 0 0 0.5em 0;}
h5 { font-size: 1.08em; margin: 0; color: #000; }
h6 { font-size: 1.05em; margin: 0; color: #000; }
h7 { font-size: 1em; margin: 0; color: #000; }

/********* Structural Styles *********/

html, body {
	
}

.containerMenu {
  width: 950px;
  margin: 0 auto;
}

#globalnav {
	height: 23px;
	list-style-type: none;
	margin: 2px 30px 0 30px;
}

#header {
	float: left;
	width: 950px;
	/*height: 219px;*/
	height: 50px;
	/*padding: 13px 0 0 0;*/
}

#content {
	float: left;
	width: 845px;
	padding: 0 30px;
}

#content .az {
}

#content .az a {
	border: 1px solid #CFC4C0;
	background: #f5f0ee;
	width: 17px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 2px 8px 2px;
	line-height: 1.3;
}

#content .az a:hover {
	background: #FFF;
	border: 1px solid #b8c9cf;
	text-decoration: none;
}


#content .main {
	clear: both;
	float: left;
	width: 845px;
}

#content .submitbuttons{
background: #64A4B0;
border: 1px solid #FFF;
color: #FFF;
margin: 5px 0;
}
/*Ling Krah - Jan 2010 - Added to format the 2 column listing, i.e the quizzes page*/
.topiclist {
float: left;
width: 420px;
}

#footer {
	clear: both;
	width: 845px;
	/*height : 180px; - for care-taker period when a longish disclaimer was used.*/
	/*height: 76px;*/
	height: 270px;
	padding: 26px 30px 0 30px;
	font-size: 0.9em;
	/*background: url(/bhcv2/bhcadmin.nsf/images/footer_bground_generic/$file/footer_bground.gif) no-repeat 0 0; /* Pages with specific spanning columns will have their own footer bground image in associated stylesheet */
	color: #8d8d8c;
	font-weight: bold;
}

#footer a {
color: #8d8d8c;
}

#footer a:hover {
	text-decoration:underline;
}

#footer h2 {
color: #a1b460;
font-size: 1.1em;
font-weight: bold;
}

#footer ul {
	list-style-type: none;
}


#footer ul li{
	display: inline;
	float: left;
	padding: 5px 0 5px 0;
	width: 242px;
}
	
#footer ul li a {
	color: #8d8d8c;
}	


/********* Global Nav *********/

#globalnav li {
	display: inline;
	float: left;
}

#globalnav li.last {
	float: right;
}

#globalnav li a {
	padding: 0.1em 0.6em 0.3em 0.6em;
	margin: 0 0.7em 0 0;
	background: #FFF;
	font-size: 0.8em;
	font-weight: bold;
}

#globalnav li.last a {
	background: #e2e8ce;
}

#globalnav li a:hover {
	background: #01366C;
	color: #FFF;
	text-decoration: none;
}


/********* Header *********/

/* BHC logo */

#header .siteid {
	float: left;
	width: 270px;
}

#header .siteid a {
	text-indent: -9999px;
	display: block;
	width: 270px;
	height: 86px;
}

#header .siteid img {
	height: 1px; 
	width: 1px; 
	position: absolute; 
	overflow: hidden; 
	top: -10px;
}

#header .rhstools {
	float: right;
	width: 500px;
}

#header .rhstools  ul li{
	float:right;
	list-style-type:none;
	font-size: 0.9em;
	padding-left: 5px;
	display: inline;
}
/* 3 QA images */

#header ul.creds {
	float: right;
	list-style-type: none;
}

#header ul.creds li {
	display: inline;
	float: left;
	margin: 0 0 0 1.2em;
	height: 45px;
}
#header ul.creds li.preferred {
	width: 147px;
}
#header ul.creds li.approved {
	width: 137px;
}
#header ul.creds li.quality {
	width: 163px;
}


/* search */

#header form {
	float: right;
	margin: 1.5em 0 0 0;
}

#header form label {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0.2em 0 0;
}

#header form input.submit {
	border: none;
	background: #171740;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
	padding: 0.2em 0.5em;
}


/* main navigation dropdowns */

#header ul.mainnav {
	list-style-type: none;
	/*color: #828D91;*/
	clear: both;
	float: left;
	width: 841px;
	margin: 0 0 0 0;
    padding: 0 33px;
    /*background-color: #7BBE42;*/
   
    height: 42px;
    /*height:66px;
    width:933px;*/
}

#header ul.mainnav li {
	display: inline;
	float: left;
    margin: 0;
    /*width: 145px;*/
     width: 140px;
    height: 100px;
    text-align:center;
}

#header ul.mainnav li a {
	display: block;
	color: #b3000c;
	height: 49px;
	color: #261717;
	font-size: 16px; 
	text-decoration: none;
	padding: 8px 10px 3px 0;
	margin: 0 10px 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}


#header ul.mainnav {line-height:130%;
}


#header ul.mainnav li a:hover, #header ul.mainnav li a.active {
	background-position: 0 -30px;
}

#header ul.mainnav li.toplevel a {
    color: #155A7D;
    font-weight: bold;
}
/*
#header ul.mainnav li.toplevel a:hover, #header ul.mainnav li.conditionstreatment a.active {
}
#header ul.mainnav li.healthyliving a {
	width: 141px;
}
#header ul.mainnav li.healthyliving a:hover, #header ul.mainnav li.healthyliving a.active {
}

#header ul.mainnav li.relationshipsfamily a {
	width: 206px;
}
#header ul.mainnav li.relationshipsfamily a:hover, #header ul.mainnav li.relationshipsfamily a.active {
}*/

#header ul.mainnav li.servicessupport a {
	background-color: #f5e7b6;
	width: 149px;
}
#header ul.mainnav li.servicessupport a:hover, #header ul.mainnav li.servicessupport a.active {
	background-color: #FFF;
	background-position: 0 0;
}

#header ul.mainnav li.home {
	width: 37px;
	height: 30px;
	margin-left: 0;
	margin-right: 1px;
}

#header ul.mainnav li span {
	clear: both;
	display: block;
	margin: 0 0 0 2.4em;
	white-space: nowrap;
	font-size: 0.75em;
}


/* breadcrumb and site tools */

#header .breadcrumbtools {
	float: left;
	width: 845px;
	margin-bottom: 1em;
}

#header .breadcrumb {
	float: left;
	width: 460px;
	font-size: 0.9em;
	margin: 1.3em 0 0 0;
	line-height: 1.2;
}

#header ul.tools {
	float: right;
	list-style-type: none;
	margin: 1em 0 0 0;
}

#header .tools li {
	display: inline;
	float: left;
	margin: 0 0 0 1em;
}

#header .tools li a {
	font-size: 0.9em;
}

#header .tools li.facebook a {
	padding: 0 0 0 1.5em;
}

#header .tools li.email a {
	padding: 0 0 0 1.9em;
}

#header .tools li.print a {
	padding: 0 0 0 2.2em;
}

#header .tools li.textsize {
	margin-top: -0.4em;
}

#header .tools li.textsize a {
	color: #828D91;
	border: 1px solid #FFF;
	margin: 0 0.1em;
	font-family: georgia, 'times new roman', serif;
}

#header .tools li.textsize a:hover, #header .tools li.textsize a.active {
	border: 1px solid #828D91;
	text-decoration: none;
}

#header .tools li.textsize a.small, .small {
	font-size: 1em;
	padding: 0.6em 0.4em 0.1em 0.4em;
}

#header .tools li.textsize a.medium, .medium {
	font-size: 1.2em;
	padding: 0.2em 0.2em 0.1em 0.2em;
}

#header .tools li.textsize a.large, .large {
	font-size: 1.4em;
	padding: 0 0.1em;
}

.textresizer-active {
	text-decoration: none;
	background: #e5f7fc;
	border: 1px solid #828D91;
}


#header .pagetitle h1 {
	margin: 0;
	padding: 0;
	float: left;
	z-index:0;
}


/********* Footer *********/

#footer div {
	width: 270px;
	float: left;
	margin: 0 10px 0 0;
}

#footer ul li {
	display: inline;
	float: left;
}

#footer .feedbackapps ul li a {
	height: 16px;
	display: block;
	margin: 1em 0.5em 0 0;
}


#footer .feedbackapps ul li.facebookn a {
	width: 16px;
}

#footer .feedbackapps ul li.twittern a {
	width: 16px;
}

#footer .feedbackapps ul li.deliciousn a {
	width: 16px;
}

#footer .feedbackapps ul li.delicious a {
	width: 13px;
}
#footer .feedbackapps ul li.furl a {
	width: 14px;
}
#footer .feedbackapps ul li.technorati a {
	width: 13px;
}
#footer .feedbackapps ul li.dig a {
	width: 14px;
}
#footer .feedbackapps ul li.facebook a {
	width: 12px;
}
#footer .feedbackapps ul li.magnolia a {
	width: 13px;
}

#footer .nav ul {
	list-style-type: none;
}

#footer .nav ul li a {
	border-left: 1px solid #9daab0;
	padding: 0 1em;
}

#footer .nav ul li:first-child a {
	border-left: none;
	margin: 0;
}

#footer .disclaimer {
	float: left;
	margin: 0;
	/*width: 280px;*/
	padding: 0 0 0 0;
	text-align: left;
	width: 280px;
}

#footer .disclaimer .tweets {
	background: #f9f9f5;
	padding:5px;
}


#footer .disclaimer .small {
	font-size: 0.8em;
	}

#footer .caretaker {
 float: left;
 display: block;
 width: 845px;
}

#content .pagination ul li  {
display: inline;
background: none;
padding: 5px;
}

#content ol .majorterms {
margin-left:25px;
}

#content .causetitle{
margin-left:0px;
}

#content ol .terms {
margin-left:55px;
list-style-type:lower-alpha;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #header .pagetitle h1 {
	visibility: hidden;
	font-size: 22px;
}
.megamenu h2 a:link, .megamenu h2 a:visited, .megamenu h3 a:link, .megamenu h3 a:visited
{
    color: #50CADB;
    text-transform: none;
    /*font-family: 'Asap', sans-serif;*/
    font-family: Arial;
}
.megamenu h2 a:hover, .megamenu h3 a:hover, .megamenu .column ul li a:hover
{
    text-decoration: none;
    color: #96c339;
}
.megamenu h2 a:link.notclickable, .megamenu h2 a:visited.notclickable,
.megamenu h3 a:link.notclickable, .megamenu h3 a:visited.notclickable, 
.megamenu .column ul li a:link.notclickable, .megamenu .column ul li a:visited.notclickable,
.megamenu h2.notclickable
{
    color: black;
    font-size: 13px;
    /*font-family: 'Asap', sans-serif;*/
    font-family: Arial;
}
.megamenu h2, .megamenu h3, .megamenu .column ul li
{
    color: #50CADB;
    text-transform: none;
    font-family: 'Asap', sans-serif;
}
.megamenu .column ul li
{
    list-style: none;
    margin: 0;
}
.MoveUp img
{
    height: 12px;
}
.megamenu h2, .megamenu h2 a {
    /*height: 24px;*/
    padding-top: 18px;
}
    .megamenu h2 a:link, .megamenu h2 a:visited, .megamenu h2
    {
        font-size: 13px;
    }
.megamenu h3 a:link, .megamenu h3 a:visited, .megamenu h3
{
    font-size: 12px;
}
.megamenu .column ul li, .megamenu .column ul li a:link, .megamenu .column ul li a:visited
{
    font-size: 11px;
}


.mainnav .toplevel font font{ display: block;
    font-size: 11px;
    display:block;
    margin-top:-5px;
    line-height:100%;
  
}
/*CHANGES FOR OUT PERFORMERS - SB*/
#header ul.mainnav li {
    border-right: 1px solid #CCCCCC;
    height: 50px;
    width: 150px;
    /*background: url(/Images/CustomerSpecific/topMenuBackground.png) no-repeat;*/
    background: #fff;
}

#header ul.mainnav {
    width: 950px;
    padding: 0px;
}

#header ul.mainnav li.toplevel a {
    text-align: center;
    font-weight: normal;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
}

#header ul.mainnav li.toplevel a:hover
{
    color: #7ab748;
}

#header ul.mainnav li.toplevel:hover{
    border-top: 3px solid #7ab748;
    height: 47px;
    font-weight: bold;
    background: #F2F2F2;
    position:relative;
    z-index: 2000;
}

#header ul.mainnav li.toplevel:hover a
{
    line-height:45px;
    color: #7ab748;
    font-weight: normal;
    }

#header ul.mainnav li.hover{
    border-top: 3px solid #7ab748;
    height: 47px;
    background: #F2F2F2;
    position:relative;
    z-index: 2000;
}

#header ul.mainnav li.hover a{
    line-height:45px;
    color: #7ab748;
    font-weight: normal;
    }

#header ul.mainnav li.toplevel:first-child:hover {
    /*border-bottom: 1px solid #CCCCCC;*/
    border-left: 1px solid #CCCCCC;
    width:149px;
    }

#header ul.mainnav li.toplevel:last-child
{
    border-right: none;
    }

#header ul.mainnav li.toplevel:last-child:hover
{
    border-right: 1px solid #CCCCCC;
    }

#header ul.mainnav li.hover:last-child
{
    border-right: 1px solid #CCCCCC;
    }