@media screen
{
	body
	{
		background: #1a6680 url(../images/background.gif) repeat-x;
		font-family: Verdana, Tahoma, Arial, Sans-Serif;
		line-height: 100%;
		min-width: 760px;
	}
	
	a.photo 
	{
		background: url(../images/image-trans.png) no-repeat center left;
		padding-left: 18px;
	}
	
	a.video
	{
		background: url(../images/film-trans.png) no-repeat center left;
		padding-left: 18px;
	}

	#divContainer 
	{
		width: 760px;
		margin: 0 auto;
		background: url(../images/background2.gif) repeat-y center top;
	}

	#divHeader 
	{
		width: 760px;
		height: 165px;
		position: relative;
		overflow: hidden;
		background: url(../images/header.png) no-repeat center top;
	}
	
		#divHeader img.logo 
		{
			display: none;
		}
		
		#divHeader h3.office 
		{
			position: absolute;
			width: 470px;
			height: 165px;
			top: 0px;
			left: 0px;
		}
			
			#divHeader h3.office a 
			{
				display: block;
				width: 470px;
				height: 165px;
				text-indent: -999px;
			}
		#divHeader h3.about 
		{
			position: absolute;
			width: 290px;
			height: 165px;
			top: 0px;
			left: 470px;
		}
		
			#divHeader h3.about a 
			{
				display: block;
				width: 290px;
				height: 165px;
				text-indent: -9999px;
			}
		
		#divHeader p.tagline 
		{
			display: none;
		}
		
	#divContent 
	{
		float: left;
		width: 555px;
		background: url(../images/content_header.jpg) no-repeat top left;
	}

	#divNavigation 
	{
		width: 555px;
		overflow: hidden;
		margin-bottom: 10px;
	}
		
		#ulTopNavigation li 
		{
			display: inline;
			float: left;
		}
		
		#divNavigation a.navHome
		{
			display: block;
			width: 93px;
			height: 34px;
			background: #fff url(../images/navigation.jpg) no-repeat 0px 0px;
			text-indent: -999px;
			margin-left: 14px;
		}
		
			#divNavigation a.navHome.active 
			{
				background: #fff url(../images/navigation.jpg) no-repeat 0px -34px;
			}
			
		#divNavigation a.navNews
		{
			display: block;
			width: 86px;
			height: 34px;
			background: #fff url(../images/navigation.jpg) no-repeat -93px 0px;
			text-indent: -999px;
		}
		
			#divNavigation a.navNews.active 
			{
				background: #fff url(../images/navigation.jpg) no-repeat -93px -34px;
			}
			
		#divNavigation a.navServices
		{
			display: block;
			width: 108px;
			height: 34px;
			background: #fff url(../images/navigation.jpg) no-repeat -179px 0px;
			text-indent: -999px;
		}
		
			#divNavigation a.navServices.active 
			{
				background: #fff url(../images/navigation.jpg) no-repeat -179px -34px;
			}
			
		#divNavigation a.navResources
		{
			display: block;
			width: 123px;
			height: 34px;
			background: #fff url(../images/navigation.jpg) no-repeat -287px 0px;
			text-indent: -999px;
		}
		
			#divNavigation a.navResources.active 
			{
				background: #fff url(../images/navigation.jpg) no-repeat -287px -34px;
			}
			
		#divNavigation a.navAboutUs
		{
			display: block;
			width: 119px;
			height: 34px;
			background: #fff url(../images/navigation.jpg) no-repeat -410px 0px;
			text-indent: -999px;
		}
		
			#divNavigation a.navAboutUs.active 
			{
				background: #fff url(../images/navigation.jpg) no-repeat -410px -34px;
			}
			
	#divSubNavigation 
	{
		clear: both;
		width: 555px;
		height: 40px;
		background: #fff url(../images/subnavigation_background.gif) no-repeat 0px 0px;
		overflow: hidden;
	}

		#ulSubNavigation 
		{
			margin-left: 3px;
		}

		#ulSubNavigation li 
		{
			display: inline;
			float: left;
		}
		
			#ulSubNavigation li.active 
			{
				background: url(../images/subnavigation_active.gif) no-repeat bottom center;
			}
		
			#ulSubNavigation li a 
			{
				display: block;
				width: auto;
				height: 31px;
				background: url(../images/subnavigation_divider.gif) no-repeat top right;
				padding: 9px 12px 0px 11px;
				text-decoration: none;
				font-weight: bold;
				font-size: 90%;
				color: #000;
			}
			
			#ulSubNavigation li a:hover 
			{
				text-decoration: underline;
			}

	#divBody 
	{
		width: 531px;
		padding: 0px 10px 0px 14px;
		font-size: 90%;
		line-height: 150%;
	}

		#divBody h1, #divBody h2, #divBody h3, #divBody h4, #divBody h5, #divBody h6, #divBody h7 
		{
			color: #267c99;
			font-weight: bold;
		}
		
		#divBody p 
		{
			margin-bottom: 1em;
		}
		
		#divBody ul 
		{
			list-style-type: square;
			margin-left: 18px;
		}
		
		#divBody dt 
		{
			font-weight: bold;
		}
		
		#divBody dd 
		{
			margin-left: 18px;
		}

	#divSidebar 
	{
		float: right;
		width: 185px;
		background: url(../images/sidebar_header.jpg) no-repeat top left;
		padding-top: 20px;
		padding-left: 20px;
		font-size: 70%;
		color: #fff;
	}
	
		#divPatientAreaSignIn 
		{
			width: 185px;
			height: 21px;
			margin-bottom: 23px;
			padding-top: 4px;
			background: url(../images/button_patient_area.jpg) no-repeat top left;
		}
		
			#divPatientAreaSignIn a 
			{
				display: block;
				width: 160px;
				height: 21px;
				padding-left: 18px;
				background: url(../images/door-trans.png) no-repeat top left;
				font-weight: bold;
				text-decoration: none;
				color: #fff !important;
			}
			
			#divPatientAreaSignIn a:hover 
			{
				text-decoration: underline;
			}

		#divSidebar h1, #divSidebar h2, #divSidebar h3, #divSidebar h4, #divSidebar h5, #divSidebar h6, #divSidebar h7 
		{
			font-weight: bold;
		}
		
		#divSidebar a 
		{
			color: #9df;
		}

		#divSidebar div.clsSidebarBlock 
		{
			margin-bottom: 15px;
		}
		
			#divSidebar div.clsSidebarBlock ul 
			{
				list-style-type: disc;
				margin-left: 20px;
			}
		
		#divMakingAnAppointment h2
		{
			background: url(../images/telephone-trans.png) no-repeat top left;
			padding-left: 18px;
		}
		
		#divContactInfo {
			width: 200px;
		}
		
		#divContactInfo h2 
		{
			background: url(../images/vcard-trans.png) no-repeat top left;
			padding-left: 18px;
		}
		
		#divPatientArea h2 
		{
			background: url(../images/star-trans.png) no-repeat top left;
			padding-left: 18px;
		}
		
		#divAdministration h2 
		{
			background: url(../images/cog-trans.png) no-repeat top left;
			padding-left: 18px;
		}
		
		#divWhatToExpectTag 
		{
			position: relative;
			left: -8px;
			width: 191px;
			height: 108px;
			margin-bottom: 5px !important;
			padding: 5px 8px 5px 8px;
			background: url(../images/background_whattoexpecttag.png) no-repeat top left;
			color: #000;
		}
		
			#divWhatToExpectTagWrap1
			{
				float: right;
				clear: right;
				width: 1px;
				height: 50px;
			}
			
			#divWhatToExpectTagWrap2
			{
				float: right;
				clear: right;
				width: 90px;
				height: 67px;
			}
			
			#divWhatToExpectTag a
			{
				display: block;
				position: absolute;
				top: 0px;
				left: 0px;
				width: 207px;
				height: 118px;
				text-indent: -9999px;
				background: url(../images/blank.gif) repeat;
			}
			
		#divEmailThisWebsiteTag 
		{
			position: relative;
			left: -8px;
			width: 191px;
			height: 40px;
			padding: 6px 8px 0px 8px;
			margin-bottom: 0px !important;
			background: url(../images/background_emailtag.png) no-repeat top left;
		}
		
			#divEmailThisWebsiteTag a 
			{
				text-decoration: none;
				color: #000;
			}
			
			#divEmailThisWebsiteTag a:hover 
			{
				text-decoration: underline;
			}
			
		#divNewsletterTag 
		{
			position: relative;
			left: -8px;
			width: 155px;
			height: 26px;
			padding: 13px 8px 0px 38px;
			background: url(../images/background_newslettertag.png) no-repeat top left;
		}
		
			#divNewsletterTag a 
			{
				text-decoration: none;
				color: #000;
			}
			
			#divNewsletterTag a:hover 
			{
				text-decoration: underline;
			}

	#divFooter 
	{
		clear: both;
		background: url(../images/footer.gif) no-repeat top left;
		padding-top: 8px;
		padding-left: 14px;
		padding-bottom: 10px;
		font-size: 70%;
		color: #fff;
	}
	
	#divCMN 
	{
		width: 523px;
		height: 63px;
		padding-top: 26px;
		padding-left: 8px;
		background: url(../images/banner_cmn.gif) no-repeat top left;
		font-size: 65%;
	}
		
		#spnCMNDonate 
		{
			padding-left: 120px;
		}
	
	/* FORMS */
	div.clsFormRow 
	{
		display: block;
		clear: both;
		margin-bottom: 5px;
	}
		
		div.clsFormRow.clsFormInputText label, div.clsFormRow.clsFormInputButton span
		{
			display: block;
			float: left;
			width: 160px;
		}
		
		div.clsFormRow.clsFormButton input
		{
			font-weight: bold;
		}
	
	.clsActionSignIn { background: url(../images/door_in-trans.png) no-repeat 3px center; }	
	.clsActionUserEdit { background: url(../images/user_edit-trans.png) no-repeat 3px center; }
	.clsActionFirst { background: url(../images/resultset_first-trans.png) no-repeat 3px center; margin-right: 5px; }
	.clsActionPrev { background: url(../images/resultset_previous-trans.png) no-repeat 3px center; margin-right: 5px; }
	.clsActionNext { background: url(../images/resultset_next-trans.png) no-repeat 3px center; margin-right: 5px; }
	.clsActionLast { background: url(../images/resultset_last-trans.png) no-repeat 3px center; }
	.clsActionSave { background: url(../images/accept-trans.png) no-repeat 3px center; }
	.clsActionContinue { background: url(../images/tick-trans.png) no-repeat 3px center; }
	.clsActionFinish { background: url(../images/accept-trans.png) no-repeat 3px center; }
	.clsActionDelete { background: url(../images/delete-trans.png) no-repeat 3px center; }
	.clsActionUnlock { background: url(../images/lock_open-trans.png) no-repeat 3px center; }
	.clsActionPasswordReset { background: url(../images/shield_go-trans.png) no-repeat 3px center; }
	.clsActionPasswordChange { background: url(../images/shield_go-trans.png) no-repeat 3px center; }

	.clsAction 
	{
		overflow: visible;
		padding: 1px 3px 1px 21px;
		background-color: #f5f5f5;
		border: 1px solid #dedede;
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		text-decoration: none;
		cursor: pointer;
	}
}

@media print 
{
	body 
	{
		font-family: Sans-Serif;
	}
	
	#divHeader h3.office 
	{
		display: none;
	}
	
	#divNavigation 
	{
		display: none;
	}
}