/* CSS Document */
/*************************
***   OVERALL STYLES   ***
*************************/
body {font-family: Arial, Helvetica, sans-serif; font-size:.75em; line-height: 1.25; color:#565656; text-align:center; margin:0px; padding:0px; background:#cdcb9b url(../images/shared/bodyBg.gif) top center repeat;}
@media print { body { background: white; font-size: 12pt; color: black; } }

a { color: rgb(0, 130, 200); text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper {width:960px; margin:0px auto; text-align:left;}
@media print { #wrapper { width: auto; margin: 0; padding: 0; } }

#innerWrapper {float:left; width:100%; margin-top:25px; border: 2px solid #003300; }
@media print { #innerWrapper { float: none; border: 0px; padding: 0; } }

/* special case styles */
.hidden {font-size: 1px; position: absolute; left: -9999px;}
.clear {clear:both;}
.top {clear:both; float:right; background: url(../images/shared/top.gif) right 3px no-repeat; text-transform: uppercase; padding-right:10px; margin:5px 0px 10px 0px;}
@media print { .top { display: none; } }

/************************
***   HEADER STYLES   ***
************************/
/* general head styles */
#header {float:left; width:100%; background:#fff; font-family:Arial,Helvetica,sans-serif; font-size:12px; color: rgb(0, 130, 200); padding-top: 10px; padding-bottom: 5px; }
#header img { display: inline; float: left; border: 0; padding: 0; margin: 0; margin-left: 30px;}
#header a { border: 0; }
#header #homeLink { margin-left: 30px; }
#header #homeLink img { margin: 0; }
@media print { #header { display: none; } }

/* taglines */
#tagline2 {float:left;padding:10px 5px 0 8px; margin:28px 0 0 8px;border: 0px solid #66cc33; border-width: 0 0 0 1px; font-size: 14px; }
#tagline2 h1 {font-size:16px; margin:0px; padding-bottom:1px;}

/* search area */
#searchArea { float: left; margin: 40px 0px 0px 60px;}
#searchArea button {margin:0px auto; background:transparent url(../images/shared/go.jpg) no-repeat scroll 0px 0px;border:0px none; cursor:pointer; display:block; height:17px; width:18px;}
#searchArea input {border:1px solid #d7d7d7; font-size:0.75em; width:120px;}
#searchArea a { font-size: 90%; color: #565656; text-decoration: none; }
#searchArea a:hover { text-decoration: underline; }
/****************************
***   NAVIGATION STYLES   ***
****************************/
/* menu state with no hover */
#navigation {float:left; width:100%; background:rgb(100,129,69);}
@media print { #navigation { display: none; } }

#navigation ul {margin:0;margin-left:20px; padding: 0;}
#navigation ul li {font-family: Arial, Helvetica, sans-serif; list-style-type:none; display:block; float:left; position: relative; font-weight:normal;}
#navigation ul li.active {background-color:rgb(86,111,57); color:#fff; text-decoration:none; display:block; height: 100%;padding:10px 12px;}
#navigation ul li.active:hover {background-color:rgb(86,111,57);}
#navigation ul li a {color:#fff; text-decoration:none; display:block; height: 100%; width: 100%; padding:10px 12px;}
#navigation ul li ul {font-size: 1px; position: absolute; left: -9999px; margin: 0; padding: 0;}

/*menu state with hover */
#navigation ul li:hover  {background-color:rgb(67,86,44);}
#navigation ul li:hover ul {font-size: 1em; width:100%; left:0px; background-color:rgb(67,86,44);}


/* width for each hovered menu item drop down */
#navigation ul li.who:hover ul  {width:150px;}
#navigation ul li.what:hover ul  {width:150px;}
#navigation ul li.consumer:hover ul  {width:100%;}
#navigation ul li.environment:hover ul  {width:175px;}
#navigation ul li.business:hover ul  {width:190px;}
#navigation ul li.career:hover ul  {width:140px;}

#navigation ul li:hover ul li {width:100%; background-color:rgb(67,86,44); font-weight:normal; }
#navigation ul li:hover ul li a {padding:5px 12px;  width:auto;}
#navigation ul li:hover ul li:hover {background-color:rgb(86,111,57);}

/******************************
***   MAIN CONTENT STYLES   ***
******************************/
#content {float:left; width:100%; overflow:hidden; background:#fff url(../images/shared/columnBg.png) top left repeat-y;}
@media print { #content { float: none; overflow: visible; width: inherit; background: none; white-space: normal; } }

#content ul {margin:0px; padding:0px;}
.labelindent {
	text-indent:20px;
	white-space:nowrap;
}

#content ul li {background:transparent url(../images/shared/bullet.gif) no-repeat scroll 0px 5px; list-style-type:none; padding-left:15px;}
@media print {
	#content ul { list-style-type: circle; }
	#content ul li { background-image: none; padding-left: 15px; list-style-type: circle;}
}

#content ul li ol li {background-image:none; list-style-type:decimal; padding-left:0px;}
#content ul ul {margin-top:.5em;}

#content dt {font-weight:bold;}
#content dd {margin-left:1em; margin-bottom:1em;}

/* special sitemap style only */
#colRight table.sitemap  td, #colRight table.sitemap  th {border:0px;}


/*****************************
***   LEFT COLUMN STYLES   ***
*****************************/
/* general left column styles */
#colLeft {float:left; width:720px; }
#colLeft h2 {color:rgb(100,129,69); font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 1.165em; margin-top:4px; margin-bottom:15px;}

/* 3 columns below the photos on the home page */
#colSub1 {float:left; width:191px; padding:21px 20px 0px 30px;}
#colSub2 {float:left; width:190px; padding:21px 20px 0px 30px;}
#colSub3 {float:left; width:189px; padding:21px 20px 0px 30px;}
#colSub1 h2, #colSub2 h2, #colSub3 h2 {margin-top:0px;}

/******************************
***   RIGHT COLUMN STYLES   ***
******************************/
#colRight {float: left; width:239px; background-color:transparent; padding-bottom: 9000px; margin-bottom: -9000px; border-left: 1px solid #515151; }

/* login area */
#loginArea {float:left; width:214px; min-height:186px; background-color:rgb(127,178,229); color:#fffff7; padding:12px 12px 0px 14px; line-height:1em;}
@media print { #loginArea { display: none; } }
#loginArea table {border-collapse:collapse; border:0px; width:100%;}
#loginArea form {margin:0px;}
#loginArea h2 {font-family:Arial,Helvetica,sans-serif; font-size:1.165em; margin-top:0px;}
#loginArea a {color:#fff;}
#loginArea ul li {background:transparent; padding:0px;}
#loginArea .report {font-family:Arial,Helvetica,sans-serif; font-size: 1.165em; font-weight:bold; margin:0; margin-bottom: .75em ; padding: 0; padding-top: .75em; border-top:1px dashed white;}
#loginArea .report a {color:#fffff7; text-decoration:none; }
#loginArea .report a:hover {text-decoration:underline;}
#loginArea input {border:1px solid rgb(0,102,204); background-color:#fff; color:rgb(0,102,204); font-size:.75em;}
#loginArea td {padding-bottom:4px;}
#loginArea td.buttonTd {text-align:center;}
#loginArea button {margin:0px auto; background:transparent url(../images/shared/login-btn.gif) no-repeat scroll 0px 0px;border:1px solid white; cursor:pointer; display:block; height:17px; margin:10px auto 3px auto; width:54px;}
#loginArea p#loginAction { margin-top: .5em; margin-bottom: .874em; }

/* content below login area */
#contentRight {float:left; width:202px; padding:14px 12px 15px 26px;}
#contentRight h2 {color:#333333; font-family:Arial,Helvetica,sans-serif; font-size:1.165em; font-weight:normal;}
#contentRight a {color:#333333;}

/*****************
***   FOOTER   ***
*****************/
#footer {float:left; width:100%; text-align:center; padding:5px 0px 0px 0px; color: white; }
#footer ul {margin:0px; padding:0px 0px 0px 10px; float:left;}
@media print { #footer ul { display: none; } }

#footer p {margin-top:0px; padding:0px 10px 0px 0px; float:right;}
@media print { #footer p { float: none; } }

#footer li {list-style-type:none; display:block; float:left; padding-right:6px; margin-right:6px; border-right:1px solid white;}
#footer li.last {border-right:none;}
#footer a{color:white; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

ul#errorList {
	padding-top: 1em;
    border: 1px dashed firebrick;
}
ul#errorList li {
    background: none;
    color: firebrick;
}

dl#workzone_details dd {
	float: left;
	margin-left: 17em;
	margin-top: -1.22em;
}
dl#workzone_details dt {
	clear: left;
}

#in_your_neighborhood li.fp_workzones {
	background: none;
	margin-bottom: .8em;
	padding-left: 0;
}

dd pre {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	word-wrap: break-word;      /* IE 5.5-7 */
	white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
	white-space: pre-wrap;      /* current browsers */
}

.phone {
	word-wrap: no-wrap;
	white-space: nowrap;
}

#logoText{display: none;}
#homeLinkMobile {display:none;}	
#navigationMobile {display:none;}
#loginAreaMobile {display:none; }

#facebook { margin-bottom: 1em; }
#facebook img { border: 0; }
#connect {
	display: block;
	clear: both;
	float: left;
	padding-left: 30px;
	width: 690px;
	background: white;
	border-top: 1px solid #515151;
	margin-top: 1em;
	height: 100%;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}
ul#connections, ul#connections li {
	padding: 0;
	list-style-type: none;
	background: none;
}
li#twitter, li#facebook, li#youtube, li#kidzone, li#flickr, li#linkedin, li#pinterest {
	background: none;
	float: left;
	margin-right: 25px;
	margin-bottom: 1em;
	width: 50px;
	min-height: 50px;
}
#twitter img, #youtube img, #kidzone img, #flickr img, #linkedin img, #pinterest img { border: 0; }
#colSub1 ul li img { border: 0; margin-bottom: -5px; }
#resizeCalendar {width:660px; height:200px;}		





/*************************************
*****  REPORT A PROBLEM UPDATES   ****
**************************************/

.reportForm
{
	border: none;
}
.reportForm div 
{
	line-height: 150%;
	vertical-align: middle; 
}
.reportForm .problemType
{
	display: inherit;
}
.reportForm .defaultCtrl
{
	
}
.reportForm .display
{
	display:inherit;
}
.hide 
{
	display:none;
}
.reportForm label
{
	float:left;
}
.reportForm input
{
 vertical-align: text-top; 
 float:left;
 height:20px;
 width: 225px;
}

#mapLocation
{		       
	width:340px;	
	height:150px;
	margin-top:12px;
}

#searchingForLocation
{
	height:100px;
	padding:10px;
	text-align:center;
}

.button
{
   padding: 18px 18px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   text-decoration: none;
   height: 20px; 
   margin: 10px;
   cursor:pointer; 
   border: 1px solid #000;
}

.blueBtn
{
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
}

.redBtn 
{
   border-top: 1px solid #96d1f8;
   background: #d66565;
   background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#d66565));
   background: -webkit-linear-gradient(top, #9c3e3e, #d66565);
   background: -moz-linear-gradient(top, #9c3e3e, #d66565);
   background: -ms-linear-gradient(top, #9c3e3e, #d66565);
   background: -o-linear-gradient(top, #9c3e3e, #d66565);
}

.warning {
	border: 1px dashed red;
	padding:4px;
	margin:2px;
	color:#CC0000;
}

/*****************
***   MOBILE   ***
*****************/

@media handheld, only screen and (max-device-width: 960px) {
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
}
html, body {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background-color:#dde1ad;
	padding: 0px;
	color: #000;
	margin: 0;	
}

#innerWrapper {float:left; width:100%; margin-top:0px; border: 0px solid #003300; }
#apex {display:none;}
.nonMobileContent { display:none;}
.hidden {display:none;}
.clear {clear:both;}
.top {display:none;}
#content {float:left; width:100%; overflow:hidden; background-color:transparent;}
#content img { 
	max-width: 300px;
}
ul, li, ol, dl, dd, dt{
	list-style:none;
	padding:0;
	margin:0;
}
a { text-decoration:none; }

body {font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height: 1.25; color:#565656; text-align:center; margin:0px; padding:0px; background-color:#FFFFFF; background-image:none;}
#wrapper {width:100%; margin:0px auto; overflow:hidden; text-align:left;}

#homeLink {display:none;}
#header {float:left; width:100%; background:#fff; padding:0px; }
#header img { display: inline; float: left; border: 0; padding: 5px 15px 0px 5px; margin: 0; }
#header a { border: 0; }
#homeLinkMobile { display: inline; float:left; margin-right:5px;}
#homeLinkMobile a {float:left;}

#tagline1 {display:none;}
#tagline2 {display:none;}
	
#searchArea {float:right; margin: 15px 0px 0px 20px;}
#searchArea button {margin:0px auto; background:transparent url(../images/shared/go-btn.gif) no-repeat scroll 0px 0px;border:0px none; cursor:pointer; display:block; height:17px; width:18px;}
#searchArea input {border:1px solid #d7d7d7; font-size:0.75em; width:120px;}
#searchArea a { font-size: 11px; color: #565656; text-decoration: none; }
#searchArea a:hover { text-decoration: underline; }

#navigation {display:none;}
#navigationMobile {display:block; float:left; width:100%; background-color:rgb(100,129,69); background-image:none; text-align:left;}
#navigationMobile ul {padding:0px; margin:0px; float:left; width:100%; border:0; }
#navigationMobile ul:hover {padding:0px; margin:0px; float:left; width:100%; border:0; }
#navigationMobile ul li {font-family: Arial, Helvetica, sans-serif; list-style-type:none; float:left; font-weight:bold; font-size:14px; width:100%; border-top:solid 1px rgb(86,111,57); background:rgb(100,129,69) url(../images/shared/arrow.jpg) top right no-repeat; color:#fff; padding:0;  margin:0px;}
#navigationMobile ul li:hover {font-family: Arial, Helvetica, sans-serif; list-style-type:none; float:left; font-weight:bold; font-size:14px; width:100%; border-top:solid 1px rgb(86,111,57); background:rgb(100,129,69) url(../images/shared/arrow.jpg) top right no-repeat; color:#fff; padding:0;  margin:0px;}
#navigationMobile ul li.active {color:#fff; text-decoration:none; display:block; height: 100%; width: 100%; padding:10px 0px 10px 25px;  margin:0px; background:rgb(86,111,57) url(../images/shared/arrowGreen.jpg) top left no-repeat;  border-top:solid 1px rgb(86,111,57);   }
#navigationMobile ul li.active:hover {color:#fff; text-decoration:none; display:block; height: 100%; width: 100%; padding:10px 0px 10px 25px;  margin:0px; background:rgb(86,111,57) url(../images/shared/arrowGreen.jpg) top left no-repeat;  border-top:solid 1px rgb(86,111,57);  }
#navigationMobile ul li a {color:#fff; text-decoration:none; display:block; height: 100%; width: 100%; padding:10px 0px 10px 12px;  }

#content {float:left; width:100%; background-color:#fff; background-image: none; }
#colLeft {float:left; width:98%;}
#colLeft h2 {color:#3c3c3c; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 16px; margin:4px; font-variant:normal;}

#loginArea {display:none; }
#loginAreaMobile ul li  {display:none; }
#loginAreaMobile {float:left; width:100%;background-color:#7FB2E5; color:#fffff7; padding:5px; line-height:1em; display:block; border-bottom:solid 1px rgb(86,111,57); }
#loginAreaMobile table {border-collapse:collapse; border:0px; width:100%;}
#loginAreaMobile form {margin:0px;}
#loginAreaMobile h2 {font-family:Arial,Helvetica,sans-serif; font-size:1.165em; margin-top:0px;}
#loginAreaMobile a {color:#fff;}
#loginAreaMobile ul li {background:transparent url(../images/shared/bullet2.gif) no-repeat scroll 0 0px; padding-bottom:0px;}
#loginAreaMobile .report {font-family:Arial,Helvetica,sans-serif; font-size:1.165em; font-weight:bold; margin:3px 0px; padding: .5em 0px 0px 0px; background:none; border:none;}
#loginAreaMobile .report a {color:#fffff7; text-decoration:none; background:none; padding:0px;}
#loginAreaMobile .report a:hover {text-decoration:underline;}
#loginAreaMobile input {border:0; background-color:#fff; color:#7f7f7f; font-size:.75em;}
#loginAreaMobile td {padding-bottom:4px;}
#loginAreaMobile td.buttonTd {text-align:center;}
#loginAreaMobile button {margin:0px auto; background:transparent url(../images/shared/login-btn.gif) no-repeat scroll 0px 0px;border:0px none; cursor:pointer; display:block; height:17px; margin:10px auto 3px auto; width:54px;}
#contentRight {float:left; width:98%; padding:5px; background-color:#fff;}
#colRight {float: left; width:98%; background-color:#fff; padding: 0px 0px 0px 10px; margin: 0px; border:0;}
#loginAreaMobile .mobileHide {display:none;}

#footer { color:#fff; float:left; width:100%; padding:5px; margin:0; background-color:#a9adb1; border-top:solid 1px rgb(86,111,57); border-bottom:none; text-align:center;}
#footer ul { display: none; } 
#footer p { float: none; }

#Banner {float:left; width:100%; padding:5px; height:100%; background-color: #99cc99; color: #333; text-align:center; }
#Banner img {width:100%;}
#Banner p {height:100%;}
#Banner ol {margin:10px 0px;}

#bannerNav { list-style-type: none; }
#bannerNav li { 
	display: inline; 
	border: 1px solid #648145;
	padding: .5em;
}
.bannerActive {
	font-weight: bold;
	color: white;
	background-color: #6fb440;
}


#connect {display: block; clear: both; float: left; padding: 5px; width: 100%; background: white; border-top: 0px; margin:0; height: 100%;}
#colSub1 {float:left; width:100%; padding:5px 0px 5px 10px;}
#colSub2 {float:left; width:100%; padding:5px 0px 5px 10px;}
#colSub3 {float:left; width:100%; padding:5px 0px 5px 10px;}
#content ul li {background:transparent url(../images/shared/bullet.gif) no-repeat scroll 0px 5px; list-style-type:none; padding-left:15px; width:95%;}	
#mobileNoShow {display:none;}
ul#connections, ul#connections li {
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	background: none;
	background-image:none;
	margin:0;
}
 ul#connections li#facebook, ul#connections li#youtube, ul#connections li#twitter, ul#connections li#flickr, ul#connections li#linkedin, ul#connections li#pinterest {
	background: none;
	float: left;
	width: 50px;
	clear:none;
}
ul#connections li#kidzone{
	background: none;
	float: left;
	clear:both;
}
#logoText{display: block; text-align:right; margin-right:3px; font-weight:bold; color:#0066CC; font-size:12px;}
#resizeCalendar {width:250px; height:275px; }

}