/************************ 
wilkinsburg borough 
2/13/08

*************************** */

/* colours
med green:  #68cd16
text blue : #0b83a1
med gray:  #636363
lighter gray: #7d7d7d
dk blue: #2698b5
peach: #f2f1b5
*/


@import url(wburg_menu.css);



/*-----------------------------------------------
  =misc and global
-----------------------------------------------*/
.clear 			{ clear:both; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img_left 		{ float:left;margin:4px 150px 4px 0; }
.img_right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

/* zero out some margins so they don't drive you any crazier than they need to */
p, form, input, button, img, h1, h2, h3, h4, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
}	

img {border:0;}


.left {
	float: left;
	margin:0;
	padding: 5px 10px 2px 0;
}


.right {
	float: right;
	margin:0;
	padding: 5px 0 5px 5px;
}


/*helpful while you're building things up */
.hide { display:none; }
.show {  border: 1px solid red; }


/*-----------------------------------------------
  =top level things
-----------------------------------------------*/

body {
	margin: 0;
	padding:0;
	font:13px/18px arial, helvetica, sans-serif;
	color:#000000;
	text-align:center;	
	background:#f4fbff url(../images/body_repeat_bkg.jpg) repeat-x;
}


#wrapper {
	margin:0 auto;
	padding:0;
	width: 100%;
	min-height: 650px;
	background:url(../images/wrapper_edges_bkg.jpg) no-repeat center top;
}


/*-----------------------------------------------
  =header elements 
-----------------------------------------------*/

#header {
	margin:0 auto;
	padding:0;
 	overflow:hidden; /*contain your floats! */
	width: 760px;
	text-align: left; 
	positon:relative;
	font-size:11px;
	line-height: 15px;
}

#header h1 { /* replace with image */
	float: left;
	height: 110px;
	width: 340px;
	text-indent: -200em;
	overflow: hidden;
	background: url(../images/logo_replace.png) no-repeat;
	display:block;	
	
}

#header h1 a
{
    display:block;
}



/*-----------------------------------------------
  =service locate box
-----------------------------------------------*/

#service_locate {
	float:right;
	width: 285px;
	height: 100px;
	text-align: right;
	padding: 10px 0 0 0;
	background: transparent url(../images/service_loc_bkg.png) top left no-repeat;
}


#service_locate p {
	text-align: right;
	padding: 10px 25px 0 30px;
}

#service_locate form {
	padding: 0 25px 0 0;
}


.serviceLocationTextWM {
	height: 14px;
	width: 150px;
	padding:2px 0 2px 4px;
	margin:0;
	text-size: 12px;
	color: #7d7d7d;
}

.serviceLocationText {
	height: 14px;
	width: 150px;
	padding:2px 0 2px 4px;
	margin:0;
	text-size: 12px;	
}

.serviceLocationGo { /*go button image replacement fun */
	  width: 36px;
	  height: 22px;
	  margin: 0 25px 0 3px; 
	  padding: 4px 0 0 0;
	  border: 0;
	  background: transparent url(../images/btn_go_replace.jpg) no-repeat center top;
	  text-indent: -1000em;
}





/*  -----------------------------------------------
 =search in nav
 -----------------------------------------------*/
 
 
 #main_nav #search {
	float: left;
	width: 140px;
	padding: 3px 0 0 4px;
}

#main_nav #search form {
	padding: 0;
	margin:0;    
}

.navSearchTextWM {
	margin:1px 1px 3px 1px;
	padding:0;
	width: 100px;	
	height: 14px;
	text-size: 10px;
}

.navSearchText {
	margin: 0 0 3px 0;
	padding:0;
	height: 14px;
	text-size: 10px;
}


#main_nav #search button.navSearchGo{ /*go button image replacement fun */
	  width:22px;
	  height:20px;
	  margin: 0 0 0 4px; 
	  padding:6px 0 0 0;
	  border: none;
	  background: transparent url(../images/btn_search_go.gif) no-repeat center top;
	  text-indent: -1000em;
}


/*  -----------------------------------------------
 =content (container)
 -----------------------------------------------*/

 #content {
	margin:0 auto;
	padding:0;
	width: 760px;
	background: #fff url(../images/bkg_interior_content.gif) repeat-y top center;
	text-align: left;
}



/*  -----------------------------------------------
 =meta content(title and breadcrumbs)
 -----------------------------------------------*/
#meta {
	padding: 5px 0 0 10px;
	margin: 0;
	height: 50px; /*37 */
	background:  #469DB1 url(../images/bkg_meta_footer.jpg) no-repeat top center;
}

#meta h2 {
	padding:0;
	margin:0;
	color:#fff;
	float: left;
	width: 760px;
}	

#bread_crumbs {
	padding:0;
	display:block;
	text-align: left;
	color:#f2f1b5;
	font-size: 10px;
	width:740px;	 
}

#bread_crumbs a{
	text-decoration: underline;
	color:#f2f1b5;
}


/*  --------------------------------------------
=banner_img 
-----------------------------------------------*/
#banner_img {
	padding:0;
	margin: 0 0 30px 0;
}


/*  --------------------------------------------
=content first
-----------------------------------------------*/

 #content_first {
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	float:left;
	width:465px; 
	background: #ffffff url(../images/bkg_content_left_interior.gif) no-repeat top left; 
}

#content_first p{
	padding-bottom: 15px;
}


/* for annoucments dl on both home and interior pages */
dl.announce dt {
	color: #68cd16;
	font-weight: bold;
}

dl.announce dd {
	color:  #0b83a1;
}

dl.announce dd.more a { /*positioning the MORE link */
	color: #68cd16;
	font-weight: bold;
	padding: 0;
	margin:0;
	display:block;
	width:50px;
	float:right;
	position:relative;
	top:-15px;
	font-size: 11px;
	/*left: 200px;	*/
}

dl.announce dd.date {
	color: #636363;
	font-size: 10px;
}





/* -----------------------------------------------
 =content second
-----------------------------------------------*/
 #content_second {
	margin:0;
	padding:0 10px 0 10px;
	float: right;
	width:250px; /*270 */
}

#content_second dl.announce dd {
	margin: 0 0 0 10px;
}


#content_second h4.announce { /* image replace for prettier text */
	padding:0;
	margin: 10px 0 10px -10px; 
	height: 28px;
	width: 270px;
	text-indent: -2000em;
	/*overflow: hidden;*/
	background: url(../images/h4_int_announcement.jpg) no-repeat 0px 0px;		
}


#content_second h4.calendar { /* image replace for prettier text */
	padding:0;
	margin: 20px 0 10px -10px; 
	height: 28px;
	width: 270px;
	border: 1p solid red;
	text-indent: -2000em;
	/*overflow: hidden;*/
	background: url(../images/h4_int_calendar.jpg) no-repeat 0px 0px;				
}

#content_second h4.minutes { /* image replace for prettier text */
	padding:0;
	margin: 10px 0 10px -10px; 
	height: 28px;
	width: 270px;
	text-indent: -2000em;
	/*overflow: hidden;*/
	background: url(../images/h4_int_minutes.jpg) no-repeat 0px 0px;		
}

#content_second h4.documents { /* image replace for prettier text */
	padding:0;
	margin: 10px 0 10px -10px; 
	height: 28px;
	width: 270px;
	text-indent: -2000em;
	/*overflow: hidden;*/
	background: url(../images/h4_int_documents.jpg) no-repeat 0px 0px;		
}

#content_second #related_links {
	padding: 0 0 15px 0px;
	width: 220px;
	font-weight: bold;
}

#content_second #related_links a{
	margin-bottom: 10px;
	color: #68cd16;
	text-decoration: none;
	display:block;
}

.currentNode
{
	margin-bottom: 10px;
	color: #0b83a1;
	text-decoration: none;
	display:block;
}

#content_second dl.calendar {
	
}

#content_second dl.calendar dt { /* calendar date display */
	color: #7d7d7d;
	padding:0;
}

#content_second dl.calendar dd {
	color:  #0b83a1;
	padding: 0 0 10px 0;
}

#content_second dl.calendar dd strong {
	color: #68cd16;

}


/* -----------------------------------------------
 =footer
-----------------------------------------------*/

#footer {
	padding: 10px 0 0 10px;
	margin:0 ;
	height: 27px; /*37 */
	background:  #2698b5 url(../images/bkg_meta_footer.jpg) no-repeat top center;
	clear: both;

}

#footer p {
	text-align: center;
	color:#fff;
}

/* -----------------------------------------------
 =images
-----------------------------------------------*/

.double_caption {

}


/* -----------------------------------------------
 =tables 
-----------------------------------------------*/

table {
	border:0;
	margin: 10px 0;
}


th {
	padding: 8px 4px 8px 4px;
	font-weight: bold;
}

caption {
	color: #666666;
	padding: 10px 0 4px 0;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	
}


/*  -----------------------------------------------
 =text stylin'
 -----------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

h1 {
	letter-spacing:-1px;
	font:1em arial, helvetica, sans-serif;
}

h2 {
	padding:6px 0;
	font:140% "Trebuchet MS", helvetica, sans-serif;
	font-weight: bold;
}

h3 {
	font:140% "Trebuchet MS", helvetica, sans-serif;
	font-weight: bold;
	color:#2698b5;
	margin: 0 0 6px 0;
}


h4 {
	font:120% "Trebuchet MS", helvetica, sans-serif;
	color:#2698b5;
	font-weight: bold;
	margin: 0 0 5px 0;
}

blockquote {
	margin:22px 40px;
	padding:0;
}


img {
	border:0;
}

img.map {
	border:0;
	margin: 0 0 40px 0;
}


sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

strong {
	color: #68cd16;
}

em {
	color:#000000;
	font-variant:normal;
	font-style:normal;
	font-weight:bold;
}

q {
	font:120% "Trebuchet MS", helvetica, sans-serif;
	color:#2698b5;
	font-weight: bold;
	margin: 0 0 5px 0;
}

p.credit {
	color: #999;
	padding-bottom: 15px;

}

ul {
	padding: 0 0 18px 10px;
}

#content li {  /*don't want this affecting the header */
	line-height:18px;
}

#content ul.multiline li {
	margin-bottom: 10px;
}

#content ul.link_list li {
	margin-bottom:10px;
}

#content ul.link_list li ul {
	margin-left:20px;
}

dt {
	font-weight:bold;
	font-size: 110%;
}

/* -----------------------------------------------
 =forms 
-----------------------------------------------*/

form {
	margin:0;
	padding:0;
	display:inline;
}

label {
	cursor:pointer;
}

/* -----------------------------------------------
 =tables
-----------------------------------------------*/

table {
	border:0;
	margin:0 0 18px 0;
	padding:0;
}

table tr td {
	padding:2px;
}

table.demographics th, table.demographics td {
	border-bottom: 1px solid #999999;
	text-align: left;
}

table.demographics th.top {
	font-size: 120%;
	padding: 10px 0 5px 0;
	background-color:#C2DBE9;
	border-bottom: 1px dashed #000000;
}

/* -----------------------------------------------
 =links stylin' 
-----------------------------------------------*/

a:link {
	text-decoration: underline;
	color:#155562;
}

a:visited {
	text-decoration: underline;
	color:#251562;
}

a:hover {
	text-decoration: underline;
	color:#155562;
}

a:active {
	text-decoration: underline;
	color:#155562;

}


a.external {
	background: transparent url(../images/ext_link.gif) no-repeat top right;
	padding-right: 12px;
}


a.pdf {
	background:url(../images/pdf_icon.gif) no-repeat top right;
	padding-right:16px;
}