/* SELECT AN ENVIRONMENT */
	#environment
		{
		margin-top: 8px;
		overflow: hidden;
		zoom: 1;
		}

		#environment h4
			{
			float: left;
			width: 280px;
			height: 27px;
			text-indent: -9999px;
			background: url('../img/titles/select-an-environment.gif') left top no-repeat;
			}

		#environment a, #environment a:link, #environment a:visited
			{
			float: left;
			height: 27px;
			overflow: hidden;
			text-indent: -9999px;
			background-position: left top;
			background-repeat: no-repeat;
			}

		#environment a:hover, #environment a:active
			{
			background-position: left;
			}

			#environment a.parrish-medical-center	{ width: 213px; background-image: url('../img/nav/parrish-medical-center.gif'); }
			#environment a.port-st-john 			{ width: 314px; background-image: url('../img/nav/port-st-john.gif'); }




/* SECONDARY NAVIGATION */
	#secondarynav
		{
		clear: both;
		overflow: hidden;
		zoom: 1;
		margin-top: 6px;
		font-size: 11px;
		text-transform: uppercase;
		}

		#secondarynav a, #secondarynav a:link, #secondarynav a:visited
			{
			display: block;
			float: left;
			color: #ffffff;
			background: #00582D;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			margin-right: 4px;
			padding: 0 6px;
			}

		#secondarynav a:hover, #secondarynav a:active
			{
			background: #E7B95C;
			}




/* LOGO */
	#logo
		{
		clear: both;
		float: left;
		margin-top: 8px;
		}

		#logo a
			{
			display: block;
			width: 180px;
			height: 125px;
			text-indent: -9999px;
			background: url('../img/widgets/logo.png') left top no-repeat;
			}




/* PRIMARY NAVIGATION */
	#mainnav
		{
		float: right;
		width: 727px;
		margin-top: 83px;
		}

		#mainnav li
			{
			float: left;
			}

		#mainnav a, #mainnav a:link, #mainnav a:visited
			{
			display: block;
			height: 54px;
			background-position: left top;
			background-repeat: no-repeat;
			text-indent: -9999px;
			}

		#mainnav a:hover
			{
			background-position: 0 -54px;
			}

		#mainnav a:active
			{
			background-position: 0 -108px;
			}

		#mainnav a.active
			{
			background-position: 0 -162px !important;
			}

			#mainnav a.about-us 			{ width: 80px;  background-image: url('../img/nav/about-us.png'); }
			#mainnav a.greatest-needs	 	{ width: 104px; background-image: url('../img/nav/greatest-needs.png'); }
			#mainnav a.gifts-in-action 		{ width: 95px; background-image: url('../img/nav/gifts-in-action.png'); }
			#mainnav a.make-a-gift 			{ width: 87px;  background-image: url('../img/nav/make-a-gift.png'); }
			#mainnav a.recognition-gallery	{ width: 137px; background-image: url('../img/nav/recognition-gallery.png'); }
			#mainnav a.foundation-events	{ width: 128px;  background-image: url('../img/nav/foundation-events.png'); }
			#mainnav a.contact-us		 	{ width: 95px; background-image: url('../img/nav/contact-us.png'); }




/* SUB NAVIGATION */
	#subnav
		{
		background: #ffffff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 15px 15px 20px 15px;
		font-size: 16px;
		margin-bottom: 15px;
		}

		#subnav ul {}

			#subnav ul ul
				{
				font: 12px/1.5 Georgia, "Times New Roman", Times, serif;
				margin: 6px 0;
				}

		#subnav li {}

			#subnav li li
				{
				margin-left: 18px;
				}

		#subnav a, #subnav a:link, #subnav a:visited
			{
			zoom: 1;
			background: url('../img/widgets/bullet-grey.gif') left 9px no-repeat;
			padding: 2px 18px 4px 18px;
			display: block;
			}

			#subnav li li a, #subnav li li a:link, #subnav li li a:visited
				{
				padding: 4px 16px 5px 16px;
				background: url('../img/widgets/bullet-yellow.gif') left 8px no-repeat;
				color: #777777;
				}

		#subnav a:hover, #subnav a:active
			{
			text-decoration: underline;
			}

			#subnav li li a:hover, #subnav li li a:active
				{
				color: #D9602E;
				}

		#subnav a.active
			{
			color: #116233;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background: #FFEFAE url('../img/widgets/arrow-white.gif') left 10px no-repeat !important;
			}

			#subnav a.active:hover
				{
				background-color: #116233 !important;
				color: #ffffff !important;
				text-decoration: none !important;
				}

			#subnav li li a.active
				{
				background-color: #e6e6e6 !important;
				background-position: left 9px !important;
				}

				#subnav li li a.active:hover
					{
					color: #ffffff !important;
					background-color: #008C9A !important;
					}




/* QUICK LINKS */
	#quicklinks
		{
		background: #ffffff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 15px 15px 20px 15px;
		}

		#quicklinks h3
			{
			font-size: 18px;
			text-transform: uppercase;
			margin-bottom: 5px;
			}

		#quicklinks a, #quicklinks a:link, #quicklinks a:visited
			{
			zoom: 1;
			display: block;
			font: 13px/1.5 Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			background: url('../img/widgets/arrow-yellow.gif') left 6px no-repeat;
			padding: 1px 18px;
			}

		#quicklinks a:hover, #quicklinks a:active
			{
			text-decoration: underline;
			}




/* BOTTOM BUTTONS */
	#bottombuttons
		{
		height: 60px;
		overflow: hidden;
		zoom: 1;
		}

		#bottombuttons a, #bottombuttons a:link, #bottombuttons a:visited
			{
			display: block;
			float: left;
			width: 320px;
			height: 60px;
			text-indent: -9999px;
			background-position: left top;
			background-repeat: no-repeat;
			}

		#bottombuttons a:hover, #bottombuttons a:active
			{
			background-position: left bottom;
			}

			#bottombuttons a.newsletter { background-image: url('../img/nav/bottom-newsletter.png'); }
			#bottombuttons a.contact-us { background-image: url('../img/nav/bottom-contact.png'); }
			#bottombuttons a.awards     { background-image: url('../img/nav/bottom-awards.png'); }




/* BOTTOM NAV */
	#bottomnav
		{
		margin-top: 150px;
		clear: both;
		overflow: hidden;
		zoom: 1;
		position: relative;
		font: 15px/1.5 Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		}

		#bottomnav li ul
			{
			padding: 10px 0;
			}

		#bottomnav li
			{
			float: left;
			width: 140px;
			margin-right: 30px;
			}

				#bottomnav li.about-us			{ margin-left: 5px; width: 120px; }
				#bottomnav li.make-a-gift		{ width: 120px; }
				#bottomnav li.contact-us		{ display: none; }
				#bottomnav li.foundation-events { margin-right: 0; }

			#bottomnav li li
				{
				float: none;
				width: auto;
				margin: 0;
				background: none;
				font: 11px/1.5 Calibri, Arial, Helvetica, sans-serif;
				}

		#bottomnav a, #bottomnav a:link, #bottomnav a:visited
			{
			display: block;
			padding: 10px 0;
			background: url('../img/widgets/dash.png') left bottom repeat-x;
			color: #E5D496;
			zoom: 1;
			}

			#bottomnav li li a, #bottomnav li li a:link, #bottomnav li li a:visited
				{
				padding: 2px 0 3px 0;
				background: none;
				color: #ffffff;
				}

		#bottomnav a:hover, #bottomanv a:active
			{
			color: #ffffff;
			}

			#bottomnav li li a:hover, #bottomnav li li a:active
				{
				color: #5A9F6A;
				}




/* FOOTER LINKS */
	#footerlinks
		{
		text-transform: uppercase;
		}

		#footerlinks li
			{
			display: inline;
			border-right: 1px solid #B3D4BA;
			padding-right: 5px;
			margin-right: 7px;
			}

			#footerlinks li.last
				{
				border-right: none;
				}




/* COPYRIGHT */
	.copyright
		{
		float: left;
		margin-top: 24px;
		}

		.copyright p
			{
			font-weight: bold;
			margin-bottom: 3px;
			}




/* INFO */
	.info
		{
		float: right;
		*width: 320px;
		}

		.address
			{
			float: left;
			text-align: right;
			margin: 8px 15px 0 0;
			}

		.family
			{
			margin-top: 8px;
			float: right;
			}

			.family h4
				{
				text-transform: uppercase;
				}




/* SITE TOOLS */
	#tools
		{
		position: absolute;
		right: 20px;
		top: 25px;
		width: 34%;
		*width: 35%;
		}

		#tools ul.size
			{
			list-style-image: none;
			float: left;
			margin: 0;
			}

			#tools ul.size li
				{
				float: left;
				padding: 0 4px;
				}

			#tools ul.size a, #tools ul.size a:link, #tools ul.size a:visited
				{
				line-height: 1;
				display: block;
				background: #EDE2B1;
				border: 1px solid #CFB33F;
				color: #A58C29;
				padding: 2px 4px;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				}

			#tools ul.size a:hover, #tools ul.size a:active
				{
				background: #ffffff;
				}

				#tools ul.size a.small  { font-size: 10px; margin-top: 4px; }
				#tools ul.size a.medium { font-size: 12px; margin-top: 2px; padding: 3px 5px; }
				#tools ul.size a.large  { font-size: 14px; padding: 4px 6px;}

		#tools ul.social
			{
			float: right;
			list-style-image: none;
			font-size: 10px;
			margin: 0;
			}

			#tools ul.social li
				{
				float: left;
				margin: 0 4px;
				}

			#tools ul.social a, #tools ul.social a:link, #tools ul.social a:visited
				{
				display: block;
				padding: 4px 0 4px 20px;
				}

			#tools ul.social a:hover, #tools ul.social a:active
				{
				text-decoration: underline;
				}

				#tools ul.social a.print { background: url('../img/widgets/print.gif') left no-repeat; }
				#tools ul.social a.email { background: url('../img/widgets/email.gif') left no-repeat; }
				#tools ul.social a.share { background: url('../img/widgets/share.gif') left no-repeat; padding-left: 15px; }




/* DROPDOWNS */
	#dropdowns
		{
		position: absolute;
		z-index: 100;
		font-size: 12px;
		font-weight: bold;
		opacity: .95;
		-moz-opacity: .95;
		-webkit-opacity: .95;
		}

		#dropdowns ul
			{
			position: absolute;
			width: 180px;
			background: #B3D4BA;
			border: 10px solid #ffffff;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 5px 10px 7px 10px;
			}

		#dropdowns li
			{
			border-bottom: 1px solid #8FBF9A;
			}

			#dropdowns li.last
				{
				border-bottom: none;
				}

		#dropdowns a, #dropdowns a:link, #dropdowns a:visited
			{
			color: #185625;
			display: block;
			padding: 3px 6px;
			margin: 1px 0;
			}

		#dropdowns a:hover, #dropdowns a:active
			{
			background: #185625;
			color: #ffffff;
			}




/* GALLERY */
	.gallery
		{
		overflow: hidden;
		zoom: 1;
		}

	.thumb
		{
		float: left;
		margin: 8px;
		text-align: center;
		width: 150px;
		}

		.thumb img, .thumb:link img, .thumb:visited img
			{
			margin: auto;
			border: 1px solid #E5D596;
			background: #F0E8C1;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			padding: 8px;
			}

		.thumb:hover img, .thumb:active img
			{
			border: 2px solid #E5D596;
			padding: 7px;
			background: #ffffff;
			}

		.thumb span.title
			{
			display: block;
			font-weight: bold;
			font-size: 90%;
			margin: 8px 8px 0 8px;
			height: 48px;
			overflow: hidden;
			}




/* MARQUEE */
	#marquee
		{
		width: 705px;
		height: 340px;
		float: left;
		overflow: hidden;
		margin-bottom: 15px;
		padding: 0;
		position: relative;
		background-color: #ffffff;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}

		#marquee .item
			{
			position: absolute;
			width: 705px;
			height: 340px;
			background-position: left top;
			background-repeat: no-repeat;
			zoom: 1;
			}

		#marquee .item.childrens-center 			{ background-image: url('/assets/marquee/childrens-center.jpg'); }
		#marquee .item.center-for-lifelong-health 	{ background-image: url('/assets/marquee/center-for-lifelong-health.jpg'); }
		#marquee .item.health-village				{ background-image: url('/assets/marquee/health-village.jpg'); }
		#marquee .item.cancer-care					{ background-image: url('/assets/marquee/cancer-care.jpg'); }


		#marquee .item a
			{
			display: block;
			position: absolute;
			zoom: 1;
			width: 705px;
			height: 340px;
			text-indent: -9999px;
			}

		#marquee .controls
			{
			list-style-image: none;
			margin: 0;
			padding: 0;
			position: absolute;
			bottom: 15px;
			left: 66%;
			}

			#marquee .controls li
				{
				float: left;
				margin: 0 1px;
				}

			#marquee .controls a, #marquee .controls a:link, #marquee .controls a:visited
				{
				display: block;
				background: #EDE2B1;
				border: 1px solid #E5D596;
				width: 12px;
				height: 12px;
				overflow: hidden;
				text-indent: -9999px;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				}

			#marquee .controls a:hover, #marquee .controls a:active
				{
				background: #F6F0D8;
				border-color: #EEE3B7;
				}

			#marquee .controls a.active
				{
				background: #ffffff !important;
				}





/* UPCOMING EVENTS */
	#events, #news
		{
		width: 305px;
		height: 205px;
		float: left;
		overflow: hidden;
		padding: 5px 20px 10px 20px;
		zoom: 1;
		}

	#news
		{
		margin-left: 15px;
		}

		body.interior-layout #events, body.interior-layout #news
			{
			width: auto;
			height: auto;
			float: none;
			padding: 0;
			margin: 30px 0 20px 0;
			}

		#events h2, #news h2
			{
			width: 305px !important;
			height: 50px;
			overflow: hidden;
			text-indent: -9999px;
			background: url('../img/titles/upcoming-events.gif') left top no-repeat;
			margin: 0 0 10px 0 !important;
			}

		#news h2
			{
			background-image: url('../img/titles/latest-news.gif');
			}

		#events .event, #events .event:link, #events .event:visited,
		#news .news, #news .news:link, #news .news:visited
			{
			display: block;
			background: #FEF5D6;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			padding: 6px 10px;
			margin-bottom: 8px;
			height: 32px;
			overflow: hidden;
			cursor: pointer;
			}

			body.interior-layout #events .event.odd,
			body.interior-layout #news .news.odd
				{
				background: #CBE0CF;
				}

		#events .event:hover, #events .event:active, body.interior-layout #events .event.odd:hover, body.interior-layout #events .event.odd:active,
		#news .news:hover, #news .news:active, body.interior-layout #news .news.odd:hover, body.interior-layout #news .news.odd:active
			{
			background: #185625;
			}

				#events .event:hover .date, #events .event:active.date,
				#news .news:hover .date, #news .news:active.date
					{
					color: #ffffff;
					}

				#events .event:hover .title, #events .event:active .title,
				#news .news:hover .title, #news .news:active .title
					{
					color: #dddddd;
					}

			#events .event .date,
			#news .news .date
				{
				float: left;
				font-size: 16px;
				width: 60px;
				}

			#events .event .title,
			#news .news .title
				{
				display: block;
				font-size: 12px;
				color: #7C7570;
				line-height: 1.3 !important;
				}

				body.interior-layout #events .event .title,
				body.interior-layout #news .news .title
					{
					font-size: 14px;
					margin-top: 4px;
					}

		#events .btn,
		#news .btn
			{
			position: absolute;
			right: 10px;
			bottom: 10px;
			}




/* DONATE */
	#donate
		{
		float: right;
		width: 240px !important;
		height: 340px;
		background-image: url('../img/titles/you-can-help.jpg');
		background-position: left top;
		background-repeat: no-repeat;
		}

		#donate h2
			{
			width: 240px !important;
			height: 180px;
			text-indent: -9999px;
			margin: 0 !important;
			}

		#donate p
			{
			text-align: center;
			margin: 0 20px;
			}

		#donate .btn
			{
			position: absolute;
			right: 10px;
			bottom: 10px;
			}




/* HEALTH VILLAGE
	#news
		{
		float: left;
		margin-left: 15px;
		width: 305px;
		height: 205px;
		padding: 5px 20px 10px 20px;
		text-align: center;
		}

		#news h2
			{
			width: 305px !important;
			height: 50px;
			text-indent: -9999px;
			background: url('../img/titles/health-village.gif') left top no-repeat;
			margin: 0 0 8px 0 !important;
			}

		#news h4
			{
			font-size: 15px !important;
			line-height: 1.4 !important;
			margin: 0 5px 4px 5px !important;
			}

		#news p
			{
			font-size: 12px !important;
			margin: 0 10px;
			}

		#news .read-more
			{
			position: absolute;
			right: 105px;
			bottom: 10px;
			}

		#news .newsroom
			{
			position: absolute;
			right: 10px;
			bottom: 10px;
			}
*/


/* PARRISH UPDATES */
	.callout.updates
		{
		float: right;
		width: 200px;
		height: 205px;
		padding: 5px 20px 10px 20px;
		}

		.callout.updates h2
			{
			width: 200px !important;
			height: 63px;
			text-indent: -9999px;
			background: url('../img/titles/parrish-updates.png') left top no-repeat;
			margin: 0 0 6px !important;
			}


		.callout.updates a, .callout.updates a:link, .callout.updates a:visited {
			display: block;
			width: 200px;
			height: 56px;
			overflow: hidden;
			background-position: left top;
			background-repeat: no-repeat;
			text-indent: -9999px;
			margin: 1px 0;
		}


		.callout.updates a:hover, .callout.updates a:active {
			background-position: left bottom;
		}


		.callout.updates a.facebook {
			background-image: url('../img/nav/facebook.png');
		}


		.callout.updates a.newsletter {
			background-image: url('../img/nav/newsletter.png');
		}




/* HEALTH AWARE */
	#healthaware
		{
		float: right;
		width: 200px;
		height: 205px;
		padding: 5px 20px 10px 20px;
		}

		#healthaware h2
			{
			width: 200px !important;
			height: 85px;
			text-indent: -9999px;
			background: url('../img/titles/health-aware.png') left top no-repeat;
			margin: 0 !important;
			}

		#healthaware p
			{
			text-align: center;
			}

		#healthaware .btn
			{
			position: absolute;
			right: 10px;
			bottom: 10px;
			}




/* SITE MAP */
	.mod_sitemap ul.level_1
		{
		font: 18px/1.2 Georgia, "Times New Roman", Times, serif;
		list-style-type: none !important;
		margin: 0 1em !important;
		}

		.mod_sitemap li
			{
			margin-bottom: .5em !important;
			}

		.mod_sitemap ul.level_2
			{
			font: 14px/1.2 Calibri, Arial, Helvetica, sans-serif;
			margin: .5em 1.6em .5em 1.6em !important;
			}

			.mod_sitemap ul.level_2 li
				{
				margin-bottom: .1em !important;
				}