/* -- GENERAL OVERRIDES -- */

body
{
  background: #13b13d url(/) no-repeat right bottom;
  margin:0px;
  padding:0px;
  font-family:Arial;
}

p
{
  font-family:Arial;
  font-size:9pt;
  
}

img
{
  border:0px;
}

a {
	color: #ec008c;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#breadcrumb span 
{
  color:#555555;
}

span.bc-list
{
  font-weight: normal;
  font-size:8pt;
}

span.bc-list span a {
  color:#ec008c !important;
  text-decoration:none;
}

h1
{
  margin:0px 0px 5px 0px;
  padding-top:0px;
  font-size:20pt !important;
  
}

h1, h1 a
{
    color: #662d91 !important;
}

h2
{
  padding-top:0px;
  font-size:14pt ;
  
}

h2, h2 a
{
    color:#00ae4d !important;   
}

h3
{
  padding-top:0px;
  font-size:11pt;
}

h3, h3 a
{
    color:#ec008c !important;
}

.clr
{
    clear: both;
}

/* -- GENERAL LAYOUT BLOCK -- */

#Wrap
{
  /* -- standard purple bg -- */
  background: #00ae4d url(/40hourfamine/img/bg.jpg) repeat right bottom;
  
  /* -- photo bg -- */
  /* background: #29201f url(/40hourfamine/img/photo_bg.jpg) no-repeat center 180px; */
}


#ContentContainer
{
  width: 980px;
  text-align: left;
  margin: auto;
  background:  url() no-repeat center 0px;
}

#HeaderStrip
{
  width: 100%;
  height: 203px;
  text-align: center;
  background: url(/40hourfamine/img/banner_bg.png) repeat-x center 0px;
}

#FooterStrip
{
  width: 100%;
  height: 207px;
  padding-top:30px;
  text-align: center;
  background: url(/40hourfamine/img/footer_bg.png) repeat-x center 0px;
}

/* -- HEADER -- */

#HeaderBackground
{
  height: 203px;
  margin: auto;
  text-align: center;
}

#HeaderContainer
{
  width: 980px;
  text-align: left;
  margin: auto;
  height: 203px;
  background: url(/40hourfamine/img/banner_stripe_bg.gif) no-repeat center 0px;
}

#logo
{
  width:210px;
  height:190px;
  float:left;
}

#countdown
{
  width:285px;
  height:135px;
  float:left;
  padding-left:110px;
}

#bannerRight
{
  width:375px;
  height:135px;
  float:left;      
}

#mainNav
{
  width:770px;
  height:55px;
  float:left;  
}

#social
{
  padding: 1px 0px 0px 10px;
  padding-top: 1px;
  width:129px;
  height:27px;
  float:left;
}

#secondaryNav
{
  padding:5px 4px 0px 0px;
  width:226px;
  height:23px;
  float:right;
  text-align:right;
  font-size:8pt;
  color:#ffffff;
}

#secondaryNav a
{
  text-decoration:none;
  color:#ffffff;
  font-weight:normal;
}

#secondaryNav a:hover
{
  text-decoration:underline;
  color:#f9ed1b;
}

#social img, #CTAMainButton img, #CTAFooterButton img, #FooterSocial img
{ 
  float:left;
}

#welcome
{
  margin:60px 0px 5px 0px;
  font-weight:bold;
  font-size:10pt;
  color:#ffffff;
  font-style:italic;
  padding-left:10px;
  height:15px;
}

#CTAMainButton
{
  padding-left:10px;
}

.login-text a
{
  text-decoration:none;
  color:#f9ed1b;
}

/* -- MAIN MENU -- */


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** SKIN ***/
.sf-menu 
{
  margin-top:0px;
	float: left;
	margin-bottom: 0px;
}
.sf-menu a {
	padding:5px 10px 7px 10px;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #000000;
}
.sf-menu li 
{
  font-family:Trebuchet MS;
	font-size:14px;
	margin-top:9px;
	margin-right:3px;
}
.sf-menu li li a {
	font-size:11px;
	font-weight:normal;
	background:transparent;
}

.sf-menu li li, .sf-menu li li.sfHover  {
	margin-top:1px;
	background:transparent;
}

.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	text-decoration:none;
	color:#ec008c;
	background:transparent;
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	padding-bottom:0px;
	position:		relative;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:100%; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	position:		relative;
}
.sf-navbar li li ul {
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {

}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#fbf5af;
}

.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
  background:transparent;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
  background:transparent;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	background:transparent;
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
	background:transparent;
}

.sf-navbar li li.current > a {
	font-weight:	normal;
	color:#ec008c;
	background:transparent;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

/* -- FOOTER -- */

#FooterContainer
{
  width: 980px;
  text-align: left;
  margin: auto;
  height:190px;
}

#FooterLogo
{
  width: 145px;
  height:145px;
  float:left;
  padding-top:45px;
}

#FooterSecondaryNavContainer
{
  width: 835px;
  height:15px;
  float:left;
  font-size:8pt;
  color:#ffffff;
  padding-top:5px;
}

#FooterSecondaryNavContainer a
{
  text-decoration:none;
  color:#ffffff;
  font-weight:normal;
}

#FooterSecondaryNavContainer a:hover
{
  text-decoration:underline;
  color:#f9ed1b;
}

#FooterNavContainer
{
  width: 835px;
  height:80px;
  float:left;
}

#CTAFooterButton
{ 
  float:left;
  margin-top:43px;
  width:314px;
}

#FooterSocial
{ 
  float:right;
  width:173px;
  height:62px;
  margin-top:20px;
}

#FooterDisclaimer
{
  width: 835px;
  height:50px;
  float:left;
  color:#ffffff;
  font-weight:normal;
  font-size:8pt;
  margin-top:40px;
}

/* -- PAGEINATION -- */
ol.sf_pager
{
    list-style-type: none;
    text-align: center;
}

ol.sf_pager li 
{
    display:inline;
}

/* -- 1 COLUMN -- */

.oneColumnTop
{
  background: url(/40hourfamine/img/one_column_top.png) no-repeat left top;
  width:980px;
  padding-top:6px;
  margin:12px 0px 5px 0px; 
}

.oneColumnBottom
{
  background: url(/40hourfamine/img/one_column_bottom.png) no-repeat left bottom;
  width:980px;
  padding-bottom:6px;
}

.oneColumnContent
{
  background: url(/40hourfamine/img/one_column_bg.png) repeat-y left top;
  width:930px;
  padding:20px 25px 20px 25px;
}



#TB_window
{
    /*width: 709px !important;  */
    text-align: center;
    /*margin-left: -358px !important;*/
    margin-top: 0 !important;
    padding: 26px 15px 0px 15px;
    top: 6%;
}

#TB_window #TB_prev a, #TB_window #TB_next a, #TB_count
{
    font-size: 16px;
    color: #ec008c; 
    padding-top:0;  
}

#TB_window #TB_next a
{
    /*background: url(/40hourfamine/img/btnGalleryNext.png) no-repeat right 4px;*/
    background: none;
    padding-right: 17px;
     
}

#TB_window #TB_prev a
{
    /*background: url(/40hourfamine/img/btnGalleryPrev.png) no-repeat left 4px;*/
    background: none;
    padding-left: 17px;   
}

#TB_window img#TB_Image
{
    margin: 0 auto 0 auto;   
}

#TB_secondLine #TB_next, #TB_secondLine #TB_prev, #TB_secondLine #TB_count
{
    float: none;
    left: inherit;
    width:auto;
    margin-left: 0 !important;
    display: inline-block;
    position:static;
    *display: inline;
}

#TB_window #TB_caption
{
    padding-left: 0;
    height: auto;
}

#TB_window #TB_caption #TB_captionCopy 
{
    left: inherit;
    position: static;
    float: none;    
    width: auto;
    color: #000000;
    margin-bottom: 10px;
    visibility: visible !important;   
}

#TB_closeWindow
{
    left: 50%;
    top: 1%;
    width: inherit !important; 
    margin-left: inherit !important; 
    margin-top: 0 !important;
    padding: 0 0 0 30px;
    position: fixed;
    z-index: 9000;
    text-align: right;
}

#TB_ImageOff img
{
    /*max-width: 658px;*/
    /*max-height: 550px;*/
    height: auto;   
}


input.label {
  background-color:Transparent;
  border:medium none;
}

.FormSectionTitle
{
  background-color:Transparent;
  color:#00ae4d !important;  
  border-left:0px; 
  border-right:0px; 
  border-top:0px;
}