/* V3 -------------------------------------------------------*/

 * inc: helpers
 * inc: links 
 * inc: image styles
 * inc: grids
 * inc: buttons
 * inc: boxes
 * inc: twitter box
 * inc: titles/headings
 * inc: hero including tabs
 * inc: carousel
 * inc: modifications to header and footer
 * inc: donateModule
 * inc: Fundraising banner
--------------------------------------------------------------*/

/* HELPERS
--------------------------------------------------------------*/
.nomClearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
     
.nomRm {
    position: absolute; 
    left: -999em;
    }

/* LINKS
-------------------------------------------------------*/
.nomPageWrap a,
.nomPageWrap a:link {color: #336633;}

.nomPageWrap a:hover, 
.nomPageWrap a:focus, 
.nomPageWrap a:active {
    text-decoration:underline;
    background-color:#F0F7E5;
    }

/* LISTS
--------------------------------------------------------------*/
.nomListNoBullet {
    list-style-type: none;
    margin-left: 0;
    }  
.nomListNoBullet li{
	margin-bottom:0;
}    

/* IMAGE STYLES
--------------------------------------------------------------*/
.nomImgLeft {
    float: left;
    margin: 0 0 10px 10px;
    }
    
.nomImgRight {
    float: right; 
    margin: 0 10px 10px 0;
    }    

/* GRID
--------------------------------------------------------------*/
.nomPageWrap {padding: 1px 0;}

.nomLine {padding: 20px 0;}
.nomUnit{float:left;}
.nomCol1of3{width:33.33333%;}
.nomCol2of3{width:66.66666%;}
.nomCol1of4{width:25%;}
.nomCol3of4{width:75%;}

.nomUnitInner {
    margin-left: 10px; 
    margin-right: 10px;
    }
.nomWrapper {
    width: 970px;
    margin: 0 auto;
    }

/* BUTTONS
--------------------------------------------------------------*/
.nomBttn {
    padding: 0.5em 2em;
    display: inline-block;
    font-size: 1.143em;
    font-family: "ClarendonTextProBold", "Georgia", "Times New Roman", Times, serif;
    font-weight: normal;
    margin: 0 0 10px 0;
    }

.nomPageWrap .nomBttnCTA,
.nomPageWrap .nomBttnCTA:link {
    background-color: #fafafa;
    color: #333;
    border: 1px #e8e8e8 solid;
    }
    
.nomPageWrap .nomBttnCTA:focus,
.nomPageWrap .nomBttnCTA:active {
    background-color: #333; 
    color: #fafafa;
    }

/* BOXES
--------------------------------------------------------------*/
.nomBox {position: relative;}
.nomBoxBody {margin: 0 5px;}

.nomBoxBody p, .nomBoxBody li {
	line-height: 1.583em;
	margin-top:0;
}

.nomImg {
    position: absolute; 
    top: 10px; 
    left: 5px;
    }

/* BOX 1 and 3 - 80x80 image on left, paragraphs on right
------------------------------*/
.nomBox1 {margin-bottom: 15px;}    

.nomBox1 {min-height: 125px;}

.nomBox1 .nomBoxBody {margin-left: 100px;}

.nomBox1 .nomTitle,
.nomBox3 .nomTitle {
    font-weight: bold; 
    font-size:1.083em; 
    font-family: Verdana, sans-serif;
    }
    
.nomBox1 p a,
.nomBox1 p a:link,
.nomBox3 p a,
.nomBox3 p a:link {font-weight: bold;}

/* BOX 2 - news and events boxes
------------------------------*/
.nomBox2 {min-height: 80px;}
.nomBox2 .nomImg {top: 5px;}
.nomBox2 .nomBoxBody {
  margin-left: 105px; 
  margin-right: 0;
  }

.nomBox2 p {margin: 0;}

/* BOX 3 - 80x80 image on left, lists of links/paragraphs on right
------------------------------*/
.nomBox3 {min-height: 90px;}
.nomBox3 .nomImg {top: 5px;}
.nomBox3 .nomTitle {margin-top: 0.8em;}
.nomBox3 .nomBoxBody {margin-left: 95px;}

.timestamp, .smalltext{
	display:block;
    padding-top: 5px; 
    font-size: 0.917em;
}

/* BOX4 - boxes with numbers in
------------------------------*/
.nomBox4, .nomListNoBullet li.nomBox4 {min-height: 90px; margin-bottom: 7px;}

.nomBox4 .nomTitle,
.nomBox4 .nomTitle a:link {
    font-size: 1.417em;
    font-family: "ClarendonTextProRegular", "Georgia", "Times New Roman", Times, serif;
    line-height: 125%;
    margin: 1em 0 0 0;
    display: inline-block;
    }
    
.nomPageWrap .nomBox4 .nomTitle,
.nomPageWrap .nomBox4 .nomTitle a:link {color: #333;}
 
.nomBox4 .nomBoxBody {
    margin-left: 4.5em; 
    margin-right: 30px;
    }
    
.nomNumber {
    position: absolute; 
    top: 15px; 
    left: 10px;
    display: block;
    background-color: #70a31c;
    color: #fff;
    padding:0.3em 0.65em;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    }    
    
/* BOX5 - standard content box
------------------------------*/
.nomBox5 .nomBoxBody {margin: 1em 15px;}
.nomBox5 a,
.nomBox5 a:link {font-weight: bold;}

/* BOX SKINS/THEMES 
------------------------------*/

.barnLhCol{
	
}
.barnLhCol ul{
	border-top:1px solid #e6e6e6;
	margin:0 0 15px 0;
	padding:0;
}
.barnLhCol li{
	list-style-type:none;
	border-bottom:1px solid #e6e6e6;
	padding:10px 0 15px 0;
	clear: both;
}
.barnLhCol li img{
	float:left;
	margin: 5px 15px 25px 0;
}
.barnLhCol li a{
	font-weight:bold;
}



/* box with a white background and a grey 1px solid top border */
.nomSkinA {
    background-color: #fff;
    border-width: 1px 0 0 0;
    border-color: #e6e6e6;
    border-style: solid;
    }
    
.nomSkinALast {border-bottom-width: 1px;}

/* box with a grey background and a grey 1px solid top border */
.nomSkinB {
    background-color: #f7f7f7;
    border-top: 1px #ededed solid;
    }

/* box with grey background and grey 1px solid top border */
.nomSkinC {
    border-top: 1px #ededed solid;
    background-color: #f7f7f7;
    }

/* box with white background and grey border on all sides */
.nomSkinD {
    border: 1px #e9e9e9 solid;
    background-color: #fff;
    }

/* box with grey background and grey border on all sides */
.nomSkinE {
    border: 1px #ededed solid;
    background-color: #fbfbfb;
    }

/* box with green background and green borders on all sides */	
.nomSkinF {
    border:1px #c7f07e solid;
    background-color: #f2f8e8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

/* box with grey background and grey border on all sides */
.nomSkinG {
    border: 1px #e9e9e9 solid;
    background-color: #fafafa;
    }

/* box with white background and green 3px top border */
.nomSkinH {
    border-top: 3px #92c23d solid;
    background-color: #fff;
    }
    
/* box with a white background and a grey 1px solid top border */
.nomSkinI {
    background-color: #fff;
    border-width: 0 0 1px 0;
    border-color: #e6e6e6;
    border-style: solid;
    margin-bottom: 10px;
    }   
    

/* LINKIFIED STATES
--------------------------------------------------------------*/
.linkified {cursor:pointer;}

.nomPageWrap .linkie-hover,
.nomPageWrap .linkie-hover .nomTitle,
.nomPageWrap .linkie-hover .nomTitle:link {
    background-color: #92c23d;
    color: #1f3e1f;
    }
    
.nomPageWrap .linkie-hover .nomNumber {
    color: #1f3e1f; 
    background-color: #fff;
    }

/* TWITTER BOX
--------------------------------------------------------------*/
.nomTwitter {
    margin: 12px 0 0 0;
    padding: 0 0 21px 0;
    }

.nomTwitter .nomBoxBody {
    margin-left: 0; 
    margin-right: 0;
    padding: 10px;
    }

.nomTwitter .nomBoxBody:after {
    position: absolute;	
    bottom: 1px; 
    right: 15px;
    display: block;
    content:"";
    width: 20px;
    height: 21px;
    background: url(twitter-tip.gif) no-repeat 0 0;
    }

.nomTwitter .nomCitation {
    font-style: normal;
    font-weight: bold;
    color: #415835;
    }

.nomTwitter .nomQuotation {
    background-image: none;
    margin:0;
    }

.nomTwitter .nomQuotation p {
    padding: 3px 0 0 0;
    font-size: 0.917em;
    color: #336633;
    }

.nomTwitterIcon {
    background: url(twitter-bird.gif) no-repeat 0 0;
    min-height: 16px;
    padding-left: 25px;
    }
    
.nomTwitter a:hover,
.nomTwitter a:focus,
.nomTwitter a:active {
    background-color: #336633; 
    color: #F2F8E8;
    }

/* TITLES
--------------------------------------------------------------*/
.nomTitleSkinA {
    border-width: 1px 0 0 0;
    border-color: #e6e6e6;
    border-style: solid;
    color: #336633;
    padding: 0.5em 5px 0 5px;
    margin-top: 0;
    }

.nomTitleSection {
    margin: 0 25px 0.5em 25px; 
    color: #333;
    } 

.nomTitleColumn {
    margin: 0.8em 5px 0.8em 5px;
    font-size: 1.286em;
    font-weight: normal;
    font-family: "ClarendonTextProBold", "Georgia", "Times New Roman", Times, serif;
    }

/* HERO TABS
--------------------------------------------------------------*/
.nomHero {
    margin: 10px 20px 0 20px;
    padding: 0;
    }

.nomHero .nomUnit2 .nomUnitInner {margin-left: 20px;}

.nomHero .nomUnit2 h1, 
.nomHero .nomUnit2 h2,
.nomHero .nomUnit2 h3,
.nomHero .nomUnit2 h4,
.nomHero .nomUnit2 h5,
.nomHero .nomUnit2 h6 {
    font-family: "ClarendonTextProBold", "Georgia", "Times New Roman", Times, serif;
    font-weight: normal;
    }

.nomHero .nomUnit2 h2 {
    font-size:1.667em; 
    }
    
.nomHero .nomUnit2 p {
  font-size: 1.15em; 
  line-height: 1.357em;
  padding-right: 25px;
  }
.nomHero .nomUnit2 p img{
    position: relative;
	right:-10px;
}
.nomHero .nomUnit2 p span{
	font-size:0.8em;
	display:inline;
}
.nomHero .nomUnit2 a,
.nomHero .nomUnit2 a:link {font-weight: bold;}    
    
.nomTabs {
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 630px;
    }

.no-js .nomTabs {
    height: 260px; 
    overflow-x: hidden;
    overflow-y: scroll; 
    }

/* JS VERSION (tabs)
------------------------------*/
.nomTabs .nomTabPanel {
    position: relative;
    padding: 0;
    width: 630px;
    min-height: 260px;
    background-color: #000;
    }
    
.nomTabs .nomTabImg {
    position: absolute; 
    top: 0; 
    left: 0;    
    vertical-align: middle;
    }    

.nomTabBody {
    padding: 1px 220px 0 20px;
    width: 300px;
    background: url(hero-gradient.png) repeat-y 0 0;
    min-height: 259px;
    z-index: 2; 
    position: relative;
    }
    
.nomTabBody .nomTabTitle {
    font-size: 2.250em;
    font-family: Verdana, sans-serif;
    font-weight: bold;    
    line-height: 1.1em;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
    }    
.nomTabBody h1{
	margin:18px 0 0 0;
	color:#fff;
	font-family:ClarendonTextProBold;
} 
.nomTabBody p{
	margin:6px 0 12px 0;
	color:#fff;
	font-size:115%;
	line-height:160%;
} 
.nomTabBody p a, .nomTabBody p a:link{
	color:#fff;
	text-decoration:underline;
}	
.nomTabBody p a:hover{
	color:#336633;
}

/* TAB CONTROLS
------------------------------*/
.no-js .nomTabControls {display: none;} /* hide tab controls on non-JS version as the controls are not needed */

.nomTabs .nomTabControls {
    background-color: transparent; 
    background-repeat: repeat-y;
    background-position: 0 0;
    width: 630px;
    border-bottom: 1px #e8e8e8 solid;
    margin-bottom: -1px;
    }

.nomTabs .tabs-1 {background-image: url(tabs-bg-1.gif);}
.nomTabs .tabs-2 {background-image: url(tabs-bg-2.gif);}
.nomTabs .tabs-3 {background-image: url(tabs-bg-3.gif);}

.nomTabs .nomTabControls .ui-tabs-nav {padding: 0;}

.nomTabs .nomTabControls .ui-state-default {
    margin: 0;
    top: 0;
    white-space: normal;
    padding: 0;
    }

.nomTabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom: 0;}

.nomTabControls .ui-state-default a,
.nomTabControls .ui-state-default a:link {
    display: block;
    float: none;
    text-align: center;
    padding: 1em 5px;
    color: #061e00;
    font-family: "ClarendonTextProBold", "Georgia", "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 1.167em;
    }

.nomTabControls .ui-state-default a:hover,
.nomTabControls .ui-state-default a:focus,
.nomTabControls .ui-state-default a:active {
    background-color: #92c23d; 
    text-decoration: underline;
    }
    
.nomTabControls .ui-state-active a,
.nomTabControls .ui-state-active a:link{color: #1f3e1f;}

.nomTabControls .ui-state-active a:hover,
.nomTabControls .ui-state-active a:focus,
.nomTabControls .ui-state-active a:active {text-decoration: none;}
.TabControls ul li span.smalltext{
	font-family: verdana, "Georgia", "Times New Roman", Times, serif;
	display:inline;
}

/* CAROUSEL
--------------------------------------------------------------*/
.nomCarousel {
    margin: 0 15px;
    position: relative;
    }
    
.nomCarousel .slides {
    width: 960px; 
    margin: 0;
    }    

.nomCarousel .slide {
    display: inline-block;
    width: 235px;
    vertical-align: top;
    margin-left: 0;
    }
    
.nomCarousel .nomBox {
    width: 228px; 
    margin: 0 2px 10px 5px;
    }    
.textcont em{
	font-family: Verdana, sans-serif;
	font-style:normal;
	font-size: 50%;
}
    
/* JS VERSION
------------------------------*/
.nomCarouselEnabled {width: 960px;}
    
.nomCarouselEnabled .slide {
    width: 240px;
    margin: 0;
    display: block;
    position:relative;
    }
    
.nomCarouselEnabled .nomBox {
    width: 228px;
    margin: 0 2px 0 5px;
    }  
    
.nomCarouselEnabled .nomBox p {margin-bottom: 0.25em;}   

/* SUB HERO BOXES
--------------------------------------------------------------*/ 
.subHero{
	padding-bottom:0;
}
.subHero h2{
	margin-top:10px;
	padding-right:10px;
}
.subHero p{
	padding-right:10px;
}
.subHero img{
	float:left;
	margin-right:10px;
}
.subHero a img{
	border:none;
	padding:0;
}

/* MODIFICATIONS TO HEADER AND FOOTER STYLES
--------------------------------------------------------------*/
#footer {margin-top: 0;}

/* DONATION MODULE
--------------------------------------------------------------*/
#wrapper .nomSkinG{

	border:none;
	background-color:transparent;
}
#rhText .nomUnitInner{
	margin-left: 17px;
	margin-right: 0;			

}
#rhText #tabs{
	margin: 0;
	width: 100%;
	position:relative;

}
#rhText #tabs .tabsLi.active{
	display: block;
	cursor: default;
}
#rhText #tabs .tabsLi{
	display: none;
}
.active{
	cursor: default;
}
#rhText #tabs .ui-tabs-nav .donTabsNavLi a:hover, #wrapper #rhText #tabs .ui-tabs-nav .donTabsNavLi a{
	 background:none repeat scroll 0 0 #f4f2f3;
	text-decoration:none;
}

#wrapper #rhText #tabs .ui-tabs-nav .donTabsNavLi a.active,#wrapper #rhText #tabs .ui-tabs-nav .donTabsNavLi a.active:hover{

   background: none repeat scroll 0 0 #E2E3E4;

}
#rhText #tabs-1,#rhText #tabs-2{

		position:absolute;
		top:55px;
		left:0;
}
.TabControls li.active, .TabControls li:hover {
    background-color: #ddd;
    color: #222;
}
.donTabs{
	background:#E2E3E4;
	margin-left:15px;
	border:1px solid #ddd;
	height:327px;
}
ul.ui-tabs-nav, ul.ui-tabs-nav li{
	list-style-type:none;
	margin:0;
	padding:0;
}
.nomPageWrap .nomHero ul.ui-tabs-nav li a{
	display:block;
	width:50%;
	padding:5px 0;
	float:left;
	font-family: "ClarendonTextProRegular", "Georgia", "Times New Roman", Times, serif;
	font-size:130%;
	text-align:center;
	font-weight:normal;
	color:#060707;
}
.nomPageWrap .nomHero ul.ui-tabs-nav li a:hover, .ui-state-hover{
	text-decoration:none;
}
.nomPageWrap .ui-state-default a, .ui-state-default a:hover, .ui-state-hover{
	background:#F4F2F3;
	text-decoration:none;
}
.nomPageWrap .ui-state-active a, .ui-state-active a:hover{
	background:#E2E3E4;
	text-decoration:none;
}

.ui-tabs-hide{
	display:none;
}
.donTabs form{
	padding:10px 15px 10px 15px;
	clear:both;
}
.label_radio{
	display:block;
	float:left;
	width:62px;
	padding:6px 0;
	color:#7FBA00;
	background:#fff;
	font-family: "ClarendonTextProRegular", "Georgia", "Times New Roman", Times, serif;
	font-size:165%;
	text-align:center;
	margin-right:5px;
	cursor:pointer;
}
.r_on{
	color:#fff;
	background:#7FBA00;
}
.label_radio input {
    left: -9999px;
    position: absolute;
}
.don-row{
	clear:both;
	margin:20px 0;
}
#txt_amount{
	background:#fff url(don-mod-pound.gif) 5px 10px no-repeat;
	border:none;
	padding:10px 2px 10px 22px;
	font-family:verdana,arial,helvetica;
	color:#515353;
	width:106px;
	font-size: 110%;
}
.donTabs input[type=submit]{
	background:#7FBA00 url(don-mod-arrow.gif) no-repeat right;
	border:none;
	font-family: "ClarendonTextProRegular", "Georgia", "Times New Roman", Times, serif;
	font-size:145%;
	font-weight:normal;
	color:#fff;
	width:128px;
	padding:7px 0 7px 15px;
	text-align:left;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-left:1px;
}
.ninety-two-p{
	font-size:83%;
	color:#222;
	height: 118px;
	position: relative;
	float: left;
	width: 100%;
	margin-top:137px;
}
.nomHero .ninety-two-p strong{
	font-family: "ClarendonTextProRegular", "Georgia", "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:170%;
	color:#333;
	line-height:150%;
}
.ninety-two-p img{
	float:left;
	margin:10px 10px 20px 20px;
}

.nomLine  #tabs-1,.nomLine  #tabs-2{
	height:210px;
}

.ninety-two-p:hover .tooltipcontainer{
 	opacity:1;
	 z-index:99;
 	-moz-transition-timing-function: ease; /* Firefox 4 */
	-webkit-transition-timing-function: ease; /* Safari and Chrome */
	-o-transition-timing-function: ease; /* Opera */
	-ms-transition-timing-function: ease; /* Opera */
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
	-ms-transition-duration: 0.4s; /* Opera */
} 

.tooltipcontainer{
	background: url("tooltipArrow.png") no-repeat scroll 9px 5px rgba(0, 0, 0, 0);
	bottom: -85px;
	left: -5px;
	opacity: 0;
	z-index:-1;
	padding: 10px 5px;
	position: absolute;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear; /* Firefox 4 */
	-webkit-transition-timing-function: linear; /* Safari and Chrome */
	-o-transition-timing-function: linear; /* Opera */
	-ms-transition-timing-function: linear; /* Opera */
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s; /* Firefox 4 */
	-webkit-transition-duration: 0.3s; /* Safari and Chrome */
	-o-transition-duration: 0.3s; /* Opera */
	-ms-transition-duration: 0.3s; /* Opera */
}
.ninety-two-p .tooltipcontainer .tooltip{
	background-color: #333;
	color: #fff;
	float: left;
	font-size: 106%;
	padding: 9px 0 9px 6px;
	width: 294px;
}

/* Fundraising banner
--------------------------------------------------------------*/
#fundraisingBannerContainer{
	z-index:100;
	display:none;
	position:fixed;
	bottom:0;
	height:auto;
	width:100%;
	background: #d33535;
}
#fundraisingBanner{
	width:990px;
	margin:auto;
}
#fundraisingBannerMain{
	padding:10px 20px;
}
#fundraisingText{
	width:70%;
	float:left;
}
#fundraisingText p{
	font-size:1.7rem;
	color:#fff;
	font-family:"ClarendonTextProRegular","Georgia","Times New Roman",Times,serif;
	margin:0;
}
#fundraisingBannerMain a{
	display:block;
	font-size:1.5rem;
	text-align:center;
	float:right;
	width:20%;
	padding:10px;
	background:#fff;
	color:rgb(205, 8, 8);
	font-family:"ClarendonTextProRegular","Georgia","Times New Roman",Times,serif;
}