.top-noaa-text { 
	font-size: 24px;
	color:#004496;
	font-weight:bold;
}

.top-text { 
	color:#666464;
	font-weight:bold;
}

.nav-font {
	font-family:sans pro;
	font-size:18px;
	font-weight:500;
	color:fff;
}

.dropdown-menu > li > [href$='.pdf'], a[href$='.PDF'] {
	background-image:none;
	background-size:auto;
	display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

td > font > div.icons > a[href$='.pdf'], a[href$='.PDF'] {
	background-image:none;
	padding-right:unset;
}

a[href$='.pdf'], a[href$='.PDF'] {
	background-image:url(../images/pdf-icon-2.png);
	background-size:15px 15px;
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:0 20px 0 0;
	zoom:1;
	display:inline;
}

a.no-underline-button {
	background-image:none;
	padding-right:unset;
}


/* not use on 19 July 17
.bg-image {
	background-image:url(fishing-boat-background.jpg);
	background-position:center center;
	background-size:cover;
	height:600px;
}
*/

.bluebox-button {
	width:270px; 
	height:170px;
	background-color:#004496;
	padding:26px 13px 0 13px;
}

.bluebox-button-large {
	width:360px; 
	height:240px; 
	background-color:#004496;
	padding:26px 13px 0 13px;
}

.bluebox-button-wide {
	width:360px; 
	height:150px; 
	background-color:#004496;
	padding:26px 13px 0 13px;
}

.lightbluebox-button {
	width:165px; 
	height:145px; 
	background-color:#19a2dc;
	text-align:left;
	vertical-align:text-bottom;
}

.bluebox-button-title {
	color:#fff;
	font-weight:500;
	font-size:18px;
}

.bluebox-button-subtitle {
	color:#fff;
	font-size:13px;
	font-style:italic;
}

.white { color:#fff; }

.image-font {
	text-align:center;
	 color:#000;
	 font-size:14px;
	 font-style:italic;
	 background-color:#fff;
	 border:#999 1px solid;
	 height:auto;
	 padding:10px;
 }

.image-borderline {
	border-top: #999 1px solid;
	border-right: #999 1px solid;
	border-left: #999 1px solid;
	height:auto;
	width: auto;
}
 
 
 /** not use on 19 July17 
 .divide-line {
	width:auto;
	color:#ddd;
	border: solid #ddd 1px;
	margin-top:-5px;
}
*/
 
 /* title divider */
.title-divider {
	text-align: left;
	position: relative;
	border-bottom: #ddd 2px solid;
	padding-bottom: 6px;
	margin: 0 0 20px;
}

.title-divider span {
	position: absolute;
	width: 50px;
	height: 1px;
	bottom: -1px;
	left: 0;
	background: #0099d8;
}

.span8 {
  /* width: 620px; */
  width:auto;
} 

