* { padding: 0; margin: 0; }

/*----------------------Fonts----------------------------*/
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #ffffff;
}

img {
	border: none;
	text-decoration: none;
}
/*-------------------------------------------------------*/
#wrapper { 
 margin: 0 auto;
 width: 952px;
}
#leftcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 685px;
 width: 240px;
 float: left;
}

#logo { 
width:250px;
margin-top:37px;
text-align:right;
height:30px;
}

#leftnav {
	width:250px;
	margin-top:50px;
	text-align:right;
	height:300px;
	display: block;
}


a.leftnav {
	color: #808080;
	text-decoration: none;
}
#home a.leftnav:hover, #home a.news_title:hover, a.newsletter:hover {
	color: #d16f1a;
	text-decoration: underline;
}

#riverfront a.leftnav:hover, #riverfront a.news_title:hover {
	color: #8b438c;
	text-decoration: underline;
}

#retail a.leftnav:hover, #retail a.news_title:hover {
	color: #1595d3;
	text-decoration: underline;
}

#visitor a.leftnav:hover, #visitor a.news_title:hover {
	color: #ffcc00;
	text-decoration: underline;
}

#greenspace a.leftnav:hover, #greenspace a.news_title:hover {
	color: #5d9732;
	text-decoration: underline;
}

.latest, .newsletter {
	color: #777;
	font-size: 13px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	padding:0;
    padding-bottom: 10px;
	display: block;
}

.date {
	color: #888;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	clear:both;
    display: block;
	padding:0;
}

html>body .date{
 margin: 5px 5px 0 5px;
 float: right;
 padding:0;
}


#newsBox {
	margin-top:15px;
	 
}
#newsBox2 {
	margin-top:15px;
	display: block;  /* none (hide), list-item */
	width: 240px;  /* %, auto -- can be applied to images and form elements too! */
	height: 280px; /* %, auto -- can be applied to images and form elements too! */
	padding-right:10px;
	overflow: auto; 
}

.news_title {
	margin: 5px 5px 0 5px;
	text-transform: none;
	clear: both;
	color: #808080;
	text-decoration: none;
	white-space:nowrap;
    display: block;
    padding-left: 10px;
}

html>body .news_title { /*NOT IE6*/
 margin: 5px;
 padding: 0px;
float: right;
}

#home a.news_title {
	color: #d16f1a;
	text-decoration: none;
}

#riverfront a.news_title {
	color: #8b438c;
	text-decoration: none;
}

#retail a.news_title {
	color: #1595d3;
	text-decoration: none;
}

#visitor a.news_title{
	color: #ffcc00;
	text-decoration: none;
}

#greenspace a.news_title {
	color: #5d9732;
	text-decoration: none;
}

.news_clip {
	text-align: right;
	float: right;
	color: #888;
	width: 150px;
	font-size: 14px;
	margin: 5px;
	
        display: block;
}

.newsletter {
	color: #777;
	font-size: 13px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
        display: block;
        clear: both;
        text-decoration: none;
}

html>body .newsletter {
 float: right;
}

#email_form {
        clear: both;
        margin: 5px;
        color: #777;
        display: none;
		/*width: 200px; 
		position: relative; 
		left: -19px;*/
}

#email_form td{
	padding-bottom:5px;
	}

html>body #email_form {
 /*float: right;*/
 margin: 5px;
}

#email_form fieldset {
 border: none;
}

#email_form label {
 display: block;
 text-align: right;
}

/*----------------------Change BG Color---------------------*/
#rightcolumnHome { 
 	margin: 0px 0px 0px 0px;
 	background: #000;
 	float:right;
 	padding: 0px;
 	height: 685px;
 	width: 685px;
 	display: inline;
 	position: relative;
}

#rightcolumnRiverfront { 
 	margin: 0px 0px 0px 0px;
 	background: #8b438c;
 	float:right;
 	padding: 0px;
 	height: 685px;
 	width: 685px;
 	display: inline;
 	position: relative;
}
#rightcolumnVisitor { 
 	margin: 0px 0px 0px 0px;
 	background: #ffcc00;
 	float:right;
 	padding: 0px;
 	height: 685px;
 	width: 685px;
 	display: inline;
 	position: relative;
}
#rightcolumnGreen { 
 	margin: 0px 0px 0px 0px;
 	background: #5d9732;
 	float:right;
 	padding: 0px;
 	height: 685px;
 	width: 685px;
 	display: inline;
 	position: relative;
}
#rightcolumnRetail { 
 	margin: 0px 0px 0px 0px;
 	background: #1595d3;
 	float:right;
 	padding: 0px;
 	height: 685px;
 	width: 685px;
 	display: inline;
 	position: relative;
}
#rightcolumnArticle {
	margin: 0px 0px 0px 0px;
 	background: #e8e8e8;
 	float:right;
 	padding: 0px;
 	height: 685px;
 	width: 685px;
 	display: inline;
 	position: relative;
}

#subColLeft{
	float: left;
	width: 425px;
	padding-top: 50px;
}

#subColLeft h2 {
	font-size: 16px;
	padding-left: 50px;
	padding-bottom: 10px;
	color: #414141;
}

#subColLeft p {
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #414141;
}

#subColRight{
	float: right;
	width: 125px;
	margin-right: 100px;
	padding-top: 75px;
}
/*----------------------------------------------------------*/
#hidenav1 {
	display:none;
}

#hidenav2{
	display:none;
}

a.primarynav {
	text-decoration: none;
	color: #000;
}

#topnav {
 	width: 700px;
 	float: right;
 	padding: 0px;
 	height: 25px;
 	margin: 5px 0px 0px 0px;
 	text-align:center;
 	color: #000;
}

#topnav li {
	display: inline;
	text-decoration: none;
	list-style: none;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 13px;
}

#home a.primarynav:hover {
	color: #d16f1a;
	text-decoration: underline;
}

#home a.active {
	color: #d16f1a;
	text-decoration: none;
}

#riverfront a.primarynav:hover {
	color: #8b438c;
	text-decoration: underline;
}

#riverfront a.active {
	color: #8b438c;
	text-decoration: none;
}

#visitor a.primarynav:hover{ 
	color: #ffcc00;	
	text-decoration: underline;
}

#visitor a.active {
	color: #ffcc00;	
	text-decoration: none;
}

#retail a.primarynav:hover{
	color: #1595d3;
	text-decoration: underline;
} 

#retail a.active {
	color: #1595d3;
	text-decoration: none;
}


#greenspace a.primarynav:hover{
	color: #5d9732;
	text-decoration: underline;	
}

#greenspace a.active {
	color: #5d9732;
	text-decoration: none;
}

a.contact {
	color: #d0701c;
	text-decoration: none;
}

a.contact:hover {
	text-decoration: underline;
}

a.catvisitor {
float:left;
width: 132px;
height: 23px;
padding:0px 10px 0px;
background: url("images/visitorcenter.gif") 0 0 no-repeat;
text-decoration: none;
}
a:hover.catvisitor {
background-position: -182px 0;
}	  
a.retail {
float:left;
width: 110px;
height: 23px;
padding:0px 10px 0px;
background: url("images/retail.gif") 0 0 no-repeat;
text-decoration: none;
}
a:hover.retail {
background-position: -147px 0;
      } 
a.greenspace {
float:left;
width: 70px;
height: 23px;
padding:0px 10px 0px;
background: url("images/greenspace.gif") 0 0 no-repeat;
text-decoration: none;
 }
a:hover.greenspace {
background-position: -95px 0;
}
 
#header {
 width: 685px;
 float: left;
 padding: 0px;
 height: 64px;
 margin: 0px 0px 0px 0px;
}
#content {
 width: 680px;
 height: 458px;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}
/*----------------------Change Accent Color---------------------*/
/* 
	IE hack: IE will recognize the straight ID selector style, it will skip over the html child selector 
	position for IE first, then position for Webkit,Gecko,etc
*/


/* need to include this for each new template -- these are the color borders around the main photos */

#accentcolor {
 width: 290px;
 height: 290px;
 margin-left:35px;
 margin-top:82px;
 background-color:#d16f1a;
 float:left;
}
html>body #accentcolor {
 margin-left: 72px;
}

#accentcolorRiverfront {
 	width: 290px;
 	height: 290px;
 	margin-left: 35px;
	margin-top:75px;
 	background-color:#fff;
	float:left;
}

html>body #accentcolorRiverfront {
	margin-left: 72px;
}

#accentcolorVisitor {
 width: 290px;
 height: 290px;
 margin-left:35px;
 margin-top:75px;
 background-color:#fff;
 float:left;
}
html>body #accentcolorVisitor {
 margin-left: 72px;
}

#accentcolorGreen {
 width: 290px;
 height: 290px;
 margin-left:35px;
 margin-top:75px;
 background-color:#fff;
 float:left;
}
html>body #accentcolorGreen {
 margin-left: 72px;
}

#accentcolorRetail {
 width: 290px;
 height: 290px;
 margin-left:35px;
 margin-top:75px;
 background: #fff;
 float:left;
}
html>body #accentcolorRetail{
 margin-left: 72px;
}
/*--------------------------------------------------------------*/
#tagline {
 	width: 200px;
	height: 62px;
 	padding-left:0px;
 	margin-left:0px;
 	margin-right:120px;
 	margin-top:0px;
}

#contentcontainer {
 	width: 290px;
 	height: 275px;
 	padding-left:0px;
 	margin-left:0px;
 	margin-right: 5px;
 	margin-top:3px;
 	/*overflow: none;*/
	float: right;
}

#contentcontainer img {
	padding-left: 0px;
}

#contentcontainer p {
 	padding-right: 10px;
 	padding-left: 3px;
 	line-height: 1.5;
}

#imagenav {
	width:685px;
	border-top:10;
	padding:0px 0px 0px;
}

.imgbutton {
	width: 110px;
	float: right;
	margin: 10px; 
}


#btn1 {
	margin-right: 15px;
}

.imgbutton a {
	margin-top: 10px;
	float: left;
	width: 90px;
	height: 90px;
	padding: 0px 0px 0px;
	text-decoration: none;
}

#home .imgbutton a {
	border: 3px #000 solid;
}

#home .imgbutton a:hover {
	border: 3px #d16f1a solid;
}

#riverfront .imgbutton a {
	border: 3px #8b438c solid;
}

#riverfront .imgbutton a:hover {
	border: 3px #fff solid;
}

#retail .imgbutton a {
	border: 3px #5d9732 solid;
}

#retail .imgbutton a:hover {
	border: 3px #ffffff solid;
}

#visitor .imgbutton a {
	border: 3px #ffcc00 solid;
}

#visitor .imgbutton a:hover {
	border: 3px #ffffff solid;
}

#greenspace .imgbutton a {
	border: 3px #1595d3 solid;
}

#greenspace .imgbutton a:hover {
	border: 3px #fff solid;
}

#footer {
	clear: both;
	width: 685px
	text-align: center;
	color: #333;
	background: #fff;
	padding-top: 10px;	
	padding-left: 425px;
	margin: 0;
}