﻿@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------
	  This is the main Stylesheet for the new bgca.org site. It is linked to the site using the 
------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------*/



/*--- LINKS TO ADDITIONAL STYLESHEETS USED IN SITE ---*/
@import url('/Style%20Library/dotorg_activitybar.css');
@import url('/Style%20Library/dotorg_navigation.css');
@import url('/style%20library/dotorg_components.css');
@import url('/style%20library/dotorg_begreat_alumni.css');
@import url('/style%20library/threeBEs.css');
@import url('/style%20library/OptionalStyles.css');


/*--- MICROSOFT SPECIFIC STYLES (OVERRIDES) -----------------------------------------------------*/
#IdDesignModeConsole {
	background-color:maroon;
	margin:0;
}
.editModePanel{
	background-color:#EFEEEE;
}
.ms-WPBody td{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
    line-height: 19px;		
} 

.ms-WPBody{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;		
}
.ms-WPBody A:link, .ms-WPBody A:visited {
    color: #0099cc;
    text-decoration: none;
}

/*--- BODY STYLES ----------------------------------------------------------------------------*/
body {
	/*in by AG for Health and Wellness Advocacy Period 123115*/
	/*background-color: #005e91;
    background-image: url("../images/design/2862-15_ORG_Background_GCC_BLUE.jpg");*/
	background-color: #007bb9;
    /*background-image: url("../images/design/2906-16_ORG_Background_ASAP.jpg");
    background-position:left top;
    background-repeat:repeat no-repeat;*/
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 19px;
}
a:visited{
	color: #0099cc;
}
a:active{
	color: #0099cc;
}
a{
	color: #0099cc;
}
a:hover{
	color: #FDA320;
}


sup{
	font-size:		
}


/*--- BASE STRUCTURE ------------------------------------------------------------------------*/

table#ORGWrapper{
	width: 1000px;
}
#ORGcontrols{
	float:left;
	width:835px;
	margin-left:145px;
	margin-right:20px; 
}
.mainContainer{
	position: absolute;
	z-index: 799;
	right: 3px;
}
td.WhiteBackgroundImage{
	background-image: url('../images/design/white_835.gif');
	background-repeat:repeat-y;
	background-position: 145px top;
}
#ORGPlaceHolderMainDIV{
	float:left;
	width:835px;
	margin-left:145px;
	margin-right:20px; 
}
#ORGinvisibleEditPanel{
	float:left;
	width: 835px;
	margin-left:145px;
}



/*--- HEADER ----------------------------------------------------------*/

a:hover.EmptyLeft{
	background-image: url('../images/design/logo_cards_l.png');
	background-repeat: no-repeat;
	background-position: top right;
	float:left;
	width:145px;
	height:76px;
}

a:visited.EmptyLeft{
	background-image: url('../images/design/logo_cards_l.png');
	background-repeat: no-repeat;
	background-position: top right;
	float:left;
	width:145px;
	height:76px;
}

a:active.EmptyLeft{
	background-image: url('../images/design/logo_cards_l.png');
	background-repeat: no-repeat;
	background-position: top right;
	float:left;
	width:145px;
	height:76px;
}

a.EmptyLeft{
	background-image: url('../images/design/logo_cards_l.png');
	background-repeat: no-repeat;
	background-position: top right;
	float:left;
	width:145px;
	height:76px;
}
a:hover.LogoLinkRight{
	float:left;
	width:133px;
	height:76px;
}
a:visited.LogoLinkRight{
	float:left;
	width:133px;
	height:76px;
}
a:active.LogoLinkRight{
	float:left;
	width:133px;
	height:76px;
}
a.LogoLinkRight{
	float:left;
	width:133px;
	height:76px;
}
a:hover.LogoCardsBottom{
	float:left;
	width: 250px;
	height: 57px;
	margin-left: 28px;
	background-image: url('../images/design/logo_cards_b.png');
	background-repeat: no-repeat;
	background-position: top left;	
}
a:visited.LogoCardsBottom{
	float:left;
	width: 250px;
	height: 57px;
	margin-left: 28px;
	background-image: url('../images/design/logo_cards_b.png');
	background-repeat: no-repeat;
	background-position: top left;	
}
a:active.LogoCardsBottom{
	float:left;
	width: 250px;
	height: 57px;
	margin-left: 28px;
	background-image: url('../images/design/logo_cards_b.png');
	background-repeat: no-repeat;
	background-position: top left;	
}
a.LogoCardsBottom{
	float:left;
	width: 250px;
	height: 57px;
	margin-left: 28px;
	background-image: url('../images/design/logo_cards_b.png');
	background-repeat: no-repeat;
	background-position: top left;	
}
#ORGHeaderArea{
	width:1000px;
	float:left;
	margin-bottom: -1px;
}
#ORGHeader {
	float:right;

}


/*--- COLUMN STRUCTURE ----------------------------------------------------------------------*/

#ORGColumns{
	float:left;
}


/*--- COLUMN 1 -------------*/
#OrgCol1{
	float: left;
	padding-right: 0;
	padding-left: 0;
	margin-left: 105px;	
}
#OrgCol1WebPartZone{
	float:left;	
	clear:both;
	margin-left:60px;	
}
#ORGMainHeadline{
	float: left;
	margin: 0 20px 0 60px;
	font-family:Arial Narrow, Arial;
	font-size:22px;
	line-height: 26px;	
	letter-spacing:0;
	font-weight:bold;
	text-transform:uppercase;
}
#OrgCol1ContentWrap{
	float: left;
	margin: 0 20px 0 170px;			
}
#OrgCol1ContentWrap #ORGMainSubhead,
#OrgCol1ContentWrap #ORGPageContent,
#OrgCol1ContentWrap #ORGMainHeadline{
	margin: 0;
}
#Col1FullSpanWPZTop,
#Col1FullSpanWPZBottom{
	float: left;
	width:100%;	
}
#Col1FullSpanWPZTop{
	margin-top:-3px;
	background:url('/whywecare/ChildAndClubSafety/images/ccs_bg_1.jpg') no-repeat 145px -54px;		
}
#Col1FullSpanWPZTop iframe {
    margin: 191px 0px 0px 503px!important;
}
#ORGMainHeadline h1{
	font-family:Arial Narrow, Arial;
	font-size:22px;
	line-height: 26px;	
}
#ORGMainHeadlinePR p{
	margin:0;
}
#ORGMainHeadlinePR{
	margin: 7px 20px 0 60px;
	font-family:Arial Narrow, Arial;
	font-size:20px;
	line-height: 24px;	
	letter-spacing:0;
	font-weight:bold;
	color:#0099CC;			
}
#DonateTopArea h1{
	font-family:Arial Narrow, Arial;
	font-size:24px;
	line-height: 28px;	
	letter-spacing:0;
	font-weight:bold;
	text-transform:uppercase;			
}
#ORGMainSubhead{
	float:left;
	clear:both;
	margin: 0 20px 15px 60px;
	font-size:17px;
	color:#999999;
	font-style:italic;				
}
#ORGMainSubhead h2{
	font-size:17px;
	font-style:italic;			
}
#ORGMainSubheadPR{
	clear:both;
	margin: 5px 20px 15px 60px;
	font-size:15px;
	color:#999999;
	font-style:italic;
	line-height: 18px;				
}
#ORGPageContent {
	margin-left:60px;
	padding-right:20px;
	float:left;
	clear:both;
}
#ORGPageImage{
	float: right;
	width: 2px;
	padding:0 0 15px 15px;
}
#ORGPageImage img{
	float: left;
	
}
#ORGPageImageCaption{
	color:#333333;
	font-weight:bold;
	font-size:11px;
	line-height:14px;
	padding: 5px 0 0 0;
}
#ORGPageImageCaption p{
	margin: 0 0 10px 0;			
}

#PageImageAreaWPZ{
	float: right;			
}


/*
.ORGpageContent{
	clear:both;
	margin: 0 0 0 60px;
	
}
.ORGpageContent p{
	padding-right:20px;
}
#ORGPublishingPageImage{
	float:right;
	padding:0 10px 20px 20px;
	background-color:aqua;	
}
#ORGPublishingPageImage img{
	float:right;
}

#ORGPublishingImageCaption{
	float:right;
	clear:both;
	padding: 10px;
	width:200px;
	color:#333333;
	font-weight:bold;
	font-size:11px;
}*/


#ORGPageContentEmbedWPZ{
	float: left;
	clear:both;	
	margin: 20px 0 20px 60px;			
}
#ORGPageContentOverflow{
	float: left;
	clear:both;
	margin: 20px 20px 20px 60px;
	width:550px;
}

/*--- COLUMN 2 -------------*/

#OrgCol2{
	float: left;
	width: 267px;
}
#OrgCol2WebPartZone{
	float:left;	
	width: 267px;	
}
#OrgCol2BelowWPZ{
	float:left;	
	width: 267px;			
}


/*--- PAGE SPECIFIC STYLES ------------------------------------------------------------------*/

/*--- Tour a Club ---*/
#TourAClub img{
	float:right;
	clear:both;
	padding:0 0 15px 20px;	
}

/*--- Press Releases ---*/
#ORGCol2Top{
	width: 267px;
	float: left;
}
.ORGMediaKit{
	float:left;
	background-image:url('../images/design/presskiticon.gif');
	background-repeat:no-repeat;
	width:244px;
	height:123px;
	margin-left:15px;			
}
.ORGMediaKit span{
	display:none;
}

/* --individual logo on content section of pages--*/
.logoBoxStory{
			padding:0 0 .3em .3em;
			float:right;
			border:.08em #e8e8e8 solid;
			margin:0 0 .9em .4em	
}


/*--- Donate Pages ---*/
#DonateOtherWays{
	background-image: url(../images/design/donate_nav_bkg_hz.png);
	background-repeat: no-repeat;
	float: left;
	height: 100px;
	width: 787px;
	padding-top: 86px;
	padding-left: 13px;
	margin-left:60px;
}
a:visited.DonateOnline{
	float: left;
	height: 50px;
	width: 101px;
	background-image: url(../images/design/donate_online.gif);
	background-repeat: no-repeat;
}
a:active.DonateOnline{
	float: left;
	height: 50px;
	width: 101px;
	background-image: url(../images/design/donate_online.gif);
	background-repeat: no-repeat;
}
a.DonateOnline{
	float: left;
	height: 50px;
	width: 101px;
	background-image: url(../images/design/donate_online.gif);
	background-repeat: no-repeat;
}
a:hover.DonateOnline{
	background-image: url(../images/design/donate_online_on.gif);
	background-repeat: no-repeat;
}
a:visited.DonatePhoneMail{
	float: left;
	height: 50px;
	width: 148px;
	background-image: url(../images/design/donate_phonemail.gif);
	background-repeat: no-repeat;
}
a:active.DonatePhoneMail{
	float: left;
	height: 50px;
	width: 148px;
	background-image: url(../images/design/donate_phonemail.gif);
	background-repeat: no-repeat;
}
a.DonatePhoneMail{
	float: left;
	height: 50px;
	width: 148px;
	background-image: url(../images/design/donate_phonemail.gif);
	background-repeat: no-repeat;
}
a:hover.DonatePhoneMail{
	background-image: url(../images/design/donate_phonemail_on.gif);
	background-repeat: no-repeat;
}
a:visited.DonateEmployerMatch{
	float: left;
	height: 50px;
	width: 138px;
	background-image: url(../images/design/donate_employermatch.gif);
	background-repeat: no-repeat;
}
a:active.DonateEmployerMatch{
	float: left;
	height: 50px;
	width: 138px;
	background-image: url(../images/design/donate_employermatch.gif);
	background-repeat: no-repeat;
}
a.DonateEmployerMatch{
	float: left;
	height: 50px;
	width: 138px;
	background-image: url(../images/design/donate_employermatch.gif);
	background-repeat: no-repeat;
}
a:hover.DonateEmployerMatch{
	background-image: url(../images/design/donate_employermatch_on.gif);
	background-repeat: no-repeat;
}
a:visited.DonateStock{
	float: left;
	height: 50px;
	width: 128px;
	background-image: url(../images/design/donate_stock.gif);
	background-repeat: no-repeat;
}
a:active.DonateStock{
	float: left;
	height: 50px;
	width: 128px;
	background-image: url(../images/design/donate_stock.gif);
	background-repeat: no-repeat;
}
a.DonateStock{
	float: left;
	height: 50px;
	width: 128px;
	background-image: url(../images/design/donate_stock.gif);
	background-repeat: no-repeat;
}
a:hover.DonateStock{
	background-image: url(../images/design/donate_stock_on.gif);
	background-repeat: no-repeat;
}
a:visited.DonatePlanned{
	float: left;
	height: 50px;
	width: 109px;
	background-image: url(../images/design/donate_planned.gif);
	background-repeat: no-repeat;
}
a:active.DonatePlanned{
	float: left;
	height: 50px;
	width: 109px;
	background-image: url(../images/design/donate_planned.gif);
	background-repeat: no-repeat;
}
a.DonatePlanned{
	float: left;
	height: 50px;
	width: 109px;
	background-image: url(../images/design/donate_planned.gif);
	background-repeat: no-repeat;
}
a:hover.DonatePlanned{
	background-image: url(../images/design/donate_planned_on.gif);
	background-repeat: no-repeat;
}
a:visited.DonatePersonal{
	float: left;
	height: 50px;
	width: 133px;
	background-image: url(../images/design/donate_personal.gif);
	background-repeat: no-repeat;
}
a:active.DonatePersonal{
	float: left;
	height: 50px;
	width: 133px;
	background-image: url(../images/design/donate_personal.gif);
	background-repeat: no-repeat;
}
a.DonatePersonal{
	float: left;
	height: 50px;
	width: 133px;
	background-image: url(../images/design/donate_personal.gif);
	background-repeat: no-repeat;
}
a:hover.DonatePersonal{
	background-image: url(../images/design/donate_personal_on.gif);
	background-repeat: no-repeat;
}
#DonateOtherWays a span{
	visibility:hidden; 
	display:none;
}


/*--- FOOTER ----------------------------------------------------------*/

#Footer{
	padding-bottom: 35px;
	float: left;
	width: 795px;
	margin-left: 145px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C1C1C1;
	background-color:#FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	background-image:url('/images/design/footer_door.png');
	background-position:700px 10px;
	background-repeat:no-repeat;
	font-size:10px;
}
#Footer a:visited{}
#Footer a:active{}
#Footer a{}
#Footer a:hover{}
#FooterText{
	float: left;
	width: 300px;
}
#FooterLogos{
	float: right;
	margin-right:85px;
}

.FooterGFSH{
	float: right;
	background-image:url('/images/design/footer_gfsh.gif');
	background-repeat:no-repeat;
	width: 344px;
	height:30px;		
}
.FooterLogosWrap{
	float:right;
	clear:both;	
	width:335px;			
}
.FooterMicrosoft{
	float: left;
	background-image:url('../images/design/footer_microsoft.gif');
	background-repeat:no-repeat;
	width: 200px;
	height:47px;				
}
.FooterMLB{
	float: left;
	background-image:url('../images/design/footer_mlb.gif');
	background-repeat:no-repeat;
	width: 86px;
	height:48px;
}
.FooterCN{
	float:left;
	background:url('/images/design/footer_CN.gif') no-repeat;
	width:95px;
	height:48px;
	clear:both;
	margin: 10px 30px 0 17px;
}
.FooterBBB{
	float: left;
	background-image:url('../images/design/footer_bbb.gif');
	background-repeat:no-repeat;
	width: 86px;
	height:48px;
	margin: 10px 0 0 48px;			
}

/*fixed position notification element*/
.FixedPositionNotificationElement{
	position:fixed;
	bottom:2%;
	right:0;
	width:12%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	text-align:left;
	background-color:#ffffff;
	padding:10px;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);
	}

.FixedPositionNotificationElement h3{
	padding:5px;
	margin:5px;
	}
