/*
|
| TITLE:	City of Bartlesville Master Style Sheet
| AUTHOR:	Erik Smith, erik@pendergraphics.com
|			Eric Shiarla, eric@pendergraphics.com	
|			
| EMPLOYED:	Pendergraphics Design Group, http://www.pendergraphics.com 	
| 
| CREATED:	October 06, 2006
| MODIFIED: 
|
*/

html,body{ 
	margin: 0 0 30px 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #e3e3e3;
}


#wrap {
	position: relative;
	margin: 0 auto;
	padding: 5px;
	width: 765px;
	background-color: #fff;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

#printLogo {
	display:none; /* For Print Only */
}

p.hidden {
	display:none; /* No CSS Only */
}




/* GLOBAL ELEMENTS 
----------------------------------------------------*/
h1, h2, h3, h4 {
	margin: 10px 0 0 0;
	padding: 0;
	font-variant: small-caps;
}

h1 {
	color: #333;
	font-size: 155%;
}

h2 {
	margin-top: 0;
	color: #555;
	font-size: 125%;
}

h3 {
	color: #222;
	font-size: 110%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 95%;
}

h6 {
	font-size: 95%;
}

p {
	color: #333;
}

hr {
	display: none;
}

a {
	color: #70913e;
	text-decoration: none;
}

form input, form select {
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/* GLOBAL CLASSES 
----------------------------------------------------*/
.clear {
	clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	
.home {
	padding: 5px 0 15px 20px;
	float: left;
	color: #255484;
}

a.pop {
	display: block;
	padding: 5px;
	background-color: #eee;
}

	a.pop:hover {
		background-color: #ddd;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

/* MAIN IMAGE
----------------------------------------------------*/
#mainimage {
	position:relative;
	margin:0;
	padding: 0;
	width:765px;
	height:245px;
	background:#fff url(../../images/bg-header.jpg);
	border: none;
}

	a#AltHome {
		position: absolute;
		top: 20px;
		right: 40px;
		display: block;
		width: 185px;
		height: 130px;
	}
	
		a#AltHome span { display: none; }

	div.homeimage#mainimage {
		height: 245px;
		background:#fff url(../../images/bg-header-home.jpg);
	}

	#mainimage h1 {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 5px;
		left: 20px;
	}
	
	#mainimage p.contactinfo {
		position: absolute;
		top: 130px;
		right: 40px;
		color: #666;
		font-size: 85%;
		text-decoration: none;
		text-align: right;
	}
	
		#mainimage p.contactinfo a {
			color: #666;
		}	

		#mainimage  p.contactinfo img {
			vertical-align: text-top;
			border: none;
		}



/*
------------------------
Main - Homepage Fade Script
------------------------
*/



#rotationImages {
	display: none;
	margin: 0px;
	padding: 0;
	width: 202px;
	overflow: hidden;	
	border: none;
	z-index: 1;
	height:363px;
}

#rotationImages img{
	display: none;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}




/* NAVIGATION
----------------------------------------------------*/

/*--[Utilities]------*/
#topbar {
	position: relative;
	margin: 5px 0;
	width: 765px;
	height: 30px;
	font-size: 85%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#topbar ul.utilities {
	float: left;
	margin: 0;
	padding: 0;
}

#topbar ul.utilities li {
	display: inline;
	float: left;
	list-style-type: none;
	padding: 2px 10px 0 10px;
	margin: 7px 0 0 0;
	background: transparent url(../../images/bg-utility-li.jpg) no-repeat 100% 90%;
}

#topbar ul.utilities li.noright {
	background: none;
}

#topbar ul.utilities li a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}


/*--[Search]------*/
#searchbox {
	position: absolute;
	top: 5px;
	right: 5px;
}

#searchbox input.searchbutton {
	position: relative;
	top: 3px;
	left: 0;
}


/*--[Main Navigation]------*/
#mainNav {
	clear: both;
	float: left;
	margin:0;
	padding: 0;
	width: 765px;
	height: 27px;
	font-size: 85%;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(../../images/bg-nav.jpg) repeat-x left top;
	border-bottom: 3px solid #cccccc;
}

#mainNav a:hover {
	background-color: transparent;
}

#mainNav ul {
		float: left;
		margin: 0;
    	padding: 0;
		/*width: 765px;*/
		width: 100%;
		height: 27px;
	    list-style: none;
		z-index: 99;
		border-bottom: 1px solid #fff;
}

		#mainNav ul ul {
			display: none;
		}
		
			#mainNav ul ul li.level-2 ul, 
			#mainNav ul ul ul li.level-3 ul,
			#mainNav ul ul ul ul li.level-4 ul,
			#mainNav ul ul ul ul ul li.level-5 ul {
				display: none;
			}
		
		#mainNav ul li:hover ul {
			display: block;
		}
		
			#mainNav ul ul li:hover ul {
				display: block;
			} 
			
		#mainNav ul ul {
			position: absolute;
			top: 85%;
			left: 0;
			width: 200px;
			height: auto;
			margin: 0;
			padding: 0;
			background-color: #f7f7f7;
			border: 1px solid #aaa;	
		}
		
			#mainNav ul ul ul{
				top: 0;
				left: 100%;
			}

		
#mainNav li {
    	float: left;
		position: relative;
	    margin: 0;
    	padding: 7px 15px 0 15px;
		height: 27px;
		z-index: 99; /*  Important, without IE will mess up z-indexing. */	
		background: transparent url(../../images/bg-nav-li.jpg) no-repeat right top;	
}

	#mainNav li.last {
		background: transparent url(../../images/bg-nav.jpg) no-repeat right top;	
	}
	
		#mainNav li ul li {
			clear: left;
			padding: 0;
			height: auto;
			background: none;
		}
		
			#mainNav li li.parent {
				background: transparent url(../../images/icon-arrows-sm.gif) no-repeat 94% 50%;
			}
	

		/*--[Active Parent Background]------*/
		div.cParent1000#mainNav li.cParent { 
			padding: 6px 25px 1px 25px;
			background-image: url(../../images/bg-nav-li-blue.jpg); 
		}
			div.cParent1000#mainNav li.cParent a { color: #fff; }
			div.cParent1000#mainNav li.cParent li a { color: #777; }		
			div.cParent1000#mainNav li.cParent li a:hover { color: #444; }	
		div.cParent1001#mainNav li.cParent { 
			padding: 6px 25px 1px 25px;
			background-image: url(../../images/bg-nav-li-black.jpg); 
		}
			div.cParent1001#mainNav li.cParent a { color: #fff; }
			div.cParent1001#mainNav li.cParent li a { color: #777; }	
			div.cParent1001#mainNav li.cParent li a:hover { color: #444; }	
		div.cParent1002#mainNav li.cParent { 
			padding: 6px 25px 1px 25px;
			background-image: url(../../images/bg-nav-li-green.jpg); 
		}
			div.cParent1002#mainNav li.cParent a { color: #fff; }
			div.cParent1002#mainNav li.cParent li a { color: #777; }
			div.cParent1002#mainNav li.cParent li a:hover { color: #444; }	
		div.cParent1003#mainNav li.cParent { 
			padding: 6px 25px 1px 25px;
			background-image: url(../../images/bg-nav-li-brown.jpg); 		
		}
			div.cParent1003#mainNav li.cParent a { color: #fff; }
			div.cParent1003#mainNav li.cParent li a { color: #777; }	
			div.cParent1003#mainNav li.cParent li a:hover { color: #444; }	
		div.cParent1004#mainNav li.cParent { 
			padding: 6px 25px 1px 25px;
			background-image: url(../../images/bg-nav-li-orange.jpg); 		
		}
			div.cParent1004#mainNav li.cParent a { color: #fff; }
			div.cParent1004#mainNav li.cParent li a { color: #777; }
			div.cParent1004#mainNav li.cParent li a:hover { color: #444; }	
		div.cParent1005#mainNav li.cParent { 
			padding: 6px 25px 1px 25px;
			background-image: url(../../images/bg-nav-li-grey.jpg); 		
		}
			div.cParent1005#mainNav li.cParent a { color: #fff; }	
			div.cParent1005#mainNav li.cParent li a { color: #777; }
			div.cParent1005#mainNav li.cParent li a:hover { color: #444; }					
		
		
#mainNav a {
	display: block;
	color: #7e7e7e;
	font-weight: bold;
	text-decoration: none;
	padding: 0;		
}


		#mainNav li li a {
			margin: 0;
			padding: 5px;
			width: 190px;
			color: #777;
			font-weight: bold;
			background: none;
		}
		
			#mainNav li li a:hover, #mainNav li.cParent li a:hover {
				color: #444;
			}
			
			



/* CONTENT
------------------------------------------ */
/*--[Main Wrapper]------*/
#mainContent {
	clear: left;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 759px;
	background: #f9f9f9 url(../../images/bg-content.jpg) no-repeat top left;
	border-left: 3px solid #ededed;
	border-right: 3px solid #ededed;
	border-bottom: 3px solid #ededed;
}

/*--[Header Colors, based off category]------
div.cat1000#mainContent h1 { color: #255484; }
div.cat1000#mainContent h2 { color: #6486a8; }
div.cat1001#mainContent h2 { color: #666; }
div.cat1002#mainContent h1 { color: #678934; }
div.cat1002#mainContent h2 { color: #97b865; }
div.cat1003#mainContent h1 { color: #a46d4f; }
div.cat1003#mainContent h2 { color: #be8d73; }
div.cat1004#mainContent h1 { color: #c47d5f; }
div.cat1004#mainContent h2 { color: #dca994; }
div.cat1005#mainContent h1 { color: #999; }
div.cat1005#mainContent h2 { color: #aaa; }
div.cat1011#mainContent h1 { color: #678934; }
div.cat1011#mainContent h2 { color: #97b865; }
*/

	
/*--[How Do I]------*/
#howdoi {
	margin: 0;
	padding: 25px;
	position: absolute;
	padding-bottom: 0;
	top:180px;
	left: 15px;
}

#howdoi form {
	margin: 0;
	padding: 0;
}
	
div.homepage#howdoi {
	position: absolute;
	padding-bottom: 10px;
	bottom: 5px;
	left: 15px;
}

#howdoi label {
	position: relative;
	top: 1px;
	left: 0;
	padding-right: 5px;
	color: #fff;
	font-size: 90%;
	display: block;	
}
	


/*--[Shared properties of content and subcontent block]------*/
#mainContent dl, #mainContent dd {
	margin: 0;
	padding: 0;
	width: 245px;
}
	
#mainContent dl {
	float: left;
	margin: 0 5px 5px 0;
}
	
#mainContent dt {
	height: 25px;
	width: 225px;
	padding: 6px 5px 5px 15px;
	font-size: 155%;
	font-variant: small-caps;
	color: #fff;
}
	
#mainContent dd {
	width: 225px;
	padding: 10px;
	font-size: 85%;
	background: transparent url(../../images/bg-box-bottom.jpg) no-repeat bottom left;
}
	
#mainContent li {
	margin: 0;
	padding: 3px;
}
			

			
#mainContent a {
	color: #000;
	text-decoration: none;	
}



/*--[Main Content Block]------*/
#contentBlock {
	float: left;
	margin-left: 25px;
	display: inline; /* Fix IE's double float margin bug */
	width: 500px;
	padding-bottom:20px;
}

	div.alone#contentBlock {
		margin-left: 10px;
		width: 735px;
	}
	
#contentBlock img {
	margin: 10px;
	padding: 10px;
	background-color: #eee;
}

#contentBlock hr {
	display: block;
	width: 100%;
	height: 1px;
	color: #e8e8e8;
	background-color: #e8e8e8;
	border: none;	
}

#contentBlock  a {
	position: relative;
	color: #669911;
	text-decoration: underline;
}

	#contentBlock a:hover {
		color: #005500;
		background-color: #f0f0f0;
		text-decoration: none;
	}

#contentBlock dl a {
	color: #333;
	text-decoration: none;
}

	#contentBlock dl a:hover {
		border-bottom: none;
	}

#contentBlock dd {
	height: 200px;
}

#contentBlock dl.newtobvillebox dt {
	background: transparent url(../../images/bg-box-blue.jpg) no-repeat top left;
}
		
#contentBlock dl.newsbox dt {
	background: transparent url(../../images/bg-box-brown.jpg) no-repeat top left;
}
		
#contentBlock dl.utilitiesbox dt {
	background: transparent url(../../images/bg-box-green.jpg) no-repeat top left;
}
		
#contentBlock dl.pollbox dt {
	background: transparent url(../../images/bg-box-grey.jpg) no-repeat top left;
}

	#contentBlock dl.pollbox dd { position: relative; }


#contentBlock ul {
	list-style: none;
}

	#contentBlock ul li {
		padding-left: 13px;
		background: transparent url(../../images/icon-li.gif) no-repeat 0 7px;
	}

/* This pertains to the home boxes */
#contentBlock dl ul {
	margin-left: 10px;
	padding: 0;
	width: 210px;
	list-style: none;
}

	#contentBlock dl li {
		padding-left: 0;
		background: none;
	}

#contentBlock input.submit {
	display: block;
	margin: 5px;
}


/*--[Sub Content Block]------*/
#subBlock {
	float: left;
	display: inline; /* Fix IE's double margin float bug */
	margin-left: 10px;
	padding: 0;
	width: 200px;
}

#subBlock dl, #subBlock dt, #subBlock dd {
	width: 195px;
}

#subBlock dl dt {
	width: 175px;
	color: #333;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 5px 1px 15px;
	background: transparent url(../../images/bg-box-lightgrey-sm.jpg) no-repeat top left;
}

	/*
	
	#subBlock dl.events dt {
		height: 118px;
		background: transparent url(../../images/bg-upcomingevents.jpg) no-repeat top left;	
	}
		
	#subBlock dl.events dt span { 
		display: none; 
	}
	
	#subBlock dl.events dd {
		position: relative;
		top: -65px;
		left: 0;
	}
	
		#subBlock dl.events h2 {
			margin-left: 30px;
			margin-bottom: 20px;
			color: #fff;
		} */

	/*--[Different DTs, based off category]------*/
	div.cat1000#mainContent #subBlock dt {
		color: #fff;
		background: transparent url(../../images/bg-box-blue-sm.jpg) no-repeat top left;
	}
	
	div.cat1001#mainContent #subBlock dt {
		color: #fff;
		background: transparent url(../../images/bg-box-black-sm.jpg) no-repeat top left;
	}

	div.cat1002#mainContent #subBlock dt {
		color: #fff;
		background: transparent url(../../images/bg-box-green-sm.jpg) no-repeat top left;
	}

	div.cat1003#mainContent #subBlock dt {
		color: #fff;
		background: transparent url(../../images/bg-box-brown-sm.jpg) no-repeat top left;
	}	
	
	div.cat1004#mainContent #subBlock dt {
		color: #fff;
		background: transparent url(../../images/bg-box-orange-sm.jpg) no-repeat top left;
	}
	
	div.cat1005#mainContent #subBlock dt {
		color: #fff;
		background: transparent url(../../images/bg-box-grey-sm.jpg) no-repeat top left;
	}			
		
#subBlock dl {
	width: 195px;
}
			
#subBlock dl.subNav {
	margin-top: 15px;
}
				
#subBlock dl dd {
	width: 175px;
	background: transparent url(../../images/bg-box-bottomsmall-light.jpg) no-repeat bottom left;
}
			
#subBlock dl ul {
	margin-left: 10px;
	padding: 0;
	width: 160px;
	list-style: none;
}

#subBlock dl ul a { color: #888; }


#subBlock dl ul ul { display: none; }
#subBlock li.cCategory ul { display: block; }
#subBlock li.cCategory a { color: #333; }
#subBlock li.cPage a { color: #111; font-weight: bold; }
#subBlock dl ul li.cCategory ul ul { display: none; }



#subBlock dl.events ul li {
	background: transparent url(../../images/bg-lightgreyline.jpg) no-repeat bottom left;
}

#subBlock li h3 {
	margin: 0;
	padding: 0;
}

#subBlock li p {
	margin: 0 0 5px 0;
}


	
/*--[Breadcrumbs]------*/
#breadcrumbs {
	margin: 0 auto 7px auto;
	padding: 7px;
	width: 95%;
	color: #666;
	font-size: 90%;
	border-bottom: 1px solid #ddd;
}

#breadcrumbs-bottom {
	margin: 10px auto 7px auto;
	padding: 7px;
	width: 95%;
	color: #666;
	font-size: 90%;
	clear:both;
}

/*--|| Search || -------------*/
#search, #sitesearch {
	margin-top: 10px;
}

#search h2 {
	color: #666;
	font-variant: normal;
	font-size: 110%;
}

#search div.resultsbox {
		margin: 10px 0;
		padding: 0 0 20px 0;
		background-color: #F9F9F9;
		border: 1px solid #98b272;
		border-bottom: 1px solid #42650d; 
		border-right: 1px solid #42650d;
}

	#search div.resultsbox h3{
	  	display: block;
	  	margin: 0;
	  	padding: 8px;
		font-size: 100%;
		color: #fff;
		text-transform: capitalize;
		background: #98b272 url(../../images/bg-event-box.jpg) repeat-x top left;
	}	
	
	#search div.resultsbox h3 a {
		color: #fff;
		border: none;
	}
	
		#search div.resultsbox h3 a:hover {
			background-color: #aec58d;
			border: none; 
		}
		
	#search div.resultsbox p {
		margin: 10px;
	}
	
	
/*--|| Archives || -------------*/
#archives {
	float: left;
	margin: 0;
	margin-bottom: 25px;
	width: 500px;
}

#archives div.result {
	float: left;
	padding: 15px;
	width: 450px;
	background-color: #fefefe;
	border-bottom: 1px solid #dedede;
}

#archives div.highlight {
	background-color: #f2f2f2;
	border-bottom: 1px solid #ddd;
}

#archives div.result img {
	float: left;
	margin-top: 13px;
	margin-bottom:13px;
	background-color: #f8f8f8;
}

#archives div.result dl {
	float: left;
	margin: 15px 0 15px 0;
	color: #333;
}

#archives div.result dl.crime {
	margin: 0 0 15px 0;
	padding: 6px;
	color: #fff;
	background-color: #CC0000;
	border: 3px solid #EE9999;
}

	#archives div.result dl.crime dt, #archives div.result dl.crime dd { color: #fff; font-weight: bold; }
	

#archives div.result dt, #archives div.result dd {
	margin: 0;
	padding: 0;
	height: auto;
	color: #333;
	background: none;
}

#archives div.result dd a {
	position: relative;
	color: #669911;
	text-decoration: underline;
}

	#archives div.result dd a:hover {
		color: #005500;
		background-color: #f0f0f0;
		text-decoration: none;
	}

#archives div.result dt {
	display: none;
}

div.offenders#archives-search {
	float: left;
	width: 235px;
}


div.offenders#archives-search ul {
	margin-left: 10px;
	padding: 0;
	width: 210px;
	list-style: none;
	background: none;
}


div.offenders#archives-search ul {
	margin-top: 0;
}

div.news#archives h3 {
	color: #b8896d;
}

div.news#archives a, div.news#archives a:hover {
	color: #b8896d;
}

#archives-search {
	float: none;
  	margin: 0;
  	padding: 0;
}

	#archives-search form{
		margin: 0 5px;
		padding: 7px 0 20px 0;
	}	
	 
#archives-frame {
	float: left;
	margin: 0 5px;
	padding: 0;
	background: url(../../images/bg-archives.jpg) no-repeat;
}	

#archives-monthly {
  	float: left;
  	margin: 0;
  	padding: 0 35px 0 0;
  	width: 180px;
}

	#archives-monthly h3{
	  	display: block;
	  	margin: 0 0 5px 0;
	  	padding: 5px 0 5px 0;
		color: #b8896d;
		text-transform: uppercase;
		text-align: right;
	}
	
		div.events#archives-monthly h3 { color: #333; }
	
	#archives-monthly a {
		display: block;
		margin: 10px 0 0 0;
		padding: 10px;
		font-size: 90%;
		width: 150px;
		color: #a47458;
		text-align: right;
		text-decoration: none;
		background-color: #efefef;
		border-right: 10px solid #e6e6e6;
	}
	
		div.events#archives-monthly a { color: #70913e; }
	
		#archives-monthly a.current {
			border-right: 10px solid #ddb39a;
		}
	
	#archives-monthly a:hover {
		color: #a47458;
		border: none;
		border-right: 10px solid #b6876b;		
	}
	
		div.events#archives-monthly a:hover { border-color: #70913e; }
		
		
/*--[Poll Results]------*/
#pollResults {
	display: none;
}

	div.voted#pollResults {
		display: block;
	}

#pollResults table, #pollResults tr, #pollResults td {
	margin: 0;
	padding: 0;
	border: none;
}

#pollResults th { padding: 0 3px; }
#pollResults td { width: 100px; background-color: #efefef; }
#pollResults td.percent { padding: 0 3px; width: auto; text-align: right; background-color: transparent; }
#pollResults td img { margin: 0; padding: 0; border: none; height: 10px; }



/*--[Weather]------*/

div.weather p {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	width: 310px;
	position: absolute;
	top: 10px;
	margin: 0;
	left: 180px;
}


/*--[FAQ Highlight]------*/

div.faqbg {
	background: #f9f9f9 url(../../images/faqbg.jpg) repeat-x;
}

div.faqclass {
	padding: 5px;
}

/* ------- [FAQ Accordion] ---------- */

#faqs {
	float:left;
	width:420px;
}

#faqs div.accordion { /* IE freaking out on z-indexing. */
	position:relative;
	z-index:0;
}

#faqs div.accordion p a { /* IE freaking out on z-indexing. */
	position:relative;
	z-index:0;
}


	#faqs h4 a {
		font-weight: normal;
		letter-spacing: 2px;
		display: block;
		text-decoration: none;
		color: #333;
		font-size:12px;
	}
	
	#faqs h4 a:hover {
		background:none;
	}

		#faqs h4 {
			padding:5px 0 5px 10px;
			color:#333;
			width:auto;
			background:#f9f9f9;
		}
		
			#faqs div.faqbg h4 {
				background:#f9f9f9;
			}
			
			#faqs div.faqbg p {
				background:none;
			}


		#faqs p {
			padding: 5px 10px;
			color: #444;
			background:#f9f9f9;
		}




/* --[Footer]--*/

#footer {clear:both; text-align:center; background:#f9f9f9 url(../../images/bg-footer.jpg) repeat-x; padding:8px 0 8px 0;}
#footer ul {margin:0 0 0 200px;}
#footer img {border:none; margin:10px 0 0 0;}
#footer p { text-align:center; clear:both;}
#footer ul li {float:left; list-style-type:none; padding:0 10px 0 10px;}




/*
Client requested all tables data be aligned center - JRM
***********************************************************/

#boardstable {
	width: 240px;
	margin-left: 8px;
}

#boardstable td {
	text-align: center;
	width: 33%;
	height: 33px;
}



/*
Early PDF Warning System - JRM
*************************************/

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../../images/icon_pdf.gif) no-repeat center right;
}

table td a[href $='.pdf'] { 
   background:#fff;
   padding:0 0 0 5px;
}