body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: 11px/15px Arial, Tahoma, Verdana;
	background: url(../images/bg.gif) repeat-x #ffffff;
}

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

h1,h2,h3,h4,h5,h6,img,p,ul,li,table
{
margin:0;
padding:0;
border:0;
}

a
{
	text-decoration: none;
	color:#669900;
}

a:hover
{
	text-decoration: underline;
	color:#000;
}


hr
{
	height: 1px;
	color: #dfdddc;
	border: none;
	background-color: #dfdddc;
}

/* For Top Part */

#wrapper
{
	width: 900px;
	margin: 0 auto;
}

#top-part
{
	float: left;
	width: 900px;
	background: #669933;
	height: 31px;
}

	#top-part span
	{
		float: left;
		font: bold 11px Arial;
		color: #fff;
		text-transform: uppercase;
		padding: 7px 0 0 10px;
		width: 220px;
	}

	#top-part p
	{
		float: left;
		color: #fff;
		width: 660px;
		text-align: right;
		padding: 7px 10px 0 0;
	}

		#top-part p a
		{
			color: #fff;
			text-decoration: none;
		}

		#top-part p a:hover
		{
			text-decoration: underline;
		}

/* Top Part End */


/* For Banner */

#banner
{
	float: left;
	width: 898px;
	height:	90px;
	border: 1px solid #E3E3E3;
}

	#banner h1
	{
		float:left;
		width: auto;
		padding: 30px 15px 0 10px;
	}

		#banner h1 a
		{
			font: 26px 'Arial Narrow';
			color: #669933;
			text-decoration: none;
		}

#logo
{
	float: left;
	width: 150px;
	padding: 20px 0 0 20px;
}

#search
{
	float: right;
	padding: 35px 20px 0 0;
}

.box
{
	height: 17px;
	border: 1px solid #ccc;
	border-right: none;
	font: 11px Arial;
	color: #CDCDCD;
}


/* Banner End */



/* For Navigation */

#navigation
{
	width: 898px;
	height: 50px;
	float: left;
	border: 1px solid #E3E3E3;
	border-top: none;
}
	#navigation ul
	{
	 float: left;
	}

	#navigation ul li
	{
	list-style:none;
	float:left;
	}

		#navigation ul li a
		{
			font: 11px Arial;
			color: #669900;
			display: block;
			padding: 11px 14px 11px 14px;
			text-decoration: none;
			border-right: 1px solid #E3E3E3;
		}

		#navigation ul li a:hover
		{
			background: #669900;
			font: 11px Arial;
			color: #fff;
			text-decoration: none;
		}

		#navigation ul li a.active
		{
			background: #669900;
			font: 11px Arial;
			color: #fff;
			text-decoration: none;
		}
        /* For Navigation Admin */

#navigation-admin
{
	width: 898px;
	height: 50px;
	float: left;
	border: 1px solid #E3E3E3;
	border-top: none;
}
	#navigation-admin ul
	{
	 float: left;
	}

	#navigation-admin ul li
	{
	list-style:none;
	float:left;
	}

		#navigation-admin ul li a
		{
			font: 11px Arial;
			color: #669900;
			display: block;
			padding: 11px 10px 11px 10px;
			text-decoration: none;
			border-right: 1px solid #E3E3E3;
		}

		#navigation-admin ul li a:hover
		{
			background: #669900;
			font: 11px Arial;
			color: #fff;
			text-decoration: none;
		}

		#navigation-admin ul li a.active
		{
			background: #669900;
			font: 11px Arial;
			color: #fff;
			text-decoration: none;
		}

/* For Content Main */

#content-main
{
	float: left;
	width: 870px;
	border: 1px solid #E3E3E3;
	border-top: none;
	padding: 20px 14px 20px 14px;
}
/* Content Main End */


#animation
{
	float: left;
	width: 377px;
}

#activities
{
	float: left;
	width: 480px;
	border: 1px solid #E0E0E0;
	background: #F0FFD9;
	margin-left: 11px;
	margin-bottom: 20px;
	height: 225px;
}

	#activities h2
	{
		font: 12px Arial;
		color: #669933;
		background: url(../images/bg-activities.gif) repeat-x;
		height: 23px;
		padding: 6px 0 0 10px;
	}

	#activities h2 span
	{
		float: right;
		background: url(../images/arrow-activities.gif) 0 2px no-repeat;
		padding: 0 0 0 15px;
	}

		#activities h2 span a
		{
			color: #858585;
			font: 11px Arial;
			text-decoration: none;
			padding-right: 10px;
		}

		#activities h2 span a:hover
		{
			color: #000;
		}

	#activities p
	{
		font: 10px Arial;
		color: #666;
		float: left;
		width: 470px;
		padding: 0 10px 10px 0;
	}

		#activities p span
		{
			float: left;
			width: 225px;
			margin: 10px 0 10px 10px;
			height: 80px;
		}

			#activities p span img
			{
				float: left;
				padding: 0 5px 0 0;
			}

		#activities p span a
		{
			font: 11px Arial;
			color: #669933;
			text-decoration: none;
			display: block;
		}

		#activities p span a:hover
		{
			font: 11px Arial;
			color: #669933;
			text-decoration: underline;
		}

#content-left
{
	float: left;
	width: 377px;
	margin-right: 11px;
}

#about
{
	float: left;
	width: 357px;
	height: 175px;
	background: url(../images/bg-about.gif) 0 0 no-repeat;
	display: block;
	padding: 10px;
}

	#about span
	{
		float: left;
		width: 357px;
		border-bottom: 1px solid #D6D6D6;
		padding-bottom: 10px;
	}

		#about span h3
		{
			font: 15px Arial;
			color: #65941F;
		}

		#about span img
		{
			float: right;
			padding-left: 10px;
		}

	.more
	{
		background: url(../images/arrow-all.gif) 0 2px no-repeat;
		padding: 0 0 0 15px;
		color: #333;
		text-decoration: none;
	}

#intervention
{
	float: left;
	width: 370px;
	padding: 10px 10px 10px 0;
}

	#intervention h6
	{
		width: 357px;
		font: 15px Arial;
		color: #65941F;
		margin-bottom: 10px;
		padding: 0 0 0 10px;
	}

	#intervention h6 span
	{
		float: right;
		background: url(../images/arrow-activities.gif) 0 2px no-repeat;
		padding: 0 0 0 15px;
	}

		#intervention h6 span a
		{
			color: #858585;
			font: 11px Arial;
			text-decoration: none;
		}

		#intervention h6 span a:hover
		{
			color: #000;
		}

	#intervention p
	{
		float: left;
		width: 99px;
		padding-left: 20px;
		text-align: center;
	}

		#intervention p img
		{
			float: left;
			width: 99px;
		}

	#intervention p a
	{
		text-decoration: none;
	}

#content-mid
{
	float: left;
	width: 240px;	
}

#multimedia
{
	float: left;
	width: 240px;
	border: 1px solid #E0E0E0;
}

	#multimedia h4
	{
		font: 11px Arial;
		color: #999;
		background: url(../images/bg-multimedia.gif) repeat-x;
		height: 23px;
		padding: 6px 0 0 10px;
	}

	#multimedia span
	{
		float: left;
		width: 224px;
		padding: 8px;
	}

		#multimedia span img
		{
			padding: 2px;
			border: 1px solid #E0E0E0;
			text-align: center;
			width: 218px;
		}

		#multimedia span p
		{
			float: left;
			width: 214px;
			background: url(../images/bg-multimedia1.gif) bottom left repeat-x;
			color: #669933;
			font: 10px Arial;
			padding: 5px;
			text-align: center;
		}

			#multimedia span p a
			{
				font: 11px Arial;
				color: #555;
				text-decoration: none;
			}

			#multimedia span p a:hover
			{
				color: #000;
				text-decoration: none;
			}

	.more-multimedia
	{
		float: right;
		background: url(../images/arrow-all.gif) 0 3px no-repeat;
		padding: 0 0 0 15px;
		color: #333;
		text-decoration: none;
		margin: 10px 0 0 0;
	}

#content-right
{
	float: left;
	width: 230px;
	margin-left: 10px;
}

#menu-right
{
	float: left;
	width: 228px;
	background: #EFEFEE;
	border: 1px solid #E0E0E0;
	margin-bottom: 10px;
}

	#menu-right span
	{
		float: left;
		width: 212px;
		font: bold 11px Arial;
		color: #999;
		background: url(../images/bg-righttitle.gif) bottom left repeat-x #fff;
		padding: 8px;
	}

		#menu-right span a
		{
			font: bold 11px Arial;
			color: #999;
			text-decoration: none;
			display: block;
		}

	#menu-right p
	{
		float: left;
		width: 212px;
		padding: 8px;
	}

		#menu-right p a
		{
			font: 11px Arial;
			text-decoration: none;
			color: #669933;
			background: url(../images/arrow-right.gif) 0 3px no-repeat;
			padding: 2px 0 2px 15px;
			display: block;
		}

		#menu-right p a:hover
		{
			font: 11px Arial;
			text-decoration: none;
			color: #000;
		}

#newsletter
{
	float: left;
	width: 228px;
	border: 1px solid #E0E0E0;
	margin-bottom: 10px;
}

	#newsletter h5
	{
		font: 12px Arial;
		background: #669933;
		color: #fff;
		padding: 5px;
	}

	#newsletter p
	{
		float: left;
		width: 212px;
		padding: 8px;
	}

#footer
{
	float: left;
	width: 642px;
	border: 1px solid #E3E3E3;
	border-top: none;
	/*margin-bottom: 30px;*/
}

	#footer span
	{
		float: left;
		width: 95px;
		color: #fff;
		font: 12px Arial;
		background: #406B15;
		height: 33px;
		padding: 18px 0 0 20px;
	}

	#footer p
	{
		float: left;
		width: 527px;
	}

#copyright
{
	float: left;
	width: 255px;
	background: #406B15;
	height: 53px;
	border: 1px solid #E3E3E3;
	border-top: none;
	border-left: none;
	/*margin-bottom: 30px;*/
}

	#copyright span
	{
		float: left;
		width: 255px;
		color: #fff;
		font: 12px Arial;
		text-align: center;
		padding-top: 18px;
	}

#content-inner
{
	float: left;
	width: 630px;
}

	#content-inner h2
	{
		font: 18px Arial;
		color: #51693F;
		border-bottom: 1px solid #EAEAEA;
		height: 28px;
		margin-bottom: 10px;
	}
		#content-inner ul
		{
			margin: 0;
			padding: 0;
		}
			#content-inner ul li
			{
				margin-left: 30px;
				padding: 2px 0 2px 10px;
				list-style:circle;
			}

	#content-inner h3
	{
		font: 14px Arial;
		color: #51693F;
		height: 20px;
	}
			


#content-inner-admin
{
	float: left;
	width: 870px;
}

	#content-inner-admin h2
	{
		font: 18px Arial;
		color: #51693F;
		border-bottom: 1px solid #EAEAEA;
		height: 28px;
		margin-bottom: 10px;
	}


/* Form Properties */


form
{
	margin: 0;
}

input, select, textarea
{
	font: 11px Tahoma, Verdana, Arial;
	border: 1px #ccc solid;
}


.search
{
	border: none;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	height: 20px;
	padding: 2 0 0 0px;
}

.btn
{
	font: bold 11px Tahoma, Verdana, Arial;
	color: #333333;
	background: #EAEAEA 0 0 no-repeat;
}

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


textarea
{
	font: 11px Tahoma, Verdana, Arial;
	overflow: auto;
}

.noborder
{
	border: none;
	border: 0px;
}

.border
{
	border: 1px solid;
	border-color: #DADADA;
}

/* Table Properties */

.dataTable
{
	border-collapse: collapse;
}

tr.rowtitle td
{
	color: #fff;
	background: #406B15;
	font: bold 12px Arial, Tahoma, Verdana;
	border-top: 1px #E6E6E6 solid;
	border-bottom: 1px #E6E6E6 solid;
	
}

tr.rowtitle1 td
{
	color: #fff;
	background: #669933;
	font: bold 12px Arial, Tahoma, Verdana;
	border-top: 1px #E6E6E6 solid;
	border-bottom: 1px #E6E6E6 solid;
	
}

tr.row td
{
	background: #ececec;
	border-right: 1px #E6E6E6 solid;
	border-left: 1px #E6E6E6 solid;
	border-top: 1px #E6E6E6 solid;
	border-bottom: 1px #E6E6E6 solid;
}

td.row
{
	background: #ececec;
	border-right: 1px #E6E6E6 solid;
	border-left: 1px #E6E6E6 solid;
	border-top: 1px #E6E6E6 solid;
	border-bottom: 1px #E6E6E6 solid;
}


.imgL {
	float: left;
	padding: 0 10px 5px 0;
}

.imgC {
	padding: 10px 10px 5px 20px;
}

.imgR {
	float: right;
	padding: 0 0 5px 10px;
}	

/*** Gallery CSS Starts Here ****/
.photo-archive { width: 900px; border: 0px #ccc solid; margin: 0 0 10px 12px; padding: 0 0 7px 0; }
.photo-archive h1{color:#0052A4; font:16px Arial; font-weight:bold;text-align:left; padding: 0 0 5px 10px; }
.photo-archive ul {
    padding: 0 0 0 10px;
}

.photo-archive ul li {padding: 0 3px 3px 0; float: left; height: 160px;list-style:none }

.photo-archive ul li img {border: 1px solid #ccc; width: 135px; height: 105px; padding:5px; margin-right:25px; }
.photo-archive ul li img.last{border: 1px solid #ccc; width: 140px; height: 105px; padding:5px; margin-right:5px; }
.photo-archive ul li p { text-align:center; width:150px; color:#666666; font-size:11px; clear:both; }
/*** End Gallery Css**/
.error{
    color:#FF3333; display:block;
    font-size:0.8em;
}

.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("../images/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("../images/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("../images/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("../images/ico-delete.gif") 10px 50% no-repeat;}

/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

#counter{
	width: 900px;
	margin: 0 auto;
	padding-top: 10px;
	clear: both;
	text-align: center;
}