@charset "UTF-8";
/* CSS Document */
/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* End Reset */

body, html {
	background-color: #EFEFEF;
	margin-top:0px;
	margin-right: 0px;
	margin-left:0px;
	margin-bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-image: url(../images/page_bkg.png);
	background-repeat: repeat-x;
}
a, a:visited {
	color:#003366;
	font-weight:500;
	text-decoration:underline;
}
a:hover {
	color:#79c200;
	text-decoration:underline;
}
a:active {
	color:#333333;
}
.left {
	float: left; 
	padding: 0px 20px 10px 0px;
}
.right {
	float: right; 
	padding: 0px 0px 10px 20px;
}
.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
h1 {
	font-size: 8px;
	font-weight: 800;
	color: #A3A2A2;
/*	text-shadow:#EFEFEF 0px 1px 1px; */
/*	margin-bottom: 2em; */
}
h2 {
	font-size: 16px;
	font-weight: 800;
	color: #333333;
	text-shadow:#EFEFEF 0px 1px 1px;
	margin-bottom: 2em;
}
h3{
	font-size: 14px;
	font-weight: 800;
	color: #555555;
	text-shadow:#EFEFEF 0px 1px 1px;
	border-bottom: 1px solid #79C200;
	padding-bottom: 5px;
	margin-bottom: 1em;
}
h4, h4 a, h4 a:visited {
	font-size: 12px;
	font-weight:800;
	color:#79C200;
	text-shadow:#EFEFEF 0px 1px 1px;
	margin-bottom: 1em;
}
h4 a:hover{
	color:#999999;
}
blockquote, pre {
	padding: 0.25em 0px;
}
ul.sitemap {
	margin-bottom: 1.5em;	
}
#pageContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-position: center top;
	width: 924px;
	margin:0px auto;
}
#pageTitle {
/*	text-indent: -999em; - Causes a bug in IE that makes the page wider than it should be */
	text-indent:1em;
	height: 0px;
	position: absolute;
}
#contentTop{
	width: 924px;
	height: 14px;
	background-image: url(../images/content_top.png);
	background-repeat:no-repeat;
}
#contentBottom{
	width: 924px;
	height: 14px;
	background-image: url(../images/content_bottom.png);
	background-repeat:no-repeat;
}
#headerContainer{
	width: 924px;
	height:105px;
	background: url(../images/content_bkg.png) 0 100% repeat-y;
}
#headerLogo {
	float:left;
	width:150px;
	height:100px;
	margin-top:5px;
	margin-left:20px;
	background-image:url(../images/parkcitylogo.png);
	background-repeat:no-repeat;
}
.clearAll {
  clear: both;
}
#contentContainer {
/*	width:884px; - Changed to allow for banner, set padding in child divs*/
	width:924px;
	margin-top:0px;
/*	padding:0px 20px 20px 20px; */
	background: url(../images/content_bkg.png) 0 100% repeat-y;
}
/* BANNERS */
#indexBannerContainer{
	width:918px;
	height:300px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/index_banner_bkg.png);
}
#bannerContainer{
	width:918px;
	height:100px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/banner_bkg.png);
}
#bannerShadow{
	width:918;
	height:15px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/banner_shadow.png);
	z-index:99;
}
#indexBannerBottom{
	width:918;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/index_banner_bottom.png);
}
/* END BANNERS */
#contentMain {
	width:884px;
	min-height:200px;
	padding:20px 20px 20px 20px;
}
#contentMain p{
	padding-bottom: 1.5em;
}
/* FEATURES */
#columnLeftContainer{
	width: 580px;
	float: left;
	text-align:justify;
/*	margin-left:20px; */
	margin-right:10px;
}
#columnRightContainer{
	width: 260px;
	float: right;
/*	margin-right:20px; */
	margin-left:10px;
}
#columnRightContainer p{
	padding-bottom: 1.5em;
}
#columnRightContainer ul{
	margin-bottom: 1em;
}
#columnRightContainer .left {
	float: left; 
	padding: 0px 5px 10px 0px;
}
#columnRightContainer .right {
	float: right; 
	padding: 0px 0px 10px 5px;
}
#columnRightContainer .center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
/* END FEATURES */
/* FORMS */
#formContainer{
  margin: 0;
  padding: 0;
  min-width: 580px;
  max-width: 580px;
  width: 580px;
 }
 #formContainer fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000000;
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin-bottom: 5px;
  background-color:#F7F7F7;
}
#formContainer fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}
#formContainer label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 120px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
#formContainer input, #formContainer select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0 0 5px 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}
#formContainer textarea {
	overflow: auto;
	width:auto;
	margin:0 0 5px 10px;
}
#formContainer em{
	font-weight:600;
} /* uses class instead of div, more efficient */

#formContainer br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#formContainer .submit input {
	margin-left:140px; /* set margin-left back to zero on reset button (set above) */
}
#formContainer .reset input {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
#formContainer input.error, #formContainer textarea.error, #formContainer select.error {
	border: 1px solid #79C200;
}
#messageContainer {
	display:block;
	width:570px;
	color:#0066CC;
	font-weight:500;
	background-color:#F7F7F7;
	border:#79C200 solid 1px;
	padding:5px;	
	clear:both;
}
#formContainer img {
	margin:0;
	cursor:help;
}
/* END FORMS */
/* PROJECT LIST LAYOUT - Not assigned to ID so that items can be collapsed  */
.projectContainer {
	/* min-height:165px; */
}
.projectContainer table{
	width:300px;
	margin-bottom: 2.5em;
}
.projectContainer td{
	padding:2px;
}
.projectContainer .title {
	font-weight:800;
	color:#79C200;
	text-shadow:#EFEFEF 0px 1px 1px;
	width:120px;
}
.projectContainer .legend {
	font-weight:800;
	color:#999999;
	width:120px;
}
.projectContainer img{
	float:right;
	margin-top:-15px;
}
.projectContainer #gallery{
	position: absolute;
	text-indent: -999em;
	height: 0px;
	width:0px;
}
/*  END PROJECT LIST LAYOUT */
.sectorContainer {
	/* min-height:165px; */
}
.sectorContainer table{
	margin-bottom: 2.5em;
}
.sectorContainer td{
	padding:2px;
	background-color:#F7F7F7;
	border: 2px solid #FFFFFF; /* 'cellspacing' */
}
.sectorContainer .title {
	width:120px;
	font-weight:800;
	color:#79C200;
	text-shadow:#EFEFEF 0px 1px 1px;
}
.sectorContainer .legend {
	font-weight:800;
	color:#999999;
	width:50px;
}
.sectorContainer .data {
	width:165px;
}
.sectorContainer .link{
	padding-top:10px;
}

/* RSS News Feed */
#RSSNewsFeed {
	width:260px;
	font-size:10px;
	color:#666666;
}
#RSSNewsFeed h4 {
	font-size: 12px;
	font-weight: 800;
	color: #333333;
	text-shadow:#EFEFEF 0px 1px 1px;
	margin-bottom: 1em;
}
#RSSNewsFeed a, RSSNewsFeed a:visited {
	color: #79C200;
	padding-top:0.5em;
}
#RSSNewsFeed p {
	text-align:justify;
	border-bottom: 1px dotted #79C200;
	margin-bottom: 1em;
	padding-bottom: 5px;
}
/* End News Feed */
/* FOOTER */
#footerContainer{
	width:898px;
	height:100px;
	background-color:#646363;
	margin:0px auto;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color:#FFFFFF;
}
#footerBottom{
	width:918px;
	height:14px;
	background-image:url(../images/footer_bottom.png);
	background-repeat:no-repeat;
	margin:0px auto 10px auto;
}