* { margin: 0; padding: 0; }   a img { border: none; } 

body { font: 8pt/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #656565; background:#FFF; }
#container { width: auto; }

h1, h2, h3, h4, h6 { font-weight: normal; margin: .15in 0 0!important; }
h2 { color: #008ac5; font-size: 170%; }
h5 { color: #709421; font-size: 100%; margin: 1.1em 0 0; }
ul { list-style: none; }
a { color: #00ade1; text-decoration: none; }
a:hover { text-decoration: underline; }
#content p, #content ul { font-size: 8pt; margin: 0 0 .15in; }
#content ul li { list-style: square; }
p.intro { font-size: 11pt; margin-bottom: 0; line-height: 1.5; }
span.plusGr { color: #709421; }
img.print { display: block;  }
#content hr { width: 6.5in; color: #FFF; background: #fff; border: 1pt solid #DDD; border-style: none none solid; margin: .15in 0 0; display: block; }
#content h3 { margin-top: -15px; padding: 0; }

/* ADD STYLES TO BE HIDDEN HERE */
#sidebar, #share, #moreStories, #nav, #sectionNav, #header h1, #searchForm, p#subNavs, #utilities, #mastheadHome,
#masthead img.mh, #masthead ul, #alignBot img, div#moreInfos
 { display: none; }


#header { width: 7in; padding-bottom: .15in; border-bottom: 1pt solid #EEE; margin: 0; }
#masthead { width: 7in; height: auto; background: #FFF; margin-bottom: .1in; }
#masthead h1 { color: #008ac5; margin: 0; position: relative; } 

#content { width: 6.5in; margin: 0; }
.largePhoto p, p.caption { width: 550px; margin: 0; font-size: 7pt!important; padding-bottom: .05in; border-bottom: 1pt solid #EEE; }
#contentLead { width: 810px; margin-bottom: 10px; }
	#contentLead h2, #contentLead h4 { color: #009cde; }

#contIntro { width: 550px; margin: 0; float: none; position: relative; }
#alignBot { width: 7in; min-height: .4in; height: auto!important; height: .4in; }
#alignBot h2, #alignBot h4 { position: absolute; bottom: 0; }
#alignBot h4 { bottom: 26px; }


#footer hr { width: 7in; color: #FFF; background-color: #fff; border: 1pt solid #DDD; border-style: none none solid; padding-top: .1in; margin-bottom: .1in; display: block; clear: both; }
#footer { width: 7in; color: #999; clear: both; padding-bottom: .1in; font-size: 7pt; }
#footer a { color: #999; }

#footer p { float: left; display: inline; margin: 0 0 .2em; }
#footer p.designby { float: right; display: inline; }
#footer p.copyright { float: none; display: block; clear: both; }
#footer p.designby em { font-style: normal; }
#footer p.designby a em { border-bottom: 1px solid #999; }






/* NEW BODY IDs */
#bd-green h5, #bd-green h5 a, #bd-green #portDLs dl dd h5, #bd-green #portDLs dl dd h5 a { color: #7da820; }
#bd-green div#newsSB dd.title, #bd-green div#newsSB dd.title a { color: #7da820; }

#bd-violet h5, #bd-violet h5 a, #bd-violet #portDLs dl dd h5, #bd-violet #portDLs dl dd h5 a { color: #B3084D; }
#bd-violet div#newsSB dd.title, #bd-violet div#newsSB dd.title a { color: #B3084D; }

#bd-brown h5, #bd-brown h5 a, #bd-brown #portDLs dl dd h5, #bd-brown #portDLs dl dd h5 a { color: #a9521d; }
#bd-brown div#newsSB dd.title, #bd-brown div#newsSB dd.title a { color: #a9521d; }

#bd-red h5, #bd-red h5 a, #bd-red #portDLs dl dd h5, #bd-red #portDLs dl dd h5 a  { color: #C30101; }
#bd-red div#newsSB dd.title, #bd-red div#newsSB dd.title a { color: #C30101; }

#bd-orange h5, #bd-orange h5 a, #bd-orange #portDLs dl dd h5, #bd-orange #portDLs dl dd h5 a { color: #F58A0C; }
#bd-orange div#newsSB dd.title, #bd-orange div#newsSB dd.title a { color: #F58A0C; }

#bd-blue h5, #bd-blue h5 a, #bd-blue #portDLs dl dd h5, #bd-blue #portDLs dl dd h5 a { color: #00649E; }
#bd-blue div#newsSB dd.title, #bd-blue div#newsSB dd.title a { color: #00649E; }

#bd-purple h5, #bd-purple h5 a, #bd-purple #portDLs dl dd h5, #bd-purple #portDLs dl dd h5 a { color: #A62F81; }
#bd-purple div#newsSB dd.title, #bd-purple div#newsSB dd.title a { color: #A62F81; }



/*-------------------------------------------------
=CONTENT
-------------------------------------------------*/
/* PORTFOLIO */
#portDLs { margin: 10px 0; }
#portDLs .leftside, #portDLs .rightside { width: 270px; float: left; display: inline; margin-right: 10px; }
#portDLs .rightside { margin-right: 0; }
	#portDLs dl { width: 270px; margin: 0 0 20px; position: relative; }
	#portDLs dl dt { float: left; display: inline; margin: 0; }
	#portDLs dl dd { margin-left: 96px; }
	#portDLs dl dd h5 { margin: 0; }
	#portDLs dl dd h5 a { color: #709421; }
	#portDLs dl dd a { color: #656565; }


#portfolio dl { width: 248px; border: 1px solid #CCC; padding: 10px; float: left; display: inline; margin: 0 10px 10px 0; }
	#portfolio dl:hover { border-color: #AAA; }
	#portfolio dl.rightDL { margin-right: 0; }
	
	#portfolio dl dt, #portfolio dl dd { margin: 0 0 0 96px; }
	#portfolio dl dt.thumbnail { margin-left: 0; }
	#portfolio dl img { float: left; display: inline; margin: 0; }
		#portfolio dl dd a { color: #656565; text-decoration: none; }
		#portfolio dl dd a:hover { text-decoration: underline; }
		#portfolio dl dd.water a, #portfolio dl dd.health a, #portfolio dl dd.housing a, #portfolio dl dd.energy a { text-indent: -9999px; display: block; width: 140px; height: 20px; overflow: hidden; }
		#portfolio dl dd.water { background: url(../images/h2-water.gif) no-repeat; }
		#portfolio dl dd.health { background: url(../images/h2-health.gif) no-repeat; }
		#portfolio dl dd.housing { background: url(../images/h2-housing.gif) no-repeat; }
		#portfolio dl dd.energy { background: url(../images/h2-energy.gif) no-repeat; }

#leftContent, #rightContent { float: left; display: inline; width: 3.25in; margin: .1in .25in .1in 0; }
#rightContent { margin-right: 0; }

#contentWide #leftContent, #contentWide #rightContent { float: left; display: inline; width: 380px; margin: 6px 20px 10px 0; border-right: 1px dotted #AAA; }
#contentWide #rightContent { margin-right: 0; border-right: none; }

#content dl h5, #contentWide dl h5 { margin-top: 0; }
#content dl dd ul li, #contentWide dl dd ul li { background: url(../images/listDash.gif) no-repeat 0 .6em; padding-left: 11px; position: relative; }
#content dl dd ul li a, #contentWide dl dd ul li a { color: #656565; text-decoration: underline; }
#content dl dd ul li a:hover, #contentWide dl dd ul li a:hover { text-decoration: none; }


/* CONTENT WIDE */
#contentWide { width: 800px; margin: 10px 0 0 10px; }

#map { margin: 15px 0; }
#map fieldset { border: none; background: #e6e6e6; padding: .15em 0; }
#map form { margin: 3px 0 3px 8px; }
#map select { margin: 0; font-size: 90%; width: 150px; color: #09C; padding: 1px; }

#map ul.legend { background: #e6e6e6; padding: 6px 8px; width: 784px; list-style: none; margin-top: -4px; }
#map ul.legend li { display: inline; padding-left: 16px; margin-right: 10px; }
	#map ul.legend li.water { background: url(../images/legend-water.gif) no-repeat left center; }
	#map ul.legend li.health { background: url(../images/legend-health.gif) no-repeat left center; }
	#map ul.legend li.housing { background: url(../images/legend-housing.gif) no-repeat left center; }
	#map ul.legend li.energy { background: url(../images/legend-energy.gif) no-repeat left center; }



/*-------------------------------------------------
=GET INVOLVED / CONTACT / FORMS
-------------------------------------------------*/
form { margin: 10px 0; }
form div { margin-bottom: 10px; }
input, select, textarea { padding: 1pt; width: 250px; background: #fbfbfb; border: 1px solid #CCC; border-top-color: #999; border-bottom-color: #DDD; margin: 2px 0 4px; color: #565656; font-size: 9pt!important; }
select { width: 255px; }

input.checkbox { width: auto; float: left; display: inline; border: none; }
p.checkInfo { float: left; display: inline; width: 170px; margin-left: 10px; }

input.radio { width: auto; margin-bottom: -3px; border: none; }
ul.formList { margin-bottom: 15px; }
ul.formList li { margin: 8px 0; }
ul.formList span { margin-left: 10px; }

span.otherInput input { display: inline; width: 110px; margin-bottom: -3px; }

div.halfInput { width: 90px; float: left; display: inline; margin: 0 15px 0 0; }
div.halfInput input, div.halfInput select { width: 90px; }

input.half { width: 90px; }
span.infoTxt { margin-left: 10px; }

label.floatLeft { float: left; display: inline; margin-right: 10px; }
div.thirdInput { width: 158px; float: left; display: inline; margin: 0 18px 0 0; }
div.thirdInput input, div.thirdInput select { width: 158px; }

input.submit { border: none; background: #00ade1; color: #FFF; font-variant: small-caps; font-size: 14px; font-weight: bold; padding: 2px 5px 3px 5px; width: auto; cursor: pointer; } 
input:hover.submit { background: #00c4ff; } 


/*-------------------------------------------------
=KNOWLEDGE CENTER
-------------------------------------------------*/
#searchIn { margin: 1.2em 0 1.6em; }
#searchIn fieldset { background: #EEE; border-top: 1px dotted #999; border-bottom: 1px dotted #999; border-right: none; border-left: none; padding: .9em 0 .6em; }
#searchIn form { margin: 0 8px; }

#searchIn label { display: none; }
#searchIn input, #searchIn select { margin: 0; }
#searchIn select { width: 180px; }
#searchIn div, #searchIn span { display: inline; float: left; margin: 0 12px 0 0; }
#searchIn span { margin-top: 5px; }
#searchIn input.btn2 { border: none; padding: 0; display: inline; width: auto; background: transparent; }
#searchIn p.results { text-align: right; margin: 0 0 .5em; }

#spotlight { margin: 1em 0; }
	#spotlight dl { width: 150px; border: 1px solid #CCC; padding: 9px; float: left; display: inline; margin: 0 20px 10px 0; }
	#spotlight dl:hover { background: #eefaff; }
	#spotlight dl.rightDL { margin-right: 0; }
	#spotlight dl dt { margin-bottom: 12px; }
	#spotlight dl dd { font-size: 110%; color: #888; }
	#spotlight dl dd.title { font-size: 120%; color: #00ade0; }
	#spotlight dl dd a { color: #888; }

/* Sections / javascript */
.section { margin-bottom: 20px; }
.section h6 { font-weight: bold; }
.section h6 a { color: #FFF; display: block; width: 500px; font-size: 12px; text-decoration: none; padding-left: 0; outline: none; background-image: none!important; }
.section div.bar { border: none; width: 530px; padding: 3px 10px; background: #00ade0 url(../images/iconbar-video.gif) no-repeat 98% 50%; margin-top: 1em; }
.section div.secContent { width: 550px; }
.section div.secContent dl { margin: 12px 15px 12px 0; border-bottom: 1px dotted #999; padding-bottom: 14px; }
.section div.secContent dl.lastItem { border-bottom: none; padding: 0; }
.section div.secContent dt { float: left; display: inline; }
.section div.secContent dt a img { padding: 4px; background: #e8e8e8; }
.section div.secContent dt a:hover img { background: #c3edff; }
.section div.secContent dd { margin-left: 72px; }
.section p.showall a { background: url(../images/arr_sm_bl.gif) no-repeat right .4em; padding-right: 6px; }

.section #Documents div { margin: 0 0 1px; }
.section #Documents a div { background: #f0f9fd url(../images/icon_pdf.gif) no-repeat .5em center; display: block; width: 510px; padding: 5px 10px 5px 30px; }
.section #Documents a:hover div { background-color: #dff5ff; text-decoration: none; }
.section #Documents a div.alt { background-color: #FFF; }
.section #Documents a:hover div.alt { background-color: #dff5ff; }
.section #Documents div strong { display: block; float: left;  }
.section #Documents div small { text-align: right; display: block; float: right; line-height: 1.6; }
.section #Documents p.showall { margin-top: 12px; }
.section #Documents p.showall a { background: #FFF url(../images/arr_sm_bl.gif) no-repeat right .5em; padding: 0 6px 0 0; width: auto; display: inline; }

/* SEARCH RESULTS */
.section div.secContent#results dl dt { float: none; font-weight: bold; }
.section div.secContent#results dl dd { margin: 0; }
.section div.secContent#results dl dd.resultURL a { color: #656565; font-style: italic; }




/*-------------------------------------------------
=HOMEPAGE
-------------------------------------------------*/
 { width: 810px; margin-top: 15px; }
div#moreInfos hr, div.story hr { display: none!important; }	
	
	div#moreInfos ul { list-style: none; }
	div#moreInfos ul li { float: left; display: inline; margin-right: 10px; }
	div#moreInfos ul li a { display: block; width: 183px; height: 140px; text-indent: -9999px; }
		div#moreInfos ul li.tout1 a { background: #e2f0d2 url(../images/home_tout1.gif) no-repeat; }
		div#moreInfos ul li.tout2 a { background: #fce2c2 url(../images/home_tout2.gif) no-repeat; }
		div#moreInfos ul li.tout3 a { background: #ecc1d2 url(../images/home_tout3.gif) no-repeat; }
	
		div#moreInfos dl { float: right; display: inline;  width: 230px; min-height: 140px; height: auto!important; height: 140px; background: #f0f0f0 url(../images/globe-bg.jpg) no-repeat right top; text-indent: 0; }
		div#moreInfos dl dt { background: transparent url(../images/tout4_dt.gif) no-repeat; width: 69px; height: 44px; text-indent: -9999px; color: #678e13; padding: 0; margin: 10px 0 5px 10px; }
		div#moreInfos dl dd { color: #678e13; margin: 3px 10px; line-height: 1.2; font-size: 110%; }
		div#moreInfos dl dd a { color: #678e13; text-decoration: none; }
		div#moreInfos dl dd.seeMore { color: #777; font-family: Georgia, "Times New Roman", Times, serif; text-align: right; margin: 5px 10px 3px 0; }
		div#moreInfos dl dd.seeMore a { color: #777; text-decoration: none; background: url(../images/seemore_arr.gif) no-repeat right center; padding: 2px 18px 2px 0; }
		div#moreInfos dl dd.seeMore a:hover { text-decoration: underline; }


div.story { width: 530px; margin: 0 0 15px 0; padding: 10px; background: #e5f6fb; }
div.story#storyHome { margin-top: 15px; width: 4in; float: left; display: inline; }
	div.story img.thumbnail { float: left; display: inline; margin-right: 10px; }
	div.story #storyContent { float: left; display: inline; width: 2.75in; }
		div.story#storyHome #storyContent { width: 2.5in; }
	div.story h2, div.story h4  { color: #008ac5; }
	div.story h2 { font-size: 140%; }
	div.story h4 { font-size: 105%; font-variant: small-caps; }
	div.story p { font-family: Georgia, "Times New Roman", Times, serif; margin: .1em 0 .3em; font-size: 105%; }
	div.story p a { color: #656565; text-decoration: underline; }
	div.story p a:hover, div.story p.story a { text-decoration: none; }
	div.story p.story a:hover { text-decoration: underline; }
	div.story p.learnMore a { color: #008ac5; text-decoration: none; }
	div.story p.learnMore a:hover { text-decoration: underline; }

div#newsSB { width: 230px; float: right; display: inline; margin: 15px 0; }
	div#newsSB dl.top { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #999; }
	div#newsSB dl dt { text-transform: uppercase; color: #008ac5; }
	div#newsSB dl a { color: #656565; text-decoration: none; }
	div#newsSB dl dd { margin-right: 12px; }
	div#newsSB dl dd a { text-decoration: underline; }
	div#newsSB dl dd a:hover { text-decoration: none; }
	div#newsSB dl dd.title a { text-decoration: none; color: #678e13; }
	div#newsSB dl dd.title a:hover { text-decoration: underline; }






/*-------------------------------------------------
=VARIOUS
-------------------------------------------------*/
ul#skipNav { position: absolute; left: -9999px; font-size: small; z-index: 200; }
ul#skipNav a:link, ul#skipNav a:visited { color: #F00; }
ul#skipNav a:focus { display: block; position: absolute; top: 20px; left: 10020px; font-size: 130%; background: #FFF; border: solid 1px #888; padding: 10px; width: 8em; z-index: 10000; }
ul#skipNav a:hover { color: #390; background: #EEE; border: solid 1px #333; }


.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1px; }