@charset "utf-8";
/* css document */

/* general areas */

body {
  padding: 0;
  border: 0;
  margin: 0;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 1em;
  background: #d9d2b8 url('/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/tanpribg.gif') repeat;
  }

  
  fullbody {
  padding: 0;
  border: 0;
  margin: 0;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 1em;
  background: #d9d2b8 url('/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/greenpribg.gif') repeat;
  }
  
pre {
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 1em;
  padding-left: 20px;
  }

/* content area */
#contentColumn {
  padding: 0;
  margin: 0;
  width: 900px;/*tried to change to 900px or 56.25em and didn't see difference*/
  margin: 0 auto;
  background-color:#ffffff;
  position: relative;
  border-left: 1px solid #9d8977;
  border-right: 1px solid #9d8977;
  border-bottom: 1px solid #9d8977;
  }

  #fullcontentColumn {
  padding: 0;
  margin: 0;
  width: 99%;/*tried to change to 900px or 56.25em and didn't see difference*/
  background-color:#ffffff;
  position: relative;
  border-left: 1px solid #9d8977;
  border-right: 1px solid #9d8977;
  border-bottom: 1px solid #9d8977;
  }
  
  #FullPageContent {
  padding: 4px;
  }

  
#contentColumnHome {
  padding: 0;
  margin: 0;
  width: 900px;/*tried to change to 900px or 56.25em and didn't see difference*/
  margin: 0 auto;
  background-color: #E8F4E9;
  position: relative;
  border-left: 1px solid #9d8977;
  border-right: 1px solid #9d8977;
  border-bottom: 1px solid #9d8977;
  }
  

#mainContent {
  clear: both;
  color: #000;
  font-weight: normal;
  min-height: 478px;
  }

#mainContent h1 {
  margin: 0;
  padding: 0;
  border: 0;
  }

/* PRI/UI navigation */
#header {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  top: 0;
  left: 0;
  }

#header #INRSBar {
  text-transform:uppercase;
  padding-top: .25em;
  padding-bottom: 1.15em;
  width: 100%; /* 56.25em */
  margin-left:-.1em;
  background: #d9d2b8 url('/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/tanpribgtop.gif') repeat;   /* in top div only, special graphic */
  padding-left:.1em;
  padding-right:.1em;
  }


#header #INRSBar a {
  font-size: smaller;
  color: #aaa;
  text-decoration: none;
  margin: 0px;
  }

#header #INRSBar a:link, #header #INRSBar a:visited {
  color: #766354;
  }

#header #INRSBar a:hover, #header #INRSBar a:focus {
  color: #625346;
  text-decoration: underline;
  }

#header #INRSBar #INRStxt {
  float: left;
  padding-left: .5em;
  }

#header #INRSBar #UIUCtxt {
  float: right;
  padding-right: .5em;
  }

a.INRStxt {
  color: #fff;
  }
  
a.IE6white {
  color: #ffffff;
  }

span.INRStxt {
  margin: 0em 0em 0em 0em;
  float: left;
  padding-left: .5em;
  }

span.UIUCtxt {
  margin: 0em 0em 0em 0em;
  float: right;
  padding-right: .5em;
  }

/* Survey navigation */
#header #surveys {
  clear:both;
  font-size: 0.76em;
  word-spacing: -1px;
  background-color: #e2ddc9;
  padding-left: .5em;
  padding-top: .2em;
  padding-bottom: .3em;
  border-top: 1px solid #9D8977;
  }

#header #surveys a {
  color: #8b7663;
  text-decoration: none;
  }

#header #surveys a:link, #header #surveys a:visited {
  color: #766354;
  }

#header #surveys a:hover, #header #surveys a:focus {
  color: #625346;
  text-decoration: underline;
  }

#header #surveys a.selectedsurvey {
  color: #9d8977;
  text-decoration: none;
  }

#header #surveys li {
  margin: 0;
  list-style: none;
  display:inline;
  padding-left: .0em;
  padding-right: .0em;
  }

#header #surveys li.first {
  margin: 0;
  border: 0;
  list-style: none;
  display: inline;
  padding-left: 0em;
  padding-right: .1em;
  }

#header #surveys ul {
  padding: 0;
  margin: 0;
  border: 0;
  }

.navmarker {
  padding: 0;
  margin: 0;
  border: 0;
  }

/* INHS/UI banner */ 
#bannerImage {
  background: #FFFFFF url('/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/banner-back.jpg') repeat-y right top;
  height: 5.938em;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: relative;
  display: block;
  border-top: none;
  border-bottom: none;
  }
  #bannerImagefs {
  background: #FFFFFF url('/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/banner-back.jpg') repeat-y right top;
  height: 60px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: relative;
  display: block;
  border-top: none;
  border-bottom: none;
  }

#bannerImage:hover {
  /*background: #345399 url('/packages/theme_inhs_201207/themes/inhs/css/images-core/isws-banner.jpg') no-repeat right top; */
  }

#bannerImage .homehide {
  visibility: hidden;
  display: block;
  min-height: 50px;
  }

#bannerImage #SurveyName {
  color: #fff;
  font-family:"tw cen mt",verdana, geneva, sans-serif;
  font-size: xx-large;
  text-transform: uppercase;
  position: absolute;
  bottom: .3em;
  left: .5em;
  text-shadow: 2px 2px 3px #000000;
  }
  
  #bannerImagefs #SurveyName {
  color: #fff;
  font-family:"tw cen mt",verdana, geneva, sans-serif;
  font-size: xx-large;
  text-transform: uppercase;
  position: absolute;
  bottom: .14em;
  left: .5em;
  text-shadow: 2px 2px 3px #000000;
  }

#bannerImage #SurveyName a {
  color: #fff;
  text-decoration: none;
  }

#bannerImage #SurveyName a:link, #bannerImage #SurveyName a:visited {
  color: #fff;
  }

#bannerImage #SurveyName a:hover, #bannerImage #SurveyName a:focus {
  color: #fff;
  }

#bannerImage #UIlogo {
  color: #fff;
  position: absolute;
  bottom: .5em;
  right: .5em;
  border: 0;
  }
  
  
#bannerImagefs #UIlogo {
  color: #fff;
  position: absolute;
  bottom: .5em;
  right: .5em;
  border: 0;
  }

#bannerImage #UIlogo img {
  border: 0;
  }

  #bannerImagefs #UIlogo img {
  border: 0;
  }
  
/* INHS navigation */
#headerimage {
  position: absolute;
  width: 56.25em;
  height: 5.31em;
  border: none;
  }

#header #NAVBar {
  clear: both;
  position: relative;
  padding-left: .5em;
  padding-right: .5em;
  font-size: smaller;
  background-color: #62564a;
  border-top: none;
  border-bottom: 1px solid #e8f4e9;
  height: 2em;
  line-height: 2em;
  }

#NAVBar a {
  color: #fff;
  text-decoration: none;
  }

#NAVBar a:link, #NAVBar a:visited {
  color: #fff;
  }

#NAVBar a:hover, #NAVBar a:focus {
  color: #d1c8be;
  text-decoration: underline;
  }

#NAVBar #Director {
  float: right;
  padding-right: .5em;
  }

#NAVBar #NavLinks {
  float: left;
  }

#OutreachSidebar {
float: right;
	width:190px;
	margin-right: 35px;
	margin-left: 7px;
	margin-top: 25px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
    text-decoration:none; 
	border-color:#333333; 
	border-width: .16em;
	border-style: solid;

}
  
#RightSideBar {
	float: right;
	width:250px;
	margin-right: 35px;
	margin-left: 7px;
	height: 145;
	padding: 10px;
	background-color: #4c4c4c;
	font-family: Arial, Helvetica, sans-serif;
    text-decoration:none; 
	border-color:#333333; 
	border-width: .16em;
	border-style: solid;
}


div#RightSideBar a:link {
  color: #FFFFFF;
  }
  div#RightSideBar a:visited {
  color: #FFFFFF;
  }
div#RightSideBar a:hover {
	color:#FFFFFF; 
	text-decoration: underline;
}
#NAVBar #NavLinks li {
  margin: 0;
  list-style: none;
  display:inline-block;
  padding-left: .5em;
  padding-right: 1em;
  border-right: 2px solid #FFFFFF;
  height: 2em;
  line-height: 2em;
  }

#NAVBar #NavLinks ul {
  padding: 0;
  margin: 0;
  border: 0;
  }

/* INHS sub navigation */

#header #NavSubBar {
  clear: both;
  font-size: 0.72em;
  word-spacing: -1px;
  background-color: #e2ddc9;
  padding: 0.5em 1em 0 1em;
  border-bottom: 1px solid #9D8977;
  height: 1.5em;
  line-height: 0.8em;
  }

#NavSubBar a {
  color: #62564a;
  text-decoration: none;
  }

#NavSubBar a:link, #NavSubBar a:visited {
  color: #62564a;
  }

#NavSubBar a:hover, #NavSubBar a:focus {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
  }

#NavSubBar #Director {
  float: right;
  padding-right: .5em;
  }

#NavSubBar #NavSubLinks {
  float: left;
  }

#NavSubBar #NavSubLinks li {
  margin: 0;
  list-style: none;
  display: inline-block;
  padding: 0.1em 1em 0em 1em;
  border-right: 2px solid #d1c8be;
  height: 1.2em;
  line-height: 0.8em;
  }

#NavSubBar #NavSubLinks ul {
  padding: 0;
  margin: 0;
  border: 0;
  }
  
/* Page footer */
#footerArea {
  clear: both;
  background-color: #e2ddc9;
  padding: 1em 1em .5em 0em;
  font-size: 10px;
  border-top: 1px solid #366592;
  /* position: relative; */
  top: 0;
  height: 8em;
  }

#footerArea a {
  color: #444444;
  text-decoration: none;
  }

#footerArea h3 {
  font-size: 12px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  color: #004000;
  }

#footerArea li {
  padding: .2em;
  }

#footerArea .column_left {
  float: left;
  padding-left: 1em;
  color: #444444;
  }

#footerArea .column_right {
  float: right;
  padding-right: 1em;
  color: #444444;
  text-align: right;
  }

#footerArea .column_right h3 {
  font-size: 10px;
  }

#footerArea h1,#footerArea h2,#footerArea h4,#footerArea h5
{
  margin-bottom: 0;
  padding-bottom: 0;
  color: #444444;
  }

#footerArea p, #footerArea ul, #footerArea li {
  margin-top: 0;
  list-style: circle;
  font-size: 1em;
  color: #444444; 
  }

/* Home page layout */

#lsidebar {
  float: left;
  margin: 0px;
  padding: 5px;
  width: 24%;
  }

#lsidebar h4 {
  text-align: center;
  }

#lsidebar h4 a {
  text-align: center;
  color: #004000;
  padding: 2px;
  }

#lsidebar h4 a:hover {
  color: black
  }

#lsidebar img {
  display: block;     /*images must be set to block in order use auto margins*/
  margin: 0 auto;     /*centers images in most browsers*/
  text-align: center; /*centers images in older browsers*/
  }

#lsidebar p {
  padding-left: 0px;
  font-size: .75em;
  margin-bottom: -.1em;
  margin-right: 0px;
  }

#lsidebar ul {
  list-style: none;
  }

#midColumn {
  float: left;
  margin: 0px 5px;
  width: 48.5%;
  background-color: white;
  border-top: 8px solid #e8f4e9;
  }

#midColumn h4 {
  margin-top: inherit;
  }

#midColumn h4 a {
  color: #004000;
  padding: 2px; 
  }

#midColumn h4 a:hover {
  color: black
  }

#midColumn p {
  padding-left: 0px;
  font-size: .75em;
  margin-bottom: -.1em;
  margin-right: 5px;
  }

#rsidebar {
  float: right;
  margin: 0 0 0 -5px;
  padding: 5px;
  width: 24%;
  }

#rsidebar h4 {
  text-align: center;
  }

#rsidebar h4 a { 
  text-align: center;
  color: #004000;
  padding: 2px;
  }

#rsidebar h4 a:hover {
  color: black
  }

#rsidebar img {
  display: block;     /*images must be set to block in order use auto margins*/
  margin: 0 auto;     /*centers images in most browsers*/
  text-align: center; /*centers images in older browsers*/
  }

#rsidebar p {
  padding-left: 0px;
  font-size: .75em;
  margin-bottom: -.1em;
  margin-right: 0px;
  }
   
#rsidebar ul {
  list-style: none;
  }


  
/* RSS formatting */

#pscroller1{
  height: 2em; 
  border: none;
  }

.rss-date {
  font-size: 10px;
  }

.rss-item {
  margin-bottom: .5em;
  margin-left: -15px;
  }

.rss-item a {
  font-size: 12px;
  font-weight: bold;
  }

.rssclass a{
  text-decoration: none;
  }

.rssclass .rssdate{
  color: gray; 
  font-size: .7em; 
  font-family: Arial, Helvetica, sans-serif;
  }

.rssclass .rsstitle{
  font-weight: 100; 
  font-size: .75em;
  }

ul.rss-items {
  list-style: none;
  }

/* Standard tags redefined */

.hidden { display: none; }

a:hover {
  text-decoration: underline; 
  color:black; 
  }

a:link {
  color: #004000; 
  text-decoration: none; 
  }
  
a:visited {
  color: #004000; 
  text-decoration: none;
  }

div.footer {
  position: relative; 
  width: auto; 
  clear: both; 
  text-align: center; 
  *top: .5em; 
  margin-bottom:.75em;
  }

div.holder {
  position: relative;
  top: 1.25em;
  left: 210px;
  width: 40em;
  }

div.main {
  position: relative; 
  float: left; 
  width: auto; 
  left: 17.5%; 
  top: 1em;
  }

div.main2 {
  float: left; 
  width: 19.4em;
  }

div.mainCol1{
  left: 205px; 
  float: left; 
  padding-right: 1.5em; 
  width: 19em;
  }
  
div.mainCol1#links a {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: 500; 
  font-size: .9em; 
  color: #FFFFFF; 
  line-height: 1.25em;
  }

div.relatedLinks {
  position: absolute; 
  top: 635px; 
  left: 5px; 
  width: 205px;
  }

div#links a {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
  font-size: .9em;
  letter-spacing: .2em;
  color: #004000;
  margin-bottom: -.8em;
  }
  
div#links a span {
  display: none;
  }
  
div#links a:hover {
  text-decoration: underline;
  color:black; 
  }

div#marquee {
  position: relative;   
  height: 3em; 
  top: 0em; 
  text-align: center;
  }

h1 {
  font-size: 1.55em;
  text-align: center;
  }
  
h2 {
  font-size: 1.3em; 
  text-align: center;
  }
  
h3 {
  font-size: 1.2em; 
  padding-left: 10px;
  }
  
h4 {
  font-size: .97em; 
  padding-left: 10px;
  }
  
h5 {
  font-size: .8em;  
  padding-left: 10px;
  }

li.main {
  margin-bottom: 2.5em;  
  list-style: none; 
  display:inline; 
  left: -5em; 
  font-size: 1em;
  }

ol li{
  font-size: .95em;
  }

p.main {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .95em;
  margin-bottom: .5em;
  }

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: .95em;
  margin-bottom: .5em;
  padding-left: 10px;
  padding-right: 10px;
  }
  
p a:link{
  font-weight: bold;
  }

ul {
  list-style: circle;
  }
  
  
/* breadcrumb */

#breadcrumb {
  position: relative; 
  width: 55%; 
  left: 1em; 
  // left: 16em;
  font-size:.75em; 
  top: .15em;
  }
  
#breadcrumb a {
  text-decoration: none; 
  color: #000000;
  }
  
#breadcrumb a:hover {
  text-decoration: underline; 
  color: #000000;
  }
  
#breadcrumb a:visited {
  text-decoration: none; 
  color: #000000;
  }
  
/* Image positioning */
.floatimgleft {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  }

.floatimgright {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  }
  
.floatleft {
  float: left; 
  margin: 0 10px 10px 10px; 
  padding: 0;
  }
  
.floatright {
  float: right; 
  margin: 0; 
  padding-left: 10px;
  }
  
.floatleftright {
  float: left; 
  margin-left: 20px;
  }
  
.photocaption {
  font-size:.6em; 
  margin: 0; 
  padding: 0;
  }

/*the following allows for placing dialog underneath a photo*/
.picture { 
  background-color: #F9F9F9;
  border: 1px solid #CCCCCC;
  padding: 3px; 
  }
  
.picture img { 
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  margin-bottom: 3px; 
  }
  
.right { 
  margin: 0.5em 0.5em 0.5em 0.8em;
  float:right; 
  }
  
.left { 
  margin: 0.5em 0.8em 0.5em .5em;
  float:left; 
  }

/*this is how it is used on the page:
<div class="picture left" style="width:163px;" >(width of your photo plus a few extra px)
<img src="/elements/css/images-core/acrogonia.gif" />
<p class="photocaption">Female <em>Acrogonia </em>sp. from Guatemala displays reserves of brochosomes to be used in oviposition on its forewings.</p> </div>*/

#pullquote {
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  font-size: 18px;
  font-style: italic;   
  text-align: left; 
  position: relative;
  width: 300px; 
  float: right; 
  margin-right: 10px; 
  top: 0px; 
  margin-bottom: 50px;
  }
  

.main .centercol {
  float: left;
  width: 450px;
  }
  
.main .rightcol {
  float: left;
  width: 200px;
  }
  
.main .rightcol li {
  padding-bottom: 5px;
  }
  
.main .leftcol li {
  padding-bottom: 5px;
  }
  
.main .centercol li {
  padding-bottom: 5px;
  }
  
.main .leftcol {
  width: 200px;
  float: left;
  }

/* c5 admin login bar */

div#loginbar {
  font-size: 0.87em;
  color: #fff;
  text-shadow: 2px 2px 3px #000000;
  height: 24px;
  width: 100%;
  background-color: black;
  }

div#loginbar a {
  font-size: 0.87em;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 3px #000000;
  }

div#loginbar a:hover {
  font-size: 0.87em;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 3px #000000;
  }

div#loginbar a:visited {
  font-size: 0.87em;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 3px #000000;
  }

div#loginbar ul {
  list-style-type: none;
  }
  
div#loginbar li {
  display: inline;
  }
  
div#loginbar li a {
  padding: 10px;
  color: #FFFFFF;
  }

div#loginbar a:hover {
  font-weight: bold;
  }

div#loginbar .loginbarNotice {
  background-color: red;
  }


/* search bar */  
#search {
    color: white;
    padding: 0px 0px 0px 0px;
   
}
.search {
	 margin:  auto;
}


#search input[type="text"] {
    position: relative;
    // background: url(/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/search-white.png) no-repeat 3px 3px #444;
    // background: url(/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/search-white.png) no-repeat 3px 3px #62564a;
    background: url(/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/search-dark.png) no-repeat 6px 3px #eeeeee;
    border: 0 none;
    // font: bold 12px Arial,Helvetica,Sans-serif;
    font: 14px Arial,Helvetica,Sans-serif;
    // color: #d7d7d7;
    color: black;
    width:60px;
    padding: 3px 12px 3px 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s, 0s ease-in-out;
    }

#search input[type="text"]:focus {
    // background: url(/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/search-dark.png) no-repeat 6px 3px #fcfcfc;
    background: url(/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/search-dark.png) no-repeat 6px 3px #ffffff;
    color: #6a6f75;
    width: 78px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }

/* home page tab inset */
.nes-tabs {
    position: relative;
    min-height: 350px; /* This part sucks */
    width: 200px;
    clear: both;
    margin: 10px 0;
    }
.nes-tabs .tab {
    float: left;
    }
.nes-tabs .tab label {
    background: #eee;
    padding: 5px; 
    border: 1px solid #ccc;
    margin-left: -1px;
    position: relative;
    left: 1px;
    }
.nes-tabs .tab [type=radio] {
    display: none;  
    }
.nes-tabs .tab .content {
    position: absolute;
    top: 23px;
    left: 0;
    background: white;
    right: 0;
    bottom: 0;
    padding: 10px;
    border: 1px solid #ccc;
    }
.nes-tabs .tab .content li {
  list-style: none;
}
.nes-tabs [type=radio]:checked ~ label {
    background: white;
    border-bottom: 1px solid white;
    z-index: 2;
    }
.nes-tabs [type=radio]:checked ~ label ~ .content {
    z-index: 1;
    }

	
div.wrapper{
	float:left; /* important */
	position:relative; /* important(so we can absolutely position the description div */
}
div.description{
	position:relative; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	width:100%;
	/* styling bellow */
	background-color:black;
	font-family: 'tahoma';
	font-size:15px;
	color:white;
	opacity:0.6; /* transparency */
	filter:alpha(opacity=60); /* IE transparency */
}
p.description_content{
	padding:10px;
	margin:0px;
}

.img-wrap{
height:314px;
overflow:hidden;
position:relative;
width:300px;
}
.img-overlay{
background-color:#000;
bottom:0;
color:#fff;
opacity:0;
filter: alpha(opacity = 0);
position:absolute;
width:100%;
z-index:1000;
}
.img-overlay h4, .img-overlay p{
padding:0 10px;
}
.img-wrap:hover .img-overlay{
opacity:0.75;
filter: alpha(opacity = 75);
transition:opacity 0.25s;
-moz-transition:opacity 0.25s;
-webkit-transition:opacity 0.25s;
}

.wrap {
	  /* force the div to properly contain the floated images: */
	  position:relative;
	  float:bottom;
	  clear:none;
	  overflow:hidden;
	}
	.wrap img {
	  position:relative;
	  z-index:1;
	}
	.wrap .desc {
	  display:block;
	  position:absolute;
	background: #000;
	opacity:0.7;
	filter:alpha(opacity=70);
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	 bottom: -20px;
	  left:1;
	  z-index:1;
	  text-align:left;
	  text-color:ffffff;
	}
        .wrap h4 {
          color: #ffffff;
        }
	
.wrap a:link {
	color: #FFFFFF;
}

.wrap a:hover {
	color: #FFFFFF;
}

.wrap a:visited {
	color: #FFFFFF;
}
	
/*Leafhopper Sidebar*/
#leafside {
	border-right: 1px solid #9d8977;
	background-color: #E8F4E9;
	}
#leafside ul 
{
list-style-type: disc;
}

#sportfishnav

{
	background-image: url(/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/INHSFishNav.png);
	background-repeat: repeat-x;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 20px;
	color:#FFFFFF;
	text-shadow: 1px 1px #000000;
	
	
	}
.sportfishnav  a:link {color:#FFFFFF;};    
.sportfishnav	a:visited {color:#FFFFFF;};
.sportfishnav	a:hover {color:#b7b7b7;};
.sportfishnav	a:active {color:#FFFFFF;};