@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

@font-face {
	font-family: Futura-Bold;
	src: url('Futura-Bold.otf');
}

body {
	font-size: 62.5%;
	color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bodybk.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;	
    background-size: cover;
  
}

#wrapper {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
}
#header #logo {
	background-image: url(../images/header_logo.png);
	background-repeat: no-repeat;
	float: left;
	height: 95px;
	width: 700px;
}
#header #logo h1 a {
	height: 60px;
	width: 385px;
	display: block;
	position: relative;
	margin-left: 25px;
	margin-top: 20px;
}

#header #logo h1 a span {
	display: none;
}

#header #top_nav {
	width: 255px;
	float: left;
	margin-top: 15px;
	margin-left: 45px;
	font-variant: small-caps;
	font-size: 1.3em;
}

#header #top_nav a:link, #header #top_nav a:visited {
	color: #393939;
	text-decoration: none;
}
#header #top_nav a:hover {
	color: #db6915;
	text-decoration: underline;
}
#header #top_nav a:active{
	color: #db6915;
	text-decoration: none;
}
#header #top_nav a.current{
	color: #db6915;
	text-decoration: underline;
}

/*start sprite nav */
#main_nav {
	height: 54px;
	width: 1020px;
	background-image: url(../images/spritenav.png);
	background-repeat: no-repeat;
	clear: left;
	position: relative;
}
#main_nav ul {
	height: 54px;
}
#main_nav ul li {
	display: inline;
}
#main_nav ul li a {
	display: block;
	height: 54px;
	float: left;
}
#main_nav ul li a span {
	display: none;
}
#main_nav ul li#ninvasives a:link, #main_nav ul li#ninvasives a:visited {
	width: 166px;
}
#main_nav ul li#naction a:link, #main_nav ul li#naction a:visited {
	width: 144px;
}
#main_nav ul li#ncitizen a:link, #main_nav ul li#ncitizen a:visited {
	width: 183px;
}
#main_nav ul li#npros a:link, #main_nav ul li#npros a:visited {
	width: 155px;
}
#main_nav ul li#nresources a:link, #main_nav ul li#nresources a:visited {
	width: 161px;
}



/*hover styles*/

#main_nav ul li#ninvasives a:hover, #main_nav ul li#ninvasives a:active {
	width: 166px;
	background: url(../images/spritenav.png) 0 -54px;
}
#main_nav ul li#naction a:hover, #main_nav ul li#naction a:active {
	width: 144px;
	background: url(../images/spritenav.png) -166px -54px;
}
#main_nav ul li#ncitizen a:hover, #main_nav ul li#ncitizen a:active {
	width: 183px;
	background: url(../images/spritenav.png) -310px -54px;
}
#main_nav ul li#npros a:hover, #main_nav ul li#npros a:active {
	width: 155px;
	background: url(../images/spritenav.png) -493px -54px;
}
#main_nav ul li#nresources a:hover, #main_nav ul li#nresources a:active {
	width: 161px;
	background: url(../images/spritenav.png) -648px -54px;
}


/*end hover styles*/

/*on page styles*/
#dinvasives #main_nav ul li#ninvasives a:link,
#dinvasives #main_nav ul li#ninvasives a:visited,
#dinvasives #main_nav ul li#ninvasives a:hover,
#dinvasives #main_nav ul li#ninvasives a:active {
	width: 166px;
	background: url(../images/spritenav.png) 0 -54px;
}
#daction #main_nav ul li#naction a:link,
#daction #main_nav ul li#naction a:visited,
#daction #main_nav ul li#naction a:hover,
#daction #main_nav ul li#naction a:active {
	width: 144px;
	background: url(../images/spritenav.png) -166px -54px;
}
#dcitizen #main_nav ul li#ncitizen a:link,
#dcitizen #main_nav ul li#ncitizen a:visited,
#dcitizen #main_nav ul li#ncitizen a:hover,
#dcitizen #main_nav ul li#ncitizen a:active {
	width: 183px;
	background: url(../images/spritenav.png) -310px -54px;
}
#dpros #main_nav ul li#npros a:link,
#dpros #main_nav ul li#npros a:visited, 
#dpros #main_nav ul li#npros a:hover,
#dpros #main_nav ul li#npros a:active {
	width: 155px;
	background: url(../images/spritenav.png) -493px -54px;
}
#dresources #main_nav ul li#nresources a:link,
#dresources #main_nav ul li#nresources a:visited, 
#dresources #main_nav ul li#nresources a:hover,
#dresources #main_nav ul li#nresources a:active {
	width: 161px;
	background: url(../images/spritenav.png) -648px -54px;
}

/*end sprite nav */
#main_nav #main_db {
	background-image: url(../images/nav_databasebk.png);
	height: 125px;
	width: 170px;
	position: relative;
	top: -97px;
	left: 800px;
	z-index: 2;
}
#main_nav #main_db h2 a {
	height: 125px;
	width: 170px;
	display: block;
}

#main_nav #main_db h2 a span {
	display: none;
}
#main_nav #main_db a:link, #main_nav #main_db a:visited {
	background-image: url(../images/nav_databasebk.png);
	background-repeat: no-repeat;
}
#main_nav #main_db a:hover, #main_nav #main_db a:active {
	background-image: url(../images/nav_databasebk_hover.png);
	background-repeat: no-repeat;	
}
#main {

}

#main #top {
	background-image: url(../images/main_top.png);
	height: 30px;
	
	
}
#main #top img {
	position: relative;
	left: 1020px;
	top: 29px;
}


#main #content {
	background-image: url(../images/main_hello_zebramussels.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 791px;
	float: left;
}
#main #content h3 {
	text-align: right;
	float: right;
	margin-right: 15px;
}
#main #content h3 a {
	height: 35px;
	width: 135px;
	display: block;
}

#main #content h3 a span {
	display: none;
}

#main #content p {
	color: #F9F4E7;
	font-size: 1.3em;
	line-height: 18px;
	padding-top: 157px;
	padding-left: 55px;
	width: 680px;
}

.learnmorecontent{
	background-position: right;
	height: 35px;
	width: 135px;
	position: relative;
	top: -26px;
}

#main #content .learnmorecontent a:link, #main #content .learnmorecontent a:visited {
	background-image: url(../images/button_learn_more_hover.png);
	background-repeat: no-repeat;
}
#main #content .learnmorecontent a:hover, #main #content .learnmorecontent a:active {
	background-image: url(../images/btncontent_learn_more_hover.png);
	background-repeat: no-repeat;	
}


#main #content_rss  {
	background-image: url(../images/main_rssbk.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 229px;
	float: left;
}
#main #content_rss p {
	color: #9B9985;
	font-size: 12px;
	padding-top: 60px;
	padding-left: 20px;
	font-weight: bold;
}
.imgrss {
	margin-left: 30px;
}

#main #content_rss h3 {
	text-align: right;
}
#main #content_rss h3 a {
	height: 35px;
	width: 89px;
	display: block;
	margin-left: 110px;
	margin-top: 5px;
}
#main #content_rss h3 a span {
	display: none;
}

#main #content_rss h2 {
	background-image: url(../images/movie_title_2.png);
	height: 45px;
	width: 207px;
	margin-left: 15px;
	margin-top: 15px;
}
#main #content_rss h2 a {
	height: 45px;
	width: 200px;
	display: block;
}
#main #content_rss h2 a span {
	display: none;
}


.morebtn{
	height: 35px;
	width: 80px;
}
.morebtn a:link, .morebtn a:visited {
	background-image: url(../images/button_more.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 89px;
}
.morebtn a:hover, .morebtn a:active {
	background-image: url(../images/button_more_hover.png);
	background-repeat: no-repeat;
}

.orangebutton {
	background-image: url(../images/button_orange.png);
	background-repeat: no-repeat;
	display: inline;
	position: relative;
	top: -25px;
	left: 690px;
}

#main #scroll {
	background-image: url(../images/main_scrollbk.png);
	height: 300px;
	clear: left;
}


#main #eab {
	background-image: url(../images/ititle_eab.png);
	height: 150px;
	clear: left;
}
#main #eab h3 {
	text-align: right;
	float: right;
	margin-right: 50px;
}
#main #eab h3 a {
	height: 35px;
	width: 135px;
	display: block;
}

#main #eab h3 a span {
	display: none;
}

#main #eab p {
	color: #F9F4E7;
	font-size: 1.3em;
	line-height: 18px;
	padding-top: 55px;
	padding-left: 65px;
	width: 900px;
}

.learnmorecontent{
	background-position: right;
	height: 35px;
	width: 135px;
	position: relative;
	top: -26px;
}

#main #eab .learnmorecontent a:link, #main #content .learnmorecontent a:visited {
	background-image: url(../images/button_learn_more_hover.png);
	background-repeat: no-repeat;
}
#main #eab .learnmorecontent a:hover, #main #content .learnmorecontent a:active {
	background-image: url(../images/btncontent_learn_more_hover.png);
	background-repeat: no-repeat;	
}

#main #bottom {
	background-image: url(../images/main_bottom.png);
	height: 35px;
}

/*start of content below scroll */
#leftcol {
	background-image: url(../images/leftcolbk.png);
	background-repeat: no-repeat;
	height: 409px;
	width: 693px;
	float: left;
	position: relative;
	
}
#leftcol p {
	font-size: 14px;
	color: 333333;
	margin-left: 9px;
	line-height: 18px;
}

#leftcol #cone {
	width: 300px;
	margin-left: 50px;
	float: left;
	height: 250px;
	position: relative;
}
#leftcol #cone h2 {
	background-image: url(../images/invasive101.png);
	height: 130px;
	width: 300px;
	padding-bottom: 5px;
}
#leftcol #cone h2 a {
	height: 110px;
	width: 280px;
	display: block;
	margin-top: 10px;
	margin-left: 10px;
}

#leftcol #cone h2 a span {
	display: none;
}
#leftcol #cone h3 {
	margin-top: 10px;
	font-size: 16px;
	text-align: right;
	margin-left: 155px;
}
.learnmorebtn {
	
	height: 30px;
	width: 135px;
	background-position: right;
}
 

#leftcol .learnmorebtn a:link, #leftcol .learnmorebtn a:visited {
	background-image: url(../images/button_learn_more.png);
	background-repeat: no-repeat;
}
#leftcol .learnmorebtn a:hover, #leftcol .learnmorebtn a:active {
	background-image: url(../images/button_learn_more_hover.png);
	background-repeat: no-repeat;	
}

.gobtn {
	background-position: right center;
	height: 30px;
	width: 60px;
}
.gobtn a:link, .gobtn a:visited {
	background-image: url(../images/button_go.png);
	background-repeat: no-repeat;
}
.gobtn a:hover, .gobtn a:active {
	background-image: url(../images/button_go_hover.png);
	background-repeat: no-repeat;	
}




.greenbutton {
	position: relative;
	top: -25px;
	height: 35px;
	width: 35px;
	margin-left: 255px;
}




#leftcol #ctwo {
	height: 250px;
	float: left;
	width: 343px;
}
#leftcol #ctwo h2 {
	background-image: url(../images/takeaction.png);
	height: 130px;
	width: 332px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
}
#leftcol #ctwo h2 a {
	height: 110px;
	width: 310px;
	display: block;
	margin-top: 10px;
	margin-left: 10px;
}

#leftcol #ctwo h2 a span {
	display: none;
}
#leftcol #ctwo h3 {
	margin-top: 7px;
	font-size: 16px;
	text-align: right;
	margin-left: 190px;
}

#leftcol #cthree {
	height: 150px;
	clear: left;
	position: relative;
}
#leftcol #cthree h2 {
	background-image: url("../images/CITSCI.jpg");
	height: 120px;
	width: 280px;
	padding-top: 10;
	background-repeat: no-repeat;
	margin-left: 50px;
	margin-top: 15px;
}
#leftcol #cthree h2 a {
	height: 120px;
	width: 280px;
	display: block;
	margin-top: 10px;
}

#leftcol #cthree h2 a span {
	display: none;
}
#leftcol #cthree p {
	margin-left: 360px;
	margin-right: 35px;
	position: relative;
	top: -110px;
}
#leftcol #cthree h3 {
	position: relative;
	top: -120px;
	margin-left: 618px;
}
#leftcol #cthree h3 a {
	height: 35px;
	width: 60px;
	display: block;
}

#leftcol #cthree h3 a span {
	display: none;
}


.cream {
	color: #FAF1E0;
}

#leftcol h3 a:link, #leftcol h3 a:visited {
	color: #393939;
	text-decoration: none;
}
#leftcol h3 a:hover {
	color: #6B7503;
	text-decoration: underline;
}
#leftcol h3 a:active{
	color: #db6915;
	text-decoration: none;
}
#leftcol h3 a {
	height: 35px;
	width: 135px;
	display: block;
}

#leftcol h3 a span {
	display: none;
}




#rightcol {
	background-image: url(../images/rightcolbk.png);
	height: 409px;
	background-repeat: no-repeat;
	float: left;
	width: 327px;
}


#rightcol h2 {
	background-image: url(../images/texas.png);
	height: 230px;
	width: 327px;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#rightcol h2 a {
	height: 230px;
	width: 280px;
	display: block;
}

#rightcol h2 a span {
	display: none;
}
#rightcol p {
	font-size: 15px;
	margin-left: 20px;
	margin-right: 80px;
	line-height: 18px;
}
#rightcol h3 {
	margin-left: 200px;
 	

}
#rightcol h3 a {
	height: 35px;
	width: 60px;
	display: block;
}

#rightcol h3 a span {
	display: none;
}

#footer {
	background-image: url(../images/footerbk.png);
	background-repeat: no-repeat;
	clear: both;
	height: 87px;
	padding-left: 55px;
	padding-top: 35px;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #EFEEDD;
	text-align: right;
	margin-right: 50px;
	font-variant: small-caps;
	margin-top: 10px;
	font-size: 11px;
}

#detail_plantname {
font-size:18px;
margin:0 0 20px 0;
font-weight:bold;
}

.section {
border: 1px dotted #000000;
background-color: #f9fde1;
padding:10px;
}

.db_spotlight {
margin:10px 0 ;
border: 1px dotted #000000;
background-color: #ffc59a;
padding:10px;
}

.spotlight_header {
font-size:13px;
font-weight:bold;
}

.spotlight_image {
float:left;
width:220px;
height:220px;
border:1px;
margin: 0 20px 10px 0
}


.slider_left_btn{
	float:left;
	width:35px;
	height:35px;
	margin: 130px 0 0 0;
}

.slider_right_btn{
	float:left;
	width:35px;
	height:35px;
	margin: 130px 0 0 50px;
}