body
{
	background: #fff;
	font-family: Arial;
	background: repeat-x url(../Images/BgGradient.jpg) #d5d5a3;
}

img
{
	border: none;
}
/*
*
{
	behavior: url(Javascript/iepngfix.htc);
}
*/
/*************** Structure ***************/
.Container
{
	position: absolute;
	top: 0;
	left: 50%;
	width: 1000px;
	margin: 0 0 0 -500px;
}

/*************** Content ***************/
.Content
{
	float: left;
	min-height: 550px;
	width: 1000px;
}

.Content .IntroText
{
	margin: 25px 30px 0 30px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: #6e5300;
}

/*************** Index ***************/
.Content .IndexBox
{
	position: absolute;
	width: 142px;
	height: 131px;
}

.Content .IndexBox a
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 138px;
	height: 125px;
	text-decoration: none;
}

.Content .CharityOfTheMonthIndex
{
	top: 278px;
	left: 74px;
	background: no-repeat url(../Images/Index/charity_of_the_month.png);
}

.Content .CharityOfTheMonthIndex p
{
	margin: 0;
	padding:0;
	position: absolute;
	top: 107px;
	left: 12px;
	font-size:12px;
	color: #F6550E;
	z-index: 1;
}

.Content .CharityOfTheMonthIndex img
{
	border: 1px solid #6E5300!important;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 12px;
}

.Content .DonationBarometer
{
	top: 270px;
	left: 325px;
	background: no-repeat url(../Images/Index/donation_barometer.png);
}

.Content .DonationBarometer p
{
	position: absolute;
	top: 70px;
	left: 12px;
	width: 75px;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	background-color: #afcab1;
}

.Content .NominateACharity
{
	top: 440px;
	left: 30px;
	background: no-repeat url(../Images/Index/nominate_a_charity.png);
}

.Content .NominateACharity p
{
	display: none;
	margin: 32px 10px 0 5px;
	background: #f6550e;
	font-size: 12px;
}

.Content .WhatsNew
{
	position: relative;
	float: left;
	margin: 360px 0 0 115px;
	background: no-repeat url(../Images/Index/whats_new.png);
}

.Container .Content .WhatsNew img
{
	margin: 0;
	padding: 0;
	position: absolute;
	border: 1px solid #6E5300!important;
	top: 25px;
	left: 12px;
	z-index: 0;
}

.Content .WhatsNew p
{
	position: absolute;
	top: 107px;
	left: 12px;
	margin: 0;
	padding: 0;
	width: 115px;
	font-size: 12px;
	color: #88bb99;
	z-index: 1;
}

.Content .WhatsNew .ReadMore
{
	position: absolute;
	top: 94px;
	left: 47px;
	width: 77px;
	background: #88bb99;
	font-size: 12px;
	text-align: right;
	z-index: 1;
}

.Content .EventDiary
{
	top: 570px;
	left: 325px;
	background: no-repeat url(../Images/Index/event_diary.png);
}

.Content .EventDiary .Date
{
	position: absolute;
	top: 54px;
	left: 64px;
	width: 68px;
	height: 68px;
}

.Content .EventDiary .Date .Month
{
	margin: 4px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	color: #000;
}

.Content .EventDiary .Date .Day
{
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	line-height: 50px;
	color: #db4c3e;
}

.Content .GetInvolved
{
	top: 421px;
	left: 417px;
	background: no-repeat url(../Images/Index/get_involved.png);
}


.Content .GetInvolved p
{
	display: none;
	margin: 32px 10px 0 5px;
	background: #FF9108;
	font-size: 12px;
}

.Content .IndexLogo
{
	position: absolute;
	top: 340px;
	left: 185px;
}

/*************** Index - Event Diary Bubble ***************/
.Content .EventDiaryBottom
{
	/* Default visibility */
	display: none;
	position: absolute;
	top: 174px;
	width: 490px;
	margin: 0 0 0 0;
	padding: 0 0 22px 0;
	background: no-repeat bottom url(../Images/Bubbles/BrownBubbleBottom.png);
	clear: both;
	z-index: 500;
}

.Content .EventDiaryMid
{
	width: 490px;
	height: 350px;
	padding: 20px 0 0 0;
	background: repeat-y url(../Images/Bubbles/BrownBubbleMid.png);
}


.EventDiaryItem
{
	margin: 0 0 10px 0;
	border: solid 1px #ff9108;
	border-width: 0 0 1px 0;
	font-size: 14px;
}

.EventDiaryItem h3
{
	font-size: 19px;
	margin: 0 0 10px 0;
	color: #ff9108;
	cursor: pointer;
}

.EventDiaryItem p
{
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #6e5300;
}

.EventDiaryItem .CollapsiblePanelTab
{
	font-size: 14px;
	color: #6E5300;
}

.EventDiaryItem .CollapsiblePanelContent
{
	font-size: 14px;
}


.EventDiaryItem br
{
	clear: both;
}

.EventDiaryItem .CollapsiblePanelContent img
{
	float: right;
	margin: 0 0 10px 10px;
}

.EventDiaryItem .CollapsiblePanelContent br
{
	clear: both;
}

.EventDiaryItem .ReadMore
{
	float: right;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: right;
	font-size: 14px;
	color: #ff9108;
	
	cursor: pointer;
}

.Content .EventDiaryTop
{
	width: 490px;
	height: 74px;
	background: no-repeat url(../Images/Bubbles/BrownOrangeBubbleTop.png);
}

.Content .EventDiaryClose
{
	position: absolute;
	top: 62px;
	right: 12px;
	width: 24px;
	height: 25px;
	overflow: hidden;
}

.Content .EventDiaryClose a
{
	display: block;
	width: 24px;
	height: 25px;
	background: no-repeat url(../Images/Bubbles/EventDiaryClose.jpg);
	text-decoration: none;
}

.Content .EventDiaryClose a:hover
{
	background-position: 0 -25px;
}

.Content .EventDiaryHandle
{
	float: left;
	width: 315px;
	height: 53px;
	cursor: move;
	overflow: hidden;
}

.Content .EventDiaryHandle h1
{
	margin: 8px 0 0 0;
	font-size: 36px;
	text-align: center;
	color: #fff;
}

.Content .EventDiaryScrollHolder
{
	position: relative;
    width: 450px;
	height: 350px;
	margin: 0 20px;
	overflow: auto;
    z-index: 1;
}

.Content .EventDiaryContent
{
	position: absolute;
    left: 0; 
    top: 0;
    width: 95%;
    z-index: 2;
}

.Content .EventDiaryScroll
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: repeat-y url(../Images/Bubbles/EventDiaryScrollMid.gif);
    font-size: 0;
    z-index: 3;
}

.Content .EventDiaryScrollTop
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: no-repeat top url(../Images/Bubbles/EventDiaryScrollTop.gif);
    font-size: 0;
    z-index: 3;
}

.Content .EventDiaryScrollBottom
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: no-repeat bottom url(../Images/Bubbles/EventDiaryScrollBottom.gif);
    font-size: 0;
    z-index: 3;
}

.Content .EventDiaryDrag
{
    position: absolute;
    width: 100%;
    height: 14px;
	background: repeat-y bottom url(../Images/Bubbles/EventDiaryScroll.gif);
    cursor: pointer;
    z-index: 4;
}

/*************** Index - What's New Bubble ***************/
.Content .WhatsNewBottom
{
	/* Default visibility */
	display: none;
	position: absolute;
	top: 174px;
	width: 490px;
	margin: 0 0 0 0;
	padding: 0 0 22px 0;
	background: no-repeat bottom url(../Images/Bubbles/BrownBubbleBottom.png);
	clear: both;
	z-index: 500;
}

.Content .WhatsNewMid
{
	width: 490px;
	height: 350px;
	background: repeat-y url(../Images/Bubbles/BrownBubbleMid.png);
}

.WhatsNewItem
{
	margin: 0 0 10px 0;
	border: solid 1px #ff9108;
	border-width: 0 0 1px 0;
}

.WhatsNewItem .ReadMore
{
	display: block;
	margin: 0;
	padding: 0 0 0 320px;
	font-weight: bold;
	text-align: right;
	font-size: 14px;
	color: #ff9108;
	
	cursor: pointer;
}

.Content .WhatsNewTop
{
	width: 490px;
	height: 73px;
	background: no-repeat url(../Images/Bubbles/BrownGreenBubbleTop.png);
}

.Content .WhatsNewClose
{
	position: absolute;
	top: 62px;
	right: 12px;
	width: 24px;
	height: 25px;
	overflow: hidden;
}

.Content .WhatsNewClose a
{
	display: block;
	width: 24px;
	height: 25px;
	background: no-repeat url(../Images/Bubbles/WhatsNewClose.jpg);
	text-decoration: none;
}

.Content .WhatsNewClose a:hover
{
	background-position: 0 -25px;
}

.Content .WhatsNewHandle
{
	float: left;
	width: 315px;
	height: 53px;
	cursor: move;
	overflow: hidden;
}

.Content .WhatsNewHandle h1
{
	margin: 8px 0 0 0;
	font-size: 36px;
	text-align: center;
	color: #fff;
}

.Content .WhatsNewScrollHolder
{
	position: relative;
    width: 430px;
	height: 350px;
	margin: 0 20px;
	overflow: auto;
    z-index: 1;
}

.Content .WhatsNewContent
{
	position: absolute;
    left: 0; 
    top: 0;
    width: 95%;
    z-index: 2;
}

#WhatsNewContent h3
{
	width: 430px;
	margin: 0 10px 5px 10px;
	font-size: 19px;
	color: #88BB99;	
}

#WhatsNewContent h4
{
	font-size: 14px;
	margin: 0 0 5px 10px;
	color: #88BB99;
}

#WhatsNewContent p
{
	margin: 0 10px 0 10px;
	font-size: 14px;
	color: #6e5300;
}

#WhatsNewContent img
{
	float: right;
	margin: 0 10px 10px 10px;
}

.WhatsNewBottom .BrownBoxMid .BrownBoxContent .Contact
{
	margin: 0 0 0 10px!important;
	color: #88bb99!important;
}

.WhatsNewBottom .BrownBoxMid .BrownBoxContent .Contact a
{
	color: #88bb99;
	text-decoration:none;
}

.WhatsNewBottom .BrownBoxMid .BrownBoxContent .File
{
	margin: 0 0 0 10px!important;
	font-weight: bold;
	color: #88bb99!important;
}

.Content .WhatsNewScroll
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: repeat-y url(../Images/Bubbles/EventDiaryScrollMid.gif);
    font-size: 0;
    z-index: 3;
}

.Content .WhatsNewScrollTop
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: no-repeat top url(../Images/Bubbles/EventDiaryScrollTop.gif);
    font-size: 0;
    z-index: 3;
}

.Content .WhatsNewScrollBottom
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: no-repeat bottom url(../Images/Bubbles/EventDiaryScrollBottom.gif);
    font-size: 0;
    z-index: 3;
}

.Content .WhatsNewDrag
{
    position: absolute;
    width: 100%;
    height: 14px;
	background: repeat-y bottom url(../Images/Bubbles/EventDiaryScroll.gif);
    cursor: pointer;
    z-index: 4;
}

/*************** Index - What's New Bubble ***************/
.Content .DonationBarometerText
{
	width: 90%;
}

.Content .Barometer
{
	position: relative;
	width: 100%;
}

.Barometer .BarometerSlider
{
	position: relative;
	width: 370px;
	height: 30px;
	margin: 0 0 0 10px;
}

.Barometer .BarometerMarker
{
	position: absolute;
}

.Barometer .EmptyBar
{
	position: relative;
	width: 330px;
	height: 28px;
	margin: 0 0 10px 20px;
	background: no-repeat url(../Images/Index/DonationBarEmpty.png);
}

.Barometer .EmptyBar p
{
	position: absolute;
	top: 0;
	left: 10px;
	line-height: 22px;
	font-weight: bold;
	color: #000!important;
}

.Barometer .FullBar
{
	height: 28px;
	background: no-repeat url(../Images/Index/DonationBarFull.png);
}

.Barometer .Target
{
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 90px;
	font-size: 14px!important;
	font-weight: bold;
	color: #88bb99!important;
}

.Barometer .LastUpdated
{
	margin: 0 0 0 20px!important;
	font-size: 14px!important;
	font-weight: bold;
	color: #88bb99!important;
}

/************** Mailing List Bubble*****************/

.Container .MailingListButton
{
	float: right;
	cursor: pointer;
	padding: 1px 0 0 10px;
}


.Container .MailingListBottom
{
/* Default visibility */
	display: none;	
	position: absolute;
	top: 174px;
	width: 490px;
	margin: 0;
	padding: 0 0 12px 0;
	background: no-repeat bottom url(../Images/Bubbles/BrownBubbleBottom.png);
	clear: both;
	z-index: 500;
}

.Container .MailingListMid
{
	display: block;
	height: 461px;
	width: 490px;
	padding: 0 10px;
	margin: 0 0 10px 0;
	background: repeat-y url(../Images/Bubbles/BrownBubbleMid.png);
}

.MailingListMid br
{
	clear: both;
}

.MailingListMid .ErrorText
{
	color: #9888A9;
}

.MailingListMid .RightLabel
{
	display: block;
	width: 375px;
	padding: 8px 0 2px 20px;
	margin: 0;
	font-size: 12px;
	color: #9888a9;
	float: left;
}

.MailingListMid h3
{
	width: 440px;
	margin: 0 0 10px 0;
	color: #9888a9;
}

.MailingListMid p
{
	margin: 0 0 15px 0;
	font-size: 12px;
	color: #6e5300;
}


.MailingListMid .Submit
{
	float: right;
	margin: 5px 45px 0 0;
	padding: 8px 0 0 12px;
}

.Container .MailingListTop
{
	width: 490px;
	height: 74px;
	background: no-repeat url(../Images/Bubbles/BrownPurpleBubbleTop.png);
}

.Container .MailingListClose
{
	position: absolute;
	top: 62px;
	right: 12px;
	width: 24px;
	height: 25px;
	overflow: hidden;
}

.Container .MailingListClose a
{
	display: block;
	width: 24px;
	height: 25px;
	background: no-repeat url(../Images/Bubbles/MailingListClose.jpg);
	text-decoration: none;
}

.Container .MailingListClose a:hover
{
	background-position: 0 -25px;
}

.Container .CheckBox
{
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 8px 0 0 10px;
}

.Container .MailingListHandle
{
	float: left;
	width: 315px;
	height: 53px;
	cursor: move;
	overflow: hidden;
}

.Container .MailingListHandle h1
{
	width: 256px;
	margin: 6px 0 0 0;
	font-size: 36px;
	text-align: center;
	color: #fff;
}

.MailingListMid .Label
{
	float: left;
	display: block;
	width: 205px;
	margin: 0 0 3px 15px;
	font-size: 11px;
	color: #6e5300;
}

.MailingListMid .TextBox 
{
	border:1px solid #9888A9;
	float:left;
	font-size:12px;
	margin:0pt 0pt 5px;
	padding:2px;
	width:220px;
}

.Container .MailingListScrollHolder
{
	position: relative;
    width: 430px;
	height: 350px;
	margin: 0 20px;
	overflow: auto;
    z-index: 1;
}

.Container .MailingListContent
{
	position: absolute;
    left: 0; 
    top: 0;
    width: 95%;
    z-index: 2;
}

.Container .MailingListScroll
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: repeat-y url(../Images/Bubbles/EventDiaryScrollMid.gif);
    font-size: 0;
    z-index: 3;
}

.Container .MailingListScrollTop
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: no-repeat top url(../Images/Bubbles/EventDiaryScrollTop.gif);
    font-size: 0;
    z-index: 3;
}

.Container .MailingListScrollBottom
{
    position: relative;
    top: 0; 
    float: right;
	width: 12px;
    height: 100%;
	background: no-repeat bottom url(../Images/Bubbles/EventDiaryScrollBottom.gif);
    font-size: 0;
    z-index: 3;
}

.Container .MailingListDrag
{
    position: absolute;
    width: 100%;
    height: 14px;
	background: repeat-y bottom url(../Images/Bubbles/EventDiaryScroll.gif);
    cursor: pointer;
    z-index: 4;
}

.Container .MailingListThanks h1
{
	color:#9888A9;
	margin:0pt 0pt 10px;
	width:341px;
}

.Container .MailingListThanks a
{
	color:#9888A9;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}

/*************** Charity Of The Month ***************/

.Content .CharityOfTheMonth .BrownBoxHandle h1
{
	float: left;
	margin: 12px 0 0 0;
	padding: 0;
	font-size: 26px;
	width: 315px;
	text-align: center;
	color: #f6550e;
}

.Content .CharityOfTheMonth .BrownBoxBottom
{
	padding: 0 0 17px 0;
}

.Content .CharityOfTheMonth .BrownBoxContent
{
	width:265px;
}

.Content .CharityOfTheMonth .BrownBoxContent p
{
	width: 265px;
	margin: 0;
	padding: 0 0 10px 10px;
	font-size: 12px;
	color: #6e5300;
}

.Content .CharityOfTheMonth .BrownBoxContent h5
{
	margin: 0 0 5px 0;
	padding: 0 10px;
	font-size: 24px;
	color: #f6550e;
}

.Content .CharityOfTheMonth .BrownBoxMid span
{
	margin: 0 0 15px 0;
	padding: 0 15px;
	font-size: 12px;
	color: #6e5300;
}

.Content .CharityOfTheMonth .BrownBoxMid a
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #6e5300;
	text-decoration:none;
}

.Content .CharityOfTheMonth .BrownBoxMid a:hover
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #6e5300;
	text-decoration:underline;
}

.Content .CharityOfTheMonth .BrownBoxMid .Events
{
	margin: 0 0 5px 0;
	padding: 0 15px;
	font-size: 14px;
	color: #f6550e;
}

.Content .CharityOfTheMonth .BrownBoxMid .Contact
{
	margin: 0 0 5px 0;
	padding: 0 15px;
	font-size: 12px;
	color: #f6550e;
}

.Content .CharityOfTheMonth .BrownBoxImages
{
	float: right;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 249px;
	left: 300px;
}

.Content .CharityOfTheMonth .BrownBoxImages img
{
	display: block;
	margin: 5px 0;
	padding: 0;
	border: 1px solid #f6550e;
}

.Content .CharityOfTheMonth .BrownBoxImages br
{
	clear: both;
}
/*************** Nominate a Charity ***************/

.NominateTop h1
{
	float: left;
	margin: 0;
	padding: 0;
	width: 315px;
	text-align: center;
}


.Content .NominateTop
{
	width: 490px;
	height: 74px;
	background: no-repeat url(../Images/Bubbles/BrownBubbleTop.png);
}

.Content .NominateTop h1 a
{	
	display: block;
	width: 315px;
	height: 42px;
	padding: 12px 0 0 0;
	text-decoration:none;
	font-size: 30px;
	color: #F6550E;	
}

.NominateTab h5
{
	width: 158px;
	padding: 0;
	margin: 0;
	text-align: center;
}

.Content .NominateTab
{
	width: 158px;
	float: right;
	margin: 14px 17px 0 0;
	padding: 0;	
}


.Content .NominateTab a
{	
	display: block;
	width: 152px;
	height: 22px;
	margin: 0;
	padding: 17px 6px 0 0;
	background: no-repeat url(../Images/Bubbles/EventNomination.gif);
	background-position: 0 0;
	font-size:15px;
	text-decoration:none;
	color: #FFFFFF;	
}

.Content .NominateTab a:hover
{
	height: 27px;
	padding: 12px 6px 0 0;
	background-position: 0 -39px;
}

.Content .NominateTab a:Selected
{
	background-position: 0 0px;
}

.Content .NominateBottom
{
	float: left;
	width: 490px;
	margin: 30px 0 0 0;
	padding: 0 0 22px 0;
	background: no-repeat bottom url(../Images/Bubbles/BrownBubbleBottom.png);
}

.Content .NominateMid
{
	float: left;
	width: 490px;
	background: repeat-y url(../Images/Bubbles/BrownBubbleMid.png);
}

.NominateMid p
{
	margin: 0 0 15px 0;
	padding: 0 15px;
	font-size: 11px;
	color: #6e5300;
}

.NominateMid .Label
{
	float: left;
	display: block;
	width: 210px;
	margin: 0 0 3px 25px;
	font-size: 11px;
	color: #6e5300;
}

.NominateMid .TextBox
{
	float: left;
	width: 220px;
	margin: 0 0 5px 0;
	padding: 2px;
	border: solid 1px #f6550e;
	font-size: 12px;
}

.NominateMid .DropDownList
{
	float: left;
	width: 220px;
	margin: 0 0 5px 0;
	padding: 2px;
	border: solid 1px #f6550e;
	font-size: 12px;
}

.NominateMid .FullLabel
{
	float: left;
	display: block;
	margin: 0 25px 3px 25px;
	font-size: 11px;
	color: #6e5300;
}

.NominateMid .FullTextBox
{
	float: left;
	width: 430px;
	margin: 0 0 5px 25px;
	padding: 2px;
	border: solid 1px #F6550E;
	font-size: 12px;
}

.NominateMid .Submit
{
	float: right;
	margin: 5px 25px 0 0;
}

.NominateMid .ErrorText
{
	color: #F6550E;
}

.NominateMid br
{
	clear: both;
}

.NominateThanks
{
	text-align: center;
}

.NominateThanks h1
{
	color: #F6550E;
}

/*************** Get Involved ***************/
.Involved
{
	margin: 30px 0 20px 0;
}

.Content .Involved br
{
	clear: both;
}

.Content .BrownBoxBottom
{
	width: 490px;
	margin:20px 0pt 10px;
	padding: 0 0 22px 0;
	background: no-repeat bottom url(../Images/Bubbles/BrownBubbleBottom.png);
	clear: both;
	z-index: 100;
}

.Content .BrownBoxMid
{
	width: 490px;
	background: repeat-y url(../Images/Bubbles/BrownBubbleMid.png);
}

.Content .BrownBoxMid .BrownBoxContent
{
	margin: 0 10px;
}

.Content .BrownBoxTop
{
	width: 490px;
	height: 74px;
	background: no-repeat url(../Images/Bubbles/BrownBubbleTop.png);
}

.Content .BrownBoxHandle
{
	float: left;
	width: 315px;
	height: 53px;
	overflow: hidden;
}

.Content .BrownBoxHandle h1
{
	margin: 12px 0 0 0;
	font-size: 30px;
	text-align: center;
	color: #ff9108;
}

.Content .BrownBoxMid p
{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	color: #6e5300;
}

.Content .SmallBrownBoxBottom
{
	width: 490px;
	margin: 0 0 10px 0;
	padding: 0 0 18px 0;
	background: no-repeat bottom url(../Images/Bubbles/SmallBrownBubbleBottom.png);
	clear: both;
	z-index: 100;
}

.Content .SmallBrownBoxTop
{
	width: 490px;
	height: 38px;
	background: no-repeat url(../Images/Bubbles/SmallBrownOrangeBubbleTop.png);	
}

.Content .SmallBrownBoxMid
{
	width: 490px;
	background: repeat-y url(../Images/Bubbles/SmallBrownBubbleMid.png);
}

.Content .SmallBrownBoxMid .SmallBrownBoxContent
{
	margin: 0 10px;
}

.Content .SmallPinkBoxTop
{
	width: 490px;
	height: 38px;
	background: no-repeat url(../Images/Bubbles/SmallBrownPinkBubbleTop.png);
}

.Content .SmallBrownBoxHandle
{
	float: left;
	width: 215px;
	height: 38px;
	overflow: hidden;
}

.Content .SmallBrownBoxHandle h5
{
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}

.Content .SmallBrownBoxMid p
{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	color: #6e5300;
}

.Content .SmallBrownBoxMid p.Link
{
	margin: 0;
	font-size: 12px;
	color: #6e5300;
}

.Content .SmallBrownBoxMid a
{
	font-size: 12px;
	text-decoration: none;
	color: #6e5300;
}

.Content .SmallBrownBoxMid a:hover
{
	text-decoration: underline;
}

.Content .CharityImages
{
	float: right;
	width: 215px;
}

.Content .CharityImages p
{
	padding: 0 15px;
}

.Content .SmallBrownBoxMid img
{
	float: right;
	margin: 0 5px 10px 10px;
	border: solid 1px #FF8E00;
}

.Content .SmallBrownBoxMid .EventImage
{
	float: right;
	margin: 0 5px 0 10px;
	border: solid 1px #FF8E00;
}

.Content .SmallBrownBoxContent br
{
	clear: both;
}

.GetInvolvedSelect .Paging
{
	margin-top: 10px;
}

.GetInvolvedSelect .Paging ul
{
	list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.GetInvolvedSelect .Paging li
{
	float: left;
}

.GetInvolvedSelect .Paging li a
{
	padding: 2px 4px;
	margin: 0;
}

.GetInvolvedSelect .Paging a
{
	float: left;
	color: #FF9108;
	text-decoration: none;
}


.GetInvolvedSelect .Next
{
	background: no-repeat url(../Images/PagingInvolvedRight.gif);
	background-position: 30px;
	width: 50px;
	height: 19px;
	padding-top: 2px;
	margin-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FF9108;
}


.GetInvolvedSelect .Previous
{
	background: no-repeat url(../Images/PagingInvolvedLeft.gif);
	width: 50px;
	height: 19px;
	padding: 2px 0 0 25px;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FF9108;
}

.GetInvolvedSelect .Label
{
	float: left;
	display: block;
	width: 110px;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	line-height: 22px;
	color: #6e5300;
}

.GetInvolvedSelect .DropDownList
{
	float: left;
	width: 150px;
	margin: 0 10px 5px 0;
	padding: 2px;
	border: solid 1px #f6550e;
	font-size: 12px;
}

.GetInvolvedSelect .Loader
{
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	line-height: 22px;
	color: #6e5300;
}

.GetInvolvedSelect .Messages
{
	margin: 5px 0 0 0!important;
	padding: 0!important;
	font-size: 12px!important;
	font-weight: bold;
	color: #FF8E01!important;
}

.GetInvolvedSelect br
{
	clear: both;
}

/*************** Our Charities ***************/

.Content .OurCharities
{
	margin: 20px 0 10px 0;
}

.Content .OurCharities br
{
	clear: both;
}

.Content .OurCharities .BrownBoxMid
{
	width: 490px;
	background: repeat-y url(../Images/Bubbles/BrownBubbleMid.png);
	height: 280px;
}

.Content .OurCharities .BrownBoxHandle h1
{
	margin: 12px 0 0 0;
	font-size: 30px;
	text-align: center;
	color: #e05ba6;
}

.BrownBoxMid .CharityList
{
	float:left;
	height:210px;
	margin:0pt 20px;
	overflow:auto;
	position:relative;
	width:450px;
	z-index:1;
}

.CharityList ul
{
	float: left;
	margin:0;
	padding:0 0 0 10px;
	color:#ffffff;
	list-style: none;
}

.CharityList li
{
	margin:0pt;
	padding:5px 5px 0pt 0pt;
	width:130px;
}

.Content .OurCharities .CharityList a
{
	cursor:pointer;
	margin:0pt;
	padding:0pt;
	width: 130px;
	text-decoration: none;
	color:#e05ba6;
	font-size:14px;
	font-weight:bold;
}

.Content .OurCharities .CharityList a:hover
{
	text-decoration: underline;
}

/*************** About Us ***************/
.Content .AboutUs
{
	margin: 20px 0 20px 0;
}

.Content .BrownBoxHandle h1.AboutUsTitle
{
	margin: 12px 0 0 0;
	font-size: 30px;
	text-align: center;
	color: #287899;
}

/*************** News ***************/

.Container .News h1.NewsTitle
{
	display: block;
	margin: 8px 0 0 0;
	padding: 12px 0pt 0pt;
	width: 314px;
	height: 42px;
	font-size: 30px;
	text-align: center;
	text-decoration: none;
	color: #88bb99;
}

.Container .News h1
{
	float:left;
	margin:0pt;
	padding:0pt;
	text-align:center;
	width:315px;
}

.Container .News h3
{
	margin:0pt;
	padding:0pt;
	font-size: 16px;
	color: #88BB99;
}

.Content .News p
{
	color:#6E5300;
	font-size:12px;
	margin:0pt;
	padding: 5px 0 5px 0;
}

.Container .NewsTab
{
	float:right;
	margin:14px 17px 0pt 0pt;
	padding:0pt;
	width:158px;
}

.Container .NewsTab h5
{
	margin:0pt;
	padding:0pt;
	text-align:center;
	width:158px;
}

.Container .NewsTab a:hover 
{
	background-position: 0pt -39px;
	height: 27px;
	padding: 12px 6px 0pt 0pt;	
}

.Container .NewsTab a:Selected
{
	background-position: 0 0px;
}


.Container .NewsTab a 
{
	background: url(../Images/Bubbles/NewsTab.gif) no-repeat;
	color:#FFFFFF;
	display:block;
	font-size:15px;
	height:22px;
	margin:0pt;
	padding:17px 6px 0pt 0pt;
	text-decoration:none;
	width:152px;
}

.Content .SmallGreenBoxTop
{
	width: 490px;
	height: 38px;
	background: no-repeat url(../Images/Bubbles/SmallBrownGreenBubbleTop.png);
}

.Content .NewsContent
{
}

.Content .NewsContent img
{
	border: solid 1px #9888a9;	
}

.Content .NewsContent br
{
	clear: both;
}

.Content .News .CollapsiblePanel
{
	border-bottom: 1px solid #97b999;
	margin:0 20px;
	padding-top: 20px;
	overflow:auto;
	position:relative;
	width:440px;
	z-index:1;
}

.Content .News .CollapsiblePanelTab
{
	height:16px;
	width: 440px;
	padding-bottom: 5px;
	cursor: pointer;
	border-bottom: 1px solid #97b999;
	font-size: 14px;font-weight: bold;
	color: #97b999;
}

.Content .News .CollapsiblePanel a
{
	font-size: 14px;
	font-weight: bold;
	color: #97b999;
	text-decoration:none;
}

.Content .News .CollapsiblePanel a:hover
{
	text-decoration: underline;
}


.Content .News .CollapsiblePanel ul
{
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	list-style: none;
	color: #97b999;
}

.Content .News .CollapsiblePanel li
{
	margin:0pt;
	padding: 10px 10px 0 0;
	width:400px;
}

.Content .News .CollapsiblePanel .ReadMore
{
	float: right;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #97b999;
}


/*************** Contact Us ***************/
.Content .ContactUs
{
	margin: 30px 0;
}

.Content .BrownBoxHandle h1.ContactTitle
{
	margin: 12px 0 0 0;
	font-size: 30px;
	text-align: center;
	color: #9888a9;
}

.ContactUs .Label
{
	float: left;
	display: block;
	width: 205px;
	margin: 0 0 3px 15px;
	font-size: 11px;
	color: #6e5300;
}

.ContactUs .TextBox
{
	float: left;
	width: 220px;
	margin: 0 0 5px 0;
	padding: 2px;
	border: solid 1px #9888a9;
	font-size: 12px;
}

.ContactUs .FullLabel
{
	float: left;
	display: block;
	margin: 0 25px 3px 25px;
	font-size: 11px;
	color: #6e5300;
}

.ContactUs .FullTextBox
{
	float: left;
	width: 430px;
	margin: 0 0 5px 25px;
	padding: 2px;
	border: solid 1px #9888a9;
	font-size: 12px;
}

.ContactUs .Submit
{
	float: right;
	margin: 5px 25px 0 0;
}

.ContactUs .ErrorText
{
	color: #9888a9;
}

.ContactUs br
{
	clear: both;
}

.ContactUsThanks
{
	text-align: center;
}

.ContactUsThanks h1
{
	margin: 0;
	padding: 10px 0;
	color: #9888a9;
}

/*************** Bar ***************/
.Bar
{
	float: left;
	width: 959px;
	height: 42px;
	margin: 0 0 0 19px;
}

.BarStart
{
	float: left;
	width: 978px;
}

.BeigeStart
{
	background: no-repeat left url(../Images/Bar/BarStartBeige.gif);
	background-position: left 80px;
}

.BeigeBar
{
	background: repeat-x url(../Images/Bar/BarBeige.gif);
}

.BeigeEnd
{
	background: no-repeat right url(../Images/Bar/BarEndBeige.gif);
}

.OrangeStart
{
	background: no-repeat left url(../Images/Bar/BarStartOrange.gif);
	background-position: left 80px;
}

.OrangeBar
{
	background: repeat-x url(../Images/Bar/BarOrange.gif);
}

.OrangeEnd
{
	background: no-repeat right url(../Images/Bar/BarEndOrange.gif);
}

.YellowStart
{
	background: no-repeat left url(../Images/Bar/BarStartYellow.gif);
	background-position: left 80px;
}

.YellowBar
{
	background: repeat-x url(../Images/Bar/BarYellow.gif);
}

.YellowEnd
{
	background: no-repeat right url(../Images/Bar/BarEndYellow.gif);
}

.BlueStart
{
	background: no-repeat left url(../Images/Bar/BarStartBlue.gif);
	background-position: left 80px;
}

.BlueBar
{
	background: repeat-x url(../Images/Bar/BarBlue.gif);
}

.BlueEnd
{
	background: no-repeat right url(../Images/Bar/BarEndBlue.gif);
}

.GreenStart
{
	background: no-repeat left url(../Images/Bar/BarStartGreen.gif);
	background-position: left 80px;
}

.GreenBar
{
	background: repeat-x url(../Images/Bar/BarGreen.gif);
}

.GreenEnd
{
	background: no-repeat right url(../Images/Bar/BarEndGreen.gif);
}

.PurpleStart
{
	background: no-repeat left url(../Images/Bar/BarStartPurple.gif);
	background-position: left 80px;
}

.PurpleBar
{
	background: repeat-x url(../Images/Bar/BarPurple.gif);
}

.PurpleEnd
{
	background: no-repeat right url(../Images/Bar/BarEndPurple.gif);
}

.PinkStart
{
	background: no-repeat left url(../Images/Bar/BarStartPink.gif);
	background-position: left 80px;
}

.PinkBar
{
	background: repeat-x url(../Images/Bar/BarPink.gif);
}

.PinkEnd
{
	background: no-repeat right url(../Images/Bar/BarEndPink.gif);
}
.LocalHelp
{
	float: left;
	margin: 1px 0 0 15px;
}

.MailingList,
.OnlineShop
{
	float: right;
	margin: 1px 0 0 25px;
}

/*************** Masthead ***************/
.MastHead
{
	float: left;
	width: 1000px;
	height: 154px;
	background-position: right 80px;
}

.Head
{
	float: left;
	width: 978px;
	height: 80px;
}

.MakeADonation
{
	display: none;
	margin: 50px 0 0 435px;
}

/*************** Menu ***************/
.Menu
{
	margin-left:18px;
	float: left;
	width: 960px;
	height: 32px;
	background: repeat-x url(../Images/Bar/BarShadow.gif);
}

.Menu ul
{
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
}

.Menu li
{
	float: left;
	margin: 0 1px 0 0;
}

.Menu li a
{
	display: block;
	height: 32px;
	text-decoration: none;
}

.Menu li a.Home
{
	width: 56px;
	background: no-repeat url(../Images/Menu/Home.gif);
	background-position: 0 0;
}

.Menu li a.Home:hover
{
	width: 56px;
	background-position: 0 -32px;
}

.Menu li a.HomeSelected
{
	width: 56px;
	background: no-repeat url(../Images/Menu/Home.gif);
	background-position: 0 -64px;
}

.Menu li a.NominateACharity
{
	width: 136px;
	background: no-repeat url(../Images/Menu/Nominate.gif);
	background-position: 0 0;
}

.Menu li a.NominateACharity:hover
{
	width: 136px;
	background-position: 0 -32px;
}

.Menu li a.NominateACharitySelected
{
	width: 136px;
	background: no-repeat url(../Images/Menu/Nominate.gif);
	background-position: 0 -64px;
}

.Menu li a.GetInvolved
{
	width: 96px;
	background: no-repeat url(../Images/Menu/Involved.gif);
	background-position: 0 0;
}

.Menu li a.GetInvolved:hover
{
	width: 96px;
	background-position: 0 -32px;
}

.Menu li a.GetInvolvedSelected
{
	width: 96px;
	background: no-repeat url(../Images/Menu/Involved.gif);
	background-position: 0 -64px;
}

.Menu li a.AboutUs
{
	width: 72px;
	background: no-repeat url(../Images/Menu/AboutUs.gif);
	background-position: 0 0;
}

.Menu li a.AboutUs:hover
{
	width: 72px;
	background-position: 0 -32px;
}

.Menu li a.AboutUsSelected
{
	width: 72px;
	background: no-repeat url(../Images/Menu/AboutUs.gif);
	background-position: 0 -64px;
}

.Menu li a.News
{
	width: 56px;
	background: no-repeat url(../Images/Menu/News.gif);
	background-position: 0 0;
}

.Menu li a.News:hover
{
	width: 56px;
	background-position: 0 -32px;
}

.Menu li a.NewsSelected
{
	width: 56px;
	background: no-repeat url(../Images/Menu/News.gif);
	background-position: 0 -64px;
}

.Menu li a.Contact
{
	width: 63px;
	background: no-repeat url(../Images/Menu/Contact.gif);
	background-position: 0 0;
}

.Menu li a.Contact:hover
{
	width: 63px;
	background-position: 0 -32px;
}

.Menu li a.ContactSelected
{
	width: 63px;
	background: no-repeat url(../Images/Menu/Contact.gif);
	background-position: 0 -64px;
}

.Menu li a.OurCharities
{
	width: 95px;
	background: no-repeat url(../Images/Menu/OurCharities.gif);
	background-position: 0 0;
}

.Menu li a.OurCharities:hover
{
	width: 95px;
	background-position: 0 -32px;
}

.Menu li a.OurCharitiesSelected
{
	width: 95px;
	background: no-repeat url(../Images/Menu/OurCharities.gif);
	background-position: 0 -64px;
}

/*************** Map ***************/
.MapContainer
{
	position: absolute;
	top: 215px;
	right: 5px;
	width: 425px;
	height: 475px;
}

.Map
{
	z-index: 0;
}

.Modal
{
	display: none;
	
	position: absolute;
	top: 0;
	right: 0;
	width: 425px;
	height: 475px;
	background: url(../Images/Map/Modal.gif);
	z-index: 100;
}

.Marker
{
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 39px;
	background: no-repeat url(../Images/Map/Marker.png);
	z-index: 10;
	
	cursor: pointer;
}

.MarkerShadow
{
	position: absolute;
	width: 40px;
	height: 37px;
	background: no-repeat url(../Images/Map/MarkerShadow.png);
	z-index: 5;
}

.MarkerTop
{
	width: 193px;
	height: 28px;
	background: no-repeat url(../Images/Map/MarkerBubbleTop.png);
}

.MarkerTop h5
{
	display: block;
	width: 136px;
	height: 18px;
	margin: 0;
	padding: 4px  0 0;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ff8e00;
}

.MarkerContent
{
	width: 193px;
	background: repeat-y url(../Images/Map/MarkerBubbleMid.png);
}

.MarkerContent .Close
{
	position: absolute;
	top: 23px;
	right: 10px;
	width: 15px;
	height: 15px;
	background: no-repeat bottom url(../Images/Map/BubbleClose.gif);
	background-position:0 0;
	cursor: pointer;
}

.MarkerContent .Close:hover
{
	background-position: 0 -15px;
}

.MarkerContent p
{
	margin: 0;
	padding: 0 0 10px 9px;
	font-size: 12px;
	color: #6e5300;
	width: 160px;
}

.MarkerBottom
{
	display: none;	
	position: absolute;
	padding: 0 0 44px 1px;
	background: no-repeat bottom url(../Images/Map/MarkerBubbleBottom.png);
	z-index: 5;
}

.MarkerContent .RegisterLink a
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #6e5300;
	text-decoration:underline;
}

.MarkerContent .RegisterLink a:hover
{
	text-decoration:none;
}

.MarkerContent .RegisterLink
{
	margin: 0 0 0 9px;
	padding: 0;
}

/* Map Key */

.MapKey
{
	position:absolute;
	top: 40px;
	right: 60px;
	cursor: pointer;
}

.Content .MapKeyBottom
{
	background: url(../Images/Bubbles/BrownBubbleBottom.png) no-repeat bottom;
	clear:both;
	display: none;
	margin: 0;
	padding:0pt 0pt 22px;
	position: absolute;
	top: 174px;
	width:490px;
	z-index:500;
}

.Content .MapKeyTop 
{
	background: url(../Images/Bubbles/BrownGreen2BubbleTop.png) repeat-y scroll 0%;
	height:74px;
	width:490px;
}

.Content .MapKeyHandle
{
	cursor:move;
	float:left;
	height:53px;
	overflow:hidden;
	width:315px;
}

.Content .MapKeyHandle h1
{
	color:#675414;
	font-size:36px;
	margin:8px 0pt 0pt;
	text-align:center;
}

.Content .MapKeyClose
{
	position: absolute;
	top: 62px;
	right: 12px;
	width: 24px;
	height: 25px;
	overflow: hidden;
}

.Content .MapKeyClose a
{
	background: url(../Images/Bubbles/EventListClose.gif) no-repeat scroll 0%;
	display:block;
	height:45px;
	text-decoration:none;
	width:24px;
}

.Content .MapKeyClose a:hover
{
	background-position:0pt -25px;
}

/* Accordion styling classes */
.MapKeyAccordion
{
	padding: 0 15px;
	overflow: hidden;
}

.AccordionPanel
{
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab
{
	margin: 0px;
	padding: 2px;
	background-color: #fff;
	border-bottom: solid 1px #d5d5a1;
	font-weight: bold;
	color: #b6b790;
	cursor: pointer;
}

.AccordionPanelContent
{
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

.AccordionPanelContent div
{
	padding: 15px 0;
}

.AccordionPanelContent ul
{
	margin: 0;
	padding: 0;
}

.AccordionPanelContent li
{
	margin: 0 0 5px 20px;
	list-style: url(../Images/Map/ListArrowLight.gif);
}

.AccordionPanelContent li:hover
{
	list-style: url(../Images/Map/ListArrowDark.gif);
}

.AccordionPanelContent li a
{
	font-size: 14px;
	text-decoration: none;
	color: #b6b790;
}

.AccordionPanelContent li a:hover
{
	color: #6f5300;
}

.AccordionPanelOpen .AccordionPanelTab
{
	background-color: #fff;
}

.AccordionPanelClosed .AccordionPanelTab
{
}

/*Accordion behaviors  classes*/
.AccordionPanelTabHover
{
	color: #6f5300;
}

.AccordionPanelOpen .AccordionPanelTabHover
{
	color: #6f5300;
}

.AccordionFocused .AccordionPanelTab
{
	background-color: #fff;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab
{
	background-color: #fff;
}

/*************** Footer ***************/
.Footer
{
	float: left;
	width: 1000px;
	height: 63px;
	border: solid 1px #6e5300;
	border-width: 0 0 2px 0;
}

.Footer .Details
{
	position: relative;
	top: 0;
	left: 50%;
	float: left;
	height: 21px;
	margin: 42px 0 0 -380px;
}

.Footer .Copy
{
	float: left;
	height: 21px;
	background: #6e5300;
}

.Footer .Copy p
{
	float: left;
	margin: 0 10px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 21px;
	color: #fff;
}

.Footer .Copy p a
{
	text-decoration: none;
	color: #fff;
}

.Footer .Copy p a:hover
{
	text-decoration: underline;
}

.Footer .LeftDetails,
.Footer .RightDetails
{
	float: left;
}

.Footer .FooterLogo
{
	float: right;
	margin: 0 50px 0 0;
}

/*************** Misc ***************/
.Download
{
	text-decoration: none;
	color: #6e5300;
}

.Download:hover
{
	text-decoration: underline;
}


/*************** Javascript Scrollbars ***************/