/* CSS FULL RESET v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* CSS STYLES FOR HOLLAND BOARD OF PUBLIC WORKS ANNUAL REPORT 2009 */

/* MAIN LAYOUTS */

html {
	background-color: #e2e2e2;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-gradient.gif');
	background-repeat: repeat-x;
}

body {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-swooshes.png');
	background-repeat: no-repeat;
	background-position: top;
}
/*#backgrounds {
	position: relative;
	bottom: 54px;
	width:960px;
	height: 1024px;
	margin: 0 auto 0 auto;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-swooshes.png');
	background-repeat: no-repeat;
	overflow: hidden;
}*/
#wrapper {
	position: relative;
	width: 960px;
	margin: 51px auto 100px auto;
	padding-bottom: 20px;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-wrapper-top.png');
	background-repeat: no-repeat;
}
#header {
	height: 286px;
}
#header-home {
	height: 393px;
}
#content {
	background-color: #FFF;
	padding: 33px 40px 25px 40px;
	overflow: auto;
}
#sub-content {
	background-color: #FFF;
	padding: 0 40px 0 40px;
	overflow: auto;
}
#sub-content-divider {
	border-top: 1px solid #E5E4E1;
}
#sub-content-divider-home {
	border-top: 1px solid #FFF;
}

.footer {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-footer.png');
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 0 40px 0 40px;
	width: 880px;
	height: 69px;
}
.footer a, .footer a:link, .footer a:visited {
	float: left;
	padding: 30px 10px 20px 10px;
	width: 156px;
	background-repeat: no-repeat;
	background-position: right;
	text-align: center;
	color: #656565;
}
.footer a:hover{
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-footer-hover.png');
	background-repeat: no-repeat;
	background-position: -40px;
	color: #656565;
}
#foot-nav-left {
	position: relative;
	bottom: 69px;
}
#foot-nav-right {
	position: relative;
	bottom: 69px;
}
#foot-nav-left a, #foot-nav-left a:link, #foot-nav-left a:hover {
	display: block;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/footer-prev.png');
	background-repeat: no-repeat;
	height: 69px;
	width: 39px;
	float: left;
}
#foot-nav-right a, #foot-nav-right a:link, #foot-nav-right a:hover {
	display: block;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/footer-next.png');
	background-repeat: no-repeat;
	height: 69px;
	width: 37px;
	float: right;
}


/* COLUMN LAYOUTS */

.columns {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-columns.png');
	background-repeat: repeat-y;
	overflow: auto;
	clear: both;
}
.two-columns {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-two-columns.png');
	background-repeat: repeat-y;
	overflow: auto;
	clear: both;
}
.four-columns {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-four-columns.png');
	background-repeat: repeat-y;
	overflow: auto;
	clear: both;
}
.column-one {
	float: left;
	width: 410px;
	padding-right: 30px;
}
.column-two {
	float: left;
	width: 185px;
	padding: 0 27px 0 20px;
}
.column-two-alone {
	float: left;
	width: 420px;
	padding: 0 0 0 20px;
}
.column-three {
	float: left;
	width: 190px;
	padding-left: 18px;
}
.four-columns-column {
	width: 200px;
	float: left;
	margin: 0 9px 10px 9px;
}
.board-member-column {
	float: left;
	width: 410px;
	height: 175px;
	padding: 0 15px 15px 15px;
}
.board-member-column img {
	float: left;
	margin-right: 10px;
}

/* FONTS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	color: #656565;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

h1 {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
}
h2 {
	color: #cfa022;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 21px;
	line-height: 1;
}
h3 {
	color: #cfa022;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 20px;
}
a, a:link, a:hover, a:active {
	color: #2870a8;
	text-decoration: none;
}
	

/* HEADER, NAVIGATION & ABSOLUTE FIXES */

a.logo {
	position: relative;
	left: 26px;
	bottom: 61px;
	line-height: 1px;
}
#spacer {
	height: 58px;
}
#spacer img {
	position: relative;
	bottom: 40px;
	left: 770px;
}
#pager {
	position: absolute;
	right: 15px;
	top: -18px;
}
#pager p {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-pager-divider.png');
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	height: 80px;
	padding: 55px 15px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	line-height: 1.25;
}
#pager img {
	float: left;
	padding: 55px 0 0 6px;
}

.page-nav {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-nav.png');
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 35px 0 0 40px;
	height: 52px;
	width: 880px;
}
.page-nav a{
	float: left;
	width: 176px;
	padding: 17px 0 0 0;
	height: 35px;
	text-align: center;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4d4d4d;
}
.page-nav a:hover {
	float: left;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-nav-hover.png');
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	color: #FFF;
}

.page-nav-three {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-nav-three.png');
	background-repeat: no-repeat;
	overflow: auto;
	margin: 35px 0 0 40px;
	height: 52px;
	width: 879px;
}
.page-nav-three a{
	float: left;
	width: 293px;
	padding: 17px 0 0 0;
	height: 35px;
	text-align: center;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4d4d4d;
}
.page-nav-three a:hover {
	float: left;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-nav-hover-three.png');
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	color: #FFF;
}

body#sustainability a#sustainability-link,
body#fiber-optics a#fiber-optics-link,
body#electricity a#electricity-link,
body#water a#water-link,
body#wastewater a#wastewater-link {
	float: left;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-nav-hover.png');
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	color: #FFF;
}

body#overview a#overview-link,
body#statistics a#statistics-link,
body#downloads a#downloads-link {
	float: left;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-nav-hover-three.png');
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25);
	color: #FFF;
}

#header h1 {
	margin: 35px 0 0 40px;
	height: 20px;
}
#header p {
	color: #FFF;
	margin: 10px 0 0 42px;
	width: 440px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
}
#header-home h1 {
	margin: 130px 0 0 40px;
	height: 20px;
}
#header-home p {
	color: #FFF;
	margin: 10px 0 0 42px;
	width: 440px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
}
.home-nav {
	height: 239px;
	width: 960px;
}

.home-nav a {
	float: left;
	width: 240px;
	height: 227px;
	border-bottom: 12px solid #eec724;
}
.home-nav a:hover {
	border-bottom: 12px solid #ffdb44;
}
.home-nav a h2 {
	position: relative;
	bottom: 210px;
	left: 25px;
	font-size: 18px;
	width: 200px;
	color: #208fd5;
}

/* CONTENT STYLES AND POSITIONING */

h3.title-right {
	margin-top: 10px;
	float: right;
}
a.readmore ul {
	list-style-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/arrow-bullet.png');
	padding-left: 14px;
}
a.readmore ul li {
	color: #2870a8;
	text-decoration: none;
}
a.readmorevid-home {
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
}
a.readmorevid h3 {
	margin-bottom: 10px;
}
img.board-member {
	border: 1px solid #e5e4e1;
}
ul.bulleted-list {
	list-style: disc;
	margin-left: 14px;
}
ul.bulleted-list li {
	padding-bottom: 10px;
}

.downloads {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/bg-downloads.png');
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 20px 50px 20px;
	overflow: auto;
}
.downloads .column-one {
	float: left;
	width: 410px;
	padding: 0;
	margin: 0 10px 0 0;
}
.downloads .column-two-alone {
	float: left;
	width: 410px;
	padding: 0;
	margin: 0 0 0 10px;
}
ul.download {
	margin: 0;
	padding: 0;
	border-top: 1px solid #d9d9d9;
}
ul.download li {
	border-bottom: 1px solid #d9d9d9;
	padding: 5px 0;
	font-size: 13px;
}
ul.download li a, ul.download li a:visited, ul.download li a:hover {
	color: #565656;
	height: 17px;
	display: block;
	font-size: 13px;
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/pdf-icon.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
ul.download li a.special, ul.download li a.special:visited, ul.download li a.special:hover {
	background-image: url('http://annualreports.hollandbpw.com/AnnualReport2009//images/pdf-icon-special.png');
	background-position: left center;
	background-repeat: no-repeat;
}

.stats-column-one {
	width:410px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
.stats-column-two {
	width:430px;
	margin: 0;
	padding: 0;
	float: left;
}
.copyright {
	text-align: center;
	padding-top: 40px;
}

/* BUTTON LINKS CSS */

a:link.buttongrey, a:active.buttongrey, a:visited.buttongrey, a:focus.buttongrey {
	background: #ccc url(http://annualreports.hollandbpw.com/AnnualReport2009/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 8px 12px 9px;
	color: #2870a8;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
a:hover.buttongrey {
	background: #999 url(images/alert-overlay.png) repeat-x;
}