@charset "utf-8";
/* CSS Document */


body {
font-family:Arial, Helvetica, sans-serif;
width:100%;
background: #6890a7;
background-image:url(/img/cityharvest/soil-background.jpg);
background-repeat:repeat-x repeat-y;
background-attachment:fixed;
font-size:0.75em;
}



* {
  margin: 0;
  padding: 0;
}

img {  border-style: none; }

li {line-height: 1.3em;}

ul {
	list-style-type: square;
	padding: 0 1.5em 1em 2em;
}

ol {
	padding: 0 1.5em 1em 2em;
}

p{
color: #333333;
padding:5px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.8em;
padding:5px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
padding:5px;}


h3{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
padding:5px;
}

h4{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:1.2em;
padding:5px;
}


a{color: #33CCFF;

}

a:visited{color: #999999;}

a:hover{color:#33FFFF;}





#health-link{
background-image:url(/img/cityharvest/health-link-rollover.jpg);
height:75px;
width:100px;
background-repeat:no-repeat;
}

#health-link a, health-link a:link, health-link a:visited {
display:block;}

#health-link a:hover img{
visibility:hidden;}


#community-link{
background-image:url(/img/cityharvest/community-link-rollover.jpg);
height:75px;
width:100px;
background-repeat:no-repeat;
}

#community-link a, community-link a:link, community-link a:visited {
display:block;}

#community-link a:hover img{
visibility:hidden;}

#education-link{
background-image:url(/img/cityharvest/education-link-rollover.jpg);
height:75px;
width:100px;
background-repeat:no-repeat;
}


#education-link a, education-link a:link, education-link a:visited {
display:block;}

#education-link a:hover img{
visibility:hidden;}

#environment-link{
background-image:url(/img/cityharvest/environment-link-rollover.jpg);
height:75px;
width:107px;
background-repeat:no-repeat;
}

#environment-link a, environment-link a:link, environment-link a:visited {
display:block;}

#environment-link a:hover img{
visibility:hidden;}

#economy-link{
background-image:url(/img/cityharvest/economy-link-rollover.jpg);
height:75px;
width:100px;
background-repeat:no-repeat;
}

#economy-link a, economy-link a:link, economy-link a:visited {
display:block;}

#economy-link a:hover img{
visibility:hidden;}



#wrap{
width:817px;
padding: 0 1px 0 1px;
margin:auto;
background-image:url(/img/cityharvest/fiddy.png);
}

#main-content{
border-left:solid 1px #666666;
border-right:solid 1px #666666;
width:815px;
background-color:#FFFFFF;
height:100%;

}

#top-banner{
width:815px;
height:150px;
border-bottom:dotted  #D3E7D5 1px;
margin-bottom:2px;
}

#categories-link{
}


#logo{
float:left;
}



#main-image{
width:815px;
margin:auto;
}

#uppercontent-holder{
background-color:#FFFFFF;
}
	
#introduction{
padding:0;
margin:5px;
margin-left:15px;
float:left;
width:35%;
}

#projects{
padding:0px;
margin:5px;
float:left;
width:32%
}

#projects img {
float:left;
border:1px solid #CCCCCC;
padding:1px;
margin:2px;}

#publications{
padding:0px;
margin:5px;
margin-right:15px;
float:right;
width:25%
}


#newsletter{
padding:0;
margin:5px;
margin-left:15px;
float:left;
width:35%;
}

#news{
padding:0px;
margin:5px;
float:left;
width:32%
}

#search{
padding:0px;
margin:5px;
margin-right:15px;
float:right;
width:25%
}

.underline{
margin:auto;
width:95%;
height:5px;
background-color: #E9E9E9;
}

.underline-dotted{
border-bottom:dotted 1px #CCCCCC;
width:100%;
}

.submit{
background-color:transparent;
background-image:url(/img/cityharvest/input-button.jpg) no-repeat top;
}

.inner-img{
float:left;
padding:5px;
width:600px;}

#lowercontent-holder{
background-color:#FFFFFF;
}

#footer{
color:#666666;
width:100%;
background-color: #FFFFFF;
border-top:dotted 1px #CCCCCC;
height: 100px;
}

#footer p{
color:#666666;
margin: 14px;
}



#inner-holder{
width:100%;
background-color:#FFFFFF;
height:700px;}


#left-column{
width:24%;
float:left;
background-color:#FFFFFF;


}

#inner-content{
width:73%;
float:left;
background-color:#FFFFFF;

}

#breadcrumb{
width:100%;
float:left;
margin-bottom: 6px;
font-size: 0.8em;
}

.left-links{
margin: 10px 20px 15px 5px;

}

#category-filter{
border-top:dotted #999999 1px;
margin:10px 20px 10px 0;
float:left;
}

#search-filter{
border-top:dotted #999999 1px;
margin:10px 0 10px 10px;
float:left;
}

.form{
color:#000000;}





#navcontainer ul
{
padding: 0;
margin-left: 0;
background-color: #6890A7;
color: White;
float: left;
width: 815px;
font-family: arial, helvetica, sans-serif;
font-size:15px;
margin-bottom:2px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1.8em;
background-color: #6890A7;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #CCCCCC;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}
		
		
#sub-navcontainer { 
padding:2px 5px;
width: 200px; 
font-size:15px;}

#sub-navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#sub-navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #FFFFFF;
border-bottom: 1px solid  #999999;
}

#sub-navcontainer a:link, #sub-navlist a:visited
{
color: #000000;
text-decoration: none;
}

#sub-navcontainer a:hover
{
background-color: #CCCCCC;
color: #000000;
border-right:medium #ff6600 solid;
}		





.box  {
	background: #fff;
	position: static;
	float: right;
	width: 250px;
	margin: 10px 0px 20px 15px;
	color: #6890a7;
	font-size: 0.8em;
	text-align: right;
}
.box a  {
	color: #6890a7;
	text-decoration: none;
}






/* SLIDE SHOW ON THE HOMEPAGE */
ul.slideshow {
	list-style:none;
	width:815px;
	height:245px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:815px;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:3px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0 0 0 10px;
	padding:0;	
	font-size:14px;
	color: #fff;
}

#slideshow-caption p {
	margin:0 0 0 10px;
	padding:0;
	font-size:14px;
	color: #fff;
}
/* END SLIDE SHOW ON THE HOMEPAGE */




/* START HOMEPAGE HORIZ PIC BAR*/
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 100px;
	width: 260px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding: 0; 
	/* removing default styling */
	margin: 0;
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}

/* Here are styles for the back button, don't look at them */
#back {
	display: block;
	width: 500px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}
/* END HOMEPAGE HORIZ PIC BAR*/