/* CSS Document */

body{margin:0;padding:0;background:#0A81AD url(images/bg_body.jpg) repeat-x;font:normal 11px/17px Arial, Helvetica, sans-serif;color:#646F6F;}

#page{width:1039px;margin:0 auto;background:url(images/bg_page.jpg) left top no-repeat;}

a {outline: none;}



/* Header*/

	#logo{padding-left:24px;}

	#navigationWrapper{width:803px;}

		.topNavigation{ width:477px;padding:12px 0 30px 12px;color:#FFFFFF;}

			.topNavigation a {color:#FFFFFF;text-decoration:none;padding:0 5px;margin:0 5px;}

		#search { float:right; margin:12px 28px 24px 0; 

			width:250px; height:23px; 

			border:solid 0px #000; 

			background:#1f8ea0;

			}

		 .title {width:44px; color:#fff;margin:10px 0 0 0px;  float:left; border:solid 0px #000; line-height:21px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

		#search .input { width:190px;color:#fff; border:0; border:solid 0px #000; margin:3px 0 0 10px; background:#1f8ea0; float:left; height:15px;  font-family:Arial, Helvetica, sans-serif; font-size:11px;} 

		#search img { width:45px; height:23px; border:0; margin:0; float:left;}	





/* Middle */

	#bannerRotation{background:url(images/bg_gallery.jpg);margin:10px 0 0 28px;width:703px;height:241px;padding:17px 0 0 17px;overflow:hidden;}

	.banner{width:377px;}

		.banner img{border:4px solid #20BBB6; z-index:1}

			.main_image {width: 377px; height: 227px;position: relative;overflow: hidden;color:#FFFFFF;}

			.main_image h2 {font-size: 2em;font-weight: normal;margin: 0 0 5px;	padding: 10px;}

			.main_image p {font-size: 1.2em;padding: 10px;	margin: 0;line-height: 1.6em;}

			.block small { padding: 0 0 0 20px; background: url(icon_calendar.gif) no-repeat 0 center; font-size: 1em; }

			.main_image .block small {margin-left: 10px;}

			.main_image .desc{position: absolute;bottom: 0;	left: 0;width: 369px;display: none;margin:4px;}

			.main_image .block{width: 100%;background: #111;border-top: 1px solid #000;}

			.main_image a.collapse {background: url(images/btn_collapse.gif) no-repeat left top;height: 27px; width: 93px;text-indent: -99999px;position: absolute;top: -27px; right: 20px;}

			.main_image a.show {background-position: left bottom;} 



	.image_thumb{width:312px;}	

		.image_thumb ul{margin:0;padding:0;list-style:none;}

			.image_thumb ul li{padding:5px 0;}

			.image_thumb ul li a{display:block;font:bold 12px/28px Arial;color:#FFFFFF;text-decoration:none;background:url(images/arrow_ltgreen.gif) 10px 50% no-repeat;padding-left:30px;}

			.image_thumb ul li a:hover{color:#FEEA43;background:url(images/arrow_ltyellow.gif) 10px 50% no-repeat;}

			

			.image_thumb ul li.active{background:url(images/bg_gallery_link.jpg) 0 50% no-repeat;}

			.image_thumb ul li.hover{background:url(images/bg_gallery_link.jpg) 0 50% no-repeat;}

			.image_thumb ul li.active a {color:#FEEA43;background:url(images/arrow_ltyellow.gif) 10px 50% no-repeat;}

			

			html .image_thumb ul li h2 {font-size: 1.5em; margin: 5px 0; padding: 0;}

			.image_thumb ul li .block {float: left; margin-left: 10px;padding: 0;width: 170px;display: none;}	

			.main_image p a{ text-decoration:none; color:#fff;}

			



		

	.bannerText{width:263px;height:225px;background:url(images/bg_flash.jpg);padding:10px;}



	#middleLeft{width:772px;background:url(images/bg_rightpane_left_shade.jpg) right top no-repeat;}

		.content{margin-left:28px;width:695px;background:#FFFFFF url(images/bg_content.jpg) top right no-repeat;padding:15px; min-height:450px;}

			.contentLeft{width:220px;  min-height:450px;}

					.latestnews { background:url(images/newandevents.png) no-repeat; width:220px; height:20px; cursor:pointer;}	

					/*dd.morebdcnews {background:url(images/morebdcnews.JPG) no-repeat; width:220px;padding:0;margin:0; margin-bottom:10px; height:35px; cursor:pointer; border:solid 0px #000;}*/
					span.morebdcnews {background:url(images/morebdcnews.JPG) no-repeat; width:220px;padding:0;margin:0; margin-bottom:10px; height:35px; cursor:pointer; border:solid 0px #000;display:block;}


					

			.contentRight{width:442px;}	

				h2.smallbznfocus {margin:0;padding:0; background:url(images/smallbzn.jpg) no-repeat; width:221px; height:15px; border:solid 0px #000;}

				.container_box img { width:200px; margin:7px 0 5px 0;

						}

				.container_box ul {

							/* margin:10px 0 0px 150px; height:19px;width:100px;*/ border:solid 0px #000; list-style:none !important;

						}

				.container_box li{ list-style:url(../images/learmore.png); cursor:pointer;list-style:none !important;}

													

				.container_box p { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:.9em; border:solid 0px #000; margin:4px 10px 4px 10px;

						}

			

				.container_box a:hover{

							color:#000;

						}					

						

				.container_box h3 {

								color:#ee3a43; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;

						}

				.container_box h4 {

								color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; border:solid 0px #000; 

								margin:0px 0 20px 0px; 

						}	



	#middleRight{width:267px;background:url(images/bg_rightpane.jpg) no-repeat;min-height:615px;}

		.rightContentPart{width:200px;padding:20px 48px 10px 19px;}



/* Footer */

#footer {

	height:220px;

}



	#footer-note{ 

			width:100%; height:35px; border-bottom:solid 1px #3b9abd; margin-top:05px;

		}

		#footer-note p { float:left; width:auto; border:solid 0px #000; color:#ccc}	



		#footer-note ul{ 

			list-style:none; width:auto; float:left; margin-left:10px; 

			}

			#footer-note li{ 

				list-style:none; width:auto; float:left; padding-left:5px;

				}			

		#footer-note a{ 

			color:#fff; text-decoration:none;

			}			

		#footer-note a:hover{ 

			color:#ccc;

			}									

		#footer-note-search {

			float:right; width:237px; border:solid 0px #000; height:23px;background:#54a7c6;

			}

		#footer-note h4 { width:20px; height:20px; background:url(images/down_btn.png) no-repeat; float:left; border:solid 0px #000; margin:03px 20px 0 0}

		.newstitle { width:auto;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px; text-transform:uppercase; color:#fff; float:left; border:solid 0px #fff; margin-left:110px; padding-right:0px;}

		#footer-note-search input.textbox { width:205px; float:left; border:solid 0px #fff; height:16px; margin:4px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#54a7c6; padding-left:5px; color:#fff;}

			

	#footer-contain {

			width:100%;

		}

	.footer-colum {

			float:left; 

		}

		.fist-colum {

			width:154px; border:solid 0px #000;

		}

		.second-colum {

			width:193px; border:solid 0px #000;

		}

		.thied-colum {

			width:216px; border:solid 0px #000;

		}

		.four-colum {

			width:225px; border:solid 0px #000;

		}

		.fift-colum{

			width:174px; border:solid 0px #000;

		}

	#footer-contain h2{

			font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin-top:20px;

		}

	.footer-colum ul {

			list-style:none; margin-top:5px; height:auto;padding:0;

 		}

		.footer-colum ul li {padding-left:15px;}

	.footer-colum a {

		width:auto; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; float:none; color:#fff; text-decoration:none;

			 }

	





/* ************** General Classes *************** */

.leftlayoutPadding{padding-left:28px;}

.layoutWidth{width:983px;margin:0 auto;}

img{behavior: url(iepngfix.htc);}

.clear{clear:both;}

.fullWidth{width:100%;}

.floatLeft{float:left;}

.floatRight{float:right;}

.whiteText{color:#FFFFFF;}

.imageLeftStyle{margin:0 10px 10px 0;}

.imageRightStyle{margin:0 0 10px 10px;}

.noBackground{background:none !important;}



.redlink{ text-decoration:underline !important; color:#990000 !important; font-weight:bold}

.redText{ color:#990000 !important;}

.lightBlueText{color:#C9EDFB !important;font-size:12px !important;}

.whiteText{color:#FFF !important;font-size:12px !important;}

.yellowText{color:#FEF592 !important;line-height:22px;}

* html .yellowText br{line-height:22px;}

.blueBigText{ color:#0368AE !important;font-size:13px;}



a.yellowBox{background:#FFF36D;color:#546C01;line-height:25px;padding:5px 10px;font:bold 12px verdana;text-decoration:none;margin:10px 0;}





a.bluelinkNormal{color:#0066FF !important; text-decoration:underline !important; }

a.bluelinkNormal:hover{color:#0066FF !important; text-decoration:none !important;}



.bluelink{color:#0066FF !important; text-decoration:underline !important; font-weight:bold;}



.rowSpacer{width:20px;}

.imageStyle{vertical-align:middle;}

.noBorder{border-bottom:0px solid #000 !important;}





ul.GreySmallArrow{}

ul.GreySmallArrow li {padding:5px 0;list-style-image:url(images/arrow_small_grey.jpg);}



ul.orangeArrow{margin:0;padding:0;padding-left:15px;}

ul.orangeArrow li {padding:5px 0;list-style-image:url(images/arrow_orange.gif);font-weight:bold;}



ul.noArrow{padding:0;margin:0;}

ul.noArrow li {padding:5px 0;list-style:none;}

ul.noArrow li a{text-decoration:underline;color:#054481;}

.dum{padding:2px 5px 0 5px;}

.dum:hover{background-color:#759700;color:#FFFFFF !important; text-decoration:none !important;padding:2px 5px;}



/* Paddings */

.topBottomPadding{padding:10px 0;}

.leftPadding{padding-left:20px;}

/* Print Email Setup */

.printEmailSetup{padding:10px 0;margin-top:10px;background:#EEEEEE;}

	.printEmailSetup a {color:#02589D;text-decoration:none;font:normal 12px Arial !important;}

		.printEmailSetup a:hover{text-decoration:underline;color:#02589D;}



/* Drop Down Menu */

	

	/* Email Alert */

	#subcontent5 {background-color:#CADDDD;width:250px;border:3px solid #759700;position: absolute;visibility: hidden;padding: 12px;}

	#subcontent5 td{font:bold 12px Arial;color:#0368AE;}

	#subcontent5 input.submitButton{border:none;padding:3px;background-color:#0469AF;font:bold 12px Arial;color:#fff;}

	#subcontent5 a {color: #0368AE;text-decoration: none;}

	#subcontent5 a:hover {color: #0368AE !important;text-decoration: none;}

	#subcontent5 p {font:normal 11px Tahoma;text-align: right;padding:0;margin:0;padding:4px 0px;}

	#subcontent5 img {vertical-align:middle;margin:2px;}

	

	/* Site Setting */

	#subcontent4 {

	background-color: #FFF;

	height: auto;

	width: 157px;

	border: 1px solid #283949;

	position: absolute;

	visibility: hidden;

	padding-top: 5px;

	padding-right: 12px;

	padding-bottom: 5px;

	padding-left: 5px;

	margin-top:-3px;

	overflow:hidden; 

}



#subcontent4 a {

	color: #990000; line-height:20px;

	text-decoration: none; text-align:right; border:solid 0px #000; width:157px; 

}



#subcontent4 p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: right; 

}

	

	

	.titlefield { /*CSS for RSS title link in general*/

text-decoration: none !important; border:solid 0px #000; color:#0a81ad !important; font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important; font-weight:bold !important; margin:5px 0 5px 0 !important;

}



.labelfield{ /*CSS for label field in general*/

color:#0a81ad; font-weight:bold;

font-size: 100%;

}



.datefield{ /*CSS for date field in general*/

color:#00a9a2; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:100; padding:0px 0 0 0; border:solid 0px #000;}



#example2{ /*Demo 2 main container*/

/*
width: 420px;

height: 500px;

overflow:hidden;
*/
border: 0px dashed black;

padding: 4px;

}



#example2 ul{ /*Demo 2 UL container*/

margin: 0;

padding-left:18px; /*width:400px; height:460px;*/

}



#example2 li{ /*Demo 2 LI that surrounds each entry*/

list-style:url(images/bullet1.png) outside !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; 

margin:10px 0 4px 0px; padding:0px 0 0 10px; color:#666; border:solid 0px #000;

}

#example2 p{ /*Demo 3 P element that separates each entry*/

font-family:Arial, Helvetica, sans-serif; font-size:11px; 

margin:10px 0 4px 0px; color:#666; /*width:400px*/

}



#example1{ /*Demo 2 main container*/

/*width: 420px;*/

/*height: 460px;*/

border: 0px dashed black;

padding: 4px;

}



/*html* #example1 { height:90px;}*/



#example1 ul{ /*Demo 2 UL container*/

margin: 0;

padding-left:18px; /*width:400px;*/

}



#example1 li{ /*Demo 2 LI that surrounds each entry*/

list-style:url(images/bullet1.png) outside !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; 

margin:10px 0 4px 0px; padding:0px 0 0 10px; color:#666; border:solid 0px #000;

}

#example1 p{ /*Demo 3 P element that separates each entry*/

font-family:Arial, Helvetica, sans-serif; font-size:11px; 

margin:10px 0 4px 0px; color:#666; /*width:430px*/

}



#example4{ /*Demo 2 main container*/
/*
width: 461px;

height: 500px;

border: 0px dashed black;

overflow:hidden;*/

padding: 4px;

}



/*html* #example4 { height:90px;}*/



#example4 ul{ /*Demo 2 UL container*/

margin: 0;

padding-left:18px; /*width:400px;*/

}



#example4 li{ /*Demo 2 LI that surrounds each entry*/

list-style:url(images/bullet1.png) outside !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; 

margin:10px 0 4px 0px; padding:0px 0 0 10px; color:#666; border:solid 0px #000;

}

#example4 p{ /*Demo 3 P element that separates each entry*/

font-family:Arial, Helvetica, sans-serif; font-size:11px; 

margin:10px 0 4px 0px; color:#666; /*width:430px*/

}



#example3{ /*Demo 2 main container*/

width: 225px; height:130px;

border: 0px dashed black;

padding:0; margin:0;

}



#example3 .titlefield {text-decoration: none !important; border:solid 0px #000; color:#0a81ad !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; font-weight:bold !important; margin:0px 0 0px 0 !important;}

#example3 h4 { color:#666;}





/*Example CSS for the two demo scrollers*/



#pscroller1{

width: 450px;

height: 1.2em;

border: 0px dashed black;

padding: 5px;

}



#pscroller2{

width: 190px;

height: 100px;

border: 0px solid black;

padding: 0px;

}



.rssclass .rsstitle{

font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size-adjust:12px; color:#666;

}



.rssclass .rssdate{

color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px;

}



.rssclass a{

text-decoration: none; font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size-adjust:12px; color:#666;

}

.rssdescription {color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.rssdescription img{display:none;}
.rssclass a:hover { color:#ee3a43 }