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

/* general areas */

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

fullbody {
    background: #e6e6e6 url('/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/greenpribg.gif') repeat;
}

pre {
    padding-left: 20px;
}

div.content {
    padding: 1em;
}

/* Standard tags redefined */

.hidden {
    display: none;
}

a:hover {
    text-decoration: underline;
}

a:link {
    color: #13294B;
    text-decoration: none;
}

a:visited {
    color: #13294B;
    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 {
    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 {
    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;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: .97em;
}

h5 {
    font-size: .8em;
}

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

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

p {
    font-size: 1em;
    margin-bottom: .5em;
    padding-right: 10px;
    line-height: 1.3;
}

p a:link {
    font-weight: bold;
}

ul {
    list-style: square;
    padding-left: 1.2rem;
}

/* 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: #fff;
    position: relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

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

#FullPageContent {
    padding: 4px;
}

#contentColumnHome {
    padding: 0;
    margin: 0;
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


#search-by-name {
    background-image: url('/css/searchicon.png');
    /* Add a search icon to input */
    background-position: 10px 12px;
    /* Position the search icon */
    background-repeat: no-repeat;
    /* Do not repeat the icon image */
    width: 50%;
    /* Full-width */
    font-size: 16px;
    /* Increase font-size */
    padding: 12px 20px 12px 20px;
    /* Add some padding */
    border: 1px solid #ddd;
    /* Add a grey border */
    border-radius: 4px;
    margin-bottom: 12px;
    /* Add some space below the input */
}

//styles pulled from Public Affairs' styles for shortcode directories

#mainNav {
    margin-bottom: 4rem;
}

.mainContent {
    padding: 2rem;
}

.mainText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3em;
}

.profile-photo {
    margin-bottom: 1.5rem;
}

.profile-photo img {
    width: 150px;
    height: auto;
    border: 1px solid #e6e6e6;
    max-width: 100%;
    margin-left: 5px;
    box-shadow: 0 0 0 5px #F4F4F2, 0 0 0 6px #E0E0E0;
}

.profile-details > span {
    display: block;
    color: #767676;
    font-size: 0.9rem;
    line-height: 1.5;
}

.profile-details > span:nth-of-type(2) {
    color: #000;
}

.profile-details > span:nth-of-type(3) {
    font-style: italic;
}

.profile-details .name {
    font-weight: 600;
}

.search-result {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin: 2rem 3.5rem;
    padding-right: 1.25rem;
}

//end 

//styles to override Public Affairs styles in Directory shortcode
.mainText > h2,
.mainText > h3 {
    display: none;
}

// end PA override

@media (min-width: 768px) {
    .search-result {
        width: 40%;
        margin: 2rem 0;
    }
}

@media (min-width: 1200px) {
    .search-result {
        width: 33%;
        margin: 2rem 0;
    }
}


#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;
    /* [20160616] background: #d9d2b8 url('/packages/theme_inhs_201207/themes/inhs//elements/css/images-core/tanpribgtop.gif') repeat; */
    /* in top div only, special graphic */
    background: #e6e6e6;
    /* in top div only, special graphic */
    padding-left: .1em;
    padding-right: .1em;
}


#header #INRSBar a {
    font-size: smaller;
    /* [20160616] color: #aaa; */
    color: #424242;
    text-decoration: none;
    margin: 0px;
}

#header #INRSBar a:link,
#header #INRSBar a:visited {
    /* [20160616] color: #766354; */
    color: #424242;
}

#header #INRSBar a:hover,
#header #INRSBar a:focus {
    /* [20160616] color: #625346; */
    color: #696969;
    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;
    /* [20160616] background-color: #e2ddc9; */
    background-color: #707171;
    padding-left: .5em;
    padding-top: .2em;
    padding-bottom: .3em;
    /* [20160616] border-top: 1px solid #9D8977; */
    border-top: 1px solid #ccc;
}

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

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

#header #surveys a:hover,
#header #surveys a:focus {
    /* [20160616] color: #696969 #625346; */
    color: #ccc;
    text-decoration: underline;
}

#header #surveys a.selectedsurvey {
    /* [20160616] color: #9d8977;
  text-decoration: none; */
    color: #ccc;
    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: 6.5em;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: relative;
    display: block;
    background-color: #1d2b4c;
    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: 1.95em;
    left: .4em;
    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;
}

#surveyname2 {
    color: #fff;
    font-family: "tw cen mt", verdana, geneva, sans-serif;
    font-size: xx-large;
    text-transform: uppercase;
    position: absolute;
    bottom: 0.9em;
    left: .4em;
    text-shadow: 2px 2px 3px #000000;
    text-decoration: none;
}

#surveyname3 {
    color: #fff;
    font-family: "tw cen mt", verdana, geneva, sans-serif;
    font-size: xx-large;
    text-transform: uppercase;
    position: absolute;
    bottom: 0.30em;
    left: .4em;
    text-shadow: 2px 2px 3px #000000;
    text-decoration: none;
}

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


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

#bannerImage #UIlogo img {
    border: 0;
}

#bannerImagefs #UIlogo img {
    border: 0;
}

#bannerImage #uilogo150,
#bannerImagefs #uilogo150 {
    color: #fff;
    position: absolute;
    bottom: .58em;
    right: 3.8em;
    border: 0;
}

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

#header #NAVBar {
    clear: both;
    position: relative;
    padding-left: .5625em;
    padding-right: .5625em;
    font-size: smaller;
    /* [20160616] background-color: #62564a; */
    background-color: #000;
    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;
    /* [20160616] background-color: #e2ddc9; */
    background-color: #000;
    padding: 0.5em 1em 0 1em;
    /* [20160616] border-bottom: 1px solid #9D8977; */
    border-bottom: 1px solid #ccc;
    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;
    /* [20160616] background-color: #e2ddc9; */
    background-color: #ddd;
    padding: 1em 1em .5em 0em;
    font-size: 10px;
    border-top: 1px solid #366592;
    /* position: relative; */
    top: 0;
    height: 8em;
}

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

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

#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;
}

/* breadcrumb */

#breadcrumb {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: xx-small;
    font-weight: 600;
    left: 3em;
    top: 3em;
    position: relative;
    width: 55%;
    color: #808080;
}

#breadcrumb a {
    text-decoration: none;
    color: #808080;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#breadcrumb a:visited {
    text-decoration: none;
}

#breadcrumb.span.delim {
    color: #808080 !important;
}

#breadcrumb span {
    color: #d93a17;
}

/* 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;
}

.float-right {
    margin: 0.5em 0.5em 0.5em 0.8em;
    float: right;
}

.float-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;
    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;
}

;
