html {	overflow-y:scroll; }

body {
	background-image:url(images/bg_image.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	background-color:#004386;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	height:100%;
}

/*main menu*/
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {margin:0; padding:0; list-style:none; float:left; height:35px;}
#menu ul li a {display:block; border:0; text-decoration:none; outline:none; overflow:hidden; text-indent:-999em; background-repeat:no-repeat; height:35px;}
#menu ul li a:link, #menu ul li a:visited {background-position: 0 0;}
#menu ul li:hover a, #menu ul li:active a {background-position: 0 -35px;}
.mn-about a {background-image: url(images/Nav/about_norm.png); width:74px;}
.mn-riparian a {background-image: url(images/Nav/areas_norm.png); width:214px;}
.mn-publication a {background-image: url(images/Nav/publications_norm.png); width:103px;}
.mn-whatsnew a {background-image: url(images/Nav/whatsnew_norm.png); width:107px;}
.mn-youth a {background-image: url(images/Nav/youth_norm.png); width:127px;}
.mn-photos a {background-image: url(images/Nav/photos_norm.png); width:157px;}

/*sub menu*/
#menu ul ul.submenu {
	box-shadow: 0 4px 4px 2px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 4px 4px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 4px 4px 2px rgba(0,0,0,0.4);
  display: none;
  position: absolute;
  top: 156px;
  float: left;
  width: 204px;
  z-index: 99999;
  padding: 0;
  background: #0B53A5;
  border-bottom: 4px solid #fff;
	border-top: 8px solid #fff;
}
#menu ul.submenu li { min-width:150px; padding:0; list-style:none;}
#menu ul ul li {height:auto;}
#menu ul ul.submenu a {
	margin:0;
	padding:4px 12px;
	background:none;
	width:180px;
	height:auto;
	border-bottom:1px solid #1566bf;
	border-top:1px solid #003773;
	color: #fff;
	text-indent: inherit;
}
#menu ul li:hover > a,
#menu ul.submenu :hover > a {
}
#menu ul.submenu :hover > a { background-color:#3974b6; }
#menu ul li:hover > ul { display:block; }

#menu ul ul.submenu.sm-riparian {width:254px;}
#menu ul ul.submenu.sm-riparian a {width:230px;}
#menu ul ul.submenu.sm-publication {width:214px;}
#menu ul ul.submenu.sm-publication a {width:190px;}

.linkNormal {
	color: #0063a4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.linkNormal:hover {
	color: #389ada;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.linkMedium {
	color: #0063a4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.linkMedium:hover {
	color: #389ada;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
.TopNav {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.TopNav:hover {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}
.TopNavDivider {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
}
.NormalContent {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
}
.NormalContentBold {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:0.5em 0; padding:0; }

.WhiteContent {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal;
}
.WhiteContent p{
	font-weight:normal;
}

.WhiteContentBold {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}
.MainHeading {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0a54a4;
	font-weight: bold;
	text-decoration: underline;
}
.BlueHeading {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0a54a4;
	font-weight: bold;
}

/* Safari Fix */

/*/*/html*#headerRight {
	margin-top:-14px;
}/* */

/* IE FIXES */

* html body div#footer {
	width:890px;
}

* html body div#ftbl {
	margin-left:-26px;
}

* html body div#rightNav ul ul {
	padding-left:16px;
}

* html body #headerRight {
	margin-top:-15px;
}

* html body .cta {
	margin-top:-150px;
	margin-bottom:0px;
}
.cssnav {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: url(images/overbtn.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 254px;
	height: 25px;
	margin: 0px;
	padding: 0px;
}
 
.cssnav a {
display: block;
color:#ffffff;
font-size: 12px;
width: 254px;
height: 25px;
float: left;
text-decoration: none;
font-weight: bold;
}
 
.cssnav img {width: 254px; height: 25px; border: 0; }
* html a:hover {visibility:visible}
 
.cssnav a:hover img{visibility:hidden}
 
.cssnav span {
	position: absolute;
	float: left;
	left: 11px;
	top: 7px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 225px;
	height: 17px;
}
a.MenuButton 
{
	width:100px;
	height:15px;
	background-color:#eeeeee;
	color:#555555;
	padding-top:3px;
	text-align:center;
	display:inline-block;
	font-weight:bold;
	margin-right:1px;
	text-decoration: none;
	border:solid 1px #cccccc;
	font-size:11px;
}
a.MenuButton.selected
{
	background-color:White;
	color:#555555;
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}
a.MenuButton:hover
{
	background-color:White;
	color:#555555;
}

.linkNormalAdmin {
	display:block;
	width:60px;
	height:19px;
	color: #0063a4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:4px;
	text-decoration: none;
	background-image:url(admin/images/add_toggle_plus.png);
	background-repeat:no-repeat;
	background-position:-2px -2px;
}
#topMenu{ padding-left:25px; }
#lnkAddNew { background-image:url(admin/images/add_toggle_plus.png); background-repeat:no-repeat;  }

.digitalEQ ul{ list-style:none; margin-left:0px; text-indent:0px; }
.digitalEQ li{ background-image:url(images/still.jpg); background-repeat:no-repeat; list-style:none;  padding-left:20px; }

.addNew{ padding:5px 0 0 0; display:list-item; list-style:none; vertical-align:middle; width:170px;}
.addNew a{  display:block; color:#191919; text-decoration:none; background-image:url(admin/images/midButton_bground.png); background-position:bottom left; background-repeat:repeat-x; border:2px #EEEEEE solid; padding-left:10px; padding-top:5px; padding-bottom:5px; }

#wrapperAdmin { width:100%; }
#sideMenu { width:25%; float:left; }
#adminContent{ widht:75%; float:right; }
#contentAdmin {  margin:0px auto; width:900px; border:#C0C0C0 1px solid; }

#logoutAdmin{ position:relative; right:50px; float:right; top:75px;}
#logoutAdmin a{ color: #0063a4;	text-decoration: none; padding:0 5px 0 5px; }
#logoutAdmin a:hover{ color: #389ada; text-decoration: underline; }

        /* Rounded Login Box */

        .rbroundbox { background-color:#FFF;}
        .rbtop div { background: url(admin/images/tl.gif) no-repeat top left;  }
        .rbtop { background: url(admin/images/tr.gif) no-repeat top right;  }
        .rbbot div { background: url(admin/images/bl.gif) no-repeat bottom left; }
        .rbbot { background: url(admin/images/br.gif) no-repeat bottom right;   }

        .rbtop div, .rbtop, .rbbot div, .rbbot {
        width: 320px;
        height: 7px;
        font-size: 1px;
        }
        .rbcontent { margin: 0 7px; }
        .rbroundbox { width: 320px; margin: 1em auto; }
		
		
/* begin css tabs */
 
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0 0 0 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #C0C0C0; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 0px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
 
ul#tabnav li { /* do not change */
display: inline;
}
 
#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}
 
#tab1 li.tab1 a, #tab2 li.tab2 a, #tab3 li.tab3 a, #tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
 
ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #C0C0C0; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #eeeeee; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}
 
ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
 
/* end css tabs */

#subMenu{ position:relative; top:13px; }
.ie7 #subMenu{ top:20px; }

.subnav ul {
	margin: 0 0 0 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #C0C0C0; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 0px 10px; /* THIRD number must change with respect to padding-top (X) below */  
}
.subnav li { display:inline; }
.subnav li a { padding:5px; }

a.subnav.MenuButton.selected { color:#000;  }
.cntbutton{ color:#389ada!important; text-decoration:underline; }
.cntbutton:hover{ text-decoration:none; }
.nwsltr:hover{ cursor: pointer; cursor: hand; }


#popup2 { display:none; width:800px; }
#popup2 span.b-close { color:#fff; }
#popup2 span.b-close:hover { cursor: pointer; cursor: hand; display:block; }