/* CSS Document 

CSS for Helathy Families, Healthy Planet
Adapted from GBCS Template CSS
Updated by MCW 05/06/2010
*/


body, html {
	padding:0;
	margin:0;
	background: #FFFFFF url(hfhp-greengradient-bg.gif) repeat-x top;
	overflow: auto;
	width:inherit;
}

#outer-shell {
	background-color:#FFFFFF;
	border:2px solid #333399;
	margin:0 auto 20px;
	width:995px;
}

#container {
	position:relative;
}

.skip {
	display:none;
}

.clear {clear:both;}


.addthis_toolbox {
	margin-right: 30px;
}
/***************************************************/
/*                                                 */
/*                   Header Styles                 */
/*                                                 */
/***************************************************/
#header {
	background:url("healthyfamilies_globebanner.gif") no-repeat transparent;
	height:120px;
	padding:5px 0;
	width:990px;
}


#logo {
	float:left;
	width:360px;
}

#logo img {
	padding: 10px 0px 0px 20px;
	width: 250px;
}



/*************** End Header Styles *****************/


/***************************************************/
/*                                                 */
/*                  Main Nav Styles                */
/*                                                 */
/***************************************************/

#mainNav a {text-decoration:none;}

#mainNav {
	background:none repeat scroll 0 0 #FF9933;
	border-top:5px solid #57B159;
	color:#FFFFFF;
	width:100%;
}


#mainNav dir {
	list-style-type:none;
	margin:0;		
}

#mainNav li {
	color:white;
	float:left;
	font-size:140%;
	padding:10px 30px;
}

#mainNav li a {
	color:white;
	display:block;
	font-weight:bold;
}


#mainNav li a:hover {
color: #333399;
text-decoration:none;
}

#mainNav li a.primaryNavOn {background:#557eac;}

#mainNav li li a {
font-size:11px;
line-height:15px;
font-weight:normal;
padding:9px 11px 10px 11px;
}

#mainNav li li a:hover {
background:transparent;
text-decoration:underline;}


/* hack for older versions of IE with incorrect box model */
* html #mainNav li#navItem0 a.primaryNav:link, * html #mainNav li#navItem0 a.primaryNav:visited {height:36px; he\ight:0;}

#mainNav li#navItem0 a.primaryNav:hover {
	background-position:0 0;
	z-index:50;
}




/* hack for older versions of IE with incorrect box model */
* html #mainNav li#navItem1 a.primaryNav:link, * html #mainNav li#navItem1 a.primaryNav:visited {height:36px; he\ight:0;}

#mainNav li#navItem1 a.primaryNav:hover {
	background-position:0 0;
	z-index:50;
}



/* hack for older versions of IE with incorrect box model */
* html #mainNav li#navItem2 a.primaryNav:link, * html #mainNav li#navItem2 a.primaryNav:visited {height:36px; he\ight:0;}

#mainNav li#navItem2 a.primaryNav:hover {
	background-position:0 0;
	z-index:50;
}

#home #mainNav dir {

}

#home #mainNav dir dir {
	width:100%;
	position:absolute;
	left:0;
	height:28px;
	z-index:20;
	top:90px;
}

#default #mainNav dir dir {
	width:100%;
	position:absolute;
	top:210px;
	left:0;
	height:28px;
	z-index:20;
}

#mainNav dir dir li.first {
	padding-left:12px;
}

#mainNav dir dir a {
	color:#fff;
	display:block;
	padding:4px 0;
	float:left;
}

#mainNavBg {
	width:100%;
	position:absolute;
	top:208px;
	left:0px;
	display:none;
	background:transparent url('bg_home_subnav.gif') repeat-x;
	height:28px;
	z-index:19;	
	float:left;
}


.NavGive {border: 2px solid #CCC; padding: 1px 7px 1px 7px}


#subnav {COLOR: #fff; display: none;}

/*************** End Main Nav Styles ***************/


/***************************************************/
/*                                                 */
/*                 Homepage Styles                 */
/*                                                 */
/***************************************************/
#contentContainer {
	padding:20px;
	float:left;
}
/*************** End Homepage Styles ***************/


/***************************************************/
/*                                                 */
/*                 Content Styles                  */
/*                                                 */
/***************************************************/
#mainContent {

	background:url("http://www.umc-gbcs.org/atf/cf/%7B689FEA4C-8849-4C05-A89E-C9BC7FFFF64C%7D/bg_content.jpg") repeat-x 0 0 transparent;
	width: inherit;
	overflow: hidden;
}

#content {
	margin:5px;
	padding: 0 30px;
	width:65%;
	font-size: 120%;
}


#hfhp_noright #content {
	background-color:#FFF;
	border: 2px solid #FF9933;
	margin:auto 50px;
	padding:0;
	width:900px;
}

#home #feature {
	margin-top:25px;
}

#homeFlashBoxes {
	width:467px;
}

#GBCSBreadNav { 
	font-size: 85%;
	margin-left: 12px;
	margin-bottom: 10px;
}


/*************** End Content Styles ****************/


/***************************************************/
/*                                                 */
/*               Right Column Styles               */
/*                                                 */
/***************************************************/
#rightColumn {
	width:250px;
	float:right;
	padding:0px 20px;
	margin-bottom: 20px;
}

.stayConnected ul li {
	font-size: 25px;
}

.stayConnected a {
	text-decoration: none;
}

.stayConnected img {
	padding: 2px;
	vertical-align:middle;
}

.stayConnected a:hover {
	text-decoration: none;
}

/************* End Right Column Styles *************/


/***************************************************/
/*                                                 */
/*                  Footer Styles                  */
/*                                                 */
/***************************************************/
#footer {
	background-color:#EFEED9;
	font-size:95%;
	padding:10px 0;
	width:auto;
}

#footerLinks {
	width:90%;
	text-align:center;
	margin:0 auto;
}

#footerLinks a {
	color:#333399;
}
#footerLinks a:hover {
	color:#FF9933;
}

#contactUsFooter {
	display:none;
}


/**************** End Footer Styles ****************/

/***************************************************/
/*                                                 */
/*                  Content Styles                 */
/*                                                 */
/***************************************************/
#contentTable {height:700px;}

h1 { margin: 10px 20px 10px 20px; padding: 0; clear: left;}


/***************************************************/
/*                                                 */
/*         Blank Center Layout Styles              */
/*                                                 */
/***************************************************/

#CntrLayoutBody {
	background:transparent url(bg_content.jpg) repeat-x;
}

#CenterLayout {
	background-color:#FFF;
	margin:25px auto;
	padding:20px;
	width:995px;
}

/***************************************************/
/*                                                 */
/*                  Advocacy Styles                */
/*                                                 */
/***************************************************/

#ad_wrapper {padding:10px; width:98%}

#ctl00_ctl00_lgnLogin_pnlLogin, #ctl00_lgnLogin_pnlLogin {
	background:none repeat scroll 0 0 white;
	border:1px solid #CACACA;
	margin:0 !important;
	padding:10px;
	width:auto;
}
#ad_Ltr_wpr  div#ad_Main_Lgn, div#ad_Main_Lgn {
background:transparent;}

#ad_Leg_Prev { position:relative; FLOaT: left; font-size:90%; MaRGIN-BOTTOM: 20px; paDDING:10px; WIDTh: 275px; BaCKGROUND-COLOR: #fff; BORDER: #0055B3 2px solid;}

  #ad_Leg, #ad_Prev {
  background-color:#fff;
  margin:10px;
  padding:10px;}

  #ad_Leg h5, #ad_Prev h4 {background-color:#567EaC; padding:3px; text-align:center; color:#fff; font-weight:bold; font-size:15px; }

#ad_Items_LgdIn_wrpr {width:650px; float:right; margin:0px 0px 0px 0px;}


#ad_Find_Leg {
  position:relative;
  right:0px;
  top:0px;
  /top:0px;
  margin:0px 0px 0px 0px;
  width:275px;}


div#ad_Items {BORDER: #0055B3 2px solid; float:right; width:600px;}

#ad_Items_wrpr {
margin:0;}

#ad_Items_H2 {
display:none;}


a.ad_Item {
font-size:13px;}

	#frmAdvocacy div#ad_wrapper div#ad_Reg_wpr div#ad_Reg fieldset  {
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0;
	margin-bottom:0;}				
				
		#ad_Reg_wpr { }
		#ad_Reg_wpr fieldset {background:#FFFFFF}
		
	#ad_Reg_wpr	#ad_Reg_wpr		{ margin:0;padding:0;border:none;}	
					
	#ad_Reg_wpr div fieldset.ad_Ltr {padding: 0;margin-bottom:0;}
		
	div#ad_Reg fieldset.ad_MkLgn {padding-bottom:1px;}

	#ad_Stw_wpr { 
	width:480px;
	padding:0;}	
	
	#ad_BtnPnl { 
	padding:0 0 20px 15px ;
	margin:0 ;
	width:465px;	
	background:#e9e9e9;}	
	 
	 #ad_BtnPnl div {
	 margin:0 ;	 
	 padding:0 0 20px 20px;
	 height:20px;
	 width:430px;
	 background:#dedede;}
				
	#ad_Stw_wpr h3 {padding:20px;padding-bottom:10px;margin-bottom:0;font-size:14px;}
	
	#ad_Stw_wpr textarea {width:380px;clear:left;}
	#ad_Stw_wpr input#ctl00_efEmailFriend_txtSubject {position:relative;top:5px;left:10px;display:block;}
	#ad_Stw_wpr textarea {text-align:left;margin:0;padding:0;}	
	
	body form#frmAdvocacy div#ad_wrapper div#ad_Ltr_wpr div#ad_Reg_wpr div#ad_Reg fieldset {
padding-top:5px;
padding-bottom:5px;
margin-top:0;
margin-bottom:0;}

body form#frmAdvocacy div#ad_wrapper div#ad_Ltr_wpr div#ad_Reg_wpr div#ad_Reg h3 {
padding-top:5px;
padding-bottom:2px;
margin-top:0;
margin-bottom:0;}

div#ad_Reg fieldset.ad_MkLgn {margin-bottom:0px;padding-bottom:1px;}

#ad_Nwsltr_p {display:none;}

div#ad_Reg #ad_RegInfo_p, #ad_RegInfo_p span, #ad_Reg_p {margin:0;padding:0;top:0}

.ad_Ltr br {height:1px;line-height:1px}
				
#frmAdvocacy div#ad_wrapper div#ad_Reg_wpr div#ad_Reg fieldset  {padding:10px;}

body form#frmAdvocacy div {
	margin:0;
}
div#ad_wrapper .ad_Stw_submit { 
width:480px;
padding:0;}	
	 
div#ad_Reg .ad_Email input.ad_sbt {position:relative;left:0px;}

div#ad_Reg input.ad_sbt {border-width:0px;left:20px;position:absolute;}
	
div#ad_Reg #ad_Email input.ad_sbt {top:0}

#ad_Ele_Zip_wpr fieldset, #ad_Ele_addr_wpr fieldset,
#ad_Ele_State_wpr fieldset {background:transparent;}

  div #ad_ItemsIndex_H2 {display:none;}
/*************** End Advocacy Styles ***************/

/***************************************************/
/*                                                 */
/*               Content Tabs Styles               */
/*                                                 */
/***************************************************/

/** TABS Styling **/
div#innertabs {
background: #FFF;
border-top: 0;
border: 1px solid #557EAC;
border-bottom: 2px solid #0055B3;
width: 100%;
padding-bottom:30px;}

#innertabs ol {	
font-size: 11px;
background-color: #557EAC;
margin: 0; 
padding: 0;
height: 20px;
list-style:none;}

#innertabs ol li {
border-right: 1px solid #fff;
float: left;
text-align: center;
width: 135px;}



#innertabs ol li.community { border-right: 0; }
#innertabs ol li.community a.active { width: 117px; }

#innertabs ol li a {
height: 16px;
padding-top: 4px;
display: block;
color: #FFF;
background-color: #557EAC;
text-decoration: none;
font-weight: bold;}

#innertabs ol li a:hover { text-decoration:underline;}

#innertabs ol li a.active { color: #557EAC; background-color:#FFFFFF;}
	
#innertabs div.tab { 

padding: 10px 20px 0px 20px;
color: #000000;
background-color: #fff;}
	
#overviewTab {z-index: 1;}


/** alternate tab format - Orange

Built for Healthy Families, Healthy Planet
 **/

#innertabsHFHP ol li {
border-right:1px solid #393F98;
float:left;
text-align:center;
width:135px;
}

#innertabsHFHP ol {
background-color:#F6921E;
font-size:11px;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

div#innertabsHFHP {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:#F6921E #393F98 #393F98;
border-style:solid;
border-width:1px 1px 2px;
padding-bottom:30px;
width:100%;
}



#innertabsHFHP ol li.community { border-right: 0; }
#innertabs ol li.community a.active { width: 117px; }

#innertabsHFHP ol li a {
height: 16px;
padding-top: 4px;
display: block;
color: #FFF;
background-color: #F6921E;
text-decoration: none;
font-weight: bold;}

#innertabsHFHP ol li a:hover { text-decoration:underline;}

#innertabsHFHP ol li a.active { color: #393F98; background-color:#FFFFFF;}
	
#innertabsHFHP div.tab { 

padding: 10px 20px 0px 20px;
color: #000000;
background-color: #fff;}
	
/** end TABS Styling **/


/***************************************************/
/*                                                 */
/*               AddThis Styles                    */
/*                                                 */
/***************************************************/

.addthis_toolbox .hover_effect
{
    padding: 15px 0 0px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 2px solid #105CB6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}