body 
{
	font-family: Verdana, Arial, Sans-Serif;
	background: #fffbed;
}


div.PageWidth
{
	width: 971px;
}

div.SearchInner
{
	float:left;
	width:693;
	padding-left:10px;
}


	div.TopShadow
	{
		float:left;
		width: 971px;
		height: 10px;
		background: #fffbed url('/_images/topshadow.gif') no-repeat;
	}
	
	
	div.BottomShadow
	{
		float:left;
		clear:both;
		width: 971px;
		height: 10px;
		background: #fffbed url('/_images/bottomshadow.gif') no-repeat;
		
	}



div.Container
{
	float:left;
	clear:both;
	width: 951px;
	text-align:left;
	padding: 0px 10px 0px 10px;
	background: #FFFFFF url('/_images/middleshadow.gif') repeat-y;
}


	/* --------------------------------------------------------------------------- */
	/* --------------------              Header                ------------------- */
	/* --------------------------------------------------------------------------- */


	div.Header
	{
		float:left;
		width: 951px;
	}
	
		div.Logo
		{
			float:left;
			width: 138px;
			height: 132px;
		}
		
		div.LogoTag
		{
			float:left;
			width: 297px;
			height: 90px;
		}
		
			div.LogoTag img
			{
				position:absolute;
			}
		
		div.Search
		{
			float:right;
			width: 400px;
			height: 72px;
			color: #660460;
			margin: 18px 70px 0px 0px;
			position:relative;
		}
		
			div.ActionLinks
			{
				position:absolute;
				bottom: 5px;
				right: 0px;
			}
			
				a.ActionLink
				{
					float:left;
					text-decoration: none;
					margin: 2px 15px 0px 0px;
					color: #660460;
					font-weight:bold;
				}
				
					a.ActionLink:hover
					{
						text-decoration:underline;
					}
			
				div.textSize
				{
					float:left;
					font-weight:bold;
				}
			
				a.small, a.medium, a.large
				{
					text-decoration: none;
					color: #660460;
					padding: 0px 4px 0px 0px;
					font-weight:normal;
				}
			
				a.small
				{
				}
				
				a.medium
				{
				}
								
				a.large
				{
				}
				
				a.small:hover, a.medium:hover, a.large:hover
				{
					text-decoration:underline;
				}
				
				
				
			div.SearchInput
			{
				float:right;
			}
			
				div.SearchInput input
				{
					border: solid 1px #660460;
				}
		
			div.GoButton
			{
				float:right;
				margin: 3px 0px 0px 5px;
			}
					
				div.GoButton a.goButton
				{
					color:#a781a8;
					text-decoration: none;
				}
				
				div.GoButton a.goButton:hover
				{
					text-decoration:underline;
				}
				
				
				
				
		div.MainMenu
		{
			float:left;
			width: 810px;
			background: #a67fa8 url('/_images/menu_background.gif') repeat-x;
			min-height: 34px; 
		}
		
			img.curve
			{
				float:left;
				margin-right: -12px;
			}
		
			div.MainMenu ul
			{
				float:left;
				list-style:none;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				width: 790px;
			}
			
				div.MainMenu ul li
				{
					float:left;
					padding: 8px 38px 0px 38px;
					margin: 2px 0px 2px 0px;
					border-right: solid 1px #FFFFFF;
					height: 22px;
				}
				
				
				div.MainMenu .last
				{
					border:none;
				}
				
				
				div.MainMenu a.mainMenuLink
				{
					color: #FFFFFF;
					text-decoration:none;
				}
				
					div.MainMenu a.mainMenuLink:hover
					{
						text-decoration:underline;
					}
				
	div.SideMenu
	{
		float:left;
		width: 258px;
		background: #f3eef4;
		min-height: 278px;
	}
	
	* html div.SideMenu
	{
		height: 278px;
	}
	
	div.Home
	{
		height: 278px;
	}
	
		div.SideMenu ul.sideMenu, div.SideMenu ul.sideMenuSub, div.SideMenu ul.sideMenuSub3rd
		{
			float:left;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			list-style:none;
		}
		
		
		
		/* Menu li base */
		div.SideMenu ul.sideMenu li, div.SideMenu ul.sideMenu li ul.sideMenuSub li, div.SideMenu ul.sideMenu li ul.sideMenuSub li ul.sideMenuSub3rd li
		{
			float:left;
			clear:both;
		    list-style:none;
			margin: 0px 0px 0px 0px;
			border-bottom: solid 1px #e3d7e5;
		}
			
		
			div.SideMenu ul.sideMenu li
			{
				padding: 0px 0px 0px 10px;
				min-height: 33px;
				width: 248px;
			}
			
			
			div.SideMenu ul.sideMenu li ul.sideMenuSub li
			{
				padding: 0px 0px 0px 0px;
				min-height: 30px;
				width: 258px;
			}
			
			div.SideMenu ul.sideMenu li ul.sideMenuSub li ul.sideMenuSub3rd li
			{
				padding: 0px 0px 0px 0px;
				min-height: 25px;
				width: 258px;
			}
				
	
		div.Home ul
		{
			float:left;
			padding: 0px 0px 0px 0px;
			margin: 0px 5px 0px 5px;
		}
		
			div.Home ul li
			{
				float:left;
			    list-style:none;
				margin: 0px 0px 0px 0px;
				padding: 6px 0px 0px 10px;
				border-bottom: solid 1px #e3d7e5;
				width: 238px;
				height: 63px;
			}				
						
			div.bullet
			{
				float:left;
				width: 21px;
				height: 21px;
				background-image: url('/_images/sideMenuBullet.jpg');
				margin: 20px 7px 0px 0px;
			}
			
			.sideMenuSelected div.bullet
			{
				background-image: url('/_images/sideMenuBullet.gif');
			}
			
			
			a.SideMenuLink, a.menuLinkSelected, a.menuLinkSub, a.menuLinkSub3rd, a.menuLinkSubSelected, a.menuLinkSub3rdSelected
			{
				float:left;
				display:block;
				color: #606061;
				text-decoration:none;
			}
			
			a.SideMenuLink, a.menuLinkSelected
			{
				padding: 20px 0px 20px 0px;
			}
			
			
			a.menuLinkSub, a.menuLinkSubSelected
			{
				padding: 15px 0px 15px 38px;
				width: 220px;
			}
			
			a.menuLinkSub3rd, a.menuLinkSub3rdSelected
			{
				padding: 10px 0px 10px 52px;
				width: 205px;
			}
			
			
			a.menuLinkSub3rd:hover, a.menuLinkSub3rdSelected
			{
				background: #dfd1e2;
			}
			
			a.menuLinkSub:hover, a.menuLinkSubSelected
			{
				background: #c6b0ca;
				color: #FFFFFF;
			}
			
			
			a.SideMenuLink:hover, a.menuLinkSubSelected:hover, a.menuLink3rdSelected:hover
			{
				text-decoration:underline;
			}
			
			
							
			.sideMenuSelected
			{
				width: 258px;
				background: #660460 url('/_images/selected_menu_background.gif') repeat-x;
				padding: 0px 0px 0px 0px; 
			}			
							
				a.menuLinkSelected
				{
					color: #FFFFFF;
				}
						
			div.SideMenu .last
			{
				border:none;
			}
			
			div.SideMenu ul.sideMenu .last, div.SideMenu ul.sideMenu ul.sideMenuSub .last
			{
				padding: 0px 0px 0px 0px;
				border: none;
			}
	
	div.HomeImage
	{
		float:left;
		width: 693px;
		height: 278px;
	}
	
	div.BodyContent
	{
		float:left;
		width: 683px;
		padding: 0px 0px 35px 10px;
	}
	
	
	div.LinkBoxes
	{
		float:left;
		width: 948px;
		margin: 15px 0px 0px 0px;
		padding: 15px 0px 0px 3px;
		border-top: solid 12px #f3eef4;
		height: 205px;
	}
	
		.LinkBox
		{
			float:left;			
			background: #f3eef4;
			color: #660460;
			border: solid 2px #660460;
			font-weight:bold;
			font-size: 14px;
			width: 207px;
			height: 164px;
			padding: 14px 1px 1px 1px;
			margin: 0px 0px 0px 18px;
			cursor:pointer;
			text-decoration: none;
			text-align: center;
		}
		
		
		.box1
		{
		    background: url("/_images/whatsnew.jpg") no-repeat bottom;
		}
		
		.box2
		{
		    background: url("/_images/diabetesCentre.jpg") no-repeat bottom;
		}
		
		.box3
		{
		    background: url("/_images/communitycentre.jpg") no-repeat bottom;
		}
		
		.box4
		{
		    background: url("/_images/donatenow.jpg") no-repeat bottom;
		}
		
			div.BoxTitle
			{
				float:left;
				width: 205px;
				background: #f3eef4;
				margin: 1px 1px 0px 1px;
				color: #660460;
				height:40px;
				font-weight:bold;
				position:relative;							
			}
				
				div.BoxTitle div.title
				{
					float:left;
					width: 100%;
					display:table;
					text-align:center;
					height: 100%;
					#position:absolute;
					#top: 50%;
					#height: auto;
				}
				
				div.BoxTitle div.title div
				{
					position:static;
					display:table-cell;
					vertical-align:middle;
					#position:relative;
					#top: -50%;
				}
				
				
				
			
			div.BoxImage
			{
				float:left;
				width: 207px;
				height: 135px;
			}
			
				div.BoxImage img
				{
					border:none;
				}

	div.Footer
	{
		float:left;
		width: 951px;
		text-align:center;
		margin: 0px 0px 25px 0px;
	}
	
		a.FooterLink
		{
			color:#660460;
			text-decoration: none;
			padding: 0px 5px 0px 5px;
		}
		
		a.FooterLink:hover
		{
			text-decoration: underline;
		}


/***********************************************************/
/**************          Fonts            ******************/
/***********************************************************/


	div.BodyContent h1,#BodyContent h1
	{
		color: #660460;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	div.BodyContent h2
	{
		color: #660460;
		font-weight: normal;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	
	a.breadcrumb
	{
		color: #a078a1;
	}



a.standard
{
	color: #660460;
	text-decoration:underline;
}

	a.standard:hover
	{
		text-decoration:none;
	}