* { padding: 0; margin: 0; }

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

#buildtheblock {
	background: #d16f1a;
}

#riverfront {
	background: #8b438c;
}

#visitor {
	background: #ffcc00;
}	

#retail {
	background: #5d9732;
}

#greenspace {
	background: #1595d3;
}

img {
	border: none;
	text-decoration: none;
}
/*-------------------------------------------------------*/
#wrapper { 
 	margin: 0 auto;
 	width: 922px;
}

#leftcolumn { 
 	margin: 0px 0px 0px 0px;
 	padding: 0px;
 	height: 685px;
 	width: 210px;
 	float: left;
}

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

#logo img {
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	display: block;
}

#logo .tagline {
	margin-left: 6px;
}

#leftnav {
	width:210px;
	text-align:right;
	height:500px;
}

html > body #leftnav{
	margin-top:350px;
}

a.leftnav {
	color: #fff;
	padding: 2px;
	text-decoration: underline;
        font-weight: normal;
}

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



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

/*----------------------------------------------------------*/
a.primarynav {
	text-decoration: none;
	color: #fff;
	padding: 2px;
        font-size: 13px;
}

#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: 5px;
	padding-right: 5px;
}

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

a.active {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}


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;
 height: 132px;
 float: left;
 padding: 0px;
 height: 132px;
 margin: 0px 0px 0px 0px;
}
#content {
 width: 680px;
 height: 390px;
 float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}
/*----------------------Change Accent Color---------------------*/
#accentcolor {
 width: 290px;
 height: 290px;
 margin-left:72px;
 background-color:#d85700;
float:left;
}

/* 
	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
*/
#accentcolorRiverfront {
 	width: 290px;
 	height: 290px;
 	margin-left: 35px;
 	background-color:#fff;
	float:left;
}
/* need to include this for each new template */
html>body #accentcolorRiverfront {
	margin-left: 72px;
}

#accentcolorVisitor {
 width: 290px;
 height: 290px;
 margin-left:72px;
 background-color:#fff;
float:left;
}
#accentcolorGreen {
 width: 290px;
 height: 290px;
 margin-left:72px;
 background-color:#fff;
float:left;
}
#accentcolorRetail {
 width: 290px;
 height: 290px;
 margin-left:72px;
 background: #fff;
float:left;
}
/*--------------------------------------------------------------*/
#buildtheblock #rightcolumn h2 {
	color: #d16f1a;
	margin-left: 50px;
	margin-top: 45px;
}

#riverfront #rightcolumn h2 {
	color: #8b438c;
	margin-left: 50px;
	margin-top: 45px;
}

#visitor #rightcolumn h2 {
	color: #ffcc00;
	margin-left: 50px;
	margin-top: 45px;
}

#retail #rightcolumn h2 {
	color: #5d9732;
	margin-left: 50px;
	margin-top: 45px;
}

#greenspace #rightcolumn h2 {
	color: #1595d3;
	margin-left: 50px;
	margin-top: 45px;
}

#contentcontainer {
 	width: 600px;
 	height: auto;/*685px;*/
 	padding-left:0px;
 	margin-left:0px;
 	margin-right: 0px;
 	overflow: none;
	float: left;
}

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

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

#contentcontainer p {
 	padding-right: 10px;
 	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px; 
 	line-height: 1.5;
	color: #000;
	font-size: 12px;
}

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

.imgbutton {
	width: 115px;
	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;
}

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

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

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

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

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