﻿div.BottomShadow
{
	background: url("../_images/bottomShadowHome.jpg") no-repeat;
}

div.BodyContent
{
	float: left;
	width: 736px;
	padding: 0px 0px 0px 0px;
}


/*-------------------------------------------------------------------------------*/
/*--------------------------    Flash Rotator Area   ----------------------------*/
/*-------------------------------------------------------------------------------*/



div.FlashRotator
{
	position: absolute;
	height: 304px;
	width: 717px;
    z-index: 20;
    padding: 4px 0px 0px 0px;
}



div.RightColumn
{
    position: relative;
    width: 242px;
    padding: 4px 0px 0px 481px;
    z-index: 50;
}

    div.LinkBox
    {
        float: left;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
    
        div.LinkBox a
        {
            float: left;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

/*-------------------------------------------------------------------------------*/
/*--------------------------------    News Area   -------------------------------*/
/*-------------------------------------------------------------------------------*/

div.News
{
	float: left;
	width: 444px;
	padding: 90px 0px 80px 20px;
}

    div.NewsItem
    {
        float: left;
        width: 444px;
        text-align: left;
        margin: 0px 0px 20px 0px;
    }

	div.News h1, div.Events h1
	{
		font-size: 16px;
		font-weight: normal;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px;
	}

	div.News h2, div.Events h2
	{
		font-size: 14px;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

div.Events
{
    float: left;
    width: 233px;
    padding: 90px 0px 0px 20px;
}

    div.EventItem
    {
        float: left;
        width: 233px;
        margin: 0px 0px 20px 0px;
    }
    
    div.Events h1
    {
        margin: 0px 0px 5px 0px;
    }
    
    div.Events h2
    {
        margin: 0px 0px 3px 0px;
    }

/*-------------------------------------------------------------------------------*/
/*----------------------------    Four Boxes Area   -----------------------------*/
/*-------------------------------------------------------------------------------*/


div.BoxBack
{
	float: left;
	width: 970px;
	background: #004684;
	padding: 14px 0px 14px 0px;		
}

	div.Box
	{
		float: left;
		width: 221px;
		border: solid 2px #FFFFFF;
		margin: 0px 0px 0px 14px;
	}
	
		div.BoxTitle
		{
			float: left;
			width: 221px;
			height: 28px;
			padding: 13px 0px 0px 0px;
			background: #c2d3e2;
			text-align: center;
		}
		
			div.BoxBack h1
			{
				float: left;
				width: 221px;
				height: 28px;
				text-align: center;
				padding: 13px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				font-size: 14px;
				color: #004684;
			}
			
			div.BoxBack h2
			{
				position:relative;
				top: 110px;
				width: 76px;
				color: #FFFFFF;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 145px;
				font-size: 12px;
			}
			
			div.Image
			{
				float: left;
				width: 221px;
				height: 126px;
			}
			
			a.boxOneLink
			{
				background: url("../_images/foundation/donationBox_back.jpg");
			}
			
			a.boxTwoLink
			{
				background: url("../_images/hospital/volunteerBox_Back.jpg");
			}
			
			a.boxThreeLink
			{
				background: url("../_images/hospital/patientBox_back.jpg");
			}

			a.boxFourLink
			{
				background: url("../_images/hospital/referingBox_back.jpg");
			}
			
			div.boxClick
			{
				position: relative;
				top: 108px;
				left: 101px;
				height: 17px;
				width: 96px;
				padding: 1px 5px 0px 29px;
				background: url("../_images/boxClickHere.gif");
				color: #FFFFFF;
			}