@charset "utf-8";
/* CSS Document */
/* 
Last Modified: 31 March 2010
*/

html{
	text-align:left;
}
body{
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size:12px;
	color:#000;
	background-color:#E4F2EC;
	
	scrollbar-3dlight-color:#E9E9EE; 
	scrollbar-arrow-color:#000; 
	scrollbar-base-color:#E9E9EE; 
	scrollbar-darkshadow-color:#E9E9EE; 
	scrollbar-face-color:#F7F7F9; 
	scrollbar-highlight-color:#E9E9EE; 
	scrollbar-shadow-color:#9495A2
}
 
/*-------- Master Page ----------- start -- */

#tblCOBMain{
	text-align:left;
	margin:0 auto;
	width:965px;
	min-height:100%;
	border:1px #0072BC solid;
} 
#tblCOBSiteAction{
	width:965px;
	background-color:#ADD6DB;
}
.tdsiteaction{
	text-align:left;
	margin:0px;
	margin-right:0px;
}
#tblTopNavLink{
	width:965px;
	height:30px;
	text-align:center;
}
.cobTopbar{
	font-weight: bold;
	font-size: 9px;
	padding: 5px 0px 0px 10px;
}
.cobTopbarsmallestA{
	font-weight: bold;
	font-size: 9px;
}
cobTopbarsmallerA{
	font-weight: bold;
	font-size: 12px;
}
.cobTopbarlargeA{
	font-weight: bold;
	font-size: 15px;
}

#cobTopNavContainer{
	height:24px;
	background-color: #add6de;
}
.cobTopNavItem{
	text-decoration: none;
	margin:0px;
	margin-left:7px;
	margin-right:7px;
}
.cobTopNav a{
	text-decoration: none;	
}
.cobTopNav a:selected{	
	color: #ffffff;
	text-decoration: none;
}
.cobTopNav a:hover{	color: #ffffff;
	text-decoration: none;
}

.cobTopNavItem{
	text-decoration: none;
}
.cobTopNav a{
	text-decoration: none;	
}
.cobTopNav a:selected{	
	color: #ffffff;
	text-decoration: none;
}
.cobTopNav a:hover{	
	color: #ffffff;
	text-decoration: none;
}


#tblBodyContant{
	margin:0px;
	margin-top:10px;
	width:965px;
}
#tdLeftBodyContant{
	width:190px;
	text-align:left;
}
#tdCenterBodyContant{
	text-align:left;
	width:555px;
	overflow:auto;
	table-layout:fixed;
}
#tdCenterMasterBodyContant{
	text-align:left;
	width:550px;
	overflow-y:hidden;
	overflow-x:auto;
	table-layout:fixed;
}
.tdCenterBodyPages{
	text-align:left;
	width:535px;
	overflow-x:auto;
	overflow-y:hidden;
	padding: 10px;
	margin:10px;
}
.cobBreadcrumb{
    font-size:9px; 
    margin:10px;
}
.mainContantPlaceHolder{
    margin:10px;
    width:555px;
}
#tdRightBodyContant{
	width:195px;
	text-align:left;
	border:1px #0072BC solid;
	right:0px;
	margin:0px;
	table-layout:fixed;
}




#tdCOBFooterBar{
	height:22px;
	background-color:#ADD6DE;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: center;
	vertical-align: middle;
	bottom:0px;
	width:100%;
}
.footer{
	display: none;
}
.cobFooterText {
	padding: 4px 10px 4px 10px;
	text-align:center;
	font-size: 9px;
	font-family: verdana, geneva, Tahoma, sans-serif;
	white-space:nowrap;
}
.cobFooterText a{
	font-weight:bold;
	text-decoration: none;
}
.cobFooterText a:hover{
	text-decoration: underline;
}





/*-------- Master Page ----------- end -- */

/*-------- Master Page ----------- start -- */


toplinks{
border:0;
margin:0;
padding:0;
}
toplinks tr td {
padding:2px;
}
middlehome table{
border:0;
margin:0;
padding:0;
background-color:#00CC66;
}
middlehome tr td {
padding:2px;
}
.containertable{
	border:1px #0072BC solid;
}

/*  positioning */
#container {
	width: 960px;
	margin: 0px auto;
	padding:0px;
	text-align:left;
	height: 600px;
}



#head {
	margin-bottom: 5px;
}

/* ====== TOP NAV STYLES (Adapted from Band.css ====== */

/* LEFT NAV STYLES */

.cobLeftNav
{
	background-color: #0072bc;
	color: #fff;
	width: 190px;	
	border-bottom: 1px solid #fff;
}
.cobLeftNav1
{
	font: bold 10px verdana, geneva, Tahoma, sans-serif;
	color: #fff;
	padding: 3px 0px 3px 3px;
	display: block; width: 190px;
	table-layout:fixed;
	border-bottom: 1px solid #fff;
}
.cobLeftNav1 a:link /*this made the nav text white*/
{
	color: #fff;
	width: 180px;
	overflow:auto;
	table-layout:fixed;

}
.cobLeftNav1 a:hover
{
	color: #000;
	width: 180px;
	overflow:auto;
	table-layout:fixed;
}
.cobLeftNav1 a:visited 
{
	color: #fff;
	width: 180px;
	overflow:hidden;
	table-layout:fixed;
}
.cobLeftNavHover
{
	background-color: #0099CC;
	color: #000; width: 190px;
	overflow:hidden;
	table-layout:fixed;
}
.cobLeftNavSelected
{
	font-weight: bold;
	background-color: #ADD6DE;
	color:#000;
	overflow:hidden;
	table-layout:fixed;
}
.cobLeftNav1:hover
{
	background-color: #0099CC;
	color: #000; width: 190px;
	overflow:hidden;
	table-layout:fixed;
}


/* NOT USED CURRENTLY 
.cobLeftNavFlyOuts
{
	font-family:Tahoma; 
	font-size:8pt; 
	border-top:1px #CBD1E0 solid;
	border-left:1px #CBD1E0 solid;
	border-right:1px #CBD1E0 solid;	
}
.cobLeftNavFlyOutsItem
{
	border-bottom:1px #CBD1E0 solid;
	background-color: #ECEFF3;
}
.cobLeftNavFlyOutsItem a
{
	padding:1px 5px 1px 5px;
	display:block;
	color:#354260;
	*width:100px;
	min-width:100px;
}
.cobLeftNavFlyOutsHover
{
	background-color: #B2BCD3;
}*/

/* TOP WHITE BAR WITH BLACK TEXT */


.cobTopbar a{
	text-decoration: none;
}
.cobTopbar a:visited{
	color: #000000;
}
.cobTopbar a:hover{
	color: #000000;
	text-decoration: underline;
}

/* BREADCRUMB NAVIGATION */

.cobBreadcrumb a:active
{
	text-decoration:none;
   	color: #000000;
}
.cobBreadcrumb:active
{
	text-decoration:none;
   	color: #000000;
}
.cobBreadcrumb a
{
	text-decoration:none;
   	color: #000000;
}
.cobBreadcrumb a:hover
{
	text-decoration:underline;
}
.cobBreadcrumbCurrent
{
	font-weight:bold; 
}

/* FOOTER BAR STYLE */


/* SEARCH BOX */
.cobSearch{
    margin:0px;
    vertical-align:middle;
    text-align:right; float:right;
    right:0px;
}
/****************************** LAYOUT PAGE STYLES **********************************/

/** SUBSITE PAGE **/
.cobSubsitePageBarTitle{
	padding: 10px;
	margin:0px;
	height: 15px;
	background-color:#007617;
	color: #fff;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	width:530px; float:left;
	table-layout:fixed;
}
/* NOT REQUIRED AS OF NOW

.cobSubsitePageTitle {
	color: #000000;
	font: bold x-small verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 10px 2px 15px;
}*/
.cobSubsitePageTextCell{
	color: #4b4b4b;
	font: 10px verdana, geneva, Tahoma, sans-serif;
	line-height: 1.5;
	text-align: justify;
	width:540px;
}
.TextAlign{
	 text-align:justify;
}
.cobSubsitePageCaption{
	padding: 12px 10px 2px 30px;
	color: #000000;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
}
#cobSubsiteImage{
	width: 250px;	
	float:left;
	text-align:center;
	table-layout:fixed;
}
.cobSubsiteStaticImage{
	width: 250px;
	max-width:250px;
	min-width:250px;
	margin:0px;
	float:left;
	text-align:center;
}
#cobSubsiteText{
	width:310px;
	text-align:justify;
	overflow-y:hidden;
	overflow-x:auto;
	padding: 0px;
	margin:0px;
}
.cobSubsiteTextFild{
	width:310px;
	text-align:justify;
	overflow-y:hidden;
	overflow-x:auto;
	padding: 0px;
	margin:0px;
}
#scrollingbox{
	height:240px;
	text-align:justify;
	overflow-x:hidden;
	overflow-y:auto;
	padding: 10px;
	margin:10px;
}
#scrollingbox2{
	height: 300px;
	overflow-x:auto;
	overflow-y:auto;
	padding-bottom:20px;
	table-layout:fixed;
	text-align:justify;
	float:left; width:555px;
}

/* --------------Custom styling which shows up in the browser text editor----------------*/
.ms-rteCustom-HeaderStyle{
	color: #000;
	font: Bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
}
.ms-rteCustom-MainTextStyle{
	color: #4b4b4b;
	font: normal 10px verdana, geneva, Tahoma, sans-serif;
	line-height:1.5;
	text-align: left;
	height: 200px;
	overflow-x:hidden;
	overflow-y:auto;
}
.ms-rteCustom-MainTextLinkStyle{
	color: #003333;
	font: bold 10px verdana, geneva, Tahoma, sans-serif;
}
.ms-rteCustom-MainTextImageStyle{
	float: left;
	padding: 0px 10px 3px 0px;
}
.ms-rteCustom-TableHeaderStyle{
	color: #003333;
	font: Bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
}
.ms-rteCustom-BulletListStyle{
	color: #003333;
	font: 10px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	line-height:3;
}
/* --------------End of Custom styling which shows up in the browser text editor----------------*/

/* SECTION PAGE TOP NAV STYLES - green links*/
.cobPageTopNav1
{
	font: bold 9px verdana, geneva, Tahoma, sans-serif;
	padding: 10px 5px 10px 0px;
	color: #007617;
	line-height: 20px;
	overflow-x:auto;
	width:530px;
}
.cobPageTopNav1 a {
	text-decoration: none;
	color: #007617;
}
.cobPageTopNav1 a:visited {
	color: #007617;
	text-decoration: none;
}
.cobPageTopNav1 a:hover{
	color: #007617;
	text-decoration: underline;
}

/****************************** WEBPART STYLES **************************************/

/* Homepage Mayor's Message */
#cobMayorsMsgBox{
	width: 270px;
	height: 200px;
	border: 1px #add6db double;
	background-color:#E4F2EC;
	/*margin-left:10px;
	margin-bottom:10px;*/
}
#cobMayorsMsgTitle {
	width: 260px;
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
	background-color:#add6db ;
}
.cobMayorsMsgBody {
	text-align: left;
    font-family: Verdana, geneva, Tahoma, sans-serif;
    font-size: 10px;
    color: #4d4d4d;
    padding: 5px;
	height: 128px;
	float: right;
}
.cobMayorsImg{
    float: left;
    padding: 5px 10px 10px 0px;
}

/* Homepage Calendar */
#cobCalendarBox{
	width: 270px;
	height: 200px;
	border: 1px #add6db double;
	background-color:#e4f2ec;
	/*margin-left:10px;
	margin-bottom:10px;*/
}
#cobCalendarTitle{
	background-color: #add6db;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 10px;
	color: #003333;
	height: 16px;
	width: 260px;
}
#cobCalendarCell {
	height: 155px;
	overflow: hidden;
	background-color:#e4f2ec;
	font: 9px verdana, geneva, Tahoma, sans-serif;
}
.cobCalendarRow {
	background-color:#e4f2ec;
	font: 9px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	color: #003333;
	padding: 5px 10px 5px 10px;
}
a:hover {
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
a:link {
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
.cobCalendarRow a {
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
.cobCalendarRow a:hover {
	color: #003333;
	text-decoration: underline;
}

/* Homepage News and Press Releases */
#cobNewsBox{
	width: 270px;
	height: 158px;
	background-color:#E4F2EC;
	border: 1px #add6db double;
	/*margin-left:10px;
	margin-bottom:10px;*/
}
#cobNewsBoxTitle {
	background-color: #add6db;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 10px;
	color: #003333;
	height: 16px;
	width: 260px;	
}
#cobNewsBoxContent{
	background-color: #e4f2ec;	
	height: 136px;
	overflow:auto;
}
.cobNewsBoxText{
	font: 9px verdana, geneva, Tahoma, sans-serif;
	color: #003333;
	height: 20px;
	background-color: #e4f2ec;
	text-align: left;
	vertical-align: top;
	padding: 5px 10px 10px 10px; margin-bottom:5px;
}
a:visited{
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
.cobNewsBoxText a{
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
.cobNewsBoxText a:hover {
	color:#003333;
	text-decoration: underline;
}
/* Inside page News and Press Releases */
#cobINewsBox{
	height: 158px;
	width: 255px;
	background-color:#f3ffe9;
	border: 1px solid #d9f4ae;
    padding:2px 2px 0px 2px;
	margin-left:12px;
	/*margin-bottom:10px;*/
}
#cobINewsBoxTitle {
	background-color: #e6f4d6;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 15px;
	color: #003333;
	height: 16px;
	width: 250px;
	margin-left:12px;
}
#cobINewsBoxContent{
	background-color: #f3ffe9;	
	height: 150px;
	overflow:auto;
}
.cobINewsBoxText{
	font: 9px verdana, geneva, Tahoma, sans-serif;
	color: #003333;
	height: 18px;
	background-color: #f3ffe9;
	text-align: left;
	vertical-align: top;
	padding: 5px 10px 5px 10px;
	white-space: pre-wrap; 
    text-overflow: ellipsis; 
    overflow: hidden;
    margin-bottom:10px;

}
a:visited{
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
.cobINewsBoxText a{
	color: #003333;
	text-decoration: none;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:5px;
}
.cobINewsBoxText a:hover {
	color:#003333;
	text-decoration: underline;
}
/* PhotoGallery Box */
#cobPhotoBox{
	height: 152px;
	width: 255px;
	background-color:#f3ffe9;
	margin-bottom:10px;
	border: 1px solid #d9f4ae;
	padding:10px 4px 4px 4px;
	margin-left:10px;
}
#cobPhotoBoxTitle {
	background-color: #e6f4d6;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 15px;
	color: #003333;
	height: 16px;
	width: 250px;
	margin-left:10px;
}
#cobPhotoBoxContent{
	height: 155px;
	overflow: hidden;
	text-align: center;
}

/* Single Photo Slider WebPart */
.stepcarousel{
	position: relative; /*leave this value alone*/
	border: none;
	overflow: scroll; /*leave this value alone*/
	width: 250px; /*Width of Carousel Viewer itself*/
	height: 155px; /*Height should enough to fit largest content's height*/
	text-align: center;
	vertical-align: middle;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	margin-top:20px;
}

/* News Landing Page Scrollable News Items WebPart */
#cobNewsLanding{
	margin: 0px 20px 0px 15px;
	width: 510px;
	height: 500px;
	overflow-x:hidden;
	overflow-y:auto;
}
.cobNewsLandingTitle{
	font: bold 13px verdana, geneva, Tahoma, sans-serif;
	color: #000000;
	height: 20px;
	padding: 20px 10px 20px 15px;
}
.cobNewsLandingTable{
	margin: 0px 0px 0px 0px;
}
.cobNewsLandingText{
	font: 11px verdana, geneva, Tahoma, sans-serif;
	color: #003333;
	height: 20px;
	vertical-align: top;
	padding: 0px 10px 10px 0px;
}
a:visited{
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
.cobNewsLandingText a{
	color: #003333;
	text-decoration: none;
	font-weight:bold;
}
.cobNewsLandingText a:hover {
	color:#003333;
	text-decoration: underline;
}

/* News Details Page Styles */
.cobNewsDetailTitle{
	font: bold 14px verdana, geneva, Tahoma, sans-serif;
	line-height:1.5;
	color: #003333;
	height: 20px;
	width:480px;
	vertical-align: top;
	padding: 30px 20px 5px 20px;	
}
.cobNewsDetailBody{
	width: 480px;
	height: 500px;
	overflow-x:hidden;
	overflow-y:auto;
	font: 11px verdana, geneva, Tahoma, sans-serif;
	line-height:1.5;
	color: #4b4b4b;
	vertical-align: top;
	padding: 0px 30px 10px 20px;		
	margin: 30px 0px 10px 0px;
}

/* Homepage Video */
#cobVideoBox{
	width: 270px;
	height: 158px;
	background-color:#E4F2EC;
	border: 1px #add6db double;
	/*margin-left:10px;*/
	margin-bottom:10px;
}
#cobVideoBoxTitle {
	background-color: #add6db;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 10px;
	color: #003333;
	height: 16px;
	width: 260px;
}
.cobVideoBoxCell{
	text-align: center;
	vertical-align: middle;
	width: 270px;
	height: 158px;
}

/* Mayorpage Video */
#cobMayorVideoBox{
	background-color:#E4F2EC;
	border: 1px #add6db double;
	margin:0px;
	margin-bottom:10px;
}
#cobMayorVideoBoxTitle{
	background-color: #add6db;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 10px;
	color: #003333;
	height: 16px;
	width: 248px;
}

.cobMayorVideoBoxCell{
	text-align: left;
	vertical-align: middle;
}

/* All Pages Right Col Boxes */
.cobRightBox {
	width: 195px;
	border: 1px #0072bc double;
	background-color: #E4F2EC;
}
.cobRightBoxTitle {
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #ffffff;
	vertical-align: middle;
	background-color: #0072bc;
}
.cobRightBoxCell {
	padding: 10px 10px 5px 10px;
	vertical-align: top;
	background-color: #E4F2EC;
	text-align:center;		
}
.cobRightBoxTextCell {
	font: 10px verdana, geneva, Tahoma, sans-serif;
	color: #003333;
	padding: 10px;
	vertical-align: top;
	text-align: left;		
	background-color: #E4F2EC;
}
.cobRightBox2 {/*for the contacts container*/
	width: 195px;
	height: 250px;
	border: 1px #0072bc double;
	background-color: #E4F2EC;
}
.cobRightBoxTitle2 {/*for the contacts container*/
	padding:0px 0px 0px 10px;
	height: 20px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #0072bc;
}

/*About Bridgeport Boxes*/
#aboutsmallbox{
	width: 255px;
	height: 110px;
	border: 1px solid #ADD6DB;
	background-color:#E4F2EC;
	padding:4px;
	margin-left:10px;
}
#aboutsmallboxheader{
	width: 255px;
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
	background-color:#ADD6DB;
	margin-top:10px;
	margin-left:10px;
}
#aboutsmallboxheader2{ /*for the one under the top box*/
	width: 255px;
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
	background-color:#ADD6DB;
	margin-left:10px;
}
.aboutsmallboximg{
	float: left;
	padding: 2px 7px 10px 2px;
}
.aboutsmallboxtext{
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	color: #4d4d4d;
}
#abouttallbox{
	width: 255px;
	height: 264px;
	border: 1px solid #ADD6DB;
	background-color:#E4F2EC;
	padding:4px;
	margin-left:14px;
}
#abouttallboxheader{
	width: 255px;
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
	background-color:#ADD6DB;
	margin-top:10px;
	margin-left:14px;
}
.abouttallboximg{
	float: left;
	padding: 2px 7px 10px 2px;
}
.abouttallboxtext{
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	color: #4d4d4d;
}

/* Mayor's Section Webpart boxes */
#mayorsmallboxleft{
	width: 255px;
	height: 150px;
	border: 1px solid #ADD6DB;
	background-color:#E4F2EC;
	padding:4px;
	margin-left:14px;
}
#mayorsmallboxheaderleft{
	width: 255px;
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
	background-color:#ADD6DB;
	margin-top:10px;
	margin-left:14px;
}
#mayorsmallboxright{
	width: 255px;
	height: 150px;
	border: 1px solid #ADD6DB;
	background-color:#E4F2EC;
	padding:4px;
	margin-left:10px;
}
#mayorsmallboxheaderright{
	width: 255px;
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
	background-color:#ADD6DB;
	margin-top:10px;
	margin-left:10px;
}
.mayorsmallboximg{
	float: left;
	padding: 2px 7px 10px 2px;
}
.mayorsmallboxtext{
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	color: #4d4d4d;
}
#mayorsVideoBox{
	height: 158px;
	width: 255px;
	background-color:#f3ffe9;
	margin-bottom:10px;
	border: 1px solid #d9f4ae;
	padding:4px;
	margin-left:10px;
}
#mayorsVideoBoxTitle {
	background-color: #e6f4d6;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 10px;
	color: #003333;
	height: 16px;
	width: 255px;
	margin-left:10px;
}
.mayorsVideoBoxCell{
	text-align: center;
	vertical-align: middle;
	width: 270px;
	height: 158px;
}
/* Twitter WebPart Styles */
#twitterdiv {
	padding: 5px;
	border: 2px #00CCFF solid;	
	width: 255px;
	height: 90px;
	background-color: #ffffff;
}
#tweetdiv {
	vertical-align:top;
	height: 90px; width:175px;
	overflow: hidden;
}
.tweets {
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 5px;
	text-align: justify;
	list-style:none outside;
	left:0px; margin-left:0px;
}
/* Finch Report (Weekly Updates) Styles */
#weeklyreviewdiv {
	width: 500px;
	overflow-x: hidden;
	margin-left: 5px;
}
.weeklyreviewyearlinks {
	text-align: right;
	margin: 11px;	
	float: right;
	margin-right:25px;
}
.weeklyreviewyearlinksLeft {
	text-align: left;
	margin: 11px;	
	float: left;
	margin-left:0px;
}
.weeklyreviewtable {
	width: 450px;	
	padding: 5px;
	background: #ffffff;
}
.weeklyreviewnorec {
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 10px;
}

.weeklyreviewyear {
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-left: 10px;
	margin-top: 20px;
}
.weeklyreviewmonth {
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 5px;
}
.weeklyreviewtext {
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003333;
}
.weeklyreviewtext a:link{
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;	
	color: #003333;
	text-decoration: none;
}
.weeklyreviewtext a:visited {
	color: #000000;
}
.weeklyreviewtext a:hover {
	color: #003333;
	text-decoration: underline;
}

/* How do i...? Styles */
#howsmallbox{
	width: 255px;
	height: 188px;
	border: 1px solid #ADD6DB;
	background-color:#E4F2EC;
	padding:4px;
	margin-left:15px;
}
#howsmallboxheader2{ /*for the one under the top box*/
	width: 255px;
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
	background-color:#ADD6DB;
	margin-left:15px;
}
#howsmallboxheader{
	width: 255px;
	height: 16px;
	padding:3px 0px 3px 10px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #003333;
	background-color:#ADD6DB;
	margin-top:10px;
	margin-left:15px;
}
/* Photo Gallery Styles */
#photogallerydiv {
	width: 550px;
	height: 350px;
	overflow-x: hidden;
	overflow-y: auto;	
	margin-left: 20px;
}

.photogallerytitle {
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-left: 20px;
	margin-top: 30px;
}
.photogallerygrid {		/* This style is applied to an HTML Table in the TABLE tag */
	width: 550px;	
	border: 1px blue solid;
	background: #ffffff;	
}
.photogallerygridcell {	/* Applies to the Table Cell */
	padding: 10px;
	vertical-align: top;
	text-align: center;	
	/*border: 1px blue solid;*/
}
/*----- START:PHOTOGALLERY LIGHTBOX STYLES : DO NOT MODIFY ---------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:visited:hover { background: url(/_layouts/images/COBPublic/lightbox/prevlabel.gif) left 15% no-repeat; }
#prevLink:hover { background: url(/_layouts/images/COBPublic/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:visited:hover { background: url(/_layouts/images/COBPublic/lightbox/nextlabel.gif) right 15% no-repeat; }

#nextLink:hover { background: url(/_layouts/images/COBPublic/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*----- END:PHOTOGALLERY LIGHTBOX STYLES -------*/



/* Department Directory WebPart */
#deptdirdiv {
	display: block;
	padding: 10px;
	width: 510px;
	height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-left:20px;
	margin-top: 20px;
}
.deptdirheading {
	font: bold 12px verdana, geneva, Tahoma, sans-serif;
	margin-left: 20px;
	margin-top: 20px;
	color: #007617;
}
.deptdirlink a{
	font: 10px verdana, geneva, Tahoma, sans-serif;
	margin-left: 20px;
	color: #000000;	
	text-decoration: none;
}
.deptdirlink a:visited {
	color: #000000;
	text-decoration: none;
}
.deptdirlink a:hover{
	color: #000000;
	text-decoration: underline;
}

/* Contact List Table Style */
.TableHeading{   
	color:#003333;  
	FONT-FAMILY:verdana, geneva, Tahoma, sans-serif; 
	border:1px white solid;
	background-color:#ADD6DB; 
	text-Align:Center ; 
	height:22px; 
	FONT-SIZE:8pt;
	font-weight:bold;
}
.Alternetrow1{ 
	background-color:#E4F2EC;
	border: 1px white solid; 
	FONT-FAMILY:verdana, geneva, Tahoma, sans-serif; 
	height:22Px;
	FONT-SIZE:8pt;
    text-align:left;
    color:black;
    padding:3px;
}
.Alternetrow2{ 
	background-color:#D7EEE3;
	border:1px White solid;
	FONT-FAMILY:verdana, geneva, Tahoma, sans-serif; 
	height:22Px;
	FONT-SIZE:8pt;
    text-align:left;
    color:black;
    padding:3px;
}
.EmptyData{
	background-color:#E4F2EC;
	border: 1px white solid; 
	FONT-FAMILY:verdana, geneva, Tahoma, sans-serif; 
	height:22Px;
	FONT-SIZE:8pt;
    text-align:center;
    color:black;
    padding:5px;
}
.SearchLabel{
  	padding-left:13px;
}
.Contactsdiv{
	display: block;
	/*padding: 10px;*/
	width: 540px;
	height: 465px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #ffffff;
	margin-left:15px;
	border-left: solid 1px #B8D1FF;
    border-bottom: solid 1px #B8D1FF;
	border-top:solid 1px #B8D1FF;
}

/* FACEBOOK WEBPART STYLES */
#facebookdiv {
	border: 2px #00CCFF solid;
	width: 260px;
	height: 90px;
	background-color: #ffffff;
	margin-left:15px;
	padding-top: 5px;
}
#fbmessagediv {
	font-family: verdana, geneva, Tahoma, sans-serif;
	font-size: 10px;
	text-align:justify;
	color: #000000;
	padding: 5px;
}
.fbmessageLink {
	padding: 5px;
	margin:5px;
	text-decoration:none;
	border:0px;
}

/* Directory Browser WebPart Styles */
.dirbrowserdiv
{
     display: block;
     /*padding: 10px;*/
     width: 510px;
     height: 400px;
     overflow-x: hidden;
     overflow-y: scroll;
     background-color: #ffffff;
     margin-left:25px;
     margin-top: 20px;
     border-left: solid 1px #B8D1FF;
     border-bottom: solid 1px #B8D1FF;
     border-top:solid 1px #B8D1FF;
}

/* Homepage Emergency Alert Message */
#emergencymessagediv {
	width: 550px;
	height: 120px;
	border: 2px #C1272D solid;
	margin: 0px 0px 10px 6px;
}
#emergencymessagetitle {
	width: 515px;
	height: 16px;
	padding:3px 0px 3px 35px;
	font-weight:bold;
	font-family: Verdana, geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #C1272D;
	background-image:url('../SiteCollectionImages/emerbg.gif');
	background-repeat:no-repeat;
}
.emergencymessageheading {
	text-align: left;
    font-family: Verdana, geneva, Tahoma, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #C1272D;
    margin-bottom: 5px;
    padding-top:5px;
}
.emergencymessagebody {
	text-align: left;
    font-family: Verdana, geneva, Tahoma, sans-serif;
    font-size: 10px;
    color: #C1272D !important;
    padding: 0px 10px 5px 10px;
}
/* EMAIL PAGE LINK WEBPART STYLES */
.emailtable {
	margin: 10px 20px 10px 20px;	
}
.emaillinktitle {
	font: 10px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 10px;
	color: #003333;
	height: 12px;
	margin-bottom: 20px;
}
.emaillabels {
	padding-left: 10px;
	color: #003333;
	font: bold 10px verdana, geneva, Tahoma, sans-serif;
	padding-bottom: 7px;
}
.emailtext {
	padding: 5px;
	color: #003333;
	font: 10px verdana, geneva, Tahoma, sans-serif;		
}


/* Mayors Blog Styles */

.cobMayorTable{
  width:510px;
  margin: 10px 5px 10px 15px;
}

.cobMayorLeftTd{
  width:200px;
  font-size:10px;
  font-family:verdana, geneva, Tahoma, sans-serif;
  font-weight:bold;
  line-height:1.7;
  background-color:#ADD6DB;
  vertical-align:top;
  padding-top:10px;
  color:#003399;
}

.ms-CategoryTitleCell a{
 display:block;
 background:transparent url('../images/navbullet.gif');
 background-position:left top;
 background-repeat:no-repeat;
 margin:0px;
 padding:3px 0px 3px 16px;

}

.ms-WPBody A:visited{
 color:#003333 !important;
 text-decoration:none;
}

.ms-WPBody A:link, .ms-WPBody a{
 color:#003333 !important;
 text-decoration:none;
 margin-bottom:10px;
}

.ms-WPBody A:hover{
 color:#003333 !important;
 text-decoration:underline;
}

.cobMayorRightTd{
 width:400px;
}

#cobMayorRightDiv{
 width:400px;
 height:400px;
 overflow-x: hidden;
 overflow-y: scroll;
 margin-left:10px;
 margin-top:10px;
 font-size:11px;
 font-family:verdana, geneva, Tahoma, sans-serif;
 color:#4d4d4d;
 line-height:1.5;
}

hr{
color: #ADD6DB !important;
height: 1px;
}

.cobBlogLeftHeading {
 font-size: 14px;
 font-weight: bold;
 font-family:verdana, geneva, Tahoma, sans-serif;
 color: #000000;
 margin-left: 10px;
}

.cobBlogLeftLink {
 font-size: 10px;
 font-family: verdana, geneva, Tahoma, sans-serif;
 color: #008B81;
 font-weight: normal;
 margin-left: 10px;
}

.cobBlogLeftLink a {
 color: #008B81;
 text-decoration: none;
}

.cobBlogLeftLink a:visited{
 color: #008B81;
}

.cobBlogLeftLink a:hover{
 color: #008B81;
 text-decoration: underline;
}

/*  Enlarge an image on mouse over for COBSubsitePage layout   */
#imgmenu {position:relative; top:10px; left:10px; width:75px; background-color:#fff; z-index:100;} 
#imgmenu .p1 {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;} 
#imgmenu .p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;} 
#imgmenu .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;} 
#imgmenu .p1:hover .large {display:block; position:absolute; top:-65px; left:150px; width:400px; height:300px; border:5px solid #ccc;} 
#info {z-index:100; height:22em;} 
/*  Enlarge an image on mouse over for COBSubsitePage layout   */


/*--- Form webport ---*/
#cobFormWebportLeft{
	width:180px;
	margin:0;
	padding:0px;
	float:left;
	text-align:left;
}

/*----- COBSubsiteWebPartPage.aspx ----*/

.COBSubsiteWebPartLeft{
	margin:0px; padding:0px;
	width:190px;
	overflow:hidden;
	table-layout:fixed;
}

/* Voting Locator and City Council District Lookup */
#cobVotingLocatorBox{
	width: 545px;
	background-color:#E4F2EC;
	border: 1px #add6db double;	
	/*margin-left:10px;
	margin-bottom:10px;*/
}
#cobVotingLocatorBoxTitle {
	background-color: #add6db;
	font: bold 11px verdana, geneva, Tahoma, sans-serif;
	text-align: left;
	padding: 3px 0px 3px 10px;
	color: #003333;
	height: 16px;
	width: 535px;	
}


/* Voting Locator and City Council District Lookup */