/**************************************************************************
--------------------------------- GENERAL ---------------------------------------
**************************************************************************/
html,
body {
  margin:0;
  padding:0;
  }
body {
  background:#a5daea url(fresno_custom/bg.jpg) repeat-x top;
  font:normal 14px/20px Arial, Helvetica, sans-serif;
  color:#232323;
  text-align:center;
  }
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
a:active,
a:focus {
  outline: none;
  }
a img {
  border:none;
}
  
/**************************************************************************
--------------------------- MAIN STRUCTURE --------------------------------
**************************************************************************/
#container {
  margin:0 auto;
  width:982px;
  text-align:left;
  }
#header {
  width:982px;
  height:169px;
  background:url(fresno_custom/header.jpg);
  }
.twocol #wrapper1 {
  width:982px;
  background:url(fresno_custom/content-bg-center.jpg) repeat-y;
}
.twocol #wrapper2 {
  width:982px;
  background:url(fresno_custom/content-bg-top.jpg) no-repeat;
}
.twocol #wrapcontent {
  width:982px;
  padding:0 0 34px 0;
  background:url(fresno_custom/content-bg-bottom.jpg) no-repeat bottom;
  }
.twocol #wrapcontent:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#maincol {
  width:737px;
  float:left;
  padding:10px 0 0 18px;
  }
#sidecol {
  width:184px;
  float:right;
  padding:17px 27px 0 0;
  }
  
/**************************************************************************
------------------------------------ HEADER --------------------------------------
**************************************************************************/
#header h1 {
  display:none;
}
  
/**************************************************************************
------------------------------ MAIN COLUMN -----------------------------------
**************************************************************************/
#maincol .section {
  padding:0 20px 10px 20px;
  min-height:225px;
  background:url(fresno_custom/section-divide.jpg) no-repeat bottom;
  }
#maincol .section:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#maincol .section#last {
  padding:0 20px 10px 20px;
  min-height:191px;
  background:url(fresno_custom/section-last.gif) no-repeat bottom;
}
#maincol .section h2 {
  margin:1em 0 .5em 0;
  font:normal 20px/1 Arial, Helvetica, sans-serif;
  color:#46a117;
  }
#maincol .section p {
  margin:1em 0;
}
#maincol .section a {
  color:#f9a605;
  text-decoration:none;
  border-bottom:1px dotted #f9a605;
}
#maincol .section a:hover {
  color:#555;
  border-bottom:1px solid #ccc;
  background:url(fresno_custom/section-divide.jpg) bottom;
}
#maincol .section a.img {
  border:none;
}
#maincol .small-map {
  width:300px;
  float:right;
  padding:0 0 20px 20px;
  text-align:right;
}
#maincol .small-map a img {
  border:none;
}
#maincol .leftcol {
  width:326px;
  float:left;
}
#maincol .leftcol#news em {
  color:#666;
}
#maincol .rightcol {
  width:326px;
  padding-right:20px;
  float:right;
}

  
/**************************************************************************
------------------------------ SIDE COLUMN -----------------------------------
**************************************************************************/
#sidecol ul {
  width:218px;
  margin:0;
  padding:0;
  }
  
/* --
***** Top Level Navigation
-------------------------------------------------------------------------*/
#sidecol ul li {
  width:184px;
  margin:0 0 4px 0;
  list-style-type:none;
  }
#sidecol ul li span {
  display:none;
  }
#sidecol ul li a {
  display:block;
  width:184px;
  height:35px;
  border:none;
  }
  
/** ------------- Home  ---------- **/
#sidecol ul li#nav-home a {
  background:url(fresno_custom/nav-home.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-home a:hover {
  background:url(fresno_custom/nav-home.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-home.on a,
#sidecol ul li#nav-home.on a:hover {
  background:url(fresno_custom/nav-home.jpg) no-repeat -368px 0;
  }
  
/** ------------- Watersheds  ---------- **/
#sidecol ul li#nav-watersheds a {
  background:url(fresno_custom/nav-watersheds.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-watersheds a:hover {
  background:url(fresno_custom/nav-watersheds.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-watersheds.on a,
#sidecol ul li#nav-watersheds.on a:hover {
  background:url(fresno_custom/nav-watersheds.jpg) no-repeat -368px 0;
  }
#sidecol ul li#nav-watersheds.open a,
#sidecol ul li#nav-watersheds.open a:hover {
  background:url(fresno_custom/nav-watersheds.jpg) no-repeat -654px 0;
  }
  
/** ------------- Projects  ---------- **/
#sidecol ul li#nav-projects a {
  background:url(fresno_custom/nav-projects.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-projects a:hover {
  background:url(fresno_custom/nav-projects.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-projects.on a,
#sidecol ul li#nav-projects.on a:hover {
  background:url(fresno_custom/nav-projects.jpg) no-repeat -368px 0;
  }
  
/** ------------- News & Events  ---------- **/
#sidecol ul li#nav-news a {
  background:url(fresno_custom/nav-news.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-news a:hover {
  background:url(fresno_custom/nav-news.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-news.on a,
#sidecol ul li#nav-news.on a:hover {
  background:url(fresno_custom/nav-news.jpg) no-repeat -368px 0;
  }

/** ------------- Search  ---------- **/
#sidecol ul li#nav-search a {
  background:url(fresno_custom/nav-search.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-search a:hover {
  background:url(fresno_custom/nav-search.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-search.on a,
#sidecol ul li#nav-search.on a:hover {
  background:url(fresno_custom/nav-search.jpg) no-repeat -368px 0;
  }
  
/** ------------- People  ---------- **/
#sidecol ul li#nav-people a {
  background:url(fresno_custom/nav-people.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-people a:hover {
  background:url(fresno_custom/nav-people.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-people.on a,
#sidecol ul li#nav-people.on a:hover {
  background:url(fresno_custom/nav-people.jpg) no-repeat -368px 0;
  }

/** ------------- Organizations ---------- **/
#sidecol ul li#nav-organizations a {
  background:url(fresno_custom/nav-organizations.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-organizations a:hover {
  background:url(fresno_custom/nav-organizations.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-organizations.on a,
#sidecol ul li#nav-organizations.on a:hover {
  background:url(fresno_custom/nav-organizations.jpg) no-repeat -368px 0;
  }

/** ------------- Resources ---------- **/
#sidecol ul li#nav-resources a {
  background:url(fresno_custom/nav-resources.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-resources a:hover {
  background:url(fresno_custom/nav-resources.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-resources.on a,
#sidecol ul li#nav-resources.on a:hover {
  background:url(fresno_custom/nav-resources.jpg) no-repeat -368px 0;
  }
  
/** ------------- Involved ---------- **/
#sidecol ul li#nav-involved a {
  background:url(fresno_custom/nav-involved.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-involved a:hover {
  background:url(fresno_custom/nav-involved.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-involved.on a,
#sidecol ul li#nav-involved.on a:hover {
  background:url(fresno_custom/nav-involved.jpg) no-repeat -368px 0;
  }
  
/** ------------- News ---------- **/
#sidecol ul li#nav-news a {
  background:url(fresno_custom/nav-news.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-news a:hover {
  background:url(fresno_custom/nav-news.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-news.on a,
#sidecol ul li#nav-news.on a:hover {
  background:url(fresno_custom/nav-news.jpg) no-repeat -368px 0;
  }
  
/** ------------- Subjects ---------- **/
#sidecol ul li#nav-subjects a {
  background:url(fresno_custom/nav-subjects.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-subjects a:hover {
  background:url(fresno_custom/nav-subjects.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-subjects.on a,
#sidecol ul li#nav-subjects.on a:hover {
  background:url(fresno_custom/nav-subjects.jpg) no-repeat -368px 0;
  }
  
/** ------------- Photos ---------- **/
#sidecol ul li#nav-photos a {
  background:url(fresno_custom/nav-photos.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-photos a:hover {
  background:url(fresno_custom/nav-photos.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-photos.on a,
#sidecol ul li#nav-photos.on a:hover {
  background:url(fresno_custom/nav-photos.jpg) no-repeat -368px 0;
  }
  
/** ------------- Contribute ---------- **/
#sidecol ul li#nav-contribute a {
  background:url(fresno_custom/nav-contribute.jpg) no-repeat 0 0;
  }
#sidecol ul li#nav-contribute a:hover {
  background:url(fresno_custom/nav-contribute.jpg) no-repeat -184px 0;
  }
#sidecol ul li#nav-contribute.on a,
#sidecol ul li#nav-contribute.on a:hover {
  background:url(fresno_custom/nav-contribute.jpg) no-repeat -368px 0;
  }

/* --
***** 2nd Level Navigation
-------------------------------------------------------------------------*/
#sidecol ul ul {
  width:184px;
  background:#d4f6aa url(fresno_custom/subnav-bg.gif) repeat-x top;
  display:none;
  }
#sidecol ul li.on ul {
  display:block;
}
#sidecol ul ul li {
  width:184px;
  margin:0;
  padding:0;
  height:auto;
  list-style-type:none;
  }
#sidecol ul ul a {
  display:block;
  width:143px;
  height:auto;
  padding:7px 10px 7px 31px;
  font:normal 14px/16px Arial, Helvetica, sans-serif;
  border-bottom:1px solid #8ccb8e;
  color:#566835;
  text-decoration:none;
  }
#sidecol ul ul li.on a {
  color:#23a201;
  background:none;
  }
#sidecol ul ul li.open a {
  border:none;
  }

/** ------------- Watersheds  ---------- **/
#sidecol li#nav-watersheds li a {
  background:none !important;
  }
#sidecol li#nav-watersheds ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-watersheds ul li.on,
#sidecol li#nav-watersheds ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-watersheds li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-watersheds ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-watersheds ul li.last.on,
#sidecol li#nav-watersheds ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/** ------------- Projects  ---------- **/
#sidecol li#nav-projects li a {
  background:none !important;
  }
#sidecol li#nav-projects ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-projects ul li.on,
#sidecol li#nav-projects ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-projects li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-projects ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-projects ul li.last.on,
#sidecol li#nav-projects ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/** ------------- Search  ---------- **/
#sidecol li#nav-search li a {
  background:none !important;
  }
#sidecol li#nav-search ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-search ul li.on,
#sidecol li#nav-search ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-search li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-search ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-search ul li.last.on,
#sidecol li#nav-search ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/** ------------- People  ---------- **/
#sidecol li#nav-people li a {
  background:none !important;
  }
#sidecol li#nav-people ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-people ul li.on,
#sidecol li#nav-people ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-people li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-people ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-people ul li.last.on,
#sidecol li#nav-people ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/** ------------- Organizations  ---------- **/
#sidecol li#nav-organizations li a {
  background:none !important;
  }
#sidecol li#nav-organizations ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-organizations ul li.on,
#sidecol li#nav-organizations ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-organizations li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-organizations ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-organizations ul li.last.on,
#sidecol li#nav-organizations ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/** ------------- Resources  ---------- **/
#sidecol li#nav-resources li a {
  background:none !important;
  }
#sidecol li#nav-resources ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-resources ul li.on,
#sidecol li#nav-resources ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-resources li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-resources ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-resources ul li.last.on,
#sidecol li#nav-resources ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/** ------------- Involved  ---------- **/
#sidecol li#nav-involved li a {
  background:none !important;
  }
#sidecol li#nav-involved ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-involved ul li.on,
#sidecol li#nav-involved ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-involved li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-involved ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-involved ul li.last.on,
#sidecol li#nav-involved ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/** ------------- News  ---------- **/
#sidecol li#nav-news li a {
  background:none !important;
  }
#sidecol li#nav-news ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-news ul li.on,
#sidecol li#nav-news ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-news li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-news ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-news ul li.last.on,
#sidecol li#nav-news ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/** ------------- Photos  ---------- **/
#sidecol li#nav-photos li a {
  background:none !important;
  }
#sidecol li#nav-photos ul li a:hover {
  background:#eef7ba !important;
  }
#sidecol li#nav-photos ul li.on,
#sidecol li#nav-photos ul li.on a:hover {
  background:#d6f3b5 !important;
}
#sidecol li#nav-photos li.last a {
  background:url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-photos ul li.last a:hover {
  background:#eef7ba url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
  }
#sidecol li#nav-photos ul li.last.on,
#sidecol li#nav-photos ul li.last.on a:hover {
  background:#d6f3b5 url(fresno_custom/subnav-bottom.gif) no-repeat bottom !important;
}

/**************************************************************************
-------------------------------- FOOTER -----------------------------------
**************************************************************************/

/* --
***** Footer
-------------------------------------------------------------------------*/
#footer p {
  text-align:center;
  color:#fff;
  }

/* --
***** Copyright
-------------------------------------------------------------------------*/
#copyright {
}


/**************************************************************************
-------------------------------- metadata boxes and image floats ----------
**************************************************************************/


.objectDetails {
  float: right;
  width: 20em;
  clear: right;
}
.objectDetails table {
  margin-left: 8px;
}

.imageFloatRight {
  float: right;
  margin-right: 18px;
  margin-left: 8px;
}

.newsImage {
  border: none;
}


/**************************************************************************
-------------------------------- plone integration code --------------------
**************************************************************************/


.contentActions {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.documentEditable {
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}

.documentContent {
padding-right: 0 !important;
padding-left: 0 !important;
background-color: transparent !important;
}

.documentEditable .documentContent{
border-width: 0 0 0 0;
}

h1, h2 {
border-bottom:none !important;
}

.field {
clear:left;
}

.leftcol em, .rightcol em {
color: #666;
}

.leftcol ul, .rightcol ul, .documentContent ul {
margin-left: 2.2em;
}

#portal-personaltools {
background-color:transparent;
border-width: 0 0 0 0;
}

dd.actionMenuContent {
display:none;
}

#maincol .section h1 {
  margin:1em 0 .5em 0;
  font:normal 22px/1 Arial, Helvetica, sans-serif;
  color:#46a117;
  }

#maincol .section h3 {
  margin:1em 0 .5em 0;
  font:normal 18px/1 Arial, Helvetica, sans-serif;
  color:#46a117;
  }

#maincol .section h4 {
  margin:1em 0 .5em 0;
  font:normal 16px/1 Arial, Helvetica, sans-serif;
  color:#46a117;
  }

.contentActions {
border-bottom: 1px solid #74ae0b;
}

.contentViews li a , .contentActions a{
color: #555 !important;
}

#maincol .section .contentViews a,
#maincol .section .contentActions a,
#maincol .section .contentViews a:hover,
#maincol .section .contentActions a:hover {
border-bottom:none;
}


#topic_list p, #topic_list p a {
font-size:120%;
margin-left:2.2em;
}

.searchSection {
display:none;
}

#viewlet-above-content . #region-content, #content{
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
