/* Project: CNHP
URL: http://www.cnhp.org/
Date: May 2009
Author: Fagan Johnson */
/**************************************
Override default styling rules
**************************************/
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
/* This style sheet is licensed under a Creative Commons License. */
:link, :visited { text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, * {
margin: 0; padding:0; }
a img, :link img, :visited img, a:link img, a:visited img {
border: none;
}
/* normalize font-size for all headers */
h1, h2, h3, h4 { font-size: 100%; }
img, fieldset { display: block; border: none; }
/* To prevent jumping */
html { min-height: 100%; margin-bottom: 1px; }
/**************************************
Default rules
**************************************/
/* Transparency method used for IE6 - js/unitpngfix.js */
h1, h2, h3, h4 {
margin-bottom: 0.5em;
padding: 0;
text-align: left;
line-height: 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
background-color: transparent;
}
h2{
margin-bottom: 0.5em;
padding: 0;
text-align: left;
line-height: 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #28332f;
background-color: transparent;
}
h1 {
font-size: 1.4em;
}
h2 {
margin-top: 0.3em;
font-size: 1.1em;
}
h3 {
margin-top: 0.4em;
margin-bottom:0.25em;
font-size: 1em;
}
guide{
margin-bottom: 0.5em;
padding: 0;
text-align: left;
line-height: 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #4f6228;
background-color: transparent;
font-size: 1.3em;
}
h4 {
font-size: 0.8em;
margin-bottom:0.25em;
}
p {
padding: 0 0 1em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 1.5em;
color: #000;
background-color: transparent;
/* text-indent: 1.5em; */
}
a, a:link, a:visited {
color: #00703e;
background-color: transparent;
font-weight: bold;
text-decoration: underline;
}
a:hover, a:active {
color: #c6940d;
background-color: transparent;
text-decoration: underline;
}
a:focus, a:hover, a:active {
outline: none;
cursor: pointer;
}
ul li {
margin: 0;
}
acronym {
border-bottom: 1px dotted #F5F5F5;
}
hr {
margin: 0.3em 0 0.6em 0;
border-top: 1px solid #062b44;
border-right: none;
border-bottom: none;
border-left: none;
height: 2px;
}
sup {
font-size: 0.4em;
}
/**************************************
Overall layout rules
**************************************/
body {
position: relative;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #062b44;
background-color: #c6940d;
background-image: url(images/background_fade-yellow.jpg);
background-position: top;
background-repeat: repeat-x;
margin: 0 auto;
}
#header {
margin: 0 auto;
width: 960px;
color: #062b44;
background-color: #fff;
}
#csu-logo {
margin: 200px 0 10px 8px;
padding: 125px 0 0 0;
/* padding: 550px 15px 6px 6px; */
position: relative;
}
#wrapper {
clear: both;
margin: 0 auto;
padding: 0;
width: 960px;
min-height: 350px;
color: #062b44;
background-color: #fff;
background-image: url(images/wrapper-background.jpg);
background-position: top;
background-repeat: repeat-y;
}
#rp-wrapper{
clear: both;
margin: 0 auto;
padding: 0;
width: 960px;
min-height: 350px;
color: #062b44;
background-color: #fff;
background-image: url(images/rp-wrapper-background.jpg);
background-position: top;
background-repeat: repeat-y;
}
/************************************************
Content rules
************************************************/
#left {
float: left;
width: 180px;
background-color: transparent;
}
#center {
float: left;
width: 600px;
/* background-color: #fff; */
min-height: 550px;
}
#center a, #center a:link, #center a:visited {
color: #004811;
background-color: transparent;
font-weight: normal;
text-decoration: underline;
}
#center a:hover, #center a:active {
color: #c6940d;
background-color: transparent;
text-decoration: underline;
}
#rp-center{
float: left;
width: 780px;
/* background-color: #fff; */
min-height: 550px;
}

.padding {
padding: 0.6em 1.4em 0 1em;
z-index: 10;
}
#right {
float: right;
width: 180px;
}
.padding-right {
padding: 0.6em 1.2em 1em 0.8em;
}
#content-left{
float: left;
width: 250px;
background-color: transparent;
text-align:right
}
#content-right{
float: right;
width: 250px;
background-color: transparent;
text-align:right
}
/************************************************
List rules
************************************************/
ul.bullet-list {
margin: 0.3em 1em 0 2em;
padding-bottom: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262D3C;
background-color: transparent;
list-style: disc;
}
ul.bullet-list li a {
text-align: left;
margin: 0 0 0 0 ;
padding: 0 0 0 0;
}
ul.bullet-list li, ol li {
padding-bottom: 0.4em;
line-height: 1.3em;
font-size: 0.8em;
}
ul.bullet-list li ul {
list-style-type: disc;
padding: 0.5em 0 0 2em;
}
ul.bullet-list li ul li {
padding-bottom: 0.2em;
}
ul.no-bullet-list {
margin: 0 1em 0 0;
/* padding-bottom: 14px; */
padding-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262D3C;
background-color: transparent;
list-style-type: none;
font-size: 1em;
text-align: left;
}
ul.no-bullet-list li {
padding-bottom: 0.75em;
line-height: 1.75em;
font-size: 0.8em;
}
ul.no-bullet-list li ul li{
margin-left: 25px;
padding: 0 0 10px 0;
line-height: 1.2em;
font-size:1em;
}
ul.no-bullet-list a, ul.no-bullet-list a:link, ul.no-bullet-list a:visited {
font-weight: normal;
text-decoration: underline;
}
ul.no-bullet-list a:hover, ul.no-bullet-list a:active {
font-weight: normal;
text-decoration: none;
}
#center ul li:hover {
/* background-color:#eaeaea; */
}
#center ol {
list-style-type:decimal;
list-style-position:outside;
margin: -10px 0 0 50px;
}
#center ol li {
padding: 0 0 8px 0;
}
#center ol li:hover {
background-color:#eaeaea;
}
ul.line-list {
margin: 0 4px 0 0;
padding: 0 0 4px 4px;
background-color: transparent;
list-style-type: none;
font-size: 12px;
text-align: center;
}
ul.line-list li {
padding: 0 4px 0 4px;
line-height: 14px;
font-size: 12px;
display: inline;
}
ul.line-list li ul li{
margin-left: 25px;
padding: 0 0 8px 0;
line-height: 14px;
font-size:12px;
}
ul.line-list a, ul.line-list a:link, ul.line-list a:visited {
font-weight: normal;
text-decoration: underline;
}
ul.line-list a:hover, ul.line-list a:active {
font-weight: normal;
text-decoration: none;
}
ul.cnbl {
margin: 0 1em 0 0;
/* padding-bottom: 14px; */
padding-left: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262D3C;
background-color: transparent;
list-style-type: none;
font-size: 1em;
text-align: left;
}
ul.cnbl li {
padding-bottom: 0.75em;
line-height: 1.75em;
font-size: 0.8em;
text-align:right;
}
ul.cnbl li ul li{
margin-left: 25px;
padding: 0 0 10px 0;
line-height: 1.2em;
font-size:1em;
}
ul.cnbl a, ul.cnbl a:link, ul.cnbl a:visited {
font-weight: normal;
text-decoration: underline;
}
ul.cnbl a:hover, ul.cnbl a:active {
font-weight: normal;
text-decoration: none;
}
/************************************************
Color boxes rules
************************************************/
div.box {
float: left;
margin: 0.5em 13px 1em 0;
color: #062b44;
background-color: transparent;
width: 150px;
background-image: url(images/box-background.jpg);
background-position: top;
background-repeat: repeat-x;
}
div.box h1 {
margin: 0;
padding: 0.4em 0;
color: #fff;
background: #006aa9;
font-size: 0.9em;
text-align: center;
}
div.box p {
margin: 0 0 1em 0;
padding: 0.6em;
color: #000;
background: transparent;
font-size: 0.75em;
}
/************************************************
Header column rules
************************************************/
#logo {
float: left;
position: relative;
}
.custom-search {
padding: 50px 10px 0 825px;
position:relative;
}
.cse-branding-bottom, .cse-branding-form {
float:right;
}
.cse-branding-text {
width:65px;
}
/************************************************
Left column rules
************************************************/
.menu-notices ul.no-bullet-list {
margin: 0 0 0 10px;
color: #fff;
background-color: transparent;
list-style-type: none;
}
.menu-notices ul.no-bullet-list li {
padding-bottom: 0;
font-size: 11px;
line-height: 14px
}
.menu-notices ul.no-bullet-list a, .menu-notices ul.no-bullet-list a:link, .menu-notices ul.no-bullet-list a:visited {
color: #fff;
background-color: transparent;
font-weight: normal;
text-decoration: underline;
}
.menu-notices ul.no-bullet-list a:hover, .menu-notices ul.no-bullet-list a:active {
font-weight: normal;
text-decoration: underline;
color: #c6940d;
}
/************************************************
Right column rules
************************************************/
#right h3 {
margin-bottom: 0px;
font-size: 14px;
}
.web-notices /*, .rss-box*/ {
margin: 8px 0 0 0;
width:100% ;
}
.web-notices ul.no-bullet-list, .rss-items {
padding:3px 0 0 0 ;
width: 100%;
}
.web-notices ul.no-bullet-list li, .rss-item {
font-size: 11px;
line-height: 125%;
padding:0px 0px 8px 0px;
}
.web-notices ul.no-bullet-list a:hover, .web-notices ul.no-bullet-list a:active, .rss-item a, .rss-item a:link, .rss-item a:visited {
text-decoration: underline;
font-weight: normal;
}
#right p {
/* padding:0 -5px -9px 0px; */
margin: 0 0 -12px 0;
}
/**************************************
Footer rules
**************************************/
#footer {
clear: both;
position: absolute;
height: 60px;
color: #fff;
background-color: #004811;
border: none;
border-top-color: #212200;
border-top-style: solid;
border-top-width: 1px;
width: 960px;
}
#footer #copyright {
position: absolute;
margin-top: 62px;
left: 700px;
font-size: 10px;
line-height: 11px;
}
.menu-footer {
/* padding:3px 15px 0 15px; */
padding:1px 90px 0 90px;
}
.menu-footer ul.no-bullet-list {
margin-top: 4px;
color: #fff;
background-color: transparent;
width: 100%;
text-align: center;
}
.menu-footer ul.no-bullet-list li {
padding: 10px 10px 0px 0;
font-size: 11px;
line-height: 150%;
display: inline;
}
.menu-footer ul.no-bullet-list a, .menu-footer ul.no-bullet-list a:link, .menu-footer ul.no-bullet-list a:visited {
color: #fff;
background-color: transparent;
font-weight: normal;
text-decoration: underline;
}
.menu-footer ul.no-bullet-list a:hover, .menu-footer ul.no-bullet-list a:active {
font-weight: normal;
text-decoration: underline;
color: #c6940d;
}
/************************************************
Slideshow rules
************************************************/
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
<div class="slideshow">
<div class="slideshow-images" />
<div class="slideshow-captions" />
<div class="slideshow-controller" />
<div class="slideshow-loader" />
<div class="slideshow-thumbnails" />
</div>
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
float: right;
width:300px;
height: 225px;
padding-top: 15px;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
<div class="slideshow-images">
<img />
<img />
</div>
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 225px;
width: 300px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 225px;
margin: 0 auto;
width: 300px;
margin:-10px -15px 2px 6px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
<div class="slideshow-captions">
...
</div>
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
<div class="slideshow-controller">
<ul>
<li class="first"><a /></li>
<li class="prev"><a /></li>
<li class="pause play"><a /></li>
<li class="next"><a /></li>
<li class="last"><a /></li>
</ul>
</div>
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
<div class="slideshow-loader" />
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
<div class="slideshow-thumbnails">
<ul>
<li><a class="slideshow-thumbnails-active" /></li>
<li><a class="slideshow-thumbnails-inactive" /></li>
...
<li><a class="slideshow-thumbnails-inactive" /></li>
</ul>
</div>
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -65px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}
/************************************************
Miscellaneous rules
************************************************/
.middle {
vertical-align: middle;
}.center-text {
text-align: center;
}.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.bold-italic {
font-weight: bold;
font-style: italic;
}
.underline {
text-decoration: underline;
}
.not-bold {
font-weight: normal;
}
.red {
color: #cc0000;
}
.small {
margin-top: 1em;
font-size: 11px;
}
.no-indent {
text-indent: 0em;
}
.small-table {
padding: 6px 4px 6px 4px;
}
.small-bold-center {
font-weight: bold;
text-align: center;
}
.small-italic {
padding: 6px 4px 6px 4px;
font-size:11px;
font-style: italic;
text-align: left;
}
table td {
padding:5px;
}
table.employment {
margin: 15px 0 25px 0;
font-size: 12px;
text-align: left;
width: 500px;
}
td.employment-td1 {
width: 60%;
}
td.employment-td2 {
width: 40%;
}
table.heritage {
margin: 0px 0 5px 0;
padding:0 0 0 0;
font-size: 12px;
text-align: left;
width: 550px;
}
td.heritage-td1 {
width: 50px;
}
td.heritage-td2 {
width: 500px;
}
table.gis {
margin: 0px 0 25px 0;
font-size: 11px;
text-align: left;
width: 560px;
}
td.gis_td {
width:140px;
vertical-align: bottom;
text-align: center;
}
table.tier {
width: 550px;
font-size: 12px;
margin-bottom: 18px;
}
table.tier td {
padding:5px 10px 5px 10px;
vertical-align: bottom;
}
td.tier-center {
text-align: center;
}
table.contact-main {
margin: 15px 0 25px 0;
font-size: 12px;
text-align: left;
width: 550px;
}
td.contact-main-td1 {
width: 300px;
}
td.contact-main-td2 {
width: 250px;
}
table.staff {
margin: 0px 0 25px 0;
font-size: 11px;
text-align: left;
width: 550px;
}
td.staff-td1 {
width: 100px;
}
td.staff-td2 {
width: 95px;
}
td.staff-td3 {
width: 105px;
}
td.staff-td4 {
width: 195px;
font-weight: normal;
}
table.element {
margin: 0 -55px 25px -13px;
font-size: 9px;
text-align: left;
width: 590px;
border: 1px solid #00000;
white-space: normal;
padding: 0 0 0 0;
}
.element td {
padding: 3px 3px 3px 3px;
vertical-align: bottom;
}
td.element_SName {
width: 103px;
font-style: italic;
}
td.element_SComName {
width: 102px;
}
td.element_status {
width: 55px;
}
td.element_status_center {
width: 55px;
text-align: center;
}
.text-table {
padding: 3px 3px 3px 3px;
}
.text-thickbox {
font-size: 16px;
}
.text-center {
text-align:center;
}
.bold-center {
font-weight: bold;
text-align: center;
}
.photo-gallery {
float:right;
margin:0 -15px 2px 6px;
}
#center a img, #center :link img, #center :visited img {
/* border: 1px solid #0f69a7; */
}
.img-right {
float: right;
margin: 0 0 5px 10px;
padding: 1px;
border: 1px solid #0F69A7;
}
.img-left {
float: left;
margin: 0 10px 0 0;
padding: 1px;
/* border: 1px solid #0F69A7; */
}
.img-up {
margin: 0 0 20px 0;
float: right;
}
.img-map {
margin: 5px 20px 15px -5px;
padding: 1px;
}
p-up {
margin: -100px 0 0 0;
padding: -100px 0 0 0;
}
a[href $='.pdf'], ul li a[href $='.pdf'] {
padding-right: 0px;
background: transparent no-repeat center right;
}
a[href $='.pdf'] img, ul li a[href $='.pdf'] img {
padding-right: 0px;
background: transparent none no-repeat center right;
}
.clear-both {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*** superfish horizontal menu ***/
.sf-menu, .sf-menu * {
list-style: none;
background: transparent;
margin-bottom: 0 ;
z-index: 100;
}
.sf-menu {
line-height: 10px;
width: 960px;
}
.sf-menu ul {
position: absolute;
width: 50px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: right;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
font-family: inherit;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 26px; /* match top ul list item height */
width: 100%;
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -1px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 28px; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -1px;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 28px; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
background-image: url(images/menu_bar_green.jpg);
background-position: left;
background-repeat: no-repeat;
float: left;
}
.sf-menu a {
border-left: 1px solid #fff;
/* border-top: 1px solid #CFDEFF; */
padding: 8px 14px;
text-decoration: none;
}
.sf-menu a, .sf-menu a:visited {
/* visited pseudo selector so IE6 applies text colour*/
color: #fff;
text-decoration: none;
}
.sf-menu li li {
background-color: #949e7c;
border-top-color: #fff;
border-top-width: 1px;
border-top-style: solid;
line-height: 14px;
/* top: 0; */
}
.sf-menu li li li {
background-color: #d4d8bd;
}
.sf-menu li:hover, .sf-menu li.sfHover, sf-menu a:visited,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline: 0;
background-color: #949e7c;
color: #004811;
text-decoration: none;
}
.sf-menu li li a {
padding: 8px 4px 8px 10px;
text-decoration: none;
border: none;
}
.sf-menu li li a:hover{
outline: 0;
background-color: #d4d8bd;
color:#004811;
text-decoration: none;
}
.sf-menu li a:hover{
outline: 0;
background-color: #949e7c;
/* height: 10px; */
text-decoration: none;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
top: 5px;
width: 180px;
background-image: none;
background-color: transparent;
float: left;
margin-bottom: 0;
position: relative;
}
.sf-vertical a , .sf-vertical a:visited, sf-vertical a:active, s-vertical a:hover {
border: none;
text-indent: 10px;
font-family: inherit;
font-size: 11px;
font-weight: bold;
float: left;
padding: 4px 0 4px 0;
line-height: 20px;
text-decoration: none;
}
.sf-vertical li ul li {
width: 260px;
left: 0px;
float: left;
margin-top: 2px;
margin-bottom: -3px;
}
.sf-vertical li li a {
padding: 4px 0 4px 0;
text-decoration: none;
border: none;
}
.sf-vertical li li a:hover {
background-color: #d4d8bd;
width: 260px;
text-decoration: none;
}
.sf-vertical li a:hover {
background-color: #949e7c;
width: 180px;
text-decoration: none;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
left: 180px; /* match ul width */
top: -8px;
}

/*
* Rare Plant Guide Rules
*/


#rp-p{
padding: 0 0 1em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.5em;
color: #000;
background-color: transparent;
/* text-indent: 1.5em; */
}



#section {
font-weight: bold;
font-size: .9em;
/* style testing for the rareplant guide
* background-color: #EEE;
* border-top: 1px solid #CFCFCF;
* border-top-style: solid;
* border-top-color: #CFCFCF;
* border-top-width: 1px;
*/
}

#sm {
font-size: .6em;
}

#rp-csu-logo {
margin: 200px 0 10px 8px;
padding: 125px 0 0 0;
/* padding: 550px 15px 6px 6px; */
position: relative;
}

.research-content
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262D3C;
background-color: transparent;
list-style-type: none;
font-size: .8em;
text-align: left;
    }
    
    .rp-p-class{
padding: 0 0 1em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.5em;
color: #000;
background-color: transparent;
/* text-indent: 1.5em; */
}
    
    /**************************************
Footer rules
**************************************/
#rp-footer {
clear: both;
position: absolute;
height: 60px;
color: #fff;
background-color: #004811;
border: none;
border-top-color: #212200;
border-top-style: solid;
border-top-width: 1px;
width: 960px;
}

#rp-footer #copyright {
position: absolute;
margin-top: 62px;
left: 700px;
font-size: 10px;
line-height: 11px;
}

.rp-menu-footer {
/* padding:3px 15px 0 15px; */
padding:1px 90px 0 90px;
}
.rp-menu-footer ul.no-bullet-list {
margin-top: 4px;
color: #fff;
background-color: transparent;
width: 100%;
text-align: center;
}
.rp-menu-footer ul.no-bullet-list li {
padding: 10px 10px 0px 0;
font-size: 11px;
line-height: 150%;
display: inline;
}
.rp-menu-footer ul.no-bullet-list a, .menu-footer ul.no-bullet-list a:link, .menu-footer ul.no-bullet-list a:visited {
color: #fff;
background-color: transparent;
font-weight: normal;
text-decoration: underline;
}
.rp-menu-footer ul.no-bullet-list a:hover, .menu-footer ul.no-bullet-list a:active {
font-weight: normal;
text-decoration: underline;
color: #c6940d;
}