@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------
	  Navigation Styles Bar Styles
------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------*/


/*--- COURTESY NAV ----------------------------------------------------------
----- Temporary Courtesy Nav until Search is fixed --------------------------*/

#CourtesyNav2{
	position: absolute;
	width: 295px;
	z-index: 699;
	height: 36px;
	right: 5px;
	background-image: url('../images/design/courtesynav.png');
	background-repeat: no-repeat;
	padding-left: 10px;
	color: #666666;
	padding-right:8px;
	line-height:12px;
}
#CourtesyNav2 #CourtesyNavLinks {
	padding-top: 7px;
	float: left;			
}
#CourtesyNav2 a{
	border-left:1px #C1C1C1 solid;				
}
#CourtesyNav2 a.noline{
	border-left:none;			
}
#CourtesyNav2 a,
#CourtesyNav2 a:active,
#CourtesyNav2 a:visited{
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	color: #666666;
	padding-right: 5px;
	padding-left: 4px;
	float:left;
}
#CourtesyNav2 a:hover{
	color: #333333;
}


/*--- ORIGINAL COURTESY NAV WITH SEARCH----------
----- Hidden on page but still appears in code --*/

#CourtesyNav{
	position: absolute;
	width: 280px;
	z-index: 699;
	height: 36px;
	right: 5px;
	background-image: url('../images/design/courtesynav.png');
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #666666;
	padding-right:8px;
	line-height:12px;
	display:none;
}
#CourtesyNavLinks {
	padding-top: 9px;
	float: left;			
}
#CourtesyNav a,
#CourtesyNav a:active,
#CourtesyNav a:visited{
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	color: #666666;
	padding-top: 9px;
	padding-right: 1px;
	padding-left: 1px;
}
#CourtesyNav a:hover{
	color: #333333;
}


/*--- SEARCH --------------------
----- Hidden on page but still
----- appears in code -----------*/

.search {
	margin: 4px 2px 0 0;
	width:162px;
}
.ms-sbcell span {
	color:#666666;
	text-transform:uppercase;
	margin-right:0;
	font-size: 10px;
}
.search .ms-sbcell .ms-sbplain{
	margin-right:0;			
}


/*--- THREE BEs BANNER NAVIGATION ----------------------------------------------------------------------
----- Orange, Brown and Blue buttons appears on all pages in the top right below the main navigation ---*/

#ThreeBEsHeader{
	width:498px;
	height:61px;
	float:right; 
	background-image:url('/images/design/ThreeBEsBackground_2011.png');
	background-repeat:no-repeat;			
}
a.OrangeButtonSM,
a.OrangeButtonSM:active,
a.OrangeButtonSM:visited{
	width:302px;
	height:61px;
	float:left;	
	background-image:url('/images/design/RedButtonSM_2011.gif');
	background-repeat:no-repeat;
	background-position:23px 10px;	
}
a.OrangeButtonSM:hover{
	background-image:url('/images/design/RedButtonSM_2011_over.gif');			
}
a.BrownButtonSM,
a.BrownButtonSM:active,
a.BrownButtonSM:visited{
	width:159px;
	height:61px;
	float:left;
	background-image:url('/images/design/BrownButtonSM.gif');
	background-repeat:no-repeat;			
}
a.BrownButtonSM:hover{
	background-image:url('/images/design/BrownButtonSM_on.gif');		
}
a.BlueButtonSM,
a.BlueButtonSM:active,
a.BlueButtonSM:visited{
	width:190px;
	height:61px;
	float:left;	
	background-image:url('/images/design/BlueButtonSM_2011.gif');
	background-repeat:no-repeat;
	background-position:10px 12px;
}
a.BlueButtonSM:hover{
	background-image:url('/images/design/BlueButtonSM_2011_over.gif');			
}
a.OrangeButtonSM span,
a.BrownButtonSM span,
a.BlueButtonSM span{
	visibility:hidden;
	display:none;
}


/*--- BREADCRUMBS ------------------------------------------------------------------------*/

#ORGbreadcrumb{
	float:left;
	clear:both;
	background-color:#FFFFFF;
	width:795px;
	padding: 10px 20px 10px 20px;
	margin-left:145px;			
}
#ORGbreadcrumb a,
#ORGbreadcrumb a:active,
#ORGbreadcrumb a:visited{
	color:#afafaf;
	text-decoration:none;			
}
#ORGbreadcrumb a:hover{
	text-decoration:underline;			
}
.BCcurrent{
	color:#666666;
}


/*--- DONATE BUTTON  ---------------------------------------------------------*/
/*--- Located inside the last LI of the Level 1 Navigation ---*/

ul.dropdown a.DonateButton,
ul.dropdown a:active.DonateButton,
ul.dropdown a:visited.DonateButton{
	padding-top: 6px;
	padding-right: 0;
	padding-left: 0;
	height:29px;
	width:145px;
/*Made button red for holiday*/
	background-image:url('../images/design/donate_button_2015.png');
	background-repeat:no-repeat;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	margin-top:38px;
	float:left;
	clear:both;
	border-bottom: none;	
}
ul.dropdown a:hover.DonateButton{
/*Made button red for holiday*/
	background-image:url('../images/design/donate_button_on_2015.png');
	background-repeat:no-repeat;
}
a.DonateButton span{
	display:none;
	visibility:hidden;			
}


/*--- TOP NAV ---------------------------------------------------------
-----------------------------------------------------------------------
-----------------------------------------------------------------------*/

ul.dropdown li:hover > ul {
	visibility: visible;
}
ul.dropdown ul li:hover > ul,
ul.dropdown ul li:hover > ul li,
ul.dropdown ul li:hover > ul a{
	visibility: visible;
}
td.NavCell{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-position: left top;
}
#TopNav {
	float:left;
	margin: 0;
	padding: 0;
	background-image: url('../images/design/logo_cards_r.gif');
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#f5f5f6;
}
#TopNav ul{
	float:left;
	margin: 0;
	padding: 0;
}
#TopNav ul ul ul{
	clear:both;
}
#TopNav li{
	margin: 0;
	padding: 0;
}


/*--- TOP NAV LEVEL ONE -------------------------------------------------*/

ul.dropdown {
	width:702px;
	position: relative;
	z-index: 597;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	background-image: url('../images/design/navline.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}
ul.dropdown li{
	list-style: none;
	float:left;
 	vertical-align: middle;
 	zoom: 1;
}
ul.dropdown a,
ul.dropdown a:active,
ul.dropdown a:visited{
	color: #666666;
	text-decoration: none;
	height:20px;
	float:left;
	font-family: Arial Narrow, Arial;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	border-bottom: 1px #dbdbdb solid;
}

ul.dropdown a:hover{
	background-image: url('../images/design/nav_bkgrd_hvr.jpg');
	background-repeat: repeat-x;
	color: #FFFFFF;
}


ul.dropdown a.whoweare,
ul.dropdown a.whoweare:active,
ul.dropdown a.whoweare:visited{
	background-image:url('../images/design/nav/whoweare.gif');
	background-repeat:no-repeat;
	width:75px;
	height:75px;
}
ul.dropdown a.whoweare:hover{
	background-image:url('../images/design/nav/whoweare_on.gif');
			
}
ul.dropdown a.whatwedo,
ul.dropdown a.whatwedo:active,
ul.dropdown a.whatwedo:visited{
	background-image:url('../images/design/nav/whatwedo.gif');
	background-repeat:no-repeat;
	width:76px;
	height:75px;
}
ul.dropdown a.whatwedo:hover{
	background-image:url('../images/design/nav/whatwedo_on.gif');
			
}
ul.dropdown a.whywecare,
ul.dropdown a.whywecare:active,
ul.dropdown a.whywecare:visited{
	background-image:url('../images/design/nav/whywecare.gif');
	background-repeat:no-repeat;
	width:82px;
	height:75px;
			
}
ul.dropdown a.whywecare:hover{
	background-image:url('../images/design/nav/whywecare_on.gif');			
}
ul.dropdown a.meetpartners,
ul.dropdown a.meetpartners:active,
ul.dropdown a.meetpartners:visited{
	background-image:url('../images/design/nav/meetpartners.gif');
	background-repeat:no-repeat;
	width:119px;
	height:75px;
			
}
ul.dropdown a.meetpartners:hover{
	background-image:url('../images/design/nav/meetpartners_on.gif');			
}
ul.dropdown a.newsevents,
ul.dropdown a.newsevents:active,
ul.dropdown a.newsevents:visited{
	background-image:url('../images/design/nav/newsevents.gif');
	background-repeat:no-repeat;
	width:90px;
	height:75px;
			
}
ul.dropdown a.newsevents:hover{
	background-image:url('../images/design/nav/newsevents_on.gif');			
}

ul.dropdown a.waystogive,
ul.dropdown a.waystogive:active,
ul.dropdown a.waystogive:visited{
	background-image:url('../images/design/nav/waystogive.gif');
	background-repeat:no-repeat;
	width:78px;
	height:75px;
			
}
ul.dropdown a.waystogive:hover{
	background-image:url('../images/design/nav/waystogive_on.gif');			
}





/*--- TOP NAV LEVEL TWO -------------------------------------------------*/

ul.dropdown ul {
	float:left;
	width:702px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	list-style: none;
	padding: 0;
	line-height: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
 z-index: 599;
}
ul.dropdown ul a,
ul.dropdown ul a:active,
ul.dropdown ul a:visited{
	height:10px;
	padding: 7px 0 16px 0;
	margin: 0 15px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	background-color: #FFFFFF;
	font-size:11px;
	font-weight:normal;
	color:#0099cc;
	border:none;
}
ul.dropdown ul a:hover{
	padding: 7px 0 6px 0;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
	background-image: none;
	color: #0099cc;
}

/*--- TOP NAV LEVEL THREE -----------------------------------------------*/

ul.dropdown ul ul {
	width:125px;
	position: absolute;
	top: 100%;
	left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
}
ul.dropdown li li li{
	float:left;
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
ul.dropdown ul ul a,
ul.dropdown ul ul a:active,
ul.dropdown ul ul a:visited{
	width:117px;
	padding: 5px 0 6px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	background-color: #FFFFFF;
	background-image: none;
	border-bottom-style: none;	
	margin:0;
}
ul.dropdown ul ul a:hover{
	padding: 5px 0 6px 8px;
	background-image: none;
	color: #FFFFFF;
	background-color: #FDA320;
	border-bottom-style: none;
}

/* ///////////////Lefthand Navigation Styles /////////////////////////*/
.leftNav {
	margin:0 0 0 0;
	width:247px;
	border:none;
	background-color:#fff;
}
.leftNav a,
.leftNav a:active,
.leftNav a:link,
.leftNav a:visited {
	color:#666666;		
}
.leftNav a:hover {
	color:#0099cc;
}
.leftNavHover {
	background-color:transparent;
}
.leftNavSelected {
	background-color:transparent;
	border:none;	
}
.leftNavSelected a,
.leftNavSelected a:active,
.leftNavSelected a:link,
.leftNavSelected a:visited {
	color:#0099cc;		
}
.leftNav1,
.leftNav1 a,
.leftNav1 a:active,
.leftNav1 a:link,
.leftNav1 a:visited {
	font-size:12px !important;
	text-transform:uppercase !important;
	color:#999999;
}

.leftNav3,
.leftNav3 a,
.leftNav3 a:active,
.leftNav3 a:link,
.leftNav3 a:visited {
	color:#999999;

}
.leftNav4,
.leftNav4 a,
.leftNav4 a:active,
.leftNav4 a:link,
.leftNav4 a:visited {
	padding-left:18px;
	padding-right:10px;
	font-size:8px !important;
	text-transform:uppercase !important;
}