﻿/*==========================HOME2.0 STYLES==================*/
/*========= orange: #fd8e1f==========*/
/*========= text: #4C4841==========*/

body{
	font-size: 12px;
    color: #4c4841;
    font-family: Arial, Helvetica, sans-serif;
}

#nContent {
	font-size: 12px;
    color: #4c4841;
    font-family: Arial, Helvetica, sans-serif;
    width: 685px;
}

/*Banner classes*/

#nBanner {
	background: #fd8e1f url('../images/ocgw-banner.jpg') no-repeat 0 0;
	width: 685px;
	height: 178px;
}

#nBannerGeneric {
	background: #fd8e1f url('../images/ocgw-banner-nobuttons.jpg') no-repeat 0 0;
	width: 685px;
	height: 178px;
}

.nFOIlogo {
	
}

.nFindLocationBtn {
	display: block;
	margin: 0;
	padding: 0;
	margin: 15px 0 0 15px;
	width: 158px;
	height: 25px;
	background: url('../images/find-a-location-rollover-button.png') no-repeat 0 0;
}

#content a.nFindLocationBtn:hover{ 
	margin: 0;
	padding: 0;
	margin: 15px 0 0 15px;
	background-position: 0 -25px;
	background-color: transparent;
}

.nFindLocationBtn span{
	display: none;
}

.nShopgoodwill {
	display: block;
	margin: 0;
	padding: 0;
	margin: 2px 0 0 15px;	
	width: 158px;
	height: 25px;
	background: url('../images/shopgoodwill-rollover-button.png') no-repeat 0 0;
}

#content a.nShopgoodwill:hover{ 
	margin: 0;
	padding: 0;
	margin: 2px 0 0 15px;
	background-position: 0 -25px;
	background-color: transparent;
}

.nShopgoodwill span{
	display: none;
}

.nMakeDonationBtn {
	display: block;
	margin: 0;
	padding: 0;
	margin: 2px 0 0 15px;	
	width: 158px;
	height: 25px;
	background: url('../images/make-a-donation-rollover-button.png') no-repeat 0 0;
}

#content a.nMakeDonationBtn:hover{ 
	margin: 0;
	padding: 0;
	margin: 2px 0 0 15px;
	background-position: 0 -25px;
	background-color: transparent;
}

.nMakeDonationBtn span{
	display: none;
}


/*General classes*/

#nHomeLeftCol {
	float: left;
	width: 403px;

}

#nHomeRightCol {
	float: right;
	width: 273px;
}


.nImgNoBorder {
	border-width: 0px;
	border: 0;
}

.nImgBorder {
	border: 1px solid #aaaaaa;
}

#content a.nWhiteNormalLink, #content a.nWhiteNormalLink:visited, #content a.nWhiteNormalLink:active {
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	text-decoration: none;
}

#content a.nWhiteNormalLink:hover {
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	text-decoration: underline;
	background-color: #333;
}


#content a.nWhiteItalicLink, #content a.nWhiteItalicLink:visited, #content a.nWhiteItalicLink:active {
	color: #fff;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}

#content a.nWhiteItalicLink:hover {
	color: #fff;
	font-style: italic;
	text-align: center;
	font-size: 12px;	
	background-color: #e47303;
}

#content a.nDarkItalicLink, #content a.nDarkItalicLink:visited, #content a.nDarkItalicLink:active {
	color: #4C4841;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#content a.nDarkItalicLink:hover {
	color: #4C4841;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}

#content a.nDarkNormalLink, #content a.nDarkNormalLink:visited, #content a.nDarkNormalLink:active {
	color: #4C4841;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}

#content a.nDarkNormalLink:hover {
	color: #4C4841;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: underline;
}



.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#content .nBoxHeader{
	padding-bottom: 25px;
}

#content #nLatestNews .nBoxHeader{
	width: 395px;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px solid #fd8e1f;
}

#content #nUpcomingEvents h2, #content #nGWOCVideos h2 {
	color: #4C4841; /*fd8e1f*/
	font-size: 14px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0;
	padding: 0;
}

a.nBoxHeaderLink, a.nBoxHeaderLink:active, a.nBoxHeaderLink:visited, a.nBoxHeaderLink:hover {
	float: left;
	color: #4C4841;
	padding-left: 20px;
	text-decoration: underline;
	font-style: italic;
}

.nBoxBGnBorder {
	background-color: #f0f0f0;
	border: 1px solid #d6d5d5;
	padding: 0px 3px 3px 5px;
}

.nDateBold {
	font-weight: bold;
}

.nDescriptionNormal {
	font-weight: normal;
	font-style: normal;
}

.nTextBoldItalics {
	font-weight: bold;
	font-style: italic;
}

.nTextBold {
	font-weight: bold;
	font-style: normal;
}

.nTextItalicsSmall {
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	color: #666666;
}

.nTextRedBold {
	color: #ff0000;
	font-weight: bold;
	font-style: normal;
}

.nTextBoldBig {
	font-weight: bold;
	font-size: 12px;
}

a.nLink, a.nLink:active, a.nLink:visited, a.nLink:hover {
	float: left;
	color: #4C4841;
	text-decoration: underline;
	font-style: normal;
	margin-top: 5px;
}

a.nItalicsLink, a.nItalicsLink:active, a.nItalicsLink:visited, a.nItalicsLink:hover {
	float: left;
	color: #4C4841;
	text-decoration: underline;
	font-style: italic;
	margin-top: 5px;
}

a.nLink2, a.nLink2:active, a.nLink2:visited, a.nLink2:hover {
	color: #4C4841;
	text-decoration: underline;
	font-style: normal;
}

#RetailStores a.eNews, #RetailStores a.eNews:active, #RetailStores a.eNews:visited, #RetailStores a.eNews:hover {
	color: #FF9933;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal;
	background-color:  transparent;
}


.center{
	text-align: center;
}

.caption {
	color: #666;
	font-size: 10px;
	font-style: italic;
}

/*Quick Links classes*/


#nQuickLinkBox {
	background: #fd8e1f url('../images/quicklinks-bg.gif') no-repeat 0 0;
	width: 685px;
	height: 48px;
	margin-top: 2px;
}

.nQuickLinkBlock {
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	float: right;
	margin: 0;
	padding: 0;
	margin: 7px 54px 5px 5px;
}

#nQuickLinkBox a.nQuickLink, #nQuickLinkBox a.nQuickLink:visited, #nQuickLinkBox a.nQuickLink:active {
	color: #FFFFFF;
	text-decoration: none;
}

#nQuickLinkBox a.nQuickLink:hover {
	color: #4C4841;
	text-decoration: none;
	background-color: transparent;
}

/*Story Box classes*/

#nStoryBox {
	margin: 0;
	padding: 0;
	width: 392px;
	margin-top: 10px;
	margin-left: 0px;
}

.nStoryBoxClientPhoto{
	margin: 0;
	padding: 0;
	float: left;
	width: 170px; /*179px*/
	height: 184px; /*194px*/
	text-align: left;
}

.nStoryBoxClientStory {
	float: right;
	width: 205px; 
	font: 12px Arial, Helvetica, sans-serif;
	color: #4c4841;
	margin-top: 30px; 
	margin-right: 10px;
	text-align: left;
}

.ntableRowHrd {
	background-color: #e9e8e8;
}

.ntableRowLght {
	background-color: #f2f2f2;
}

.ntableTD {
    padding: 5px 5px;
}

#noticeBox{
	margin: 0;
	padding: 0;
	width: 545px; /*460px*/
	margin-top: 20px;
	margin-left: 0px;
}

.noticeBoxImg{
	margin: 0;
	padding: 0;
	float: left;
	width: 55px;
	height: 55px;
	text-align: left;
}


.noticeBoxText {
	float: right;
	width: 460px;/*390px*/
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #6b5d52;
	margin-top: 30px; 
	margin-right: 10px;
	text-align: left;
}

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#fd8e1f; margin:0 5px;}
.b2h {height:1px; background:#FFFFFF; border-right:2px solid #fd8e1f; border-left:2px solid #fd8e1f; margin:0 3px;}
.b3h {height:1px; background:#FFFFFF; border-right:1px solid #fd8e1f; border-left:1px solid #fd8e1f; margin:0 2px;}
.b4h {height:2px; background:#FFFFFF; border-right:1px solid #fd8e1f; border-left:1px solid #fd8e1f; margin:0 1px;}
.b2bh {height:1px; background:#fd8e1f; border-right:2px solid #fd8e1f; border-left:2px solid #fd8e1f; margin:0 3px;}
.b3bh {height:1px; background:#fd8e1f; border-right:1px solid #fd8e1f; border-left:1px solid #fd8e1f; margin:0 2px;}
.b4bh {height:2px; background:#fd8e1f; border-right:1px solid #fd8e1f; border-left:1px solid #fd8e1f; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #fd8e1f;}
.headh {background: #FFFFFF; border-right:1px solid #fd8e1f; border-left:1px solid #fd8e1f;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ff9933;}
.contenth {background: #FFFFFF; border-right:1px solid #fd8e1f; border-left:1px solid #fd8e1f;}
.contenth div {margin-left: 0px; padding-top: 0px;}
.bottomh {background: #fd8e1f; border-right:1px solid #fd8e1f; border-left:1px solid #fd8e1f; height:20px;}

/*Gift Cards*/
#nHomeGiftCards{
	margin-top: 15px;
	width: 315px;
	padding-top: 15px;
}

#nHomeGiftCards img{
	float: left;
	width: 85px;
	height: 60px;
	border: 0;
}

#nHomeGiftCards span{
	float: right;
	margin-top: 10px;
}

/*Home Page CouponBox*/
#nHomeCouponBox{
	margin-top: 15px;
	width: 390px;
	padding-top: 15px;
}

#nHomeCouponBox img{
	float: left;
	border: 0;
	padding-bottom: 15px;
}


/*nHomeAlertBoxLeftCol*/

#nHomeAlertBoxLeftCol{
	margin-top: 15px;
	width: 390px;
	padding-top: 15px;
}

#nHomeAlertBoxLeftCol .left{
	float: left;
	width: 135px;
}

#nHomeAlertBoxLeftCol .right{
	float: right;
	width: 245px;
	margin-left: 10px;
}

#nHomeAlertBoxLeftCol img{
	border: 0px;
}

#nHomeAlertBoxLeftCol .highlighted{
	color: #ff0000;
	font-weight: bold;
	margin-left: 0px;
}

#nHomeAlertBoxLeftCol .normal{
	margin-left: 0px;
}


/*Latest News*/

#nLatestNews {
	width: 403px;
	padding-top: 15px;
}

#content #nLatestNews h2 {
	color: #4C4841; /*fd8e1f*/
	font-size: 14px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin: 0;
	padding: 0;
	/*border-top: 1px solid #000;*/
	/*border-bottom: 1px solid #000;*/
}

.nLatestNewsFeed {
	margin-bottom: 5px;
}

#nLatestNewsFeedBox {
	margin-top: 15px;
	width: 395px;
}


#nLatestNews .nDateBold {
	font-weight: bold;
}

#nLatestNews .nDescriptionNormal {
	font-weight: normal;
}


/*More Ways To Give*/

#nWaysToGive {
	background: #FFFFFF url('../images/waystogive_bg.jpg') no-repeat 0 0;
	width: 393px;
	height: 166px;
	margin-top: 15px;
}

#nWaysToGiveText {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 200px;
	height: 140px;
}

#nWaysToGiveText ul {
	margin-top: 5px;	
}


#nWaysToGiveText li {
	list-style: none;
	padding-bottom: 10px;
}

#nWaysToGiveBottomText {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	margin-left: 5px; 

}

/*AlertBox*/

#nAlertBox { }

#nAlertBox ul{
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 0;
	margin-left: 0;
	background: url(/images/goodwill_character.png) no-repeat 5px 3px;
	color: White;
	float: left;
	width: 272px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d6d5d5;
}

#nAlertBox ul li { display: inline;}

#content #nAlertBox ul li a{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 41px;
	padding-right: 42px;
	background: #f4f4f4 url(/images/goodwill_character.png) no-repeat 5px 3px;
	color: #d80404;
	text-decoration: none;
	text-align: center;
	float: left;
}

#content #nAlertBox ul li a:hover{
	background-color: #d80404;
	color: #fff;
}




/*Employment Home Page*/

#nEmploymentBox ul{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	background-color: #000;
	color: White;
	float: left;
	width: 272px;
	font-family: arial, helvetica, sans-serif;
	border: 1px solid #d6d5d5;
}

#nEmploymentBox ul li { display: inline;}

#nEmploymentBox ul li a.left{
	/*padding: 5px 25px;*/
	display: block;
	width: 40%;
	height: 30px;
	background-color: #f4f4f4;
	color: #666;
	text-decoration: none;
	float: left;
	font-size: 12px;
}

#nEmploymentBox ul li a.left span{ 
	position: relative;
	left: 15px;
	top: 7px;
}

#nEmploymentBox ul li a.right span{ 
	position: relative;
	left: 25px;
	top: 7px;
}

#nEmploymentBox ul li a.right{
	/*padding: 5px 26px;*/
	display: block;
	width: 60%;
	height: 30px;
	background-color: #e2dfdf;
	color: #666;
	text-decoration: none;
	float: left;
	font-size: 12px;
}

#nEmploymentBox ul li a:hover{
	background-color: #000;
	color: #fff;
}

/*Goodwill and my Business*/
#nGWandmyBusiness {
	margin-top: 10px;
	background: url('../images/goodwill-and-my-business.png') no-repeat 0 0;
	width: 272px;
	height: 135px;
}

#nGWandmyBusinessText {
	padding-top: 115px;
	color: #000000;
	text-align: center;
	color: #FFFFFF;
}


/*Upcoming Events*/
#nUpcomingEvents {
	width: 260px;
	padding-top: 15px;
}

#nUpcomingEventsBox {
	
}

.nUpcomingEventsFeed {
	width: 272px;
	margin-bottom: 5px;
}




/*Goodwill of Orange County Videos*/

#nGWOCVideos {
	width: 272px;
	padding-top: 15px;
	/*height: 150px;*/
}

#nGWOCVideosThumb {
	float: left;
	width: 95px;

}

#nGWOCVideosText {
	float: right;
	width: 177px;
}


/*Footer Container*/

#nFooterContainer {
	text-align: center;
	font-size: 12px;
    color: #4c4841;
    font-family: Arial, Helvetica, sans-serif;
    width: 695px;
}

#nFooterLinks ul{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}	

#nFooterLinks li {
	display: inline;
	list-style-type: none;
}

#nFooterLinks a {
	padding: 3px 5px;
	color: #4C4841;
	text-decoration: none;
}

#nFooterLinks a:hover {
	color: #4C4841;
	text-decoration: underline;
}

#nFooterLinks a.nOrangeLink {
	color: #fd8e1f;
	font-weight: bold;
	text-decoration: none;
}

#nFooterLinks a.nOrangeLink:hover {
	color: #fd8e1f;
	font-weight: bold;
	text-decoration: underline;
}

.nFooterAddress {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

#nFooterInfo {
	text-align: center;
}

.nFooterCharityNavigatorImg {
	float: left;
	padding-top: 25px;
	/*padding-right: 5px;*/
	margin-left: 15px;
	width: 220px;
	text-align: right;
}

.nFooterInfoText {
	float: right;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	width: 450px;
}


/*Find Locations*/
#nFindRetailBox{
	background: #FFFFFF url('../images/find-loc-retail-boxbg.jpg') no-repeat 0 0;
	width: 619px;
	height: 131px;
	text-align: left;
}

#nFindSpecialtyBox{
	background: #FFFFFF url('../images/find-loc-specialty-boxbg.jpg') no-repeat 0 0;
	width: 619px;
	height: 131px;
	text-align: left;
}

#nFindDonationLocationBox{
	background: #FFFFFF url('../images/find-loc-donations-boxbg.jpg') no-repeat 0 0;
	width: 619px;
	height: 131px;
	text-align: left;
}

#nFindRetailBox h2, #nFindSpecialtyBox h2, #nFindDonationLocationBox h2 {
	margin: 0;
	padding: 0;
    text-align: left;
	/*color: #fd8e1f;*/
}

#nFindRetailBox .nTextAlign, #nFindSpecialtyBox .nTextAlign, #nFindDonationLocationBox .nTextAlign {
	margin: 0;
	padding: 0;
	padding: 10px 10px 5px 330px;
}

#nFindRetailBox .nTextOrangeHighlight, #nFindSpecialtyBox .nTextOrangeHighlight, #nFindDonationLocationBox .nTextOrangeHighlight {
	font-size: 16px;
    color: #fd8e1f;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#nFindRetailBox .nTextGrayHighlight, #nFindSpecialtyBox .nTextGrayHighlight, #nFindDonationLocationBox .nTextGrayHighlight {
	font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#nFindRetailBox .nTextTopPadding, #nFindSpecialtyBox .nTextTopPadding, #nFindDonationLocationBox .nTextTopPadding {
	margin-top: 5px;
}

#nFindRetailBox .nSearchIconPos, #nFindSpecialtyBox .nSearchIconPos, #nFindDonationLocationBox .nSearchIconPos {
	margin-left: 10px;
	vertical-align: middle;
}

#nFindRetailBox .nSearchTextPos, #nFindSpecialtyBox .nSearchTextPos, #nFindDonationLocationBox .nSearchTextPos {
	vertical-align: middle;
}


#nFindRetailBox .nSearchPos, #nFindSpecialtyBox .nSearchPos, #nFindDonationLocationBox .nSearchPos {
	margin-top: 3px;
	height: 28px;
}

/*Social Media*/

#nSocialMediaQuickLinks {
	background: #FFFFFF url('../images/socialmediabox.png') no-repeat 0 0;
	width: 294px;
	height: 54px;
}

#nSocialMediaQuickLinksPos {
	margin: 0;
	padding: 0;
	padding-top: 12px;
	padding-left: 10px;
}

.nSocialMediaText {
	font-size: 10px;
	vertical-align: middle;
}

.nSocialMediaIcon {
	vertical-align: middle;
}

/*Retail Locations */
#RetailStores, #RetailStores a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4c4841;
}
.nStoreList {
	margin-left: auto;
	margin-right: auto;
	width: 430px;
}
.nStoreListBullets {
	float: left;
}

.nStoreCity {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	border-top: 1px solid #ccc;
	padding-bottom: 20px;
	
}

.nStoreCityListingLeft {
	float: left;
	padding: 4px 4px 15px 4px;
	background-color: #ececec;
	width: 285px;
    border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */		
}

.nStoreCityListingRight {
	float: right;
	padding: 4px 4px 15px 4px;
	background-color: #ececec;
	width: 285px;
    border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */		
}


#RetailStores h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	margin-left: 3px;
}

#RetailStores h4 {
	color: gray;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 15px;	
}

#RetailStores h5 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 5px;	
}

.nStoreCity .storeName{
	font-weight: bold;
}


#iconsLocLegend{
	margin-left: auto;
	margin-right: auto;
	width: 170px;	
	border: 1px solid #ccc;
	padding: 10px;
}

 .iconStore {
	margin: 0;
	padding: 0;
	background: url(../images/icon_store.png) no-repeat transparent top;
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 1px;
}

 .iconDonation {
	margin: 0;
	padding: 0;
	background: url(../images/icon_donation.png) no-repeat transparent top;
	float: left;
	width: 18px;
	height: 18px;	
	margin-right: 1px;
}

 .iconSpeciality {
	margin: 0;
	padding: 0;
	background: url(../images/icon_speciality.png) no-repeat transparent top;
	float: left;
	width: 18px;
	height: 18px;
	margin-right: 1px;
}

#iconsLoc{
	margin-left: auto;
	margin-right: auto;
	width: 405px;	
	padding-top: 5px;
	padding-bottom: 15px;
}

/* retLocGiftCards */

#retLocGiftCards{
	margin-left: auto;
	margin-right:auto;
	margin-top: 15px;
	width: 440px;
}

#retLocGiftCards img{
	float: left;
	width: 85px;
	height: 60px;
	border: 0;
}

#retLocGiftCards span{
	float: right;
	margin-top: 25px;
}

/* retLocAlertBox */
#retLocAlertBox{
	margin-left: auto;
	margin-right:auto;
	width: 390px;
}

#retLocAlertBox .left{
	float: left;
	width: 135px;
}

#retLocAlertBox .right{
	float: right;
	width: 245px;
	margin-left: 10px;
}

#retLocAlertBox img{
	border: 0px;
}

#retLocAlertBox .highlighted{
	color: #ff0000;
	font-weight: bold;
	margin-left: 15px;
}

#retLocAlertBox .bolded{
	font-weight: bold;
	margin-left: 35px;
}

#retLocAlertBox .italics{
	font-style: italic;
	margin-left: 0px;
}



/*ADC List*/
#ADCs, #ADCs a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #4c4841;
}
.nADCList {
	margin-left: auto;
	margin-right: auto;
	width: 615px;
}
.nADCListBullets {
	float: left;
	margin-left: -20px;
}

.nADCCity {
	margin-left: 5px;
	margin-right: auto;
	width: 600px;
	border-top: 1px solid #ccc;
	padding-bottom: 20px;
}

.nADCCityListingLeft {
	float: left;
	padding: 4px 4px 15px 4px;
	background-color: #ececec;
	width: 285px;
    border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */		
}

.nADCCityListingRight {
	float: right;
	padding: 4px 4px 15px 4px;
	background-color: #ececec;
	width: 285px;
    border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */		
}


#ADCs h3 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	margin-left: 3px;
}

#ADCs h4 {
	color: gray;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: 15px;	
}

#ADCs h5 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 5px;	
}

.nADCCity .adcName{
	font-weight: bold;
}

/*holidaySchedule*/

#RetailStores #holidaySchedule{
	margin-left: auto;
	margin-right: auto;
	width: 385px;
	border: 1px solid #ccc;
	padding: 5px 5px;
	text-align: center;
}

#ADCs #holidaySchedule{
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	border: 1px solid #ccc;
	padding: 5px 5px;
	text-align: center;
}

/*AnnouncementBox*/

#nAnnouncementBox {
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 0;
	margin-left: 0;
	background-color: #f0f0f0;
	color: #4c4841;
	float: left;
	width: 272px;
	height: 160px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d6d5d5;
	text-align: left;
}


#nAnnouncementBox div{
	padding: 5px;
	background-color: #f4f4f4;
	float: left;
}

#nAnnouncementBox img{
	border: 0;
}

#nAnnouncementBox .imgLeft{
	border: 0;
	margin-bottom: 5px;
	float: left;
}

#nAnnouncementBox .imgRight{
	border: 0;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 10px;
	float: left;
}

/*AnnouncementBox2*/
/*  Used for Microsoft's Gift Announcement*/

#nAnnouncementBox2 {
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 0;
	margin-left: 0;
	background: #f0f0f0 url(/images/ms_bg.jpg) no-repeat 0 0;
	color: #4c4841;
	float: left;
	width: 272px;
	height: 110px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d6d5d5;
	text-align: left;
}

#nAnnouncementBox2 h5{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
}


#nAnnouncementBox2 div{
	padding: 5px;
	background-color: #transparent;
	float: left;
}

#nAnnouncementBox2 img{
	border: 0;
}

#nAnnouncementBox2 .imgLeft{
	border: 0;
	margin-bottom: 5px;
	float: left;
}

#nAnnouncementBox2 .imgRight{
	border: 0;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 10px;
	float: left;
}

/*AnnouncementBox3*/
/*  Used for CHH. Slightly changed for OC Fair*/

#nAnnouncementBox3 {
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 0;
	margin-left: 0;
	/*background: #f0f0f0 url(/images/ms_bg.jpg) no-repeat 0 0;*/
	background-color: #F0F0F0;
	color: #4c4841;
	float: left;
	width: 272px;
	height: 210px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d6d5d5;
	text-align: left;
	}

#nAnnouncementBox3 h5{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
}


#nAnnouncementBox3 div{
	padding: 5px;
	background-color: transparent;
	float: left;
	width: 260px;
}

#nAnnouncementBox3 img{
	border: 0;
	margin-top: 7px;
	margin-left: 60px;
}

#nAnnouncementBox3 .imgLeft{
	border: 0;
	margin-bottom: 5px;
	float: left;
}

#nAnnouncementBox3 .imgRight{
	border: 0;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 10px;
	float: left;
}

#nContent #nAnnouncementBox3 a:hover{
	background-color: transparent;
}

/* Donate Program */
/*  #nDonateProgramSelectionBox - It is inside donatestep1.asp */
#nDonateProgramSelectionBoxStep2{
	margin: 0;
	padding: 0;
	width: 560px;
	height: 300px;
	font: 12px arial, helvetica, sans-serif;
	background: #fff url('../images/donation_box_bg4.jpg') no-repeat 0 0;
}


.nDonateProgramFormPos{
	float: right;
	margin-top: 55px;
	width: 350px;
	height: 240px;
}

.SelectProgram{
	display: block;
	margin-bottom: 10px;
}

.SelectProgram label{
	float: left;
	text-align: right;	
	width: 115px;
	margin-top: 3px;
	margin-right: 5px;
	font-weight: bold;
}

.SelectProgram .input{
	float: left;
	width: 215px;
	margin-right: 10px;
	font: 12px arial, helvetica, sans-serif;
}

.SelectProgram .instructions{
	float: right;
	width: 215px;
	margin-right: 10px;
	font: 10px arial, helvetica, sans-serif;
	color: #666;
}

.GiftAmount {
	display: block;
	margin-bottom: 15px;
}

.GiftAmount label{
	float: left;
	text-align: right;
	width: 115px;
	margin-top: 3px;
	margin-right: 5px;	
	font-weight: bold;
}

.GiftAmount .input{
	float: left;
	width: 100px;
	margin-right: 10px;
	font: 12px arial, helvetica, sans-serif;
}

.GiftAmount .instructions{
	float: right;
	width: 215px;
	margin-right: 10px;
	font: 10px arial, helvetica, sans-serif;
	color: #666;
}

.OtherGiftAmount {
	display: block;
	margin-bottom: 15px;
}

.OtherGiftAmount label{
	float: left;
	text-align: right;
	width: 115px;
	margin-top: 3px;
	margin-right: 5px;	
	font-weight: bold;
}

.OtherGiftAmount .input{
	float: left;
	width: 100px;
	margin-right: 10px;
	font: 12px arial, helvetica, sans-serif;
}

.OtherGiftAmount .instructions{
	float: right;
	width: 215px;
	margin-right: 10px;
	font: 10px arial, helvetica, sans-serif;
	color: #666;
}

.nDonateProgramFormPos p.left{
	float: left;
	text-align: right;
	width: 115px;
	margin-top: 3px;
	margin-right: 5px;	
}

.nDonateProgramFormPos .button1 {
	margin: 0;
	padding: 0;
	width: 215px;
	margin: 10px 0 0 55px;
}

.nDonateProgramFormPos .button2 {
	margin: 0;
	padding: 0;
	width: 215px;
}

.nDonateProgramFormPos .confirmationbox {
	float: right;
	width: 340px;
	margin-top: 0px;
	margin-right: 10px;
	font: 12px arial, helvetica, sans-serif;
	color: #666;		
}

.nDonateProgramFormPos .confirmationbox h2{
	font: 16px arial, helvetica, sans-serif;
	color: #666;	
	font-weight: bold;
}

.nDonateProgramFormPos .confirmationbox .title{
	font-weight: bold;
	float: left;
} 

.nDonateProgramFormPos .confirmationbox .selectedProgramConfirmation{
	float: left;
	margin-left: 5px;
	margin: 0 0 10px 5px;
	color: #000;
	font:  bold 12px arial, helvetica, sans-serif;
}

.nDonateProgramFormPos .confirmationbox .amountConfirmation{
	float: left;
	margin-left: 5px;	
	color: #000;
	font:  bold 12px arial, helvetica, sans-serif;
}

.nDonateProgramFormPos .secured1{
	margin-left: 100px;
}

.nDonateProgramFormPos .secured2{
	margin-left: 45px;
}

.nDonateProgramFormPos a:link, .nDonateProgramFormPos a:active, .nDonateProgramFormPos a:visited, .nDonateProgramFormPos a:hover {
	color: #4C4841;
	text-decoration: underline;
}

/* taxAndSecurity */

#taxAndSecurity hr{
	width: 75%;
	border: medium none;
	color: #999;
	background-color: #999;
	height: 1px;
}

#taxAndSecurity .contact{
	text-align: left;
}

/*WAYS TO GIVE - DONATE PAGE*/
.nMakeAFinancialContributionBtn {
	display: block;
	margin: 0;
	padding: 0;
	width: 259px;
	height:79px;
	background: url(../images/make-a-financial-contribution-button.png) no-repeat 0 0;
}

.nMakeAFinancialContributionBtn:hover {
	margin: 0;
	padding: 0;
	background-position: 0 -79px;
}

.nMakeAFinancialContributionBtn span {
	display: none;
}

/* =================== JobOpeninigsBtn button START==============*/
#content .JobOpeninigsBtn {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	width: 259px;
	height:79px;
	background: url(/images/job-openings-btn.png) no-repeat 0 0;
}
#content .JobOpeninigsBtn:hover {
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	background-position: 0 -79px;
}
#content .JobOpeninigsBtn span {
	display: none;
}

#content a.JobOpeninigsBtn:hover{
	text-decoration: none;
	background-color: transparent;
}

/* Jobs Page*/

#jobs{
	font: 12px Arial, Helvetica, sans-serif;
    color: #4c4841;
}

#jobs h1, #jobs h2, #jobs h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: strong;
}

#jobs h1 {
	font-size: 18px;
    color: #ff9933;
}

#jobs h2 {
	font-size: 16px;
    color: #000;
}

#jobs h3 {
	font-size: 14px;
    color: #6b5d52;
}

#jobs a, #jobs a:hover, #jobs a:visited, #jobs a:active{
	color: #4c4841;
	text-decoration: underline;
}

#jobs .jobCatList {
	width: 490px;
}
#jobs .jobCatListBullets {
	float: left;
}

#content .applyOnlineBtn{
	display: block;
	background: url(/images/apply-online-btn.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	width: 171px;
	height: 37px;
}

#content .applyOnlineBtn:hover{
	margin: 0;
	padding: 0;
	background-position: 0 -37px;
}

#content .applyOnlineBtn span{
	display: none;
}

#content a.applyOnlineBtn:hover{
	text-decoration: none;
	background-color: transparent;
}

#jobs .backToTop{
	padding-top: 20px;
	padding-bottom: 20px;
}

#jobs .cat1{
	background-color: #d1dee4;
	padding: 20px 15px;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */		
}

#jobs .cat2{
	background-color: #fff;
	padding: 20px 15px;	
	border: 1px solid #d1d1d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */			
}

p{
	font: 12px Arial, Helvetica, sans-serif;
    color: #4c4841;
}

#content a, #content a:hover, #content a:visited, #content a:active {
	font: 12px Arial, Helvetica, sans-serif;
	/*color: #4c4841;*/
}

#content a {
	color: #4c4841;
}

#content a:hover {
	color: #4c4841;
	background-color: #bebab2;
	text-decoration: none;	
}

#content a:visited {
	color: #736d63;
}

#content a:active {
	color: #9e0b0f;
}

#content h1, #content h2, #content h3{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: strong;
}

#content h1 {
	font-size: 18px;
    color: #ff9933;
}

#content h2 {
	font-size: 16px;
    color: #000;
}

#content h3 {
	font-size: 14px;
    color: #6b5d52;
}

ul {
	line-height: 150%;
}

/* Press Room*/

#pr .MarginRight{
	margin-right: 50px;
}

#pr a.noHover:hover{
	background-color: transparent;
}

#pr {
	width: 730px;
	color: #4c4841;
	font: 12px Arial, Helvetica, sans-serif;
}

#pr h1, #pr h2, #pr h3 {
	margin-top: 1px;
}

#pr_leftcol {
	margin: 0;
	padding: 0;
	float: left;
	width: 520px;
}

#pr_rightcol {
	margin: 0;
	padding: 0;
	float: right;
	width: 200px;
}

#pr_topstories {
	width: 520px;
}

#pr_topstory1 {
	float: left;
	padding: 10px;
	padding-left: 0px;
	width: 238px !important;  /*moz width*/
	width: 258px; /*ie width*/

}

#pr_topstoryseparator {
		float: left;
		width: 4px;
		height: 120px;
		background-color: #e7e7e7;
}

#pr_topstory2 {
	float: right;
	margin-top: 12px; /*Use only if the logo is too small - Use for alignment*/
	padding: 10px;
	width: 238px !important;  /*moz width*/
	width: 258px; /*ie width*/	
}

#pr_onvideo {
	width: 520px;
	margin-top: 10px;
}

#pr_onvideo1 {
	float: left;
	padding: 10px;
	padding-left: 0px;
	width: 238px !important;  /*moz width*/
	width: 258px; /*ie width*/
}

#pr_onvideoseparator {
		float: left;
		width: 4px;
		height: 150px;
		background-color: #e7e7e7;
}

#pr_onvideo2 {
	float: right;
	padding: 10px;
	width: 238px !important;  /*moz width*/
	width: 258px; /*ie width*/	
}

.pr_onvideo_videoAndDescription {
	margin-top: 5px;
}

.pr_onvideo_videoAndDescription img {
	float: left;
}

.pr_onvideo_videoAndDescription p {
	margin: 0;
	padding: 0;
	margin-top: 7px;
}

.pr_onvideo_videoAndDescription div .date {
	font-weight: bold;
}

.pr_onvideo_videoAndDescription div {
	float: right;
	width: 135px;
}

.pr_onvideo_links span {
	margin-left: 10px;
}

#pr_pressreleases{
	width: 520px;
}

#pr_pressreleases h1 {
	margin-top: 30px;
}


#pr_contact_box {
	padding: 5px;
	border: 1px solid #e3e2e2;
	background-color: #f0f0f0;	
	width: 188px !important; /*moz width*/
	width: 200px; /*ie width*/
}

#pr_contact_box p {
	margin-bottom: 13px;
}

#pr_mgmt_box {
	padding: 5px;
	border: 1px solid #e3e2e2;
	background-color: #f0f0f0;	
	width: 188px !important; /*moz width*/
	width: 200px; /*ie width*/
	margin-top: 5px;
}

#pr_annualreport_box {
	padding: 5px;
	border: 1px solid #e3e2e2;
	background-color: #f0f0f0;	
	width: 188px !important; /*moz width*/
	width: 200px; /*ie width*/
	margin-top: 5px;
}

#pr_annualreport_box a.pr_annualreport_pdf {
	margin: 0;
	padding: 0;
	background: url(/images/newsroom/annualreport_pdf_button.jpg) no-repeat 0 0;
	display: block;
	width: 177px;
	height: 77px;
}

#pr_annualreport_box a span {
	display: none;
}

#pr_annualreport_box a.pr_annualreport_pdf:hover {
	margin: 0;
	padding: 0;
	background-position: 0 -77px;
}

#pr_annualreport_box p {
	margin: 0;
	margin-top: 8px;
	margin-bottom: 13px;
}

#pr_factsheets_box {
	padding: 5px;
	border: 1px solid #e3e2e2;
	background-color: #f0f0f0;	
	width: 188px !important; /*moz width*/
	width: 200px; /*ie width*/
	margin-top: 5px;
}

#pr_socialmedia_box {
	background: #f0f0f0 url(/images/newsroom/socialmedia_box_bg.gif) no-repeat top right;
	border: 1px solid #e3e2e2;
	background-color: #f0f0f0;	
	/*width: 188px !important; moz width*/
	width: 200px; /*ie width*/
	height: 149px;
	margin-top: 5px;
}

#pr_socialmedia_box div {
	margin: 7px 0 0 9px;
}

#pr_socialmedia_box .pr_socialmedia_facebook {
	margin: 0;
	padding: 0;
	margin-top: -2px;
	background: url(/images/newsroom/facebook_badge_button.gif) no-repeat 0 0;
	display: block;
	width: 144px;
	height: 44px;
}

#pr_socialmedia_box a span {
	display: none;
}

#pr_socialmedia_box a.pr_socialmedia_facebook:hover {
	margin: 0;
	padding: 0;
	margin-top: -2px;
	background-position:  0 -44px;
}

#pr_socialmedia_box .pr_socialmedia_twitter {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	background: url(/images/newsroom/twitter_badge_button.gif) no-repeat 0 0;
	display: block;
	width: 144px;
	height: 44px;
}

#pr_socialmedia_box a span {
	display: none;
}

#pr_socialmedia_box a.pr_socialmedia_twitter:hover {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	background-position:  0 -44px;
}

#pr_socialmedia_box .pr_socialmedia_youtube {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	background: url(/images/newsroom/youtube_badge_button.gif) no-repeat 0 0;
	display: block;
	width: 144px;
	height: 44px;
}

#pr_socialmedia_box a span {
	display: none;
}

#pr_socialmedia_box a.pr_socialmedia_youtube:hover {
	margin: 0;
	padding: 0;
	margin-top: 5px;
	background-position:  0 -44px;
}

#pr img {
	border: 0;
}

/*Management*/

#executiveteam{
	width: 552px;
}
#execlistLeft {
	float: left;
	margin-top: 5px;
	width: 266px;
}
#executiveteam a {
	font-weight: bold;
}
#executiveteam a:visited {
	font-weight: bold;
}
#executiveteam a:hover {
	background-color: transparent;
	font-weight: bold;
}
#executiveteam h4{
	margin: 0;
	padding: 0 0 .3em;
}
#execlistLeft p {
	margin: 0;
	padding: 0 0 .5em;
}
.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
#execlistLeft .pane-list li, #execlistRight .pane-list li, #boardlistLeft .pane-list li, #boardlistRight .pane-list li {
	background: #e7e7e7;
	padding: 10px 20px 10px;
	border-top: solid 1px #c1c1c1;
	/*cursor: pointer;*/
}
#execlistLeft .pane-list li:hover, #execlistRight .pane-list li:hover, #boardlistLeft .pane-list li:hover, #boardlistRight .pane-list li:hover {
	background: #f5f4f4;
}
#execlistRight {
	float: right;
	/*margin: 10px auto;*/
	margin-top: 5px;
	width: 266px;
}
#execlistRight p {
	margin: 0;
	padding: 0 0 .5em;
}
#board{
	width: 552px;
	margin-top: 30px;
}
#chairman{
	background-color: #f5f4f4;
	border: 1px solid #e7e7e7;
}
#board a {
	font-weight: bold;
}
#board a:visited {
	font-weight: bold;
}
#board a:hover {
	background-color: transparent;
	font-weight: bold;
}
#board h4{
	margin: 0;
	padding: 0 0 .3em;
}
#boardlistLeft {
	float: left;
	margin-top: 5px;
	width: 266px;
}
#boardlistLeft p {
	margin: 0;
	padding: 0 0 .5em;
}
#boardlistRight {
	float: right;
	margin-top: 5px;
	width: 266px;
}
#boardlistRight p {
	margin: 0;
	padding: 0 0 .5em;
}
#president{
	background-color: #f5f4f4;
	border: 1px solid #e7e7e7;
	width: 265px; /*Need to make president box a specific width/height */		
}
#president img {
float: left;
}
#president ul {
	float: right;
	width: 83%;
	line-height: 12px;
}
#president h4 {
	padding-bottom: 0px;
}
#president .pane-list {
		height: 114px;
		width: 175px; /*Need to make president box a specific width/height */	
}
#president .pane-list li {
	padding: 28px 20px 28px !important; /*moz*/
	padding: 10px 20px 10px;
}
#president .pane-list li:hover {
	background: #fff;
}
#chairman{
	float: left;
	background-color: #f5f4f4;
	border: 1px solid #e7e7e7;
	width: 265px; /*Need to make chairman box a specific width/height */	
}
#chairman img {
float: left;
}
#chairman ul {
	float: right;
	width: 83%;
	line-height: 12px;
}
#chairman h4 {
	padding-bottom: 0px;
}
#chairman .pane-list {
		height: 114px;
		width: 175px; /*Need to make chairman box a specific width/height */	
}
#chairman .pane-list li {
	padding: 28px 20px 28px !important; /*moz*/
	padding: 10px 20px 10px;
}
#chairman .pane-list li:hover {
	background: #fff;
}
#board3 {
	float: right;
	background-color: #f5f4f4;
	border: 1px solid #e7e7e7;
	width: 265px; /*Need to make board3 box a specific width/height */
	height: 115px;
}
#board3 ul {
	width: 83%;
	line-height: 0px;
}
#board3 p {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-bottom: 1px;
	line-height: 0px;
}
#board3 h4 {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 0px;		
}
#board3 .pane-list {
		height: 115px;
		width: 265px; /*Need to make board box a specific width/height */	
}
#board3 .pane-list li {
	padding: 5px 20px 5px;
}
#board3 .pane-list li:hover {
	background: #fff;
}

/* Generic "nontable" */
/* used for job fair page*/

.nontable{
	margin-left: 15px;
	width: 580px;
	font-size: 12px;
}

.nontable .row {
	float: left;
	width: 580px;
	margin-bottom: 15px;
}

.nontable .left {
	float: left;
	font-weight: bold;
	width: 15%;
}

.nontable .right {
	float: left;
	width: 83%;
}

/*Shop*/
#shop h1 {
	font-size: 14px;
    color: #ff9933;
}

#shopGiftCards{
	margin-top: 15px;
	width: 420px;
}

#shopGiftCards img{
	float: left;
	border: 0;
}

#shopGiftCards span.textblock{
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

#shopGiftCards span.text1{
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #a4a4a4;
}

#shopGiftCards span.text2{
	margin: 0;
	padding: 0;
	font:  italic bold 18px Arial,Helvetica,sans-serif;
	color: #a4a4a4;
}

#shopGiftCards span.text3{
	margin: 0;
	padding: 0;
	font:  bold 18px Arial,Helvetica,sans-serif;
	color: #1f1f1f;
}

#shopGiftCards span.text4{
	margin: 0;
	padding: 0;
	font:  bold 18px Arial,Helvetica,sans-serif;
	color: #000;
}

/*couponBox*/

#shop #couponBox{
	margin-top: 20px;
	width: 420px;
}

#shop #couponBox img{
	float: left;
	border: 0;
}

#shop #couponBox span.textblock{
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	margin-top: 20px;
}

#shop #couponBox span.text1{
	margin: 0;
	padding: 0;
	font:  bold 18px Arial,Helvetica,sans-serif;
	color: #1f1f1f;
}

#shop #couponBox span.text2{
	margin: 0;
	padding: 0;
	font:  bold 18px Arial,Helvetica,sans-serif;
	color: #1f1f1f;
}

#shop #couponBox span.text3{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #4c4841;
}

#shop #couponBox span.text4{
	margin: 0;
	padding: 0;
	font:  bold 14px Arial,Helvetica,sans-serif;
	color: #000;
}

#shop #couponBox a.link2{
	font:  bold 12px Arial,Helvetica,sans-serif;
	color: #1f1f1f;
}

#RetailStores #couponBox{
	margin-top: 20px;
	width: 420px;
}

#RetailStores #couponBox img{
	/*float: left;*/
	border: 0;
}

#RetailStores #couponBox span.textblock{
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	margin-top: 20px;
}

#RetailStores #couponBox span.text1{
	margin: 0;
	padding: 0;
	font:  bold 18px Arial,Helvetica,sans-serif;
	color: #1f1f1f;
}

#RetailStores #couponBox span.text2{
	margin: 0;
	padding: 0;
	font:  bold 18px Arial,Helvetica,sans-serif;
	color: #1f1f1f;
}

#RetailStores #couponBox span.text3{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #4c4841;
}

#RetailStores #couponBox span.text4{
	margin: 0;
	padding: 0;
	font:  bold 14px Arial,Helvetica,sans-serif;
	color: #000;
}

#RetailStores #couponBox a.link2{
	font:  bold 12px Arial,Helvetica,sans-serif;
	color: #1f1f1f;
}

/* Better Zebra Tables  */

#zebra table{
}
#zebra tr, #zebra  td{
	padding: 5px 2px;/*10px 3px*/
	background: #fff;
}
#zebra thead, #zebra td{
	color: #4c4841;
	background-color: #eee;
}
#zebra thead{
	font-weight: bold;
}
#zebra thead td {
	height: 30px;
}
#zebra td{
	height:  60px;
}
#zebra .left {
	width: 140px;
}
#zebra .right {
	width: 380px;
}
		
#zebra tbody, #zebra td{
}
#zebra tbody tr.even td{
	background: #fff;
}
#zebra tbody tr.selected td{
	background: #3d80df;
	color: #4c4841;
	border-bottom: 1px solid #7DAAEA;
}
#zebra tbody tr.ruled td{
	color: #000;
	background-color: #d7d7d7;  /*C6E3FF*/
	border-color: #3292FC;
}
	
/* Better Zebra Tables  Opera fix */
#zebra head:first-child+body tr.ruled td{
	background-color: #C6E3FF; 
}

/*General*/

.bullet_check {
	margin-left: 0;
	padding-left: 0;
	list-style: none;

}

.bullet_check li {
	padding-left: 13px;
	background: url(/images/newsroom/bullet_check.png) no-repeat 0 .25em;
	border: 1px solid transparent; /*This fixes a bug on IE when rolling over the links.*/
}

/* ===== LANDING PAGES - CUSTOM =======*/
/* Drawing  June 2010 */
#landing-page-a h1 {
	color: #FF9933;
	font: normal bold 24px Arial, Helvetica, sans-serif;
}

#landing-page-a img {
	float: left;
}

#landing-page-a span {
	float: right;
	width: 400px;
}

#landing-page-a p {
	line-height: 18px;
}

/*Marketplace*/

#marketplace {
	width: 600px;
	text-align: left;
}

#marketplace .highlight-gray {
	font: normal bold 16px Arial, Helvetica, sans-serif;
}

#marketplace .highlight-big-red {
	font: normal 28px Arial, Helvetica, sans-serif;
	color: #ff0000;
}

#marketplace .highlight-big-text {
	font: normal 22px Arial, Helvetica, sans-serif;
}

#marketplace h3 {
	margin-bottom: 3px;
}

#marketplace .col-left {
	float: left;
	width: 300px;
}

#marketplace .col-right {
	float: right;
	width: 300px;
}

#marketplace .img-left {
	float: left;
}

#marketplace .img-right {
	float: right;
	margin-right: 25px;
}

/**/
/**/
/**/
/*=========================LEGACY STYLES====================*/

#menu {
	width:685px;
	margin:0 auto;
    font-size: 10px;
    color: #4c4841;
	padding-top:0;
    font-family: Arial, Helvetica, sans-serif;
    
 }
 
#ctl00_btnNormalFont { font-weight:bold; text-decoration:none; cursor:default; }
#ctl00_btnLargeFont { font-weight:normal; text-decoration:underline; }
.navmenu
{
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
	text-align:center;
	float:left;
	clear:none;
	height:18px; /* This class should go with the legacy top nav DIV height */
	padding: 0;
	color:#FFFFFF; 
	vertical-align:middle;
	background-color: #fd8e1f;
	padding-top: 1px;
}

.navmenu.homewidth{
	width: 70px;
}

.navmenu.businesswidth{
	width: 111px; 
}

.navmenu.programswidth{
	width: 111px; 
}

.navmenu.wayswidth{
	width: 76px; 
}

.navmenu.eventswidth{
	width: 71px; 
}

.navmenu.shopwidth{
	width: 70px; 
}

.navmenu.storywidth{
	width: 80px;
}

.navmenu.relatedwidth{
	width: 94px; 
}

.logo { 
	position:relative;  
}
.navmenu.home, .navmenu.events, .navmenu.story, .navmenu.shop { 
	margin: 0;
	padding-top:0; 
	padding-bottom:0;  
	padding-top: 1px;
}
.navmenu.last { 
	border-right:0 none; 
}

body.Home .navmenu.home,
body.BusinessServices .navmenu.business,
body.ProgramsServices .navmenu.programs,
body.WaysToGive .navmenu.donate,
body.Events .navmenu.events,
body.Shop .navmenu.shop,
body.OurStory .navmenu.story {
	background-color:#4c4841;
	color:#fff;
}

a.navmenu:hover {
	background-color:#4c4841;
	color:#fff;
}

#content { 
	clear:both; 
	padding-top: 2px;
}

.subnav { font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.subnav a {
	display:block;
	padding:.5em;
	border-color:#ccc;
	border-top:1px solid;
	border-bottom:1px solid;
	margin-bottom:2em;
	color:#c0c0c0;
	text-decoration:none;
}
.subnav a span { color:#4c4841; text-decoration:underline; }
.subnav .currentPage {
	padding-top:4px;
	padding-bottom:4px;
	border-color:#ff9933;
	background-color:#ff9933;
}
.Navlink {
	color:#4C4841;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px !important;
	font-weight:normal;
	text-decoration:none;
}
.NavlinkSelected{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
.BodyCopy {
    FONT-SIZE: 12px;
    COLOR: #4c4841;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.BodyCopy, .BodyCopy a{
    FONT-SIZE: 12px;
    COLOR: #4c4841;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.BodyImage{
    FONT-SIZE: 12px;
    COLOR: #666;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-style:italic;
    margin-bottom: 6px;
}
.NewsEventsLink{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #4c4841;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
#content .BodyCopyWhite {
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.BodyCopyDarkBold, .BodyCopyDarkBold a {
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
.BodyCopyDark {
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.BodyCopyOrangeBold {
	FONT-SIZE: 12px;
	COLOR:#ff9933;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
.BodyCopyWhiteSmall {
	FONT-SIZE: xx-small;
	COLOR: #FFFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.BodyCopyDarkSmall {
	FONT-SIZE: xx-small;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.links {
	text-decoration: none;
}
.BodyCopyOrange {
	FONT-SIZE: 12px;
	COLOR:#ff9933;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
A.BodyCopyOrange {
	FONT-SIZE: 12px;
	COLOR:#ff9933;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.BodyCopyBlueBold {
	FONT-SIZE: x-small;
	COLOR: #96c7e1;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}
.BodyCopyDarkBoldItal {
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-style: italic;
}
hr {
	color:#999;
	background: #999;
	border: 0; 
	height:1px;
}
#pageFooter {
	width: 675px;
	margin: 0;
	padding: 0;
 clear: both;
 padding-left:0;
}
body.Home #pageFooter {
 padding-left:0;
}
.globalmenu { left:-9999em; background-color:#4c4841; border:1px solid #fff; position:absolute; right:0; width:200px; top:0; padding:2em; }
.globalmenu a { display:block; color:#fff; text-decoration:none; font-size:1.2em; }
.globalmenu a:hover { color:#f93; }
.logo { border:1px solid #fff; }
