/* --- <Style for Tags> --- */

	body {
		margin: 0px 0px 0px 0px;
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #333333;
	}

	td {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #333333;
	}

	input {
		font: 11px Verdana, Tahoma, Arial;
		color: #333333;
		border: 1px #CCCCCC solid;
	}

	select {
		font: 11px Verdana, Tahoma, Arial;
		color: #333333;
	}

	textarea {
		font: 11px Verdana, Tahoma, Arial;
		color: #333333;
		border: 1px #CCCCCC solid;
		overflow: auto;
	}

	hr {
		height: 1px;
		background: none;
	}

	small {
		font: 10px/12px Verdana, Tahoma, Arial;
	}

/* --- </Style for Tags> --- */

/* --- <Style for IDs> --- */

	#tableBanner {
		background: url(../graph/bkgrdbanner.gif) #ffffff top left repeat-x;
		height: 65px;
	}

	#tdBannerRight {
		background: url(../graph/bannerright.gif) #ffffff top right no-repeat;
		height: 65px;
	}

	#tdBannerRight2 {
		background: url(../graph/bannerright2.gif) #ffffff top right no-repeat;
		height: 65px;
	}

	#tdBannerPic {
		background: url(../graph/bannerpic.gif) #ffffff top left no-repeat;
		height: 65px;
	}

	#tableNavigation {
		background: #ffffff;
		/*background: url(../graph/bkgrdnav.gif) #ffffff top left repeat-x;*/
		height: 82px;
	}

	#contentLeft {
		font: 11px/15px Verdana, Tahoma, Arial;
		padding: 0px 0px 0px 3px;
		background: url(../graph/bkgrdbody.gif) top left repeat-y;
	}

	#contentMiddle {
		font: 11px/15px Verdana, Tahoma, Arial;
		padding: 0px 10px 0px 10px;
	}

	#contentRight {
		font: 11px/15px Verdana, Tahoma, Arial;
		padding: 0px 3px 0px 0px;
	}

	#contentRight .text {
		font: 11px/15px Verdana, Tahoma, Arial;
		padding: 0px 20px 0px 20px;
	}

	#calendarTable {
		font: 10px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: #EEEEEE;
		border: 1px #CCCCCC solid;
	}

	#calendarTable .tdhead {
		font: bold 11px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: #DDDDDD;
		height: 20px;
		text-align: center;
	}

	#calendarTable .tdday {
		font: bold 10px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: #EEEEEE;
		height: 20px;
		text-align: center;
	}

	#calendarTable .tddate {
		font: 10px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: #FFFFFF;
		height: 20px;
		text-align: center;
	}

	#calendarTable .tdholiday {
		font: 10px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: #FFFFFF;
		height: 20px;
		text-align: center;
	}

	#calendarTable .tdtoday {
		font: 10px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: #DDDDDD;
		height: 20px;
		text-align: center;
	}

	#calendarTable .tdevent {
		font: 10px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: #FFE3B7;
		height: 20px;
	}

/* --- </Style for IDs> --- */

/* --- <Style for Classes> --- */

	.contentTable {
		font: 11px/15px Verdana, Tahoma, Arial;
		/*padding: 0px 5px 0px 5px;*/
		border: 1px #DDDDDD solid;
	}

	.tdhead {
		font: bold 11px/15px Verdana, Tahoma, Arial;
		text-align: left;
		background: url(../graph/bkgrdth.gif) #E5F3FF bottom left repeat-x;
		color: #003399;
		height: 25px;
		/*padding: 0px 3px 0px 5px;*/
	}

	.tdheadgray {
		font: bold 11px/15px Verdana, Tahoma, Arial;
		text-align: left;
		background: url(../graph/bkgrdth1.gif) #eeeeee bottom left repeat-x;
		color: #003399;
		height: 25px;
		/*padding: 0px 3px 0px 5px;*/
	}

	.tdtext {
		font: 11px/15px Verdana, Tahoma, Arial;
		background: url(../graph/bkgrdtd.gif) #FFFFFF bottom left repeat-x;
		height: 25px;
		/*padding: 0px 3px 0px 10px;*/
	}

	.tdtext1 {
		font: 11px/15px Verdana, Tahoma, Arial;
		background: url(../graph/bkgrdtd1.gif) #FFFFFF bottom left repeat-x;
		height: 25px;
		/*padding: 0px 3px 0px 10px;*/
	}

	.tdtext2 {
		font: 11px/15px Verdana, Tahoma, Arial;
		background: url(../graph/bkgrdtd2.gif) #FFFFFF bottom left repeat-x;
		height: 30px;
		/*padding: 0px 3px 0px 10px;*/
	}

	.head {
		font: bold 11px/15px Verdana, Tahoma, Arial;
		color: #003399;
	}

	.mainbody {
		border: 1px #CCCCCC solid;
		padding: 20px;
	}

	.btn {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: url(../graph/bkgrdth.gif) #FFFFFF top left repeat-x;
		border: 1px #CCCCCC solid;
		height: 20px;
	}

	.noborder {
		border: none;
		background: none;
	}

	.welcome {
		font: 11px/15px Verdana, Tahoma, Arial;
		margin: 5px 10px 0px 0px;
	}

	.heading {
		font: 18px/15px Arial, Verdana, Tahoma, Arial;
		color: #003399;
		border-bottom: 1px #CCCCCC solid;
		padding: 0px 0px 10px 0px;
		width: 100%;
	}

	.calheading {
		font: 18px/15px Arial, Verdana, Tahoma, Arial;
		color: #003399;
	}

	.content {
		margin: 10px;
	}

	.date {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #999999;
	}

	.new {
		font: bold 11px/15px Verdana, Tahoma, Arial;
		color: #FF0000;
	}

	.textwhite {
		color: #FFFFFF;
	}

	.info {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #333333;
		background: #FFF3C6;
		padding: 5px;
		border: 1px solid #FFE064;
	}

	.loading
	{
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #FF0000;
		float: right;
		/*padding: 2 5 2 5px;
		margin: 0 0 5 0px;
		background: #FFF9CC;
		border: 1px #FFED6F solid;*/
	}

/* --- </Style for Classes> --- */

/* --- <Style for Links> --- */

	a:link, a:active, a:visited {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #3366CC;
		text-decoration: none;
	}

	a:hover {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #003399;
		text-decoration: underline;
	}

	a.nav:link, a.nav:active, a.nav:visited {
		font: 11px/15px Tahoma, Arial, Verdana, Arial;
		color: #ffffff;
		text-decoration: none;
	}

	a.nav:hover {
		font: 11px/15px Tahoma, Arial, Verdana, Arial;
		color: #D0E4FF;
		text-decoration: none;
	}

	a.red:link, a.red:active, a.red:visited {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #CC3333;
		text-decoration: none;
	}

	a.red:hover {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #CC3333;
		text-decoration: underline;
	}

	a.black:link, a.black:active, a.black:visited {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #000000;
		text-decoration: none;
	}

	a.black:hover {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #000000;
		text-decoration: underline;
	}

	a.blue:link, a.blue:active, a.blue:visited {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #002266;
		text-decoration: underline;
	}

	a.blue:hover {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #000000;
		text-decoration: underline;
	}

	a.head:link, a.head:active, a.head:visited {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #003399;
		text-decoration: none;
	}

	a.head:hover {
		font: 11px/15px Verdana, Tahoma, Arial;
		color: #003399;
		text-decoration: none;
	}

	a.small:link, a.small:active, a.small:visited {
		font: 10px/15px Verdana, Tahoma, Arial;
	}

	a.small:hover {
		font: 10px/15px Verdana, Tahoma, Arial;
	}

/* --- </Style for Links> --- */





a.health-link:link, a.health-link:active, a.health-link:visited
{
	display: block;
	background: url(../graph/iascicon/health.jpg) 0 0 no-repeat;
	height: 54px;
}

a.health-link:hover
{
	display: block;
	background: url(../graph/iascicon/health.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.nutrition-link:link, a.nutrition-link:active, a.nutrition-link:visited
{
	display: block;
	background: url(../graph/iascicon/nutrition.jpg) 0 0 no-repeat;
	height: 54px;
}

a.nutrition-link:hover
{
	display: block;
	background: url(../graph/iascicon/nutrition.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.wash-link:link, a.wash-link:active, a.wash-link:visited
{
	display: block;
	background: url(../graph/iascicon/wash.jpg) 0 0 no-repeat;
	height: 54px;
}

a.wash-link:hover
{
	display: block;
	background: url(../graph/iascicon/wash.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.education-link:link, a.education-link:active, a.education-link:visited
{
	display: block;
	background: url(../graph/iascicon/education.jpg) 0 0 no-repeat;
	height: 54px;
}

a.education-link:hover
{
	display: block;
	background: url(../graph/iascicon/education.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.protection-link:link, a.protection-link:active, a.protection-link:visited
{
	display: block;
	background: url(../graph/iascicon/protection.jpg) 0 0 no-repeat;
	height: 54px;
}

a.protection-link:hover
{
	display: block;
	background: url(../graph/iascicon/protection.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.shelter-link:link, a.shelter-link:active, a.shelter-link:visited
{
	display: block;
	background: url(../graph/iascicon/shelter.jpg) 0 0 no-repeat;
	height: 54px;
}

a.shelter-link:hover
{
	display: block;
	background: url(../graph/iascicon/shelter.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.cccm-link:link, a.cccm-link:active, a.cccm-link:visited
{
	display: block;
	background: url(../graph/iascicon/cccm.jpg) 0 0 no-repeat;
	height: 54px;
}

a.cccm-link:hover
{
	display: block;
	background: url(../graph/iascicon/cccm.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.telecom-link:link, a.telecom-link:active, a.telecom-link:visited
{
	display: block;
	background: url(../graph/iascicon/telecom.jpg) 0 0 no-repeat;
	height: 54px;
}

a.telecom-link:hover
{
	display: block;
	background: url(../graph/iascicon/telecom.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.logistic-link:link, a.logistic-link:active, a.logistic-link:visited
{
	display: block;
	background: url(../graph/iascicon/logistic.jpg) 0 0 no-repeat;
	height: 54px;
}

a.logistic-link:hover
{
	display: block;
	background: url(../graph/iascicon/logistic.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.food-link:link, a.food-link:active, a.food-link:visited
{
	display: block;
	background: url(../graph/iascicon/food.jpg) 0 0 no-repeat;
	height: 54px;
}

a.food-link:hover
{
	display: block;
	background: url(../graph/iascicon/food.jpg) 0 -54px no-repeat;
	height: 54px;
}

a.early-link:link, a.early-link:active, a.early-link:visited
{
	display: block;
	background: url(../graph/iascicon/earlyrecovery.jpg) 0 0 no-repeat;
	height: 54px;
}

a.early-link:hover
{
	display: block;
	background: url(../graph/iascicon/earlyrecovery.jpg) 0 -54px no-repeat;
	height: 54px;
}