/*
Theme Name: Berea
*/
/* General reset */
body{
	margin:0;
	color:#212121;
	font:11px Arial, Helvetica, sans-serif;
	background:#212121;
	min-width:984px;
}
img{border-style:none;}
a{
	text-decoration:underline;
	color:#04167b;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#000;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
}
.w1{
	width:984px;
	margin:0 auto;
}
/* header */
#header{
	position:relative;
	margin:0 -9999px;
	padding:0 9999px;
	background:url(images/bg-header.png) repeat-x;
	height:208px;
	z-index:3;
}
.header-holder{
	width:958px;
	overflow:hidden;
	margin:0 auto;
	padding:6px 13px 9px;
	background:url(images/bg-header-holder.gif) no-repeat 50% 0;
}
/* logo */
.logo{
	float:left;
	width:143px;
	height:143px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/logo.png) no-repeat;
	margin:0 32px 0 0;
}
.logo a{
	display:block;
	height:100%;
}
/* header-info */
.header-info{
	float:left;
	color:#fff;
	padding:5px 0 0;
}
.slogan{
	display:block;
	margin:0 0 58px;
	font:italic 16px/18px Arial, Helvetica, sans-serif;
}
.header-info .info{
	display:block;
	font:14px/16px Arial, Helvetica, sans-serif;
}
.header-info .info strong{
	font-size:26px;
	line-height:28px;
	display:block;
	margin:0 0 4px;
}
.header-info .info span{
	display:block;
	padding:0 0 0 3px;
	font-weight:bold;
	text-transform:uppercase;
}
/* search */
.search{
	float:right;
	width:136px;
	padding:5px 15px 3px 5px;
	margin:20px 0 0;
	background:url(images/bg-form-search.png) no-repeat;
}
#content .search{
    float:left;
}
.search .btn{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:18px;
	height:14px;
	overflow:hidden;
	text-indent:-9999px;
	border:none;
	font-size:0;
	line-height:0;
	cursor:pointer;
	background:url(images/btn-search.gif) no-repeat;
}
#searchform .text{
    float:right;
}
.search .text{
	float:left;
	width:113px;
	border:none;
	background:none;
	margin:0;
	padding:0;
	color:#82818b;
	outline:none;
	font:12px/14px Arial, Helvetica, sans-serif;
}
/* nav */
#nav{
	list-style:none;
	padding:1px 0 0;
	margin:0 -16px 0 0;
	font:bold 17px/19px Arial, Helvetica, sans-serif;
	width:1000px;
}
#nav:after{
	content:"";
	display:block;
	clear:both;
}
#nav li{
	float:left;
	background:url(images/separator-nav.gif) no-repeat;
	padding:0 0 0 1px;
	position:relative;
}
#nav li:first-child{background:none;}
#nav a{
	float:left;
	color:#212121;
	text-shadow:2px 1px 1px #fff;
	padding:12px 15px 10px;
	position:relative;
	z-index:2;
	text-decoration:none;
}
#nav li:hover a,
#nav .active a,
#nav a:hover{
	text-decoration:none;
	color:#fff;
	text-shadow:none;
	background:url(images/bg-nav-hover.gif) repeat-x;
}
#nav li:hover ul, 
#nav li:hover ul li:hover ul{display:block;}
#nav li:hover ul li ul{
	display: none;
}
#nav ul{
	position:absolute;
	z-index:1;
	left:0;
	top:40px;
	border:1px solid #999;
	list-style:none;
	padding:15px 5px 8px 15px;
	margin:0;
	background:#232323 url(images/bg-drop.gif) repeat-x;
	font-size:14px;
	line-height:16px;
	width:210px;
	display:none;
}
#nav ul li ul{
	position:absolute;
	z-index:1;
	left:195px;
	top:-15px;
	border:1px solid #999;
	list-style:none;
	padding:15px 5px 8px 15px;
	margin:0;
	background:#232323 url(images/bg-drop.gif) repeat-x;
	font-size:14px;
	line-height:16px;
	width:210px;
	display:none;
}
#nav ul li{
	float:none;
	display:block;
	background:url(images/arrow-drop.png) no-repeat 0 3px;
	padding:0 0 17px 17px;
}
#nav ul li:first-child{background:url(images/arrow-drop.png) no-repeat 0 3px;}
#nav li:hover ul a,
#nav ul a{
	text-shadow:2px 1px 1px #212121;
	color:#fff;
	float:none;
	display:inline;
	position:static;
	padding:0;
	background:none;
}
#nav ul a:hover{
	background:none;
	text-decoration:underline;
}
/* main */
#main{
	position:relative;
	margin:-8px -9999px 0;
	padding:0 9999px 48px;
	background:#fff;
	height:1%;
}
.main-holder{
	overflow:hidden;
	width:984px;
}
/* promo */
.promo{
	background:url(images/bg-promo.gif) repeat-y -984px 0;
	width:984px;
	overflow:hidden;
	margin:0 0 13px;
}
.promo .holder{
	overflow:hidden;
	width:960px;
	padding:0 12px 14px;
	background:url(images/bg-promo.gif) no-repeat 0 100%;
}
.promo .holder .slides {
	height: 175px;
	width: 960px;
	overflow: hidden;
	z-index: 0;
}
.promo img{display:block;}
/* info-box */
.info-box{
	overflow:hidden;
	width:962px;
	padding:0 11px;
}
.info-box .text-holder{
	padding:0 5px;
	margin:0 0 24px;
}
.info-box h1{
	margin:0 0 8px;
	font:bold 24px/26px Arial, Helvetica, sans-serif;
}
.info-box p{
	margin:0;
	font:15px/24px Arial, Helvetica, sans-serif;
}
.holder-box{
	overflow:hidden;
	width:100%;
}
.info-box h2{
	margin:0 0 18px;
	font:bold 20px/24px Arial, Helvetica, sans-serif;
	color:#04167b;
}
/* links-box */
.links-box{
	overflow:hidden;
	width:242px;
	background:url(images/bg-box-links.gif) repeat-y -242px 0;
	float:left;
	font:14px/16px Arial, Helvetica, sans-serif;
}
.links-box .holder{
	width:242px;
	overflow:hidden;
	background:url(images/bg-box-links.gif) no-repeat;
}
.links-box .frame{
	width:240px;
	overflow:hidden;
	background:url(images/bg-box-links.gif) no-repeat -484px 100%;
	padding:5px 1px;
}
.links-box .content{
	overflow:hidden;
	background:#fff url(images/bg-content-links-box.gif) repeat-x 0 100%;
	padding:6px 15px;
	min-height:269px;
}
.links-box a{
	color:#212121;
	text-decoration:none;
}
.links-box a:hover{text-decoration:underline;}
.links-box .list, 
.links-box .menu{
	list-style:none;
	padding:0 0 0 7px;
	margin:0 0 -13px;
}
.links-box .list li, 
.links-box .menu li{
	background:url(images/divider-list.gif) no-repeat 0 9px;
	padding:0 0 24px 13px;
	font-weight: bold;
}
.links-box .menu li .sub-menu, 
.links-box .list li .sub-menu{
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}
.links-box .menu li .sub-menu li, 
.links-box .list li .sub-menu li{
	font-weight: normal;
	padding:0 0 12px 13px;
}
.links-box .menu li .sub-menu li a, 
.links-box .list li .sub-menu li a{
	color: #5764A9;
}
.links-box .menu li .sub-menu li .sub-menu li, 
.links-box .list li .sub-menu li .sub-menu li{
	font-weight: normal;
	padding:0 0 12px 13px;
	background: none;
}
.links-box .menu li .sub-menu li ul li a, 
.links-box .list li .sub-menu li ul li a{
	color: #212121;
}
/* event-box */
.event-box,
.widget_recent_entries{
	float:right;
	width:705px;
	overflow:hidden;
	background:url(images/bg-event-box.gif) repeat-y -705px 0;
}
.event-box .holder,
.widget_recent_entries .holder{
	background:url(images/bg-event-box.gif) no-repeat;
	overflow:hidden;
	width:705px;
}
.event-box .frame,
.widget_recent_entries .frame{
	background:url(images/bg-event-box.gif) no-repeat -1410px 100%;
	overflow:hidden;
	width:703px;
	padding:5px 1px;
}
.event-box .content,
.widget_recent_entries .content{
	background:#fff url(images/bg-content-event-box.gif) repeat-x 0 100%;
	min-height:275px;
	padding:6px 15px 0;
}
.event-list{
	list-style:none;
	padding:0;
	margin:-13px -15px -3px;
	width:703px;
	font:13px/20px Arial, Helvetica, sans-serif;
}
.event-list li{
	overflow:hidden;
	height:1%;
	padding:9px 24px;
	vertical-align:top;
}
.event-list li:hover{background:url(images/bg-event-list-hover.png) repeat-y;}
.event-list .image-holder{
	background:url(images/bg-image-holder.png) no-repeat;
	width:61px;
	height:61px;
	padding:2px;
	float:left;
	margin:0 22px 0 0;
}
.event-list .image-holder img{display:block;}
.event-list .text-holder{
	overflow:hidden;
	height:1%;
	padding:2px 0 0;
	margin:0;
}
.info-box .event-list p{
	margin:0 0 2px;
	font:13px/20px Arial, Helvetica, sans-serif;
}
.event-list .date{
	display:block;
	color:#4c4c4c;
}
/* content */
#content{
	float:right;
	width:710px;
	padding:0 9px 0 0;
	font:14px/25px Arial, Helvetica, sans-serif;
}
#content ul{
	list-style:none;
	padding:0 0 0 38px;
	margin:0 0 20px;
}
#content li{
	background:url(images/arrow-list.gif) no-repeat 0 8px;
	padding:0 0 3px 21px;
}
/* heading */
#content h1{
	margin: 20px 0 15px 17px;
	font:bold 24px/26px Arial, Helvetica, sans-serif;
	color:#333;
}
#content .heading{
	overflow:hidden;
	width:100%;
	background:url(images/bg-heading.gif) repeat-y;
	margin:0 0 19px;
}
#content .heading .holder{
	overflow:hidden;
	height:1%;
	background:url(images/bg-heading.gif) no-repeat -710px 100%;
	padding:24px 17px 13px;
}
#content .heading .holder span{
	margin: 20px 0 10px;
	font:bold 24px/26px Arial, Helvetica, sans-serif;
	color:#fff;
}
#content .heading .holder h1{
	margin: 20px 0 10px;
	font:bold 24px/26px Arial, Helvetica, sans-serif;
	color:#fff;
	display: inline;
}
/* holder-text */
#content .holder-text{padding:0 0 0 17px;}
#content h2{
	margin:0 0 20px 17px;
	font:bold 18px/20px Arial, Helvetica, sans-serif;
}
#content h3{
	margin:0 0 14px 17px;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	color:#04167b;
}
#content p{margin:0 0 25px 17px;}
.block-list{
	margin:0 -20px 0 0;
	width:983px;
	padding:10px 0 0;
	overflow:hidden;
}
/* list-holder */
.list-holder{
	width:100%;
	overflow:hidden;
	margin:0 0 45px 0;
}
.list-holder .box{
	float:left;
	width:270px;
	margin:0 80px 0 0;
}
.list-holder ul{
	list-style:none;
	padding:0 0 0 16px;
	margin:0;
}
.list-holder li{
	background:url(images/arrow-list.gif) no-repeat 0 11px;
	padding:0 0 0 21px;
}
/* sidebar */
#sidebar{
	width:255px;
	float:left;
}
/* visual */
.visual{
	width:255px;
	overflow:hidden;
	background:url(images/bg-visual.gif) repeat-y;
	margin:0 0 11px;
}
.visual .holder{
	overflow:hidden;
	background:url(images/bg-visual.gif) no-repeat -255px 100%;
	padding:0 12px 14px;
	width:231px;
}
.visual img{display:block;}
#sidebar .links-box{
	margin:0 auto 18px;
	float:none;
	display:block;
}
#sidebar h2{
	margin:0 0 18px;
	font:bold 20px/24px Arial, Helvetica, sans-serif;
	color:#04167b;
}
/* event-block */
#sidebar .event-block{
	overflow:hidden;
	width:100%;
	padding:4px 0 0;
	margin:0 0 14px;
}
.event-block .date-box{
	float:left;
	background:url(images/bg-date-box.png) no-repeat;
	width:56px;
	height:67px;
	padding:7px 5px 3px;
	text-align:center;
	color:#fff;
	margin:0 13px 0 0;
	text-shadow:1px 2px 1px #212121;
}
.event-block .date-box .day{
	display:block;
	font:bold 30px/32px Helvetica, Arial, sans-serif;
}
.event-block .date-box .month{
	display:block;
	font:bold 14px/16px Helvetica, Arial, sans-serif;
}
.event-block .date-box .year{
	display:block;
	font:bold 11px/14px Helvetica, Arial, sans-serif;
}
.event-block .text-holder{
	overflow:hidden;
	height:1%;
	padding:6px 0 0;
}
.event-block p{
	margin:0;
	font:13px/21px Arial, Helvetica, sans-serif;
}
/* calendar-box */
.holder-calendar{
	overflow:hidden;
	width:100%;
	padding:12px 0 0;
	margin:0 0 5px;
}
.calendar-box{
	overflow:hidden;
	width:208px;
	background:url(images/bg-calendar-box.png) no-repeat;
	margin:0 auto;
	padding:12px 0 4px;
}
.calendar-box .box-date{
	margin:0 auto 14px;
	overflow:hidden;
	width:182px;
}
.calendar-box .prev,
.calendar-box .next{
	width:7px;
	height:14px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/bg-arrow-calendar.gif) no-repeat;
}
.calendar-box .next{background-position:-7px 0;}
.calendar-box .holder-date{
	margin:0 5px;
	width:158px;
	overflow:hidden;
	position:relative;
	float:left;
}
.calendar-box .holder-date ul{
	float:left;
	width:99999px;
	list-style:none;
	padding:0;
	margin:0;
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#a5a5a5;
	text-shadow:1px 2px 1px #212121;
	text-align:center;
}
.calendar-box .holder-date li{
	float:left;
	width:158px;
}
.calendar{
	overflow:hidden;
	width:202px;
	margin:0 0 0 4px;
}
.calendar .holder-day{
	width:100%;
	overflow:hidden;
	font:10px/12px Arial, Helvetica, sans-serif;
	text-shadow:1px 2px 1px #212121;
	color:#9d9d9d;
	padding:4px 0 8px;
}
.calendar .holder-day .day{
	text-align:center;
	float:left;
	width:28px;
}
.calendar .holder-day-number{
	overflow:hidden;
	width:204px;
	margin:0 -2px 0 0;
	font:13px/27px Arial, Helvetica, sans-serif;
}
.calendar .holder-day-number .day{
	border:1px solid #141414;
	border-width:0 1px 1px 0;
	width:28px;
	height:27px;
	float:left;
	text-align:center;
	text-shadow:1px 2px 1px #212121;
	color:#9d9d9d;
	background:url(images/bg-calendar-day.gif) no-repeat;
}
.calendar .holder-day-number .day a{
	text-shadow:1px 2px 1px #212121;
	color:#9d9d9d;
	text-decoration:none;
}
.calendar .holder-day-number .day a:hover{text-decoration:none;}
.calendar .holder-day-number .active{
	background:url(images/bg-calendar-day.gif) no-repeat 0 -27px;
	color:#afafaf;
}
.calendar .holder-day-number .active a{color:#afafaf;}
.calendar .holder-day-number .empty{
	background:url(images/bg-calendar-empty.gif) no-repeat;
	color:#4e4e4e;
}
.calendar .holder-day-number .empty a{color:#4e4e4e;}
/* footer */
#footer{
	position:relative;
	margin:0 -9999px;
	padding:0 9999px;
	height:1%;
	background:url(images/bg-footer.gif) repeat-x;
}
#footer .decor{
	position:absolute;
	top:-27px;
	left:50%;
	margin:0 0 0 -29px;
	width:59px;
	height:59px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(images/decor-footer.png) no-repeat;
}
.footer-holder{
	width:984px;
	position:relative;
}
/* holder-box */
#footer .holder-box{
	padding:18px 0 0 15px;
	width:1094px;
	overflow:hidden;
	margin:0 -125px 26px 0;
}
#footer .footer-holder:after{
	content:"";
	display:block;
	clear:both;
}
#footer .box{
	float:left;
	width:180px;
	margin:0 85px 0 0;
}
#footer .alignmiddle{margin-right:105px;}
#footer h3{
	margin:0 0 10px;
	font:bold 23px/26px Arial, Helvetica, sans-serif;
	color:#7cc9ff;
	text-shadow:1px 2px 1px #212121;
}
#footer ul{
	list-style:none;
	padding:0;
	margin:0;
	font:13px/22px Arial, Helvetica, sans-serif;
}
#footer a{
	color:#fff;
	text-shadow:1px 2px 1px #212121;
	text-decoration:none;
}
#footer a:hover{text-decoration:underline;}
/* footer-info */
.footer-info{
	color:#777;
	padding:0 13px 20px;
	overflow:hidden;
	width:958px;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.footer-info address{
	float:right;
	font-style:normal;
}
.footer-info p{margin:0;}
#content p.info{
    margin:0 0 10px;
}
.post {
    padding:20px 0 0 17px;
}
.post .content {
    width:100%;
    margin:0 0 -15px;
}
.meta ul{
    margin:0;
    padding:0;
    list-style:none;
}
#content .respond{
    padding:10px 0 0 17px;
}
.menu-economic-development-container, 
.menu-codes-planning-container, 
.menu-finance-department-container, 
.menu-fire-department-container, 
.menu-gis-container, 
.menu-human-resources-container, 
.menu-parks-recreation-container, 
.menu-police-department-container, 
.menu-streets-container{
	margin-top: 10px;
}

.links-box .menu li.QL1{
	background:url('http://bereautilities.com/wp-content/themes/berea/images/QL1b.png') no-repeat 0 0px;
	display:block;
	padding:13px 0px 18px 35px;
}
.links-box .menu li.QL2{
	background:url('http://bereautilities.com/wp-content/themes/berea/images/QL2b.png') no-repeat 0 0px;
	display:block;
	padding:13px 0px 18px 35px;
}
.links-box .menu li.QL3{
	background:url('http://bereautilities.com/wp-content/themes/berea/images/QL3b.png') no-repeat 0 0px;
	display:block;
	padding:13px 0px 18px 35px;
}
.links-box .menu li.QL4{
	background:url('http://bereautilities.com/wp-content/themes/berea/images/QL4b.png') no-repeat 0 0px;
	display:block;
	padding:13px 0px 18px 35px;
}
.links-box .menu li.QL5{
	background:url('http://bereautilities.com/wp-content/themes/berea/images/QL5b.png') no-repeat 0 0px;
	display:block;
	padding:13px 0px 18px 35px;
}
.links-box .menu li.QL6{
	background:url('http://bereautilities.com/wp-content/themes/berea/images/QL6b.png') no-repeat 0 0px;
	display:block;
	padding:13px 0px 18px 35px;
}
.links-box .menu li.QL7{
	background:url('http://bereautilities.com/wp-content/themes/berea/images/QL7b.png') no-repeat 0 0px;
	display:block;
	padding:13px 0px 18px 35px;
}

#content .float-image-right{
	display:inline;
	float:right;
	/*margin:15px;*/
	padding-left:30px;
}

#content .float-image-left{
	display:inline;
	float:left;
	padding-right:30px;
}

#content table{
	margin: 0px 0px 0px 17px;
}

#content iframe{
	float:right;
}

#content .floatlink{
	float:right;
}

.previous{
	float:left;
	clear:both;
}

.next{
	float:right;
	text-align:right;
}
}