/* Normalize margin, padding
------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0; padding: 0;
}

/* Normalize font-size for headers
------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Remove list-style from lists
------------------------------------------------*/
ol, ul {
	list-style: none;
}

/* Normalize font-style and font-weight to normal
------------------------------------------------*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Removes border and spacing from tables
------------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Remove border from fieldset and img
------------------------------------------------*/
fieldset, img {
	border: 0;
}

/* Left-aligns text in caption and th
------------------------------------------------*/
cation, th {
	text-align: left;
}

/* Removes quotation marks from q
------------------------------------------------*/
q:before, q:after {
	content: '';
}

/* Site layout
------------------------------------------------*/
html {
	text-align: center;
	background: #003578 url(../images/site_bg.jpg) no-repeat center top;
}
body {
	position: relative;
	width: 1080px;
	margin: 0 auto;
	text-align: left;
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
	}
p, pre {
	font: 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
p {
	color: #5f6060;
}
q, pre {
	color: #5699c7;
}
a {
	text-decoration: none;
	}

div#branding {
	position: relative;
	z-index: 1;
	width: 1000px; height: 150px;
	margin-left: 45px;
	}
div#branding h1 {
	position: absolute;
	top:0px; left: 0px;
	width: 620px; height: 160px;
	text-indent: -9999px;
	background: transparent url(../images/gpps-banner.png) no-repeat;
	}
div#newsletter {
	position: absolute;
	width: 230px; height: 110px;
	top: 40px; right: 50px;
	z-index: 10;
}
div#newsletter form h2 {
	height: 38px;
	margin: 0px 15px -5px -19px;
	text-indent: -9999px;
	background: transparent url(../images/receive_newsletter.png) no-repeat;
}
div#newsletter form input.email_addr {
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 10em;
	padding: 5px 10px;
	color: #fff;
	background-color: #7597b8;
	border: 1px solid #003578;
}
div#newsletter form input.submit {
	color: #003578;
}
div#newsletter form input.submit:hover {
	color: #5699c7;
}

div#navigation {
	position: absolute;
	width: 992px; height: 41px;
	top: 153px; left: 39px;
	z-index: 3;
	background: transparent url(../images/nav_bg.png) repeat-x;
}
div#navigation h2 {
	display: none;
}
ul#nav_features {
	position: absolute;
	top: 0px; left: 0;
	width: 1000px; height: 37px;
}
ul#nav_features a {
	font: 1.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003578;
}
ul#nav_features li {
	float: left;
	border-right: #d1d1d1 1px solid;
}
ul#nav_features li a {
	display: block;
	height: 17px;
	padding: 10px 20px;
}
ul#nav_features li a:hover, ul#nav_features li a.selected {
	color: #4b98cc;
	background: transparent url(../images/nav_bg-over.png) repeat-x;
}

div#content {
	position: relative;
	width: 1022px;
	padding: 45px 20px 10px 38px;
	z-index: 2;
	margin-left: 0px;
	background: transparent url(../images/content_bg.png) repeat-y;
}
div#content:after {
	display: block;
	content: url(../images/content_bg-bottom.png);
	margin: 0px -38px -106px -38px;
}
div#content h2 {
	font: 2em Georgia;
	color: white;
	background: #7597b8 url(../images/h2_blue_bg.png) repeat-x;
}
div#content h4 {
	text-align: center;
	font: 1.7em Georgia;
	color: #003578;
}
h2 {
	padding: 10px 20px;
}
div#content_main {
	position: relative;
	width: 670px;
	margin-top: 0px;
	min-height: 1000px;
}
div#content_main h2 {
	margin-top: 20px;
	}
div#content_main h2.first {
	margin-top: 0px;
	}
div#content_main h3 {
	margin-bottom: 10px;
	margin-top: 30px; 
	text-align: center;
	}
div#content_main p {
	padding: 5px 30px;
}

div#content_main a {
	color: #5699c7;
}
div#content_main a:hover {
	color: #003578;
	text-decoration: underline;
}

div#content_banner {
	position: relative;
	margin-top: 0px;
	width: 670px; height: 241px;
	background: transparent url(../images/banner_bg.jpg) no-repeat;
	}

div#content_main div#content_banner h3 {
	display: block;
	font-size: 18px;
	border-bottom: none;
}
div#content_banner h3 {	
	margin-top: 0px;
	border-bottom: 2px solid #ececec;
	}
div#content_banner ul li {
	font-family: "Trebuchet MS", Verdana;
	font-size: 14px;
	line-height: 22px;
	padding-top: 25px;
}

div#content_banner blockquote p em {
	font: 16px Georgia, serif;
	line-height: 18px;
	color: #ffffff;
}

div#content_banner blockquote p em:before {
	content: open-quote;
}
div#content_banner blockquote p em:after {
	content: close-quote;
}
div#content_banner blockquote p cite {
	position: relative;
	color: #003578;
	float: right;
	margin-right: 60px;
	font: 14px Georgia, serif;
	font-style: italic;
	}

div#content_main h2, div#content_main p {
	clear: both;
}
div#content_main h2 {
	margin-bottom: 3px;
}
div#content_main h4 {
	margin: 60px 0 10px;
}

div#content_sub {
	position: absolute;
	top: 45px;
	left: 708px;
	width: 300px;
	padding: 1em 10px 3em 10px;
	background: #c9c9c9 url(../images/content_sub_bg.png) repeat;	
	border-bottom: 2px solid #c1c3c7;
	border-right: 2px solid #c1c3c7;
}
div#content_sub h3 {
	text-align: center;
	margin: 5px 10px;
}
div#content_sub h3, div#content_main h3 {
	font: 1.7em Georgia;
	color: #003578;
	border-bottom: 2px solid #c9c9c9;
}
div#content_sub h3:before, div#content_main h3:before {
	content: '-  ';
}
div#content_sub h3:after, div#content_main h3:after {
	content: '  -';
}
.date {
	color: #003578;
}
div#content_sub li {
	font: 1.3em Verdana;
	line-height: 1.6em;	
}
div#content_sub ul, .date{
	padding-left: 10px;
}
div#content_sub a {
	color: #5699c7;
}
div#content_sub a:hover {
	color: #003578;
	text-decoration: underline;
}
div#donation {
	width: 100%;
	margin: 10px 0;
	background-color: #e6eaef;	
	border-bottom: 2px solid #919191;
	border-right: 2px solid #919191;
}
div#donation h3 {
	margin-top: 30px;
}
div#donation p {
	text-align: center;
	margin: 0px 30px 15px 30px;
}
div#donationBar {
	height: 75px;
	overflow: hidden;
	}
div#donation object {
	margin-left: 10px;
	}
div#donation h2 {
	background: #c50e09 url(../images/h2_red_bg.png) repeat-x; /* Red */
}
div#donation p em {
	color: #003578; 
}
#contributionInfo {
	border-top: 2px solid #c9c9c9;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #c50e09 url(../images/h2_red_bg.png) repeat-x bottom; /* Red */
	}
div#donation div#contributionInfo p {
	padding: 0;
	margin: 0;
	color: #ffffff;
	}
div#donation div#contributionInfo p.name, div#donation div#contributionInfo address p {
	text-align: left;
	font-weight: bolder;
	margin-left: 20px;
	}
div#donation div#contributionInfo p.name {
	margin-bottom: 10px;
	}
div#news_events {
	width: 100%;
	margin: 10px 0;
	padding-bottom: 10px;
	background-color: #e6eaef;	
	border-bottom: 2px solid #919191;
	border-right: 2px solid #919191;
}
div#news_events a:hover {
	color: #003578;
	text-decoration: none;
}
div#links {
	width: 100%;
	margin: 10px 0 0;
}
/* Links block */
div#links {
	background-color: #e6eaef;	
	border-bottom: 2px solid #919191;
	border-right: 2px solid #919191;
}
div#links h2 {
	background-color: #7597b8;
}

div#links li.vote {
	height: 47px;
	background: transparent url(../images/vote_logo.png) no-repeat;
	margin-left: -10px;
	padding: 25px 0 0 66px;
}
div#links li.pdf {
	height: 39px;
	background: transparent url(../images/pdf_logo.png) no-repeat;
	padding: 25px 0 0 56px;
}
div#links li.joco {
	height: 49px;
	background: transparent url(../images/joco_mini_logo.png) no-repeat;
	padding: 25px 0 0 56px;
}
div#links li.city_link {
	height: 50px;
	background: transparent url(../images/gp.jpg) no-repeat;
	margin-top: 10px;
	margin-left: 0px;
	padding: 25px 0 0 55px;
}
div#links li.ps_link {
	height: 44px;
	background: transparent url(../images/gpps-logo.png) no-repeat;
	margin-left: -1px;
	padding: 13px 0 0 57px;
}

li.coming_soon, p.coming_soon {
	position: relative;
	}	
li.coming_soon em {
	background: url(../images/hover_bubble.png) no-repeat;
	width: 180px;
	height: 50px;
	position: absolute;
	top: -61px;
	left: 60px;
	text-align: center;
	padding: 13px 12px 10px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	color: #263248;
	font-size: 12px;
	}
p.coming_soon em {
	background: url(../images/hover_bubble-tall.png) no-repeat;
	width: 180px;
	height: 104px;
	position: absolute;
	top: -120px;
	left: 440px;
	text-align: center;
	padding: 6px 12px 10px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	color: #263248;
	font-size: 12px;
	}
p.coming_soon a {
	text-decoration: underline;
	}
	

div#footer {
	position: relative;
	clear: both;
	margin-top: 60px;
	height: 80px;
}
div#footer h5 {
	position: absolute;
	top: -84px; right: 68px;
	padding: 5px;
	z-index: 10;
	color: #5699c7;
	border: 1px solid #5699c7;
}
div#footer p {
	position: absolute;
	top: 5px; left: 25px;
	padding: 5px;
	z-index: 10;
	color: #c9c9c9;
}
div#footer h5, div#footer p {
	font: 1.3em "Trebuchet MS", Verdana;
}
div#footer p a {
	color: #c9c9c9;
	text-decoration: underline;
}
div#footer p a:hover {
	color: #fff;
}


/* Homepage Slideshow */
ul#preview {
	position: relative;
	text-align: center;
	width: 533px;
	height: 420px;
	z-index: 3000;
	}
ul#preview li {
	position: relative;
	margin: 10px 65px 20px 65px;
	}
ul#preview li img {
	border: 2px solid #c9c9c9;
	}

 /* Gallery for Presentation Slide show */
.slideshow { 
		position: relative; 
		background: #6082a7; 
		width: 567px; 
		height: 474px; 
		border: 2px solid #c9c9c9; 
		margin: 0 auto 20px; 
		}
		
.slideshow img { 
		position: absolute; 
		top: 7px; 
		left: 16px; 
		z-index: 10; 
		background: #fff; 
		}
		
ul.recentlist { 
		position: absolute; 
		bottom: 8px; 
		right: 4px; left: 22px;
		list-style: none; 
		z-index: 20; 
		}
		
ul.recentlist li { display: inline; }
		
ul.recentlist li a, ul.recentlist li a:visited { 
		display: block; 
		float: left; 
		background: #e5e5e5; 
		padding: 4px 8px; 
		margin-right: 2px;
		margin-bottom: 4px; 
		color: #000; 
		text-decoration: none; 
		cursor: pointer; 
		}
		
ul.recentlist li a:hover, ul.recentlist li a:visited:hover { 
		background: #666; color: #890201; 
		}
		
ul.recentlist li a.current { 
		background: #a80503; 
		color: #fff; 
		}