/* CSS Document */

body{
margin:0px 0px 0px 0px;
padding:0px;
background-color:#19114c;
background-image:url(page_bg.jpg);
background-repeat:repeat-x;
}

#main_container{
width:auto;
padding-left:10%;
}

#header{
background-image:url(header1.jpg);
background-repeat:no-repeat;
width:894px;
height:132px;
}

#menu{
width:894px;
height:49px;
background-image:url(new_boro_bar.jpg);
background-repeat:no-repeat;
}

#menu img{
border:0px;
margin:0px;
}

#menu #menu-item1{
width:131px;
height:49px;
background-image:url(contact_us_btn.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item2{
width:133px;
height:49px;
background-image:url(area_links_btn.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item3{
width:185px;
height:49px;
background-image:url(whoswho_btn.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item4{
width:94px;
height:49px;
background-image:url(menu_btn.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item5{
width:82px;
height:49px;
background-image:url(improved.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item11{
width:131px;
height:49px;
background-image:url(contact_us_btn1.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item21{
width:133px;
height:49px;
background-image:url(area_links_btn1.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item31{
width:185px;
height:49px;
background-image:url(whoswho_btn1.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item41{
width:94px;
height:49px;
background-image:url(menu_btn1.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item51{
width:82px;
height:49px;
background-image:url(improved1.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item12{
width:131px;
height:49px;
background-image:url(contact_us_btn2.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item22{
width:133px;
height:49px;
background-image:url(area_links_btn2.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item32{
width:185px;
height:49px;
background-image:url(whoswho_btn2.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item42{
width:94px;
height:49px;
background-image:url(menu_btn2.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item52{
width:82px;
height:49px;
background-image:url(improved2.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item13{
width:131px;
height:49px;
background-image:url(contact_us_btn3.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item23{
width:133px;
height:49px;
background-image:url(area_links_btn3.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item33{
width:185px;
height:49px;
background-image:url(whoswho_btn3.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item43{
width:94px;
height:49px;
background-image:url(menu_btn3.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item53{
width:82px;
height:49px;
background-image:url(improved3.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item14{
width:131px;
height:49px;
background-image:url(contact_us_btn4.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item24{
width:133px;
height:49px;
background-image:url(area_links_btn4.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item34{
width:185px;
height:49px;
background-image:url(whoswho_btn4.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item44{
width:94px;
height:49px;
background-image:url(menu_btn4.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item54{
width:82px;
height:49px;
background-image:url(improved4.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item15{
width:131px;
height:49px;
background-image:url(contact_us_btn5.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item25{
width:133px;
height:49px;
background-image:url(area_links_btn5.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item35{
width:185px;
height:49px;
background-image:url(whoswho_btn5.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item45{
width:94px;
height:49px;
background-image:url(menu_btn5.jpg);
float:right;
background-color:#FFFFFF;
}

#menu #menu-item55{
width:82px;
height:49px;
background-image:url(improved5.jpg);
float:right;
background-color:#FFFFFF;
}

#banner{
width:894px;
height:230px;
background-image:url(top-banner.jpg);
}

#bannerstaff{
width:894px;
height:210px;
background-image:url(top-banner-staff.jpg);
}

#bannerarea{
width:894px;
height:210px;
background-image:url(top-banner-area.jpg);
}

#bannercontact{
width:894px;
height:210px;
background-image:url(top-banner-contact.jpg);
}

#bannermenu{
width:894px;
height:210px;
background-image:url(top-banner-menu.jpg);
}

#bannerwho{
width:894px;
height:210px;
background-image:url(top-banner-who.jpg);
}

#content{
width:894px;
height:auto;
background-color:#b3b4b8;
overflow:hidden;
}

#content-welcome{
width:576px;
height:255px;
background-image:url(middle_banner.jpg);
float:left;
}

#content-staff{
width:894px;
height:449px;
background-image:url(middle_staff.jpg);
float:left;
}

#content-staff2{
width:894px;
height:500px;
background-image:url(middle_staff2.jpg);
float:left;
}

#content-staff-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color: #19114c;
	text-align:justify;
	margin:60px 30px 20px 30px;
	width:830px;
	height:auto;
	float:left;
}

#content-whowho{
width:576px;
height:437px;
background-image:url(middle_whowho.jpg);
float:left;
}

#content-area{
width:576px;
height:330px;
background-image:url(middle_area.jpg);
float:left;
}

#content-contact{
width:576px;
height:437px;
background-image:url(middle_contact.jpg);
float:left;
}

#content-menu{
width:576px;
height:520px;
background-image:url(middle_menu.jpg);
float:left;
}

#content-menu2{
width:576px;
height:437px;
background-image:url(middle_menu2.jpg);
float:left;
}

#content-menu3{
width:576px;
height:550px;
background-image:url(middle_menu3.jpg);
float:left;
}

#content-menu4{
width:576px;
height:630px;
background-image:url(middle_menu4.jpg);
float:left;
}

#content-welcome-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	margin:60px 220px 0px 30px;
	width:auto;
	height:auto;
	float:left;
}

#content-welcome-text #foot{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:right;
}


#content-boro{
width:316px;
height:260px;
background-image:url(upload_banner.jpg);
float:right;
}

#content-boro2{
width:316px;
height:330px;
background-image:url(upload_banner2.jpg);
float:right;
}

#content-boro3{
width:316px;
height:330px;
background-image:url(upload_banner3.jpg);
float:right;
}

#content-boro4{
width:316px;
height:425px;
background-image:url(upload_banner4.jpg);
float:right;
}

#content-boro-text{
	width:auto;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	margin:120px 30px 0px 30px;
}

#content-boro-text2{
width:auto;
height:auto;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align:justify;
margin:40px 30px 0px 30px;
line-height: 20px;
color: #003;
}

#content-boro-text3{
width:auto;
height:auto;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align:justify;
margin:20px 30px 0px 30px;
line-height: 20px;
color: #003;
}

#content-boro-text4{
width:auto;
height:auto;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
text-align:justify;
margin:10px 15px 0px 15px;
line-height: 18px;
color: #000;
}

#content-boro-upload{
margin:0px 30px 30px 30px;
float:right;
}

#content-boro-upload2{
margin:10px 30px 30px 30px;
float:left;
}


#content-happen{
width:581px;
height:auto;
float:left;
}

#content-happen-top{
width:399px;
height:36px;
background-image:url(whats_happ.jpg);
float:left;
}

#content-happen-top_{
width:574px;
height:10px;
background-image:url(middle_imp_banner1.jpg);
float:left;
}

#content-happen-middle{
width:574px;
min-height:270px;
background-image:url(middle_imp_banner2.jpg);
float:left;
}

#content-happen-middle #image{
margin:10px 0px 0px 30px;
float:left;
}

#content-happen-middle-text{
width:340px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
line-height:20px;
margin:0px 20px 0px 10px;
float:left;
background-repeat:no-repeat;
}

#content-happen-btm{
width:574px;
height:32px;
background-image:url(middle_imp_banner.jpg);
float:left;
}


#content-weather{
margin-top:35px;
margin-left:3px;
width:177px;
height:auto;
float:left;
}

#content-weather-top{
width:177px;
height:24px;
background-image:url(BoroBar_home_page_approved_03.jpg);
float:right;
}

#content-weather-middle{
width:160px;
height:200px;
float:right;
}

#content-weather-btm{
width:177px;
height:18px;
background-image:url(BoroBar_home_page_approved_08.jpg);
background-repeat:no-repeat;
float:right;
}

#footer{
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
width:894px;
font-size:12px;
height:34px;
line-height:34px;
color:#FFFFFF;
}

#footer-l{
float:left;
}

#footer-l a{
color:#FFFFFF;
text-decoration:none;
}

#footer-l a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#footer-r{
margin-left:375px;
float:left;
}

#contentmenu{
width:576px;
height:auto;
float:left;
}

.cntop {
	background: url(middle_menu_top.jpg) no-repeat left top;
	width: 576px;
	padding: 55px 0px 0px;
}
.cnbtm {
	background: url(middle_menu_btm.jpg) no-repeat left bottom;
	width: 576px;
	padding: 0px 0px 40px;
}
.cnmid {
	background: url(middle_menu_mid.jpg) repeat-y left top;
	width: 576px;
	text-align: left;
}
.staff1 {
	padding: 0px 0px 0px 80px;
	float: left;
	height: 220px;
	width: 260px;
}
.staff2 {
	float: right;
	height: 220px;
	width: 280px;
}
.staff3 {
	text-align: center;
	margin: 0px auto;
	clear: both;
	height: 212px;
	width: 830px;
}