form.clsForm fieldset.clsActions
{
	text-align: center; /*background: url(img/fieldset.gif) repeat-x left bottom;*/
}
form.clsForm fieldset.clsActions li.clsFormLi
{
	/*background: url(img/divider_vertical.gif) repeat-y;*/ /*float:left; */
}

#firstTabPic {
    -moz-box-shadow: 0 0 5px 2px #222;
    -webkit-box-shadow: 0 0 5px 2px #222;
    box-shadow: 0 0 5px 2px #222;
    opacity:0;
    
}

#firstTabPic:hover, .pointerImg:hover{
    cursor: pointer;
}

.imageGalleryPic, .imageGalleryPic3, #bigPicture, .pointerImg {
    -moz-box-shadow: 0 0 5px 2px #CCC;
    -webkit-box-shadow: 0 0 5px 2px #CCC;
    box-shadow: 0 0 5px 2px #CCC;   
}

#lilPicture {
    margin-right:5px;
}

#features_plus{
width:1000px; 
height:70px; 
background:url(https://www.nnvl.noaa.gov/images/gm3.png) repeat-y scroll 0 0;
display:block; 
text-align:center; 
padding:0px 5px;
margin-top:2px;
position:relative;    
-webkit-animation: animatedBackground 0s linear infinite;
-moz-animation: animatedBackground 0s linear infinite;
border-right:2px solid #fff;
border-left:2px solid #fff;
border-top:2px solid #fff;

border-radius:6px 6px 6px 6px;
    
}
#features_plus h2{
    color:#fff;
    text-shadow:4px 6px 4px #000;
    margin-top:25px;
    font-weight:bold;
    letter-spacing:.01em;
}

.looking{*/override*/
    margin-bottom:10px;
}


@-webkit-keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 0 100%; }
}

@-moz-keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 0 100%; }
}

#homeLink{
    float: right;
    width: 107px;
    height: 25px;
    padding-right: 10px;
    background: url('https://www.nnvl.noaa.gov/images/article-bkg.png') no-repeat 0 0;
}
#homeLink2{
    float: right;
    width: 107px;
    height: 25px;
    padding-right: 27px;
    background: url('https://www.nnvl.noaa.gov/images/article-bkg.png') no-repeat 0 0;
}
#homeLink2 a {
    color: #2D72AE;
    font-size: 14px;
    background-position: -90px 0; 
    width: 95px; 
}

#homeLink a {
    color: #2D72AE;
    font-size: 14px;
    padding-left: 30px;
    background-position: -90px 0; 
    width: 95px; 
}

.imageMediaPic {
    -moz-box-shadow: 0 0 5px 2px #222;
    -webkit-box-shadow: 0 0 5px 2px #222;
    box-shadow: 0 0 5px 2px #222;   
}
.clsLegendOnly
{
	font-size: smaller;
	color: #677fb8;
	font-weight: bold;
}

.pointer {
    cursor:pointer;
}



.clsFieldsetOnly
{
	border-right: medium none;
	border-top: #d0d0d0 1px solid;
	background: url(img/fieldset.gif) repeat-x left bottom;
	vertical-align: top;
	border-left: medium none;
	width: 100%;
	height: 100%;
	border-bottom: medium none;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
}

form.clsForm legend
{
	font-size: smaller;
	color: #677fb8;
	font-weight: bold;
}
form.clsForm label
{
	font-size: smaller;
	color: black;
}
form.clsForm fieldset
{
	border-right: medium none;
	border-top: #d0d0d0 1px solid;
	background: url(img/fieldset.gif) repeat-x left bottom;
	vertical-align: top;
	border-left: medium none;
	width: 100%;
	height: 100%;
	border-bottom: medium none;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
}
form.clsForm fieldset fieldset
{
	background: none transparent scroll repeat 0% 0%;
}
form.clsForm fieldset li.clsFormLi
{
	padding-right: 10px;
	padding-left: 10px;
	background: url(img/divider.gif) repeat-x left bottom;
	padding-bottom: 7px;
	padding-top: 5px;
}
form.clsForm fieldset fieldset li.clsFormLi
{
	padding-right: 10px;
	padding-left: 10px;
	background: none;
	padding-bottom: 7px;
	padding-top: 5px;
}

form.clsForm fieldset ol.clsFormLi
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
form.clsForm fieldset li.clsFormLi
{
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 5px;
	list-style-type: none;
}
form.clsForm fieldset fieldset
{
	border-right: medium none;
	border-top: medium none;
	margin: 3px 0px 0px;
	border-left: medium none;
	border-bottom: medium none;
}
form.clsForm fieldset fieldset legend
{
	padding-right: 0px;
	padding-left: 50px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 0px;
}
form.clsForm fieldset fieldset label
{
	display: block;
	width: auto;
}
/*form.clsForm EM
{
	font-weight: bold;
	color: red;
	font-style: normal;
	font-size: smaller;
}*/
form.clsForm label
{
	width: 200px;
	margin-left: 50px;
}
form.clsForm fieldset fieldset label
{
	margin-left: 105px;
}


.clsPrimary
{
	font-weight: bold;
	font-size: 8pt;
	margin: 2px;
	color: white;
	background-color: #677fb8;
	height: 24px;
}
.clsSecondary
{
	font-weight: bold;
	font-size: 8pt;
	margin: 2px;
	color: white;
	height: 24px;
	background-color: #66676b;
}

.PageHeaderOuter
{
	font-weight: bold;
	font-size: 10pt;
	background: #8398c9;
	vertical-align: middle;
	width: 100%;
	color: white;
	border-bottom: black 1px inset;
	height: 35px;
}

.PageHeaderInner
{
	margin-left: 10px;
	padding-top: 10px;
}

BODY
{
        background-image: url(https://www.nnvl.noaa.gov/images/bg_darker.png);
        background-repeat: repeat-x;
        color: #333;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 18px;
        margin: 0px auto 0px;
        padding: 0px;
        text-align: center;     
}

#firstTabKeywords a{
    color:white;
}

#searchbox{
    display: inline;
    background: #FFFFFF url(https://www.nnvl.noaa.gov/images/search_icon.png) no-repeat left;
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-indent: 17px;
    width: 150px;
    _height: 22px;
    padding: 4px 0px 4px 3px;
    border: 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }
    
#sbutton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;  
    }
    
    
#MainContent {
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
}

#TopContent {
    background: url('https://www.nnvl.noaa.gov/images/blue_bar2.png');
    font-size: 13px;
    color: #FFF;
    background-color: #FFFFFF;
}

*+html #TopContent {
    margin-top: -5px;
}

*+html #FilmDiv{
    margin-top: -5px;
}

#graytable a, a:active, a:visited {
  color: #2D72AE;
}

#graytable a:hover {
  color: #036;
}

#graytable {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid #ECECEC;
    font-size: 14px;
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url('https://www.nnvl.noaa.gov/images/gradientbkg.jpg');
}
#graytab {
    font-size: 14px;
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url('https://www.nnvl.noaa.gov/images/gradientbkg2.jpg');
}

#firstTabLink2{
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 5px 2px #444;
    -webkit-box-shadow: 0 0 5px 2px #444;
    box-shadow: 0 0 5px 2px #444;
    color: #FFFFFF;
    font-size: 14px;
    background-color: #4092D3;
}
#firstTabDate{
    color: #CCCCCC;
}
.fancypants {
    margin-left: 50px; 
    background: url('https://www.nnvl.noaa.gov/images/blue_bar.png');
}

#TopContent a, a:active, a:visited{
    color: #E7F4FC; 
}

#TopContent a:hover{
    color: #036; 
}

.maintitle1 {
    font-size: 20px;
    color: #E7F4FC;
    text-decoration: none !important;
    border-bottom: 1px dashed #ACACAC;
    margin-bottom: -25px;
}

.title1 {
    font-size: 20px;
    color: #2D72AE;
    text-decoration: none !important;
    border-bottom: 1px dashed #ACACAC;
    vertical-align: top;
    line-height:35px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
}
.title3 {
    font-size: 20px;
    color: #2D72AE;
    text-decoration: none !important;
    vertical-align: top;
    line-height:35px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
}

.title4 {
    font-size: 12px;
    color: #2D72AE;
    text-decoration: none !important;
    vertical-align: top;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
}

.titleab {
    font-size: 14px;
    text-decoration: none !important;
    margin-right: 10px;
}

.title12 {
    font-size: 20px;
    color: #2D72AE;
    text-decoration: none !important;
    margin-right: 10px;
    line-height: 24px;
}
.title123 {
    font-size: 20px;
    color: #999999;
    width:322px;
    text-decoration: none !important;
    border-bottom: 1px dashed #ACACAC;
    vertical-align: top;
    line-height:35px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
}

.title1234 {
    color: #999999;
    width:322px;
    text-decoration: none !important;
    border-bottom: 1px dashed #ACACAC;
    vertical-align: top;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
}

.bar1 {
    margin-right: 10px;
    background-color: #D6D6D6;
    height: 1px;
    width: 50%;    
}

ul.product .trigger ul.menu
{
        margin-top: 1.2em;
}

ul.product .trigger ul.menu li
{
	display: inline;
}

.trigger ul.menu
{
        display: none;
        position: absolute;
        margin: 0;
        padding: .4em;
        list-style: none;
	border-style:solid;
	border-color:#344256;
	border-width:2px;
        background:#344256;
}

.trigger ul.menu li
{
        padding: .5em .5em;
        list-style: none;
	display: inline;
}

.trigger ul.menu li a
{
        display: block;
	display: inline;
}

.trigger:hover
{
        background: transparent url(hover-menu-sample-glass-panel-body-selected.png) no-repeat center;
}

.trigger:hover ul.menu
{
	display: block;
}

ul.product
{
        margin: 0;
        padding: 0;
        list-style: none;
}

#wrap
{
	margin: auto;
	background-color: white;
	width: 90%;
	border: 2px outset #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}


#header
{
	margin: auto;
	padding-top: 8px;
	height: 60px;
	background: #8398c9 url(img/top.png) repeat-x;
	border-bottom: 1px solid black;
}


#loginBody
{
	background: url(img/ime_bg.gif) #ccc;
	text-align: center;
}

#footer
{
	margin: auto;
	font-size: 7pt;
	text-align: center;
	height: 20px;
}

A:link
{
	text-decoration: none;
	color: #696565;
}

A:visited
{
	text-decoration: none;
	color: #696565;
}

A:hover
{
	text-decoration: none;
	color: #2D72AE
}

A:active
{
	text-decoration: none;
	color: #2D72AE;
}


IMG
{
	border-style:none;
}

SMALL
{
	font-size: .7em;
}

BIG
{
	font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}
TABLE
{
	border-color: Black;
}
TD
{
	border-color: Black;
}

P{
    text-align: justify;
}

.cssHeaderBox
{
	background-color:#344256;
	padding:2px;
	font-size: 14pt;
	height:30px;
}
.cssHeaderBox2
{
	background-color:white;
	padding:2px;
	font-size: 14pt;
	height:30px;
	z-index:2;
}
.cssContentBox
{
	background-color:white;
	padding:10px;
	border-color:#463E3F;
	text-align:left;
 	position: relative;
	z-index:5;
        width:66%;
}

.navbarbutton:focus, 
.navbarbutton:hover, 
.navbarbutton:active {
    background: #007146 url(https://www.nnvl.noaa.gov/images/nav_hover2.png) repeat-x;
    color: #F5F5F5;
    text-shadow: 0.2px 0.2px #003366;
    outline: 0;
}

.navbar {
    background: #595959 url(https://www.nnvl.noaa.gov/images/header_bg.png) repeat-x;
    height: 40px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 0px 10px;
    position: relative;
    z-index: 99;
}
.cssBlueLink:link
{
	font-weight: bold;
	text-decoration: none;
	color: #344256;
	font-size: 14pt;
}
.cssBlueLink:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #344256;
	font-size: 14pt;
}
.cssBlueLink:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #344256;
	font-size: 14pt;
}
.cssBlueLink:active
{
	font-weight: bold;
	text-decoration: none;
	color: #344256;
	font-size: 14pt;
}
.cssWhiteLink:link
{
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-align: left;
        color: white;
        font-weight: bold;
}
.cssWhiteLink:visited
{
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-align: left;
        color: white;
        font-weight: bold;
}
.cssWhiteLink:hover
{
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-align: left;
        color: white;
        font-weight: bold;
        text-decoration: none;
}
.cssWhiteLink:active
{
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        text-align: left;
        color: white;
        font-weight: bold;
}
.cssTopAnimationLink:link
{
	text-decoration: none;
	color: #ffffff;
	font-size: 12pt;
	margin-left:2px;
}
.cssTopAnimationLink:visited
{
	text-decoration: none;
	color: #ffffff;
	font-size: 12pt;
	margin-left:2px;
}
.cssTopAnimationLink:hover
{
	text-decoration: underline;
	color: #ffffff;
	font-size: 12pt;
	margin-left:2px;
}
.cssTopAnimationLink:active
{
	text-decoration: none;
	color: #ffffff;
	font-size: 12pt;
	margin-left:2px;
}
.cssButtons
{
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
	margin-left: 2px;
	color: white;
	background-color: #344256;
	height: 22px;
	border-style: none;
}
.cssButtonWhite
{
	font-weight: bold;
	font-size: 12pt;
	margin: 2px;
	color: black;
	background-color: white;
	height: 24px;
	border-style: solid;
	border-width: 1px;
}

.cssButtonYellow
{
	font-weight: bold;
	font-size: 12pt;
	margin: 2px;
	color: black;
	background-color: yellow;
	height: 24px;
	border-style: solid;
	border-width: 1px;
}
.cssLabels
{
	font-size: 8pt;
}
.cssTitle
{
	font-size: 10pt;
	font-weight: bold;
}
.cssPanelBorder
{
	border-width: 1px;
	border-style: inset;
	padding: 5px 5px 5px 5px;
}
.cssPanelBorder2
{
	border-color: Gray;
	border-width: 1px;
	border-style: Solid;
	padding: 5px 5px 5px 5px;
	border-top: none;
}



ul.sortable li
{
	position: relative;
}
ul.boxy
{
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0px;
}
ul.boxy li
{
	margin-bottom: 4px;
	padding: 2px 2px; /*border: 1px solid #eee;*/
}


ul.boxyMove
{
	list-style-type: none;
	padding: 4px 4px 0 4px;
	margin: 0px;
}
ul.boxyMove li
{
	margin-bottom: 4px;
	padding: 2px 2px;
	border: 1px solid #eee;
}

.newsheading
{
	position: absolute; left: 2px; width: 628px; bottom:2px;/*top: 290px;height:54px; */
	text-align:left;
	background-color:white;
	color: black;
	font-weight: bold;
	padding: 4px 4px 1em;
	filter:alpha(opacity=45); /* IE's opacity*/
	opacity: 0.45;
}

.newssubheading
{
	position: absolute; left: 2px; width: 672px; bottom:2px; /*top: 321px;*/
	background-color:white;
	color: black;
	font-weight: bold;
	font-size: 10pt;
	padding: 4px 4px;
	filter:alpha(opacity=45); /* IE's opacity*/
	opacity: 0.45;
}

#mediaPageTitle {
    font-size:14px;
    color:#2d72ae;
    width:950px;
    line-height: 35px;
    background: url('https://www.nnvl.noaa.gov/images/underline.png') repeat-x bottom;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
}
#mediaPageTitle2 {
    font-size:14px;
    color:#2d72ae;
    width:967px;
    line-height: 35px;
/*    background: url('images/underline.png') repeat-x bottom;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/
}
.rounded-table { background: url(https://www.nnvl.noaa.gov/images/table_bg.jpg) bottom left repeat-x; color: White; font-weight: bold; font-size: 16pt; background-color: #344256;}  
.rounded-corner1 { background: url(https://www.nnvl.noaa.gov/images/table_left.jpg) bottom left no-repeat; }  
.rounded-corner2 { background: url(https://www.nnvl.noaa.gov/images/table_right.jpg) bottom right no-repeat;  padding-top: 10px; padding-left: 20px; padding-right: 20px; color: white; text-align: left; margin: 0; white-space: nowrap; overflow: hidden; height:20px } 

.smroundbox { background: url(https://www.nnvl.noaa.gov/images/dot.png) repeat;}
.smtop div { background: url(https://www.nnvl.noaa.gov/images/tl.png) no-repeat top left; }
.smtop { background: url(https://www.nnvl.noaa.gov/images/tr.png) no-repeat top right; }
.smbot div { background: url(https://www.nnvl.noaa.gov/images/bl.png) no-repeat bottom left; }
.smbot { background: url(https://www.nnvl.noaa.gov/images/br.png) no-repeat bottom right; }
.smtop div, .smtop, .smbot div, .smbot {
width: 100%;
height: 1px;
font-size: 1px;
}
.smcontent { margin: 0 16px; }
.smroundbox { width: 640px; margin-bottom: 1em;}

.rbroundbox { background: url(https://www.nnvl.noaa.gov/images/dot.jpg) repeat;}
.rbtop div { background: url(https://www.nnvl.noaa.gov/images/grayroundtopleft.jpg) no-repeat top left; }
.rbtop { background: url(https://www.nnvl.noaa.gov/images/grayroundtopright.jpg) no-repeat top right; }
.rbbot div { background: url(https://www.nnvl.noaa.gov/images/grayroundbottomleft.jpg) no-repeat bottom left; }
.rbbot { background: url(https://www.nnvl.noaa.gov/images/grayroundbottomright.jpg) no-repeat bottom right; }
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 45px;
font-size: 1px;
}
.rbcontent { margin: 0 10px; text-align:left; }
.rbroundbox { width: 980px; margin: 1em auto;}

a:link { 
border:none; 
}

.imageGalleryPic {
    margin: 10px 10px 10px 10px;  
}

.imageGalleryPic2 {
    margin: 10px 10px 10px 10px;  
}
.imageGalleryPic3 {
    margin: 0px 0px 0px 0px;  
}

.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 350px;
/*height: 250px;  Set height to be able to contain height of largest content shown*/
border: 5px solid maroon;
overflow: hidden;
}
.footerPara{
    float:left;
    color:#FFFFFF;
    line-height:12px;
    font-size: 10pt;
} 

.footertop{
    background: #FFFFFF;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: white;
padding: 10px;
visibility: hidden;
overflow:hidden;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
font-size: 10px !important; 
text-decoration: none;
color: white;
}

.fadecontenttoggler a:hover{
color: yellow;
}

.fadecontenttoggler a.toc{
font-size: 10px !important;     
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: yellow;
}

.grayText {
    color: #6E6A6B;
    font-size: small;
}

.thumbnail      {
                     margin-left: 0px;
                     margin-right: 0px;
                     width: 150px;
                     height: 85px;
                    
                }
               
                
.filmstrip        {
                     position: absolute;
                     overflow: hidden;
                     height: 110px;
                     cursor: w-resize;
                     margin-bottom:-10px;
                     margin-left:-7px;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -o-user-select: none;
                    user-select: none;
                
                }
                
.filmstrip2        {
                     position: absolute;
                     overflow: hidden;
                     height: 110px;
                     cursor: w-resize;
                     margin-top: -10px;
                     margin-bottom:-20px;
                     margin-left:-7px;
                     -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -o-user-select: none;
                    user-select: none;
                     display:inline;
                     
                }
#filmTable {
                 background: #333333 url(https://www.nnvl.noaa.gov/images/header_bg.png) repeat-x;
                 width: 100%;
                 border-spacing: 0px;
                 -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -o-user-select: none;
                user-select: none;
                }                
                
.opacity1, .opacity2 img{
    opacity:0.55;
    -moz-opacity:0.55;
    filter:alpha(opacity=55);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=55)";
}              
                
.opacity1, .opacity2 img:hover {
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

.noOpacity a{
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity=100);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; 
}

.noOpacity img{
    padding: 5px 2px 2px 2px;
    background: url(https://www.nnvl.noaa.gov/images/arrow3.png);
   /* border: solid 3px gray;*/
    
}

.opacity1 img{
    padding: 5px 2px 2px 2px;
    /*border: solid 3px white;*/
 }
                
.vertical-text {
                    color:#FFFFFF;
                    -webkit-transform:rotate(-90deg);
                    -moz-transform:rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
                   white-space:nowrap;
                    display:block;
                    width:20px;
                    height:20px;
                    font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
                    font-size:16px;
                    font-weight:bolder;
                    text-shadow: 2px 2px 2px #000;
                    opacity:1;
                    -moz-opacity:1;
                    filter:alpha(opacity=100);
                   
                }
.detail           {
                     position: absolute;
                     border: 1px solid black;
                     background-color: #DDDDDD;
                     display: none;
                     cursor:move;
                }
.detailLink       {
                     text-decoration: none;
                     color: black;
                }
.detailLink:hover {
                     background-color: black;
                     color: white;
                }
.detailComments   {
                    font-family: verdana;
                    font-size: 9pt;
                    color: black;
                    display: none;
                }
.detailImg       {
                    cursor: move;
                    padding: 5px;
                }
                                 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, #navi, section { 
    display: block;
}
#navi ul { list-style:none; }

body { font: 13px/1.231 sans-serif; font-size: small; } 

body, select, input, textarea { color: #444; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #696565; }
a:hover { color: #036; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

#container {
	width: 666px;
	margin: 0 auto;
}
#ImagePage {
          border: 1px solid black;
                     background-color: #DDDDDD;
}
h1 {
	font-size: 32px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-shadow: #ddd 2px 2px 2px;
	color: #888;
	padding: 20px 0;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	padding: 0 0 20px 0;
}

#navi ul {
	height: 30px;
	overflow: hidden;
	width: 620px;
	margin: 0 0 2px 0;
}

	#navi ul li {
		float: left;
	}

		#navi ul li a, nav ul li a:link, nav ul li a:visited {
			display: block;
			height: 30px;
			padding: 0 35px 0 40px;
			float: left;
			line-height: 30px;
			text-decoration: none;
		}

		#navi ul li a:hover, nav ul li a:active {
			color: black;	
		}
		
		#navi ul li a.active, nav ul li a.active:link, nav ul li a.active:visited {
			background: #ccc;
			color: #fff;
		}
	
		#navi ul li a span {
			color: #ccc;
			font-size: 11px;
			_font-size: 9px; /* for IE6 */
		}
		
		#navi ul li a.active span {
			color: #fff;
			font-size: 11px;
			_font-size: 9px; /* for IE6 */
		}

	#dropdown {
		width: 660px;
		margin: 0 0px  2px 0;
		border-top: none;
		display: none;
		position: relative;
		overflow: hidden;
                float:left;
                text-align: left;
	}
	
		#ajax {
			padding: 20px;
		}
		
			#ajax h2 {
				text-align: center;
				font-size: 40px;
				color: #bbb;
			}
	
	#main {
		padding: 20px 0 0 0;
	}
	
	.close {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	#ajax ul {
		float: left;
		width: 300px;
		padding: 0 30px 0 0;
	}
	
		#ajax ul li {
			padding: 3px 0;
		}
		
		footer p {
			text-align: center;
		}