/* CSS formatting for Community Development Pages */

/*#header {
	background-color:#FFF;
	background-image: url(/dpced/communitydevelopment/funding/images/backgroundheader.jpg); 
	background-repeat: no-repeat; 
	background-position: top center;
}*/

ul#main_nav li.comm, ul#main_nav li.comm a, ul#main_nav li.comm ul, ul#main_nav li.comm ul a, ul#sub_nav li, #section_nav {
	background-color: #ccc;
}

/* hides hidden lists */
ul#main_nav li:hover ul, ul#main_nav li.over ul { 
	display:none;
}

/***********************************
  		STYLES FOR rollover
************************************/

a.rollover:hover span.bubble { height:75px; }


/* short highlights with long rotator */

.highlights ul, .highlights li { height: 75px; }

.highlights .highlights_content { height: 104px; }

.columnHalf .jcarousel-clip-horizontal, .columnHalf .jcarousel-item { height: 75px; }

.jcarousel-control img { width:95px; }

.jcarousel-navigation { height:72px; }

.jcarousel-navigation a.previous, .jcarousel-navigation a.next { margin-top:25px; }

.jcarousel-control a { width:95px; height:25px; }


/* timeline highlights */

.columnThreeQuarter .highlights ul, .columnThreeQuarter .highlights li, .columnThreeQuarter .highlights .highlights_content, .columnThreeQuarter .jcarousel-clip-horizontal, .columnThreeQuarter .jcarousel-item, .columnThreeQuarter .jcarousel-navigation, .columnThreeQuarter .jcarousel-control a { height: 230px; }
/**/
.columnThreeQuarter .jcarousel-clip-horizontal, .columnThreeQuarter .highlights ul { width: 642px; }
.columnThreeQuarter .jcarousel-navigation { width: 18px; }
.columnThreeQuarter .jcarousel-item, .columnThreeQuarter .highlights li { width: 160px; }
/**/
.columnThreeQuarter .jcarousel-navigation a.previous, .columnThreeQuarter .jcarousel-navigation a.next { margin-top:55px; }

.columnThreeQuarter .highlights ul { background-color:#fff; }
.columnThreeQuarter .highlights ul li { background-color:#f0f0f0; }

.columnThreeQuarter .highlights .item .body { 
	padding:0 10px 10px 0; 
	display:block; 
	height:60px; 
	width:150px; 
}

.columnThreeQuarter .highlights li h2 {
	width:140px;
}

.columnThreeQuarter .highlights li h1 { 
	padding:0 10px 5px 0px; 
	font-size: 16px; 
	font-weight:normal; 
	border-bottom:2px solid #aaa; 
	width:140px;
}

/* search box */
#content .search { background:url(/DPCED/communityDevelopment/images/search.jpg) top left no-repeat; }

#content .columnQuarter .search, #content .columnQuarterResource .search { background:url(/DPCED/communitydevelopment/images/searchquarter.png) top left no-repeat; }


/* wysiwyg edits */
#content .columnThreeQuarter .clearfix { line-height:18px; }

#content .columnThreeQuarter .clearfix img { float:left; margin:0 15px 10px 0; }