@charset "utf-8";
body {
	width:100%;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#header {
	float: left;
	height: 150px;
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
}
#header_new {
	float: left;
	height: 110px;
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	-moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px#888;
	box-shadow: 0 0 2px #888;
	padding-top: 5px;
	background-image: url(../images/apcm_bg.png);
	background-repeat: no-repeat;
}
#form_feedback {
	padding: 0px;
	height: 400px;
	width: 400px;
	border: 1px double #006699;
	background-color: #D7F2FF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#submit_form {
	color: #FFFFFF;
	background-color: #006699;
	height: 30px;
	width: 80px;
	font-weight: bold;
}

#txt_boxes_form {
	height: 20px;
	width: 175px;
	border: 1px solid #BBE9FF;
	margin: 2px;
	padding: 2px;
}
#seclect_box1 {
	color: #000000;
	background-color: #CCEEFF;
	height: 25px;
	width: 100px;
	border: 1px solid #006699;
}



#cm_profile {
	float: right;
	height: 155px;
	width: 350px;
}

#newstxt {
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 300px;
	width: 210px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	line-height: 15px;
}
#map_b {
	border: 1px solid #999999;
}

#gmis {
	float: left;
	height: 470px;
	width: 980px;
	margin-left: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
}
#gsdp_wrap {
	float: left;
	height: 100%;
	width: 980px;
	margin-left: auto;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
}
#gsdp {
	float: left;
	#content_slider {
	float: left;
	height: 100%;
	width: 70%;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 2px;
}
	height: 30px;
	width: 970px;
	background-color: #F6F3EB;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	margin: 5px;
	padding: 5px;
}
#gsdp_content {
	background-color: #F7F3EB;
	float: left;
	height: 100%;
	width: 970px;
	margin: 5px;
	padding: 5px;
}


#ajax_rain{
	float: left;
	height: 100%;
	width: 1000px;
	margin-left: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
}
#submit_button {
	background-color: #EFF8F8;
	float: left;
	height: 25px;
	width: 70px;
	border: 1px solid #999999;
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

#statplanet_index {
	background-color: #FFFFFF;
	float: left;
	height: 800px;
	width: 1000px;
	text-align: center;
}
#disclaimer {
	background-color: #F4FEFF;
	float: left;
	height: 30px;
	width: 990px;
	font-family:  calabri;
	font-size: 16px;
	margin-top: 10px;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 20px;
}
#table_form {
	float: left;
	height: 300px;
	width: 275px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.border {
	border: 1px solid #999999;
}




#b {
	border: 1px solid #9DAB0E;
}



#body {
	float: left;
	height: 100%;
	width: 100%;
	font-family: calabri !important;
	
}

.grid{
	width:240px;
	min-height:100px;
	background:#fff;
	margin:5px;
	font-size:12px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	padding: 0px;
	font-family:  calabri;
}
.grid_t{
	width:730px;
	min-height:100%;
	background:#fff;
	font-size:16px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	font-family:  calabri;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#F3FAFC;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
}
#line_grid {
	border: 1px dotted #E9E9E9;
	width: 200px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
}
#chart {
	float: left;
	height: 100%;
	width: 980px;
}


.grid_t1{
	width:730px;
	min-height:100%;
	font-size:12px;
	float:left;
	
	font-family:  calabri;
	
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
}

.pic{
	width:79px;
	min-height:95px;
	font-size:16px;
	float:left;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	font-family:  calabri;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#FFFFFF;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#flash {
	float: left;
	height: 100%;
	width: 100%;
}
#flash_news {
	float: left;
	height: 20px;
	width: 980px;
	font-family: calabri;
	font-size: 16px;
	color: #000000;
	background-color: #E5F1F4;
	padding-top: 5px;
	padding-bottom: 5px;
}

#dp_division {
	background-color: #F9F8F2;
	float: left;
	height: 360px;
	width: 750px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
#dp_division1 {
	background-color: #CFE0DC;
	float: left;
	height: 30px;
	width: 980px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	color: #000000;
}
#dp_division3 {
	float: left;
	width: 750px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-family:  calabri;
	font-size: 16px;
	color: #047488;
	margin-top: 5px;
}
#news {
	float: left;
	height: 400px;
	width: 224px;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
}
#heading_txt {
	background-color: #E4E0CD;
	float: left;
	height: 25px;
	width: 200px;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
}




.toggle {
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #006699;
}
#profile {
	float: left;
	height: 100%;
	width: 900px;
	margin-left: 100px;
	margin-top: 0px;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#apdata_h {
	background-color: #E6E6E6;
	height: 20px;
	width: 232px;
	padding: 3px;
	margin-top: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0E0;
	font-family:  calabri;
	font-size: 16px;
	text-align: left;
}
#ap_txt {
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	text-align: left;
	padding: 3px;
	line-height: 16px;
}


#banner {
	height: 300px;
	width: 1000px;
	float: left;
	-moz-border-radiu.htmls: 15px;
	border-radiu.htmls: 15px;
	background-image: url(../images/bg_banner.gif);
	border: 1px solid #CCCCCC;
	background-position: center;
}
#heading_front {
	height: 20px;
	width: 100%;
	float: left;
	font-family: calabri;
	font-size: 16px;
	color: #333333;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	margin-left: 0px;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#heading_front1 {
	height: 35px;
	width: 100%;
	float: left;
	font-family: calabri;
	font-size: 16px;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	background-repeat: repeat-x;
}
#heading_front12 {
	height: 35px;
	width: 980px;
	float: left;
	font-family: calabri;
	font-size: 18px;
	color: #333333;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-left: 6px;
	background-image: url(../images/bg_srip.gif);
	background-repeat: repeat-x;
	text-align: center;
}
#table_box {
	float: left;
	height: 20px;
	width: 70px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-left-color: #C0C0C0;
}

#aws {
	float: left;
	height: 560px;
	width: 980px;
}
#c_block {
	background-color: #FFFFFF;
	float: left;
	height: 100%;
	width: 750px;
	margin-right: 8px;
}
#c_block_aaa {
	background-color: #FFFFFF;
	float: left;
	height: 100%;
	width: 100%;
	margin: 2px;
}
#c_block_a {
	background-color: #FFFFFF;
	float: left;
	height: 100%;
	width: 100%;
	border: 1px solid #BFBFBF;
	padding: 0px;
	margin-top: 5px;
}
#c_block_cyclone {
	background-color: #FFFFFF;
	float: left;
	height: 580px;
	width: 990px;
	border: 1px solid #BFBFBF;
	padding: 0px;
	margin-top: 5px;
}
#c_block_cyclone1 {
	background-color: #FFFFFF;
	float: left;
	height: 700px;
	width: 990px;
	border: 1px solid #BFBFBF;
	padding: 0px;
	margin-top: 5px;
}

#c_block_cyclone2{
	background-color: #FFFFFF;
	float: left;
	height: 1500px;
	width: 990px;
	border: 1px solid #BFBFBF;
	padding: 0px;
	margin-top: 5px;
}
#c_block_aa {
	background-color: #FFFFFF;
	float: left;
	height: 100%;
	width: 100%;
	border: 1px solid #DFDFDF;
	padding: 2px;
	margin: 0px;
}
#c_block_b {
	background-color: #FFFFFF;
	float: left;
	height: 600px;;
	width: 750px;
	border: 1px solid #BFBFBF;
	padding: 0px;
	margin: 2px;
}
#planning {
	background-color: #00a2a2;
	float: left;
	height: 25px;
	width: 1000px;
	margin-left: 0px;
	padding-top: 3px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	color: #FFFFFF;
	font-size: 16px;
	font-family:  calabri;
	background-repeat: no-repeat;
	background-position: right top;
}
#planning12 {
	background-color: #00a2a2;
	float: left;
	height: 25px;
	width: 100%;
	margin-left: 0px;
	padding-top: 3px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	color: #FFFFFF;
	font-size: 16px;
	font-family:  calabri;
	background-repeat: no-repeat;
	background-position: right top;
}
#planning1 {
	background-color: #167DA1;
	float: left;
	height: 25px;
	margin-left: 0px;
	padding-top: 3px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	color: #FFFFFF;
	font-size: 16px;
	font-family:  calabri;
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
}
#cyclone{
	background-color: #53A3B4;
	float: left;
	height: 25px;
	width: 990px;
	margin-left: 0px;
	padding-top: 3px;
	text-align: center;
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	color: #FFFFFF;
	font-size: 16px;
	font-family:  calabri;
}

#current_weather_observations {
	background-color: #53A3B4;
	float: left;
	height: 25px;
	width: 987px;
	margin-left: 0px;
	padding-top: 3px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DBDBDB;
	color: #FFFFFF;
	font-size: 16px;
	font-family:  calabri;
}
#current_weather_observations_a {
	background-color: #FFFFFF;
	float: left;
	height: 100%;
	width: 990px;
	margin-left: 0px;
	padding-top: 5px;
	color: #FFFFFF;
	font-size: 16px;
	font-family:  calabri;
	margin-top: 2px;
}
#lahar {
	float: left;
	height: 230px;
	width: 980px;
	border: 1px solid #D9D8E0;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 10px;
	padding-top: 5px;
	padding-left: 5px;
}
#lahar_heading {
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	height: 25px;
	width: 995px;
	background-color: #53A3B4;
	margin-top: 2px;
}
#cyclone_update {
	background-color: #D9D8E0;
	float: left;
	height: 20px;
	width: 995px;
	font-family:  calabri;
	font-size: 16px;
}
#cyclone_nrsc {
	float: left;
	height: 100%;
	width: 970px;
}
#cyclone_nrsc1 {
	float: left;
	height: 800px;
	width: 970px;
}



#brdr {
	border: 1px solid #D3DFDF;
}

#d_block_a {
	float: left;
	height: 390px;
	width: 234px;
	margin-left: 2px;
	border: 1px solid #DCE9E6;
	margin-top: 2px;
}
#d_block_b {
	float: left;
	height: 375px;
	width: 235px;
	border: 1px solid #DCE9E6;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	
	
}
#d_block_ba {
	float: left;
	height: 375px;
	width: 232px;
	border: 1px solid #DCE9E6;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 6px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	
	
}
#aws_obsevations_boxes {
	padding: 1px;
	float: left;
	height: 25px;
	width: 228px;
	font-family:  calabri;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	background-color: #EEEEEE;
	margin: 3px;
}

#aws_obsevations_boxes111 {
	float: left;
	height: 20px;
	width: 228px;
	font-family:  calabri;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #53A3B4;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	margin: 0px;
}
#aws_obsevations_boxes_a {
	padding: 1px;
	float: left;
	height: 165px;
	width: 228px;
	font-family:  calabri;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}

#d_block
 {
	float: left;
	height: 900px;
	width: 230px;
	margin-left: 2px;
	border: 1px solid #DCE9E6;
	margin-top: 0px;
	
}
#aws1 {
	float: left;
	height: 760px;
	width: 980px;
}
#rainfall {
	float: left;
	height: 140px;
	width: 100%;
	font-family:  calabri;
	margin-left: auto;
	margin-right: auto;
}


.select_menu {
	background-color: #EDF3F5;
	float: left;
	height: 22px;
	width: 150px;
	border: 1px solid #D2E4E8;
}
#temperature {
	float: left;
	height: 50px;
	width: 400px;
	border: 1px solid #E4E3CB;
	padding-top: 3px;
	padding-left: 3px;
}
#updatetemp {
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #057287;
	background-color: #DDD8C2;
	float: left;
	height: 20px;
	width: 391px;
	padding-left: 3px;
}

#temp_box1 {
	font-family: calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 20px;
	width: 123px;
	margin-top: 2px;
	margin-left: 2px;
	border: 1px solid #E4E3CB;
	background-color: #ECE9DC;
	text-align: center;
	line-height: 18px;
}
#temp_box2 {
	font-family: calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 20px;
	width: 135px;
	margin-top: 2px;
	margin-left: 2px;
	border: 1px solid #E4E3CB;
	background-color: #ECE9DC;
	text-align: center;
	line-height: 18px;
}
#temp_box3 {
	font-family: calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 20px;
	width: 123px;
	margin-top: 2px;
	margin-left: 2px;
	border: 1px solid #E4E3CB;
	background-color: #ECE9DC;
	text-align: center;
	line-height: 18px;
}
#temp_box4 {
	font-family: calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 20px;
	width: 123px;
	margin-top: 2px;
	margin-left: 2px;
	border: 1px solid #E4E3CB;
	background-color: #ECE9DC;
	text-align: center;
	line-height: 18px;
}
#temp_box5 {
	font-family: calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 20px;
	width: 135px;
	margin-top: 2px;
	margin-left: 2px;
	border: 1px solid #E4E3CB;
	background-color: #ECE9DC;
	text-align: center;
	line-height: 18px;
}
#temp_box6 {
	font-family: calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 20px;
	width: 123px;
	margin-top: 2px;
	margin-left: 2px;
	border: 1px solid #E4E3CB;
	background-color: #ECE9DC;
	text-align: center;
	line-height: 18px;
}


.map1.maphilighted {
    margin-top: 0px;
}
.map1 {
    margin-top: 0px;
}


#back_arrow {
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
	float: left;
	height: 40px;
	width: 980px;
}

#home_content{
	height: 500px;
	width: 230px;
	;
	float: left;
	-moz-border-radiu.htmls: 10px;
	border-radiu.htmls: 10px;
	margin-left: 10px;
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-left: 15px;
}
#content {
	height: 100%;
	width: 1000px;
	font-family: calabri;
	color: #000000;
	text-align: center;
	line-height: 20px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#content_dm {
	height: 100%;
	width: 70%;
	font-family: calabri;
	font-size: 16px;
	color: #000000;
	text-align: justify;
	line-height: 20px;
	background-color: #FFFFFF;
	float: left;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#content_dm1 {
	height: 100%;
	width: 98%;
	font-family: calabri;
	font-size: 16px;
	color: #000000;
	text-align: justify;
	line-height: 20px;
	background-color: #FFFFFF;
	float: left;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#content_dp {
	height: 100%;
	width: 90%;
	font-family: calabri;
	font-size: 16px;
	color: #000000;
	text-align: justify;
	line-height: 20px;
	background-color: #FFFFFF;
	float: left;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#border {
	border: 1px solid #DFDFDF;
}
#border1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #DFDFDF;
	border-right-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
}

#content_home {
	height: 400px;
	width: 1000px;
	font-family: calabri;
	font-size: 16px;
	color: #000000;
	padding-top: 20px;
	text-align: justify;
	padding-left: 10px;
	line-height: 20px;
}
#red {
	color: #FF0000;
}

#footer {
	height: 35px;
	width: 990px;
	background-color: #D7D7D7;
	margin-left: 0px;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	line-height: 25px;
	padding-left: 0px;
	padding-top: 5px;
}
#content_about {
	float: left;
	height: 580px;
	width: 950px;
	padding-top: 15px;
	padding-left: 10px;
}


#content_dp1 {
	float: left;
	height: 100%;
	width: 100%;
	padding-left: 25px;
}

#heading_about {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #49ACC5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #E8E8E8;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	height: 10px;
	background-color: #b7dee8;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#heading_about_small {
	font-family:  calabri;
	font-size: 16px;
	color: #045B6A;
	padding-top: 5px;
	padding-bottom: 16px;
	padding-left: 0px;
}#heading_about1 {
	font-family:  calabri;
	font-size: 18px;
	color: #045B6A;
	padding-top: 5px;
	padding-bottom: 16px;
	padding-left: 10px;
}
#organization {
	float: left;
	height: 40px;
	width: 950px;
	margin-left: 10px;
	font-size: 24px;
	color: #07B7D6;
	line-height: 20px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: calabri;
}
#note {
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	float: right;
	height: 20px;
	width: 655px;
	margin-left: 10px;
}

#org_image {
	background-image: url(../images/Secretait_bulding.png);
	float: left;
	height: 332px;
	width: 700px;
	-webkit-border-radiu.htmls: 0px;-moz-border-radiu.htmls: 0px;border-radiu.htmls: 0px;border:1px solid #FBFFF0;background-color:#E3A20B;-webkit-box-shadow: #B3B3B3 2px 2px 2px;-moz-box-shadow: #B3B3B3 2px 2px 2px; box-shadow: #B3B3B3 2px 2px 2px;
}
#temp {
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 25px;
	width: 960px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 10px;
	border: 1px solid #CEEAF0;
	padding-top: 2px;
}
#temp_update {
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 23px;
	width: 960px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 10px;
	border: 1px solid #E1E1E1;
	padding-top: 2px;
	background-color: #FFFFFF;
}
#temp_update1 {
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	float: left;
	height: 23px;
	width: 972px;
	padding-right: 5px;
	padding-left: 10px;
	margin-left: 5px;
	border: 1px solid #E1E1E1;
	padding-top: 5px;
	background-color: #F9F8F2;
	margin-top: 5px;
}



.red {
	background-color: #FF0000;
}

#dp_menu {
	float: left;
	height: 100%;
	width: 200px;
	padding-top: 10px;
	padding-right: 20px;
	background-position: right;
}
#dp_menu_d{
	float: left;
	height: 100%;
	width: 200px;
	padding-right: 10px;
	padding-top: 0px;
}
#ap_maps {
	float: left;
	height: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#ap_maps_2 {
	float: left;
	height: 100%;
	width: 100%;
	padding-top: 50px;
	margin-left: 15px;
	padding-bottom: 5px;
	
}
#ap_maps_3 {
	float: left;
	height: 100%;
	width: 990px;
	padding-top: 5px;
	padding-left: 5px;
}

#dp_menu_ap {
	float: left;
	height: 100%;
	width: 230px;
	padding-top: 10px;
	padding-right: 20px;
}
#dp_menu_ap1 {
	float: left;
	height: 800px;
	width: 230px;
	padding-top: 10px;
	padding-right: 20px;
}
#dp_menu_right {
	float: left;
	height: 697px;
	width: 240px;
	padding-top: 10px;
	background-color: #eaeaea;
	
}
#description_about {
	float: left;
	height: 100px;
	width: 690px;
}

#dp_content {
	float: left;
	height: 100%;
	width: 700px;
	padding: 1px;
	margin-left: 10px;	
}
#dp_content_e {
	float: left;
	height: 100%;
	width: 100%;
	padding: 15px;
	margin-left: 10px;	
}
#h_content {
	float: left;
	height: 400px;
	width: 700px;
	padding: 15px;
	margin-left: 10px;
	margin-top: 15px;
	font-family: calabri;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	text-align: justify;
}
#box1 {
	float: left;
	height: 250px;
	width: 300px;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	border: 1px solid #CBF7FE;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}#box_sa {
	float: left;
	height: 250px;
	width: 300px;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	border: 1px solid #CBF7FE;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#box2 {
	float: left;
	height: 210px;
	width: 300px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#box2_update {
	float: left;
	height: 180px;
	width: 270px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#boxes_img {
	float: left;
	height: 225px;
	width: 275px;
	margin-bottom: 0px;
	border: 1px dotted #E4E1D1;
	margin-left: 3px;
	margin-top: 3px;
}
#development_planning {
	float: left;
	height: 180px;
	width: 567px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #F2F2F2;
}
#weather {
	float: left;
	height: 110px;
	width: 400px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #057287;
	font-family:  calabri;
	font-size: 16px;
	line-height: 17px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 5px;
	text-align: justify;
	padding-right: 5px;
	padding-top: 5px;
}
#weather-1 {
	float: left;
	height: 110px;
	width: 510px;
	margin-top: 5px;
	margin-left: 5px;
	padding: 5px;
	font-family:  calabri;
	font-size: 16px;
	font-style: italic;
	color: #BAB578;
	line-height: 18px;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: justify;
}
#border-b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D3B0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D7D3B0;
	padding-right: 1px;
	padding-left: 1px;
	font-family:  calabri;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #057287;
}
#border-l {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8FDAEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8FDAEF;
	padding-right: 1px;
	padding-left: 1px;
	font-family:  calabri;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #057287;
}


#development_planning1 {
	float: left;
	height: 180px;
	width: 568px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCA9E;
	background-color: #ece9dc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C4BC96;
}
#development_plannig_devision {
	float: left;
	height: 700px;
	width: 565px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-left: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #BAB578;
	border-bottom-color: #BAB578;
	border-left-color: #BAB578;
}
#development_plannig_1 {
	float: left;
	height: 480px;
	width: 480px;
	margin: 4px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border: 1px solid #BAB578;
}
#development_planning_txt {
	float: left;
	height: 25px;
	width: 567px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #BAB578;
	font-family:  calabri;
	font-size: 16px;
	color: #057287;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: bold;
}
#development_planning_txt1 {
	float: left;
	height: 25px;
	width: 568px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #BBB186;
	border-bottom-color: #BBB186;
	background-color: #C4BC96;
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #046273;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBB186;
}
#development_planning_txt12 {
	float: left;
	height: 25px;
	width: 475px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #BBB186;
	border-bottom-color: #BBB186;
	background-color: #C4BC96;
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #046273;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BBB186;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

#development_planning_txt2 {
	float: left;
	height: 23px;
	width: 560px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-color: #05879E;
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #E9E6D8;
	margin-top: 3px;
}
#development_planning_txt3 {
	float: left;
	height: 23px;
	width: 700px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #E9E6D8;
	margin-top: 3px;
	text-align: center;
}
#disaster_division {
	float: left;
	height: 700px;
	width: 410px;
	margin-left: 7px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BAB578;
	border-right-color: #BAB578;
	border-bottom-color: #BAB578;
	border-left-color: #BAB578;
}

#disaster_mitigation {
	float: left;
	height: 215px;
	width: 380px;
	margin-right: 5px;
	margin-bottom: 8px;
	margin-left: 5px;
	border: 1px solid #CCCCCC;
}

#box_ap {
	float: left;
	width: 100%;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#box_dp {
	float: left;
	height: 170px;
	width: 220px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}#plan_txt {
	font-family:  calabri;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	float: left;
	height: 20px;
	width: 225px;
	padding-bottom: 15px;
	padding-top: 5px;
}
#box3 {
	float: left;
	height: 250px;
	width: 250px;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	border: 1px solid #CBF7FE;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#c_scroll {
	height: 300px;
	width: 100%;
	overflow: scroll;
	background-color: #CCCCCC;
}

#inner_box {
	background-color: #b7dee8;
	height: 30px;
	width: 295px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 5px;
}#inner_box1 {
	background-color: #92CAD8;
	height: 30px;
	width: 188px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 5px;
}
#inner_box_dp {
	background-color: #92CAD8;
	height: 30px;
	width: 188px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 5px;
}#inner_box2 {
	background-color: #92CAD8;
	height: 30px;
	width: 248px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 5px;
}
#image_box {
	height:150px;
	width: 300px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 0px;
}#image_box_sa {
	height:150px;
	width: 286px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#image_box_ap {
	height:105px;
	width: 225px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 15px;
	padding-left: 10px;
}#image_box_dp {
	height:128px;
	width: 220px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #CCCCCC;
	margin-top: 5px;
}
#image_box1 {
	height:150px;
	width: 300px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 0px;
}
#image_box1_update {
	height:150px;
	width: 265px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 0px;
}
#image_box1_update1 {
	height:142px;
	width: 265px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 0px;
	padding-top: 0px;
	border: 1px solid #BAB578;
	margin-top: 5px;
}
#image_box_ap {
	height:210px;
	width: 300px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 0px;
}
#image_box2 {
	height:150px;
	width: 250px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 25px;
	color: #03414B;
	text-align: left;
	padding-left: 0px;
}
#home_c1 {
	font-family:  calabri;
	font-size: 16px;
	color: #FFFFFF;
	float: left;
	height: 370px;
	width: 660px;
	background-color: #057287;
	-webkit-border-radiu.htmls: 20px 0px 0px 20px;
	-moz-border-radiu.htmls: 20px 0px 0px 20px;
	border-radiu.htmls: 20px 0px 0px 20px;
	background-color:#057287;
	line-height: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#home_c1_update {
	font-family:  calabri;
	font-size: 16px;
	color: #FFFFFF;
	float: left;
	height: 460px;
	width: 540px;
	background-color: #057287;





	-webkit-border-radiu.htmls: 20px 0px 0px 20px;
	-moz-border-radiu.htmls: 20px 0px 0px 20px;
	border-radiu.htmls: 20px 0px 0px 20px;
	background-color:#057287;
	line-height: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#home_c1_update1 {
	font-family:  calabri;
	font-size: 16px;
	color: #FFFFFF;
	float: left;
	height: 448px;
	width: 526px;
	-webkit-border-radiu.htmls: 20px 0px 0px 20px;
	-moz-border-radiu.htmls: 20px 0px 0px 20px;
	border-radiu.htmls: 20px 0px 0px 20px;
	line-height: 18px;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-right: 22px;
	padding-left: 20px;
	vertical-align: middle;
	padding-bottom: 15px;
	background-color: #057287;
}
#home_c1_update13 {
	font-family:  calabri;
	font-size: 16px;
	color: #FFFFFF;
	float: left;
	height: 448px;
	width: 560px;
	-webkit-border-radiu.htmls: 20px 0px 0px 20px;
	-moz-border-radiu.htmls: 20px 0px 0px 20px;
	border-radiu.htmls: 20px 0px 0px 20px;
	line-height: 18px;
	background-repeat: repeat-x;
	padding-top: 3px;
	padding-right: 2px;
	padding-left: 3px;
	vertical-align: middle;
	padding-bottom: 3px;
	background-color: #FFFFFF;
}
#home_c1_update12 {
	font-family:  calabri;
	font-size: 16px;
	color: #FFFFFF;
	float: left;
	height: 480px;
	width: 565px;
	-webkit-border-radiu.htmls: 20px 0px 0px 20px;
	-moz-border-radiu.htmls: 20px 0px 0px 20px;
	border-radiu.htmls: 20px 0px 0px 20px;
	line-height: 18px;
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	vertical-align: middle;
	padding-bottom: 10px;
	background-color: #057287;
}



#points {
	height: 150px;
	width: 500px;
	font-family:  calabri;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
}
#home_c2 {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	float: left;
	height: 378px;
	width: 280px;
	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	background-color: #E9E7D8;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 10px;
}
#home_c2_update {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	float: left;
	height: 460px;
	width: 400px;





	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	background-color: #E9E7D8;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 2px;
}
#home_c2_update1 {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	float: left;
	height: 180px;
	width: 400px;

	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	background-color: #F2F2F2;
	margin-left: 5px;
	margin-top: 0px;
	padding-top: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#home_c2_update2 {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	float: left;
	height: 176px;
	width: 410px;












	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	background-color: #ECE9DC;
	margin-top: 0px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D3B0;
	padding-bottom: 3px;
}

#disaster{
	font-family:  calabri;
	font-size: 16px;
	color: #178BBD;
	float: left;
	height: 25px;
	width: 400px;







	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	background-color: #C0C0C0;
	margin-left: 5px;
	margin-top: 0px;
	padding-top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: bold;
}

#disaster1{
	font-family:  calabri;
	font-size: 16px;
	color: #035361;
	float: left;
	height: 25px;
	width: 410px;
























	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #BAB578;
	border-bottom-color: #BAB578;
	background-color: #C4BC96;
}
#home_c3 {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	float: left;
	height: 20px;
	width: 280px;

	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}#home_c4 {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	float: left;
	height: 300px;
	width: 280px;
	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	background-color: #E9E7D8;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#home_c4_update {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	float: left;
	height: 475px;
	width: 395px;





	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border: 1px solid #CCCCCC;
}
#home_c4_update1 {
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
	float: left;
	height: 470px;
	width: 408px;







	-webkit-border-radiu.htmls: 0px 20px 20px 0px;
	-moz-border-radiu.htmls: 0px 20px 20px 0px;
	border-radiu.htmls: 0px 20px 20px 0px;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

#text_box {
	height:40px;
	width: 295px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #178BBD;
	text-align: left;
	padding-left: 0px;
	margin-left: 5px;
}
#text_box6 {
	height:30px;
	width: 250px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #178BBD;
	text-align: left;
	padding-left: 0px;
	margin-left: 5px;
}
#text_box3 {
	height:40px;
	width: 295px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #178BBD;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
}
#text_box3_update {
	height:40px;
	width: 250px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #178BBD;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
}
#text_box1 {
	height:40px;
	width: 295px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	text-align: left;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 5px;
}
#text_box1_update {
	height:23px;
	width: 264px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 2px;
	background-color: #DDD8C2;
	border: 1px solid #C4BC96;
}
#text_box1_update3 {
	height:23px;
	width: 190px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	text-align: center;
	padding-left: 0px;
	margin-left: 8px;
	margin-top: 2px;
	background-color: #DDD8C2;
	border: 1px solid #C4BC96;
}
#text_box1_update4 {
	height:23px;
	width: 190px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	text-align: center;
	padding-left: 0px;
	margin-left: 2px;
	margin-top: 2px;
	background-color: #DDD8C2;
	border: 1px solid #C4BC96;
}


#text_box8 {
	height:40px;
	width: 250px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	text-align: left;
	padding-left: 0px;
	margin-left: 5px;
	margin-top: 5px;
}#text_box7 {
	height:40px;
	width: 250px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #0066CC;
	text-align: left;
	padding-left: 0px;
	margin-top: 5px;
}
#text_box4 {
	height:30px;
	width: 250px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #010C20;
	text-align: left;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 5px;
	font-weight: normal;
	padding-top: 20px;
}#text_box5 {
	width: 260px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #057287;
	text-align: left;
	padding-left: 5px;
	margin-left: 15px;
	margin-top: 5px;
	height: 150px;
}#footer1 {
	background-color: #068CA4;
	float: left;
	height: 30px;
	width: 980px;
	margin-top: 50px;
}
#text_box6 {
	width: 260px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #057287;
	text-align: left;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 5px;
	height: 150px;
}
#more {
	height:15px;
	width: 295px;
	float: left;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #BD3839;
	text-align: right;
	padding-left: 0px;
	margin-right: 5px;
}#more1 {
	height:15px;
	width: 295px;
	float: right;
	font-family: calabri;
	font-size: 16px;
	line-height: 18px;
	color: #BD3839;
	text-align: right;
	padding-left: 0px;
	margin-right: 5px;
	margin-top: 5px;
}


#h_content1 {
	float: left;
	height: 300px;
	width: 950px;
	padding: 10px;
	margin-left: 15px;
	margin-top: 15px;
	font-family: calabri;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: justify;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	background-color: #0699B3;
}
#dp_content1 {
	float: left;
	height: 100%;
	margin-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	border: 0px solid #F5F5F5;
	margin-right: 0px;
	margin-bottom: 5px;
}
#dp_content1a {
	float: left;
	height: 100%;
	width: 75%;
	margin-left: 15%;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 10px;
	border: 1px solid #F5F5F5;
	margin-right: 15%;
	margin-bottom: 5px;
}

#dp_content111 {
	float: left;
	height: 100%;
	width: 100%;
	margin-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;	
}
#dp_content_basin {
	float: left;
	height: 100%;
	width: 600px;
	margin-left: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	
}
#dp_content12 {
	float: left;
	height: 100%;
	width: 980px;
	margin-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	
}

#tenders {
	float: left;
	height: 100%;
	width: 900px;
	margin-left: 30px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	
}
#dp_content123 {
	float: left;
	height: 100%;
	width: 950px;
	margin-left: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	
}
#demographic {
	float: left;
	height: 100%;
	width: 770px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	font-family: calabri;
	font-size: 16px;
	
}
#dp_content_1 {
	float: left;
	height: 100%;
	width: 700px;
	margin-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	
}
#dp_content_menus {
	float: left;
	height: 100%;
	width: 708px;
	margin-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	background-color: #E1F9FF;
	
}#dp_content_menus1 {
	float: left;
	height: 100%;
	width: 100%;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 10px;
	
}
#dp_content_menus3 {
	float: left;
	width: 100%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	height: 30px;
}
#dp_content_menus2 {
	float: left;
	height: 100%;
	width: 963px;
	margin-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 5px;
	background-image: url(../images/header.gif);
	background-color: #CCD6D9;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	
}
#dp_content_map {
	float: left;
	height: 100%;
	width: 700px;
	margin-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 20px;
	font-family:  calabri;
	color: #FFFFFF;
	font-size: 16px;
	background-color: #07B4D1;
	padding-top: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CAF4FF;
	border-right-color: #CAF4FF;
	border-bottom-color: #CAF4FF;
	border-left-color: #CAF4FF;
	font-style: normal;
	
}
#dp_content_map1 {
	float: left;
	height: 0px;
	width: 100%;
	margin-top: 0px;
	font-family:  calabri;
	color: #000000;
	font-size: 12px;
	background-color: #FFFFFF;
	font-style: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
    z-index: 999;
	margin-top: 0px;
    font-size: 16px;
    position: absolute;
	
}
#padding {
	margin-left: 10px;
}

#legend_map {
	float: left;
	height: 200px;
	width: 980px;
}

#s_map {
	float: left;
	height: 100%;
	width: 700px;
}
#s_map1 {
	float: left;
	height: 200px;
	width: 207px;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#grab {
	border: 1px solid #CCCCCC;
	height: 840px;
	width: 840px;
}


#dp_content_dp {
	float: left;
	height: 100%;
	width: 75%;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	
}
#dp_content_temp {
	float: left;
	height: 100%;
	width: 100%;
	margin-left: 0px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	
}
#dp_content_sa {
	float: left;
	height: 100%;
	width: 900px;
	margin-left: 10px;
	padding: 5px;
	
}
#dp_content_obj {
	float: left;
	height: 100%;
	width: 700px;
	margin-left: 10px;
	padding: 5px;
	
}#dp_content3 {
	float: left;
	height: 700px;
	width: 700px;
	padding: 5px;
	margin-left: 10px;
	background-color: #f3f2f0;
	-webkit-border-radiu.htmls: 0px;
	-moz-border-radiu.htmls: 0px;
	border-radiu.htmls: 0px;
	border:1px solid #FBFFF0;
	background-color:#f3f2f0;


}#dp_content2 {
	float: left;
	height: 700px;
	width: 700px;
	padding: 5px;
	margin-left: 10px;
	overflow: scroll;	
}
#home_boxes {
	float: left;
	height: 100%;
	width: 980px;
	margin-top: 15px;
	margin-left: 10px;
	font-family:  calabri;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	text-align: justify;
	margin-bottom: 20px;
}
#home_boxes_update {
	float: left;
	height: 100%;
	width: 980px;
	margin-top: 5px;
	margin-left: 10px;
	font-family:  calabri;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	text-align: justify;
	margin-bottom: 5px;
}
#home_boxes_ap {
	float: left;
	height:400px;
	width: 900px;
	margin-top: 15px;
	margin-left: 10px;
	font-family:  calabri;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	text-align: justify;
}
#home_boxes1 {
	float: left;
	height: 700px;
	width: 790px;
	margin-top: 15px;
	margin-left: 5px;
	font-family:  calabri;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	text-align: justify;
}
#home_boxes2 {
	float: left;
	height: 700px;
	width:190px;
	margin-top: 15px;
	margin-left: 5px;
	font-family:  calabri;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	text-align: justify;
}

#dp_headind {
	float: left;
	height: 15px;
	width: 100%;
	margin-left: 20px;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #D1EDEA;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #7BCCC4;
	margin-bottom: 10px;
	
}#legend {
	float: left;
	height: 500px;
	width: 250px;
	background-image: url(../images/maps/srikakulam/lezend_65N12.png);
}
#map_left {
	height: 500px;
	width: 700px;
}
#dp_heading1 {
	float: left;
	height: 20px;
	width: 600px;
	margin-left: 10px;
	font-size: 18px;
	color: #CC0000;
	line-height: 18px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-family: calabri;
}
#content_about3{
	font-family:  calabri;
	font-size: 16px;
	line-height: 18px;
	color: #333333;
	float: left;
	height: 80px;
	width: 680px;
	margin-left: 5px;
	margin-top: 10px;
}
#our_team {
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	height: 25px;
	width: 200px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990000;
	padding-left: 15px;
}#our_team1 {
	font-family:  calabri;
	font-size: 16px;
	color: #990000;
	height: 30px;
	width: 200px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990000;
	padding-left: 15px;
	font-weight: normal;
	padding-top: 0px;
}

#c_box1 {
	height: 248px;
	width: 220px;
	background-color: #F3F2F0;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}#c_box2 {
	height: 248px;
	width: 220px;
	background-color: #FFFFFF;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}



#dp_heading {
	float: left;
	height: 20px;
	width: 700px;
	margin-left: 10px;
	font-size: 24px;
	color: #057287;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	font-family:  calabri;
	font-weight: normal;
	text-align: center;
	
}
#gb {
	font-family:  calabri;
	font-size: 16px;
	float: left;
	height: 400px;
	width: 700px;
}
#gb_awd {
	font-family:  calabri;
	font-size: 16px;
	float: left;
	height: 100%;
	width: 958px;
	margin-bottom: 10px;
	background-color: #F5FAFC;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#gb1 {
	font-family:  calabri;
	font-size: 42px;
	float: left;
	height: 30px;
	width: 700px;
	text-align: center;
	padding-top: 5px;
}#gb2 {
	font-family:  calabri;
	font-size: 16px;
	float: left;
	height: 20px;
	width: 700px;
	text-align: center;
}#gb3 {
	font-family:  calabri;
	font-size: 16px;
	float: left;
	height: 200px;
	width: 700px;
	text-align: center;
}
#map {
	float: left;
	height: 530px;
	width: 500px;
	-webkit-border-radiu.htmls: .5em;
	-moz-border-radiu.htmls: .5em;
	border-radiu.htmls: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin-left: 10px;
	font-size: 16px;
	color: #0066CC;
	line-height: 20px;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 10px;
	font-family:  calabri;
}

#contact {
	float: left;
	height: 300px;
	width: 250px;
	-webkit-border-radiu.htmls: .5em;
	-moz-border-radiu.htmls: .5em;
	border-radiu.htmls: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin-left: 10px;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family:  calabri;
	text-align: left;
	font-weight: normal;
}
#contact1 {
	float: left;
	height: 200px;
	width: 350px;
	-webkit-border-radiu.htmls: .5em;
	-moz-border-radiu.htmls: .5em;
	border-radiu.htmls: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin-left: 10px;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-family:  calabri;
	text-align: left;
	font-weight: normal;
}
#c1 {
	float: left;
	height: 20px;
	width: 250px;


	-webkit-border-radiu.htmls: .5em;
	-moz-border-radiu.htmls: 0.5em;
	border-radiu.htmls: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin-left: 10px;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	border: 1px solid #CCCCCC;
	text-align: center;
	padding: 10px;
	font-family:  calabri;
	background-color: #d2eaf1;
}

#content_dp {
	float: left;
	height: 580px;
	width: 950px;
	padding-top: 15px;
	padding-left: 10px;
}


#heading {
	font-family:calabri;
	font-size: 16px;
	font-weight: 300;
	color: #990000;
}
#date {
	float: left;
	height: 0px;
	width: 0px;
	font-family:  calabri;
	font-size: 16px;
	color: #000000;
}




#clear {
	clear: both;
}
#menus {
	float: left;
	height: 35px;
	width: 100%;
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
	background-color: #005D7C;
}
#gap_menu {
	float: left;
}

#logo {
	background-image: url(../images/ap-logo-cm.jpg);
	float: left;
	height: 109px;
	width: 1150px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	background-position: center center;
	text-align: center;
}
#logo_gw {
	background-image: url(../images/gw_logo.jpg);
	float: left;
	height: 150px;
	width: 980px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 10px;
}
#logo_update {
	background-image: url(../images/logo-apsdps.png);
	float: left;
	height: 109px;
	width: 576px;
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-left: 10px;
}
#header_right {
	float: right;
	height: 60px;
	width: 180px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 60px;
}
#sitemap {
	float: left;
	height: 50px;
	width: 60px;
	margin-top: 0px;
}
#icon1 {
	float: left;
	height: 25px;
	width: 55px;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	padding-top: 3px;
}
#icon2 {
	float: left;
	height: 25px;
	width: 55px;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	padding-top: 3px;
}
#icon3 {
	float: left;
	height: 25px;
	width: 55px;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	padding-top: 3px;
}
#icon4 {
	float: left;
	height: 25px;
	width: 55px;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	padding-top: 3px;
}
#icon5 {
	float: left;
	height: 25px;
	width: 55px;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	padding-top: 3px;
}
#icon6 {
	float: left;
	height: 25px;
	width: 55px;
	font-family:  calabri;
	font-size: 16px;
	color: #333333;
	padding-top: 3px;
}

#menu
{
	width: 100%;
	margin: 0;
	list-style: none;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7;
	padding-left: 0;
	background-image: url(../images/menu_st.png);
}

#menu li
{
	float: left;
	position: relative;
	line-height: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2px;
	margin-left: 0px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #007EA8;
}

#menu a 
{
	float: left;
	height: 25px;
	color: #FFFFFF;
	text-transform: none;
	text-decoration: none;
	font-size: 16px;
	line-height: 18px;
	padding-top: 5;
	padding-right: 10px;
	padding-bottom: 5;
	padding-left: 10px;
	font-family: calabri;
}
#content_h1 {
	font-size: 16px;
	font-weight: bold;
	color: #663333;
	padding-top: 15px;
	padding-left: 15px;
}


#menu li:hover > a
{
}

*html #menu li a:hover /* IE6 */
{
	color: #333333;
}

#menu li:hover > ul
{
	display: block;
}

/* Sub-menu */

#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 99999;
	background-color: #167DA1;
}

#menu ul ul
{
  top: 0;
  left: 150px;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;  
  
   
}

#menu ul li:last-child
{   
    
}

#menu ul a
{
	padding: 7px;
	height: auto;
	width: 263px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color: #FFFFFF;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #6FBCD9;
	border-bottom-color: #6FBCD9;
	border-left-color: #6FBCD9;
	background-image: url(../images/temp_bg.png);
	background-color: #167DA1;
	background-repeat: no-repeat;
}

*html #menu ul a /* IE6 */
{    
	height: 10px;
}

*:first-child+html #menu ul a /* IE7 */
{    
	height: 10px;
}

#menu ul a:hover
{
	color: #FFFFFF;
	background-image: url(../images/menu_st.png);
	background-position: center;
	background-repeat: repeat-x;
}

#menu ul li:first-child > a
{
    -moz-border-radiu.htmls: 5px 5px 0 0;
    border-radiu.htmls: 5px 5px 0 0;
}

#menu ul li:first-child > a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #234;
}

#menu ul ul li:first-child a:after
{
    left: -8px;
    top: 16px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 8px solid #234;
}

#menu ul li:first-child a:hover:after
{

}

#menu ul ul li:first-child a:hover:after
{

}


#menu ul li:last-child > a
{
    -moz-border-radiu.htmls: 0 0 5px 5px;
    border-radiu.htmls: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after 
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
#adpacks-wrapper{font-family: calabri, Helvetica;width:280px;position: fixed;_position:absolute;bottom: 0;right: 20px;z-index: 9999;background: #eaeaea;padding: 10px;-moz-box-shadow: 0 0 15px #234;-webkit-box-shadow: 0 0 15px #234;box-shadow: 0 0 15px #234;}

.evenNumber, .oddNumber {
     width: 100px;
     height: 100px;
     margin: 10px;
     padding: 10px;
     float: left;     
     background-color: #333333;
     color: #FFFFFF;
}

.jqpopupmenu, .jqpopupmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 16px calabri;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.jqpopupmenu li{
position: relative;
}

.jqpopupmenu li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: black;
background: #F5F5F5;
text-decoration: none;
padding: 4px 5px;
}

* html .jqpopupmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.jqpopupmenu li a:hover, .jqpopupmenu li.selected>a{
background: #e0e0e0;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
#gap {
	float: left;
	height: 5px;
	width: 200px;
}

.white:hover {
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	background-color: #D2FFD2;
}

.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
.button {
		-webkit-border-radiu.htmls: .5em;
	-moz-border-radiu.htmls: 0.5em;
	border-radiu.htmls: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-family:  calabri;
	font-size: 16px;
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	width: 200px;
	height: 23px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: left;
	text-align: left;
	border: 1px solid #CCCCCC;
	background-image: url(../images/button_bg.png);
	background-color: #F0EEEE;
	background-repeat: repeat-x;
}

.but1 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */










	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-family:  calabri;
	font-size: 16px;
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	width: 180px;
	height: 18px;
	float: left;
	text-align: left;
	background-image: url(../images/button_bg.png);
	background-color: #F0EEEE;
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 5px;
}

.button2 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	font-family:  calabri;
	font-size: 16px;
	line-height: 20px;
	margin-top: 20;
	margin-bottom: 5;
	width: 935px;
	height: 150px;
	float: left;
	text-align: justify;
	border: 1px solid #CCCCCC;
	background-color: #F3F5F4;
	background-repeat: repeat-x;
	color: #333333;
	margin-left: 20px;
	padding: 5px;
}.ws {
	font-family:  calabri;
	font-size: 16px;
	line-height: 20px;
	margin-top: 20;
	margin-bottom: 5;
	width: 980px;
	height: 220px;
	float: left;
	text-align: justify;
	background-repeat: repeat-x;
	color: #333333;
	margin-left: 0px;
	padding: 5px;
}
.ws_update {
	font-family:  calabri;
	font-size: 16px;
	line-height: 20px;
	margin-top: 10;
	margin-bottom: 5;
	width: 990px;
	height: 205px;
	float: left;
	text-align: justify;
	background-repeat: repeat-x;
	color: #333333;
	margin-left: 0px;
	padding: 5px;
}

.button1 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */


	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	
	font-family:  calabri;
	font-size: 16px;
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	width: 200px;
	height: 25px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.button3 {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */



	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font-family:  calabri;
	font-size: 16px;
	line-height: 100%;
	margin-top: 0;
	margin-bottom: 0;
	width: 200px;
	height: 15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(../images/button_bg.png);
	border: 1px solid #057287;
	color: #057287;
}
.li {
   list-style:square;
}

.span {
    color: red;
}





.arrowlistmenu{
	width: 700px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 16px calabri;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #A70303; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
	background-image: url(../images/arrowbullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
 .container {
            position:relative;
            z-index:1;
            width:100%;
            padding:20px;
            margin:0 ;
            background:#FAF0D9;
        }
        
        .container:after {
            content:"";
            display:block;
            clear:both;
            visibility:hidden;
            height:0;
            font-size:0;
        }
        
        /* Shared styles */
        
        .drop-shadow {
	position:relative;
	float:left;
	width:200px;
	padding:1em;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-top: 1em;
	margin-right: 10px;
	margin-bottom: 1em;
	margin-left: 5px;
	height: 65px;
	text-align: center;
	border: 1px solid #AEEFFF;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
        }
        
        .drop-shadow p {
	font-size:16px;
	font-family:  calabri;
	color: #333333;
        }
        
        /* Lifted corners */

        .lifted {
            -moz-border-radiu.htmls:4px; 
                 border-radiu.htmls:4px;
        }
        
        .lifted:before,
        .lifted:after { 
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .lifted:after {
            right:10px; 
            left:auto;
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
        
        /* Curled corners */

        .curled {
            border:1px solid #efefef; 
            -moz-border-radiu.htmls:0 0 120px 120px / 0 0 6px 6px;    
                 border-radiu.htmls:0 0 120px 120px / 0 0 6px 6px;
        }
      
        .curled:before,
        .curled:after { 
            bottom:16px;
            left:10px;
            height:55%;
            max-width:200px;
            -webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4); 
               -moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
                    box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(-8deg) rotate(-4deg);
               -moz-transform:skew(-8deg) rotate(-4deg);
                 -o-transform:skew(-8deg) rotate(-4deg);
                    transform:skew(-8deg) rotate(-4deg);
        } 
      
        .curled:after { 
            right:10px; 
            left:auto;
            -webkit-transform:skew(8deg) rotate(4deg); 
               -moz-transform:skew(8deg) rotate(4deg);     
                 -o-transform:skew(8deg) rotate(4deg); 
                    transform:skew(8deg) rotate(4deg);
        }
        
        /* Perspective */

        .perspective:before {
            left:80px;
            bottom:8px;
            width:50%;
            height:35%;
            max-width:200px;
            -webkit-box-shadow:-80px 5px 10px rgba(0, 0, 0, 0.4);
               -moz-box-shadow:-80px 5px 8px rgba(0, 0, 0, 0.4);
                    box-shadow:-80px 5px 8px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(50deg);
               -moz-transform:skew(50deg);
                 -o-transform:skew(50deg);
                    transform:skew(50deg);
            -webkit-transform-origin:0 100%;
               -moz-transform-origin:0 100%;
                 -o-transform-origin:0 100%;
                    transform-origin:0 100%;
        }
        
        .perspective:after {
            display:none;
        }
        
        /* Raised shadow - no pseudo-elements needed */
        
        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
        
        /* Curved shadows */

        .curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radiu.htmls:10px / 100px;
            border-radiu.htmls:10px / 100px;
        }
        
        .curved-vt-2:before {
            right:0;
        }
        
        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radiu.htmls:100px / 10px;
            border-radiu.htmls:100px / 10px;
        }

        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radiu.htmls:100px / 10px;
            border-radiu.htmls:100px / 10px;
        }
        
        /* Rotated box */
        
        .rotated {
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none;
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }
        
        .rotated :first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
/* optional icon style */
		.zoomIcon { 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(icon.png);
		}

		/* these styles are for the demo, and are not required for the plugin */
		.zoom {
			display:inline-block;
			position:relative;
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		
		
		.style5 {
	font-size: 16px;
	font-weight: bold;
}
.style6 {color: #057287}
.image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

 .image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}
  
.holder {
	overflow:hidden;
	width:100px;
	height:333px;
	float:left;
	position:relative;
	background-color:#000;
	margin-right:1px;
}
.holder .image {
	position:absolute;
}
.holder span {
	background-color:#333;
	font-size:16px;
	font-family: calabri;
	color:#dedede;
	font-weight:normal;
	padding:4px;
	position:absolute;
	top:300px;
	left:4px;
}
.holder .text {
	padding:20px;
	display:none;
	font-family:calabri;
	line-height:26px;
	position:absolute;
	top:180px;
	font-size:16px;
	color:#fff;
	width:300px;
}
.clear {
	clear:both;
}
.main {
	width:750px;
	height:333px;
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.credit {
	font-size:16px;
	margin-top:25px;
}
ul.accordion{
	list-style:none;
	right:0px;
	top:0px;
	font-family:  calabri;
	font-size: 16px;
	font-style: italic;
	float: left;
}
ul.accordion li{
	float:right;
	width:100px;
	height:500px;
	display:block;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	-moz-box-shadow:1px 3px 5px #555;
	-webkit-box-shadow:1px 3px 5px #555;
	box-shadow:1px 3px 5px #555;
	border: 2px solid #FFFFFF;
}
ul.accordion li.bg1{
	background-image:url(../images/vmd.jpg);
}
ul.accordion li.bg2{
	background-image:url(../images/solar.jpg);
}
ul.accordion li.bg3{
	background-image:url(../images/soil.jpg);
}
ul.accordion li.bg4{
	background-image:url(../images/apmap1.jpg);
}
ul.accordion li.bg5{
    background-image:url(../images/4.jpg);
}


ul.accordion li.bleft{
    border-left:2px solid #fff;
}
ul.accordion li .heading{
	background-color:#fff;
	padding:10px;
	margin-top:60px;
	opacity:0.9;
	text-transform:none;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	font-size:16px;
	color:#444;
	text-align:center;
	font-family:  calabri;
   
}
ul.accordion li .description{
	position:absolute;
	width:300px;
	height:175px;
	bottom:0px;
	left:0px;
	display:none;
}
ul.accordion li .description h2{
	text-transform:none;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	font-size:16px;
	color:#444;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family:  calabri;
}
ul.accordion li .description p{
	line-height:16px;
	margin:5px;
	font-family: calabri;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	line-height: 1.6em;
}
ul.accordion li .description a{
	position:absolute;
	bottom:5px;
	left:5px;
	text-transform:uppercase;
	font-style:normal;
	font-size:12px;
	text-decoration:none;
	color:#888;
}
ul.accordion li .description a:hover{
    color:#333;
    text-decoration:underline;
}

ul.accordion li .bgDescription{
	background:transparent url(../images/bgDescription.png) repeat-x top left;
	height:300px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:200px;
	display:none;
}

.galContainer {width: 400px;}
.galImage {
	background-color:#F0F0F0;
	overflow:hidden;
	float:left;
	margin: 5px;
	height: 227px;
	width: 200px;
}
.info    { margin-left:10px; font-family: calabri;padding:3px;}
.info h2 { color:gray;}
.info p { color:white}
.clear { clear:both; margin-top:10px;}
#rainfall_row {
}
#content_gw {
	float: left;
	height: 700px;
	width: 980px;
}


#slideshow {
	position: relative;
	width: 980px;
	height: 400px;
	padding: 0px;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#slideshow > div {
	position: absolute;
}
#a1, #b1, .b1, #c1 {
	background-color:#FFFFFF;
	height: 600px;
	width: 700px;
}
	#a2, #b2, .b2, #c2 {
	background-color:#FFFFFF;
	height: 600px;
	width: 700px;
}
	#a3, #b3, .b3, #c3 {
	background-color:#FFFFFF;
	color:#000000;
	height: 600px;
	width: 700px;
	font-family: calabri;
	font-size: 16px;
}
	#a4, #b4, .b4, #c4 {
	background-color:#FFFFFF;
	height: 600px;
	width: 700px;
}
	#a5, #b5, .b5, #c5 {
	background-color:#FFFFFF;
	height: 600px;
	width: 700px;
}
	#a6, #b6, .b6, #c6 {
	background-color:#FFFFFF;
	color:#fff;
	height: 600px;
	width: 700px;
}
	#a7, #b7, .b7, #c7 {
	background-color:#FFFFFF;
	color:#fff;
	height: 600px;
	width: 720px;
	overflow: scroll;
}
	#a8, #b8, .b8, #c8 {
	background-color:#B6D862;
	height: 500px;
}
	.slider-nav .active {font-weight:bold;}
	
	.s1 {
	position:relative;
	width:990px;
	height:500px;
}
	.s1 .slider-wrapper {border: 1px solid #ccc; position:relative;}
	.s1 .slider-wrapper {
	width:700px;
	height:500px;
}
	.s1 .slider-holder {
	width:725px;
	display:block;
	height:600px;
	float: left;
	text-align: justify;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
	.s1 .slider-holder li.slide {
	width:500px;
	height:500px;
	padding-right:210px;
}
	.s1 .slider-nav {
	right:-1px;
	top:0;
	z-index:1000;
	width:200px;
	padding:0;
	background-color:#fff;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	border-right-width: 1;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
	.s1 .slider-nav li {
	list-style:none;
	height:30px;
	font-family: calabri;
	font-size: 16px;
	color: #000000;
	border-top-width: 0;
	border-bottom-width: 1px;
	border-left-width: 2;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #7bccc4;
	margin-top: 2;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #D1EDEA;
	padding: 0;
	margin-left: 10px;
}
	.s1 .slider-nav li a {
	display:block;
	width:178px;
	padding:5px;
	color: #000000;
	font-family: calabri;
	font-size: 16px;
	margin-top: 2px;
}
	.s1 .slider-nav li a:hover,
	.s1 .slider-nav li.active a {
	background-color:#d9f0d3;
	color: #000000;
}
	
	.s2 {position:relative; height:200px;}
	.s2 .slider-wrapper {border: 1px solid #ccc; position:relative; height:200px;}
	.s2 .slider-holder {display:block; height:200px;}
	.s2 .slider-holder li.slide {height:190px; padding:5px; width:390px; background-color:#fff;}
	.s2 .slider-nav {position:absolute; bottom:5px; z-index:100; margin-bottom:0; }
	.s2 .slider-nav li {list-style:none; float:left;}
	.s2 .slider-nav a:link,
	.s2 .slider-nav a:visited {border:none; text-indent:-9999px; overflow:hidden; width:40px; height:40px; display:block; margin:3px 12px 3px 3px;}
	.s2 .slider-nav .active a:link,
	.s2 .slider-nav .active a:visited,
	.s2 .slider-nav a:hover,
	.s2 .slider-nav a:focus,
	.s2 .slider-nav a:active {margin:0 8px 0 0; border:3px solid #00f;}
	
	.s3 {position:relative; height:200px;}
	.s3 .slider-wrapper {border: 1px solid #ccc; position:relative; height:200px; width:800px;}
	.s3 .slider-holder {display:block; height:200px; width:800px;}
	.s3 .slider-holder li.slide {height:190px; padding:5px; width:390px; background-color:#fff;}
	.s3 .slider-nav {position:absolute; bottom:5px; z-index:100; margin-bottom:0; }
	.s3 .slider-nav li {list-style:none; float:left;}
	.s3 .slider-nav a:link,
	.s3 .slider-nav a:visited {border:none; text-indent:-9999px; overflow:hidden; width:40px; height:40px; display:block; margin:3px 12px 3px 3px;}
	.s3 .slider-nav .active a:link,
	.s3 .slider-nav .active a:visited,
	.s3 .slider-nav a:hover,
	.s3 .slider-nav a:focus,
	.s3 .slider-nav a:active {margin:0 8px 0 0; border:3px solid #00f;}
	
	#gb1 {
	font-family:  calabri;
	font-size: 16px;
	float: left;
	height: 30px;
	width: 700px;
	text-align: center;
	padding-top: 5px;
}
	
#header_dp {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
background: #ffffff; /* Old browsers */
	float: left;
	height: 53px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#temp_box {
	float: left;
	height: 200px;
	width: 46%;
	color: #000000;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #72B8CC;
	margin-left: 5px;
	margin-bottom: 3px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D0E8EE;
	border-bottom-color: #D0E8EE;
	border-left-color: #D0E8EE;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	font-size: 16px;
}
#box1 {
	height: 255px;
	width: 49%;
	float: left;
	border: 1px solid #8CC7DF;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
}

#temperature {
	font-size: 16px;
	color: #FFFFFF;
	height: 20px;
	width: 41.5%;
	background-color: #006699;
	margin-left: 40px;
	padding: 5px;
}

#temp_row {
	float: left;
	height: 20px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F5F5F5;
	color: #FFFFFF;
}


#banner {
	height: 75px;
	width: 100%;
	background-color: #FFFFFF;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/data.png);
	padding-top: 20px;
	font-family: calabri;
	font-size: 16px;
	color: #666666;
	text-align: left;
	text-indent: 80px;
}
#banner_dm {
	height: 150px;
	width: 100%;
	float: left;
	background-position: center center;
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	font-family: calabri;
	color: #666666;
	text-align: left;
	background-color: #F5F5F5;
	
}
#banner_temp {
	height: 210px;
	width: 100%;
	float: left;
	background-position: center center;
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	font-family: calabri;
	color: #666666;
	text-align: left;
	background-color: #F5F5F5;
	
}
#banner_weather {
	height: 250px;
	width: 100%;
	float: left;
	background-position: center center;
	background-repeat: repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	font-family: calabri;
	color: #666666;
	text-align: left;
	background-color: #F5F5F5;
	
}




#logo_dm {
	width: 11%;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	text-align: left;
	padding-top: 3px;
	padding-left: 15px;
}
#content_block1 {
	padding: 5px;
	float: left;
	height: 250px;
	width: 35%;
	margin: 2px;
	border: 1px solid #E9E9E9;
}
#content_block2 {
	padding: 5px;
	float: left;
	height: 250px;
	width: 24%;
	background-color: #FDFDFD;
	margin: 2px;
	border: 1px solid #E4E4E4;
}

#logo_txt {
	float: left;
	width: 40%;
}
#ap_txt {
	font-size: 16px;
	color: #006699;
	margin-top: 15px;
	margin-bottom: 6px;
}



#body_content {
	background-color: #FFFFFF;
	width: 1000px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 500%;
}
#footer {
	width: 100%;
	background-color: #DDDDDD;
	float: left;
	height: 30px;
	color: #666666;
	padding-top: 7px;
	padding-bottom: 2px;
	text-align: center;
}
#dp {
	float: left;
	border-radius: 25px;
	width: 400px;
	height: 350px;
	background-color: #F7F7F7;
	padding: 10px;
	-moz-box-shadow: 0 0 6px #888;
	-webkit-box-shadow: 0 0 6px#888;
	box-shadow: 0 0 6px #888;
	background-image: url(../images/dp_img.jpg);
	background-position: center bottom;
	margin: 25px;
}
#dm {
	float: left;
	border-radius: 25px;
	width: 400px;
	height: 350px;
	background-color: #F7F7F7;
	padding: 10px;
	-moz-box-shadow: 0 0 6px #888;
	-webkit-box-shadow: 0 0 6px#888;
	box-shadow: 0 0 6px #888;
	background-image: url(../images/dm.jpg);
	background-position: center bottom;
	margin: 25px;
}
#dp_font {
	font-size: 16px;
	color: #333333;
	margin-top: 20px;
	margin-left: 25px;
}
#dp_txt {
	font-size: 16px;
	color: #333333;
	padding-left: 10px;
	line-height: 18px;
	padding-top: 10px;
	font-family: Cambria;
	text-align: left;
}
#read_more {
	background-position: right center;
	background-repeat: no-repeat;
	text-align: right;
	height: 25px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 5px;
}

#dm_txt {
	font-size: 16px;
	color: #FFFFFF;
	padding-left: 5px;
	line-height: 18px;
	padding-top: 10px;
	font-family: Cambria;
	text-align: left;
}


#dm_font {
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 25px;
	margin-left: 25px;
}


.fluid { 
  background: url(images/maps/rf1_ap.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div.column {
	/* The background image must be 800px wide */

}

figure.fluidratio {
	padding-top: 10%;  /* start height */
	background-image: url(../images/maps/rf1_ap.jpg);
	background-repeat: no-repeat;
	height: 600px;
}
.style9 {
	font-family: calabri;
	font-size: 16px;
}
.style10 {font-size: 16px}
.style12 {
	font-family: Cambria;
	font-size: 20px;
	color: #034E88;
	font-weight: normal;
}
.style14 {
	font-family: Cambria;
	font-size: 17px;
}
.style16 {font-size: 14}
.style17 {
	font-family: Cambria;
	color: #1874A3;
	font-size: 16px;
}
.style19 {color: #333333}
.style20 {
	font-family: Cambria;
	font-size: 16px;
	color: #333333;
}
.style21 {font-size: 16px}


#latest_news_dpp {
	float: left;
	height: 150px;
	width: 310px;
}
#latest_news_dpp1 {
	float: left;
	height: 30%;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#latest_news_dpp12 {
	float: left;
	height: 35%;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
}
#latestnews_dp {
	/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #EBEAEA 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #EBEAEA 100%);
	/* Opera */ 
background-image: -o-linear-gradient(top left, #FFFFFF 0%, #EBEAEA 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #EBEAEA));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #EBEAEA 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #FFFFFF 0%, #EBEAEA 100%);
	float: left;
	height: 125px;
	width: 300px;
	margin-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
#temp_box_cities {
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #EEEAEA));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #EEEAEA 100%);
	float: left;
	height: 23px;
	width: 100%;
	font-family: calabri;
	font-size: 16px;
	color: #288DB9;
	margin-top: 2px;
	border: 1px solid #E5E5E5;
}
#temp_box_cities1 {
	float: left;
	height: 23px;
	width: 95%;
	font-family: calabri;
	font-size: 16px;
	color: #000000;
	margin-top: 3px;
	margin-left: 0%;
	padding-left: 5%;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	
}

#temp_box_cities12 {
	float: left;
	height: 23px;
	width: 100%;
	font-family: calabri;
	font-size: 16px;
	color: #FFFFFF;
	border: 1px solid #E5E5E5;
	background-color: #00a2a2;
	padding-top: 2px;
}


#temp_box_inner {
	/* IE10 Consumer Preview */ 
/* IE10 Consumer Preview */ 
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Opera */ 
background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, left top, 0, left top, 1012, color-stop(0, #FFFFFF), color-stop(1, #EEEAEA));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #EEEAEA 100%);
	float: left;
	height: 20px;
	width: 50%;
	font-family: calabri;
	font-size: 12px;
	color: #333333;
	margin-top: 0px;
	border: 1px solid #E5E5E5;
}
#temp_box_inner_t {
	/* IE10 Consumer Preview */ 
/* IE10 Consumer Preview */ 
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Opera */ 
background-image: -o-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, left top, 0, left top, 1012, color-stop(0, #FFFFFF), color-stop(1, #EEEAEA));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(left top, ellipse farthest-corner, #FFFFFF 0%, #EEEAEA 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #EEEAEA 100%);
	float: left;
	height: 20px;
	width: 50%;
	font-family: calabri;
	font-size: 12px;
	color: #006699;
	margin-top: 0px;
	border: 1px solid #E5E5E5;
}


#temp_box_inner1 {
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #EDEDEB 100%);
	/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #EDEDEB 100%);
	/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #EDEDEB 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 487, color-stop(0, #FFFFFF), color-stop(1, #EDEDEB));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #EDEDEB 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-side at center, #FFFFFF 0%, #EDEDEB 100%);
	float: left;
	height: 22px;
	width: 23%;
	font-family: calabri;
	font-size: 12px;
	color: #333333;
	margin-top: 0px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
	border-left-color: #D2D2D2;
}
#temp_box_inner1_t {
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #EDEDEB 100%);
	/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #EDEDEB 100%);
	/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #EDEDEB 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 487, color-stop(0, #FFFFFF), color-stop(1, #EDEDEB));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-side, #FFFFFF 0%, #EDEDEB 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-side at center, #FFFFFF 0%, #EDEDEB 100%);
	float: left;
	height: 22px;
	width: 23%;
	font-family: calabri;
	font-size: 12px;
	color: #006699;
	margin-top: 0px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D2D2D2;
	border-bottom-color: #D2D2D2;
	border-left-color: #D2D2D2;
}



#h_dp {
 	
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #F7F7F7 0%, #D6D6D6 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F7F7F7 0%, #D6D6D6 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #F7F7F7 0%, #D6D6D6 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #D6D6D6));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #D6D6D6 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #F7F7F7 0%, #D6D6D6 100%);
	float: left;
	height: 180px;
	width: 320px;
	margin-top: 2px;
	border: 1px solid #E4E4E4;
	margin-left: 3px;
}
#r3_dp {
	float: left;
	height: 145px;
	width: 250px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	font-family: calabri;
	font-size: 12px;
	color: #333333;
	letter-spacing: -1px;
}
#color {
	background-color: #bbd9ee;
	height: 20px;
	color: #000066;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: calabri;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
#sensors {
	float: left;
	height: 170px;
	width: 50%;
	border: 1px solid #CCCCCC;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
	background-color: #FFFFFF;
}
#rain_dashboard {
	float: left;
	height: 170px;
	width: 45%;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #00173d;
}
#rain {
	float: left;
	height: 43px;
	width: 40px;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
	background-image: url(../images/rain_fall.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#temp {
	float: left;
	height: 30%;
	width: 46%;
	padding-right: 3px;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 3px;
	background-image: url(../images/temp_bg.png);
	background-position: left;
	margin-bottom: 0px;
	padding-bottom: 2px;
	background-color: #167DA1;
	background-repeat: no-repeat;
}
#temp1 {
	float: left;
	height: 45px;
	width: 353px;
	padding-right: 3px;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 3px;
	background-image: url(../images/temp_bg.png);
	margin-bottom: 0px;
	padding-bottom: 2px;
	background-repeat: no-repeat;
	background-color: #167DA1;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #0CA2D2;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #167DA1;
}
#rain_txt {
	float: left;
	margin-left: 2px;
	margin-top: 3px;
	margin-right: 2px;
	background-position: center top;
	background-repeat: no-repeat;
	color: #FFFF00;
	font-size: 16px;
	font-family: calabri;
}#left_pannel {
	height: 540px;
	width: 29%;
	float: left;
	background-color: #FFFFFF;
}

#left_pannel1 {
	height: 600px;
	width: 340px;
	float: left;
	background-color: #FFFFFF;
}
#dp_box1 {
	background-image: url(../images/box_bg.png);
	background-repeat: no-repeat;
	float: left;
	height: 350px;
	width: 237px;
	padding: 2px;
	background-position: center center;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 2px;
}
a:link {
	text-decoration: none;
	color: #000066;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}
table {
    border-collapse: collapse;
	font-family: calabri;
    font-size: 14px;
	width: 100%;
	margin-top: 0px;

	
}

#rainfall_table {
	float: left;
	height: 150px;
	width: 960px;
	border: 1px solid #CCCCCC;
}
#rain_heading {
	font-family: calabri;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background-color: #DDF0F4;
	height: 20px;
	width: 960px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#rain_box {
	font-family: calabri;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	float: left;
	height: 15px;
	width: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center;
	padding-top: 2px;
}
#rain_box1 {
	font-family: calabri;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	float: left;
	height: 15px;
	width: 120px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center;
	padding-top: 2px;
}

.dropdown
{
    padding: 5px;
    border-radius: 5px;
}

div#flood_strip3 {
    width: 10%;
    float: right;
    margin-bottom: 15px;
}

div#flood_strip2 {
    width: 6%;
    float: right;
}
div#flood_strip1 {
    padding: 5px;
    margin-bottom: 5px;
}
a:link {
    color: #1c6ac7 !important;
}
.style13 {
    background-color: #cbeff5 !important;
    color: #285fa2 !important;
    font-weight: bold;
    font-size: 12px;
}
.style12 {
    background-color: #cbeff5 !important;
    color: #285fa2 !important;
    font-weight: bold;
    font-size: 12px;
}
img#Image2 {
    float: right;
}