/*This is the default style sheet used in Commonspot for the jQuery Banner Rotator.  To make your own, replace "lhnbanner" with the id that you entered for "Banner Name" in the element */

#lhnbanner div  {
font-size:1.1em;
overflow:hidden
}

/*The next few style definitions are where you would specify how you want the text that overlays your image to appear*/

#lhnbanner div div  {
background:transparent url('http://www.epa.gov/epafiles/templates/webcms/css/i/bg-homebanner.png') repeat;
background:rgba(0,0,0,0.6) none;
height:auto;
margin:1em;
padding:.5em .5em 0;
width:410px
}

#lhnbanner div div ul  {
list-style-image:url('http://www.epa.gov/epafiles/templates/webcms/css/i/bg-bullet-banner.png');
color:#fff
}

#lhnbanner div div li  {
color:#fff
}

#lhnbanner  {
float:left;
overflow:hidden;
color:#fff
}

#lhnbanner a  {
font-weight:bold;
color:#fff
}

/*Here is where you specify the styling for the navigation buttons.  Replace "lhnnav" with whatever you entered under "Navigation Button ID".  Horizontal positioning is specified in this file, but vertical positioning for lhnnav is set as an inline style (its calculated from the user specified "height").  So, if you use this style sheet for your own custom styled banner, you'll have to add a line here to specify vertical position.  Yes, they must be absolutely positioned in order to appear on top of the images.  */

#lhnnav  {
left:202px;
position:absolute;
z-index:20;
*line-height:2
}

#lhnnav a  {
background:#303b40;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
color:#fff;
font-weight:bold;
text-decoration:none;
margin:0 5px 0 0;
padding:3px 5px
}

#lhnnav a.activeSlide  {
color:#6cf
}

#lhnnav a:focus,#lhnnav a:hover  {
outline:none;
text-decoration:none;
color:#fff
}