/* CSS Document for updated NCO website */
/* created 12/2019 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* ********** regular code ********** */

body { 
    background: #C5E5F5 url(images/bg.png) repeat center; 
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 100%;
}

p {
    font-family: Arial, Helvetica, Geneva, sans-serif;
}


/* **********top  header/banner ********** */
.header {
    width:100%;
    margin:0;
    height:60px;
    padding-bottom: 0px;
}

.header-content {
    width:990px;
    margin:0 auto;
    height:60px;
    overflow:visible;
}

.header-noaa-icon {
    float:left;
    margin-left:5px;
    height:60px;
}

.header-nws-icon {
    float:left;
    height:60px;
}

.header-doc {
    float:right; 
}

.header-center-text {
    width:550px;
    height:40px;
    margin-left:4px;
    overflow:visible;
    float:left;
    padding-top:2px;
}

a.header-center-text {
    font-family:Arial,sans-serif;
    font-size: 2.0em;
    letter-spacing:0px;
    word-spacing:-0.5px;
    text-decoration:none;
    font-weight:550;
    color:black;
    text-transform:uppercase;
    font-variant:small-caps;	
}

.header-noaa-text {
    width:515px;
    height:10px;
    margin-left:5px;
    overflow:visible;
    float:left;
}

a.header-noaa-text {
    font-variant:small-caps;
    text-transform:uppercase;
    font-family:Arial,sans-serif;
    font-size:0.7em;
    text-decoration:none;
    color:gray;
    letter-spacing:3px;
}

.header-shadow {
     width: 100%;
     height: 5px;
     overflow: visible;
}

.header-shadow-content {
    margin:0px auto;
    width:985px;
    height:5px;
    background:url(images/head_shadow.png) center;	
}





/* ********* center / main body of page ********** */
.center {
    width: 100%;
    overflow: visible;
}

.content {
    width: 990px;
    margin-right: auto;
    margin-left: auto;
}


.content-title {
    text-align: center;
    padding-left: .5em;
    font-weight: bold;
    font-size: 1em;
    font-family: Arial,sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    padding-top: 1em;
}

.content-subtitle {
 font-size: 1em;
 padding-top: .25em;
 padding-left: .25em;
 font-weight: bold;
 text-align: left;
}

.content-subtitleb {
 font-size: 1em;
 padding-top: .25em;
// padding-bottom: .25em;
 font-weight: bold;
 text-align: center;
}


.content-subtitlec {
 font-size: .85em;
// padding-top: .25em;
 padding-left: .25em;
 font-weight: bold;
 text-align: center;

}

.content-subtitled {
 font-size: .95em;
// padding-top: .25em;
// font-weight: bold;
 text-align: center;

}

.content-body {
    padding-left: 1em;
    padding-right: 1em;
}

.content-body-center {
    text-align: center;
   
}


.content-body table {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: .5em;
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: .5em;
  padding-bottom: .5em;
  border: 2px solid lightgray;

}


.content ul {
  padding-top: .5em;
  padding-bottom: .5em;
//  font-weight: normal;
//  list-style-type: circle;

}

.content ul li {
  padding-top: .25em;
  padding-bottom: .25em;
  font-weight: normal;
  list-style-type: circle;
  font-size: 1em;
  margin-left: 2em;

}

.content a {
  color: blue;
}


.row {
  display: flex;
  background: lightgray;
  margin-top: .5em;
  justify-content: center;
}

.rowb {
  display: flex;
  background: white;
//  margin-top: .5em;
  justify-content: center;
//  border-right: 1px solid lightgray;
}

.rowc {
  margin-top: .5em;
  padding: .5em;
}


.rowd {
  display: flex;
  background: lightgray;
  margin-top: .5em;
  width: 60%;
}

.rowl {
  display: flex;
  background: white;
  margin-top: .5em;
//  width: 30%;

}



/* Create columns that sits next to each other */
.column {
  background-color: white;
  margin: .5em;
  padding: .5em;
  flex: 33%;
//  justify-content: center;
//  max-width: 25%;
//  padding: 0 4px;
}

.columna {
  background-color: white;
  margin-top: .25em;
  margin-bottom: .25em;
  padding: .5em;
  flex: 33%;
  border-right: 1px solid lightgray;
  border-left: 1px solid lightgray;

//  justify-content: center;
//  max-width: 25%;
//  padding: 0 4px;
}

.columnb {
  background-color: white;
  margin: .5em;
  padding: .25em;
  flex: 66%;
//  justify-content: center;
//  max-width: 25%;
//  padding: 0 4px;
}

.columnc {
  background-color: white;
//  margin: .5em;
  padding-left: .5em;
  padding-right: .5em;
  flex: 33%;
}

.columnd {
  background-color: white;
  margin: .5em;
  padding: .5em;
  flex: 50%;
}

.columnm {
  background-color: white;
  margin: .5em;
  padding: .5em;
//  border: 1px solid green;
  flex: 100%;
}

.columnl {
  background-color: white;
  margin: .5em;
  padding: .5em;
  flex: 33%;

} 

.title {
 font-size: 1.15em;
// padding-bottom: .25em;
 padding-top: .25em;
 padding-left: .25em;
 font-weight: bold;
 text-align: left
}

.column div.title {
 font-size: 1.15em;
// padding-bottom: .25em;
 padding-top: .25em;
 font-weight: bold;
 text-align: left;
}

.column div.list {
 padding-top: .25em;
 padding-left: .25em;
 line-height: 1.25em;
// font-weight: bold;
}

.column div.subt {
  padding-bottom: 0;
  padding-top: .25em;
  text-align: left;
  font-size: .9em;
}

.column div.subtc {
  padding-bottom: 0;
  padding-top: .25em;
  text-align: center;
  font-size: .9em;
}

.column div.location {
 font-size: .9em;
 padding-bottom: .5em;
}

.column img {
  padding-top: .5em;
  vertical-align: middle;
}

.column img.map {
  padding-top: .5em;
//  justify-content: center;
  margin-left: 25%;
//  margin-right: auto; 
}

.column div.line {
 border-top: 1px solid lightgray;
 margin-top: .5em;
 margin-bottom: 1em;
}

.columnb div.lineb {
 border-top: 1px solid lightgray;
 margin-top: .75em;
 margin-bottom: .5em;
}




.map {
//border: 1px solid red;
width: 100%;
padding: 0px;
margin: 0px;
}


div.line{
  border-top: 1px solid lightgray;
  margin-top: 1em;
  margin-bottom: 1.5em;
}


.display-title {
    text-align: center;
    padding-left: .25em;
    font-weight: bold;
    font-size: 1em;
    color: #333333;
    font-family: Arial,sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    padding-top: 1em;
//    padding-bottom: .5em;
//    padding-left: 25px;
//    float: left;

}


/* Style for additional info links */

.links-ove {
    margin-left: 0em;
    margin-right: 0em;
//    background: lightgray;
    font-family: Arial,sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: .9em;
//    border-left: 8px solid white;
//    border-right: 8px solid white;
//    border-bottom-left-radius: 5px;
//    border-bottom-right-radius: 5px;
    font-weight: bold;
    text-align: left;
    padding-left: .5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.links-ove li {
    padding: .15em;
}


.links-ove a {
//    color: #333333;
//    color: #1763AB;
    color: black;
    text-decoration: none;
}

.links-ove a:hover  {
    text-decoration: none;
    color: gray;
}

.links-ove a.active {
//    color: #333333;
//    color: #1763AB;
    color: ;
    text-decoration: underline;
}

.links-ove a.active:hover  {
//    text-decoration: none;
    color: gray;
}

.links-ove div.active {
   display: block;
   font-size: .75em;
   border: 1px solid lightgray;
   border-radius: 5px;
   margin-left: 5%;
   margin-right: 7%;
   margin-top: .5em;
   margin-bottom: .5em;
   padding: .5em;
}

ul.ulist {
//  font-weight: normal;
//  list-style-type: circle;

}

ul.ulist li {
  font-weight: normal;
  list-style-type: circle;
  font-size: 1.15em;
  margin-left: 1em;

}

ul.ulista {
//  font-weight: normal;
//  list-style-type: circle;
 padding-bottom: 1em;
}

ul.ulista li {
  font-weight: normal;
  list-style-type: none;
  font-size: 1.15em;
  margin-left: 1em;

}

ul.ulistb li{
  margin-left: 2em;

}


ul.ulist li a {
  color: blue;
}

ul.ulista li a {
  color: blue;
}

p.text a {
  color: blue;

} 

div.titlea {
  font-size: 1em;
  text-align: left;
  padding-bottom: .75em;
  padding-top: .75em;
  font-weight: bold;
}

div.titleb {
 font-size: 1em;
 padding-top: .75em;
 font-weight: bold;
}

div.subtitlea {
  font-size: 1.25em;
}

p.title {
  font-size: 1.25em;
  text-align: center;
  padding-bottom: .75em;
  padding-top: .75em;

}

p.subtitle {
  font-size: 1.25em;

}

p.text {
  font-size: 1em;
 // font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  padding-bottom: .75em;

}

div.text {
font-size: 1.15em;
 // font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  padding-bottom: .75em;
}

div.text2 {
//font-size: 1.15em;
 // font-family: Arial, Helvetica, sans-serif;
//  letter-spacing: 1px;
//  word-spacing: 1px;
//  font-weight: normal;
//  text-decoration: none;
//  font-style: normal;
//  font-variant: normal;
//  text-transform: none;
  padding-left: .75em;
//  padding-bottom: .75em;
}



p.subtitle a {
    color: black;
    text-decoration: underline;
}

p.subtitle a:visited {
    color: black;
}

p.subtitle a:hover {
    color: #EC7A08;
}


/********* NCEP menu ************ */

.ncep-menu-content {
    width: 985px;
    text-align: left;
    margin: 0 auto;
    border-bottom:1px solid lightgray;
    padding-bottom: 5px;
    padding-top: 0px;
    overflow: hidden;
}

.ncep-links {
    width: 75%;
    float: left;
    font-variant: small-caps;
    text-transform: uppercase;
    font-family: Arial,sans-serif;
    font-size: 0.7em;
    text-decoration: none;
    color: gray;
    letter-spacing: 2px;
    padding-top:3px;
    padding-left: .5em;
}

.ncep-links a {
    color: gray;
}

.ncep-links a:visited {
    color: gray;
}

.ncep-links a:hover {
    color: #EC7A08;
}

.ncep-localforecast {
    width: 16%;
//    font-size: 1em;
    float: right;
    text-align: right;
    font-variant: small-caps;
    text-transform: uppercase;
    font-family: Arial,sans-serif;
    font-size: 0.7em;
    text-decoration: none;
    color: gray;
    letter-spacing: 2px;
    padding-top:3px;
}

.ncep-localforecast a {
    color: gray;
}

.ncep-localforecast a:visited {
    color: gray;
}

.ncep-localforecast a:hover {
    color: #EC7A08;
}


.ncep-socialmedia {
    width: 8%;
    float: right;
    text-align: right;
}

img.ncep-icons {
    padding-top: 2px;
    margin: 0;
}


/* ********** footer legal ********** */
.footer-legal {
/*	background:#D3E7F7 url(images/bg.png) repeat-y center; */
	width:100%;
	visibility:visible;
	overflow:hidden;
	padding-bottom:10px;
	margin-top:auto;
        margin-left:auto;
        margin-right:auto;

}

.footer-legal * {
	font:1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-legal a:link {
	text-decoration:none;
}

.footer-legal a:hover {
	text-decoration:underline;
}

.footer-legal-content {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	line-height:16px;
	padding-top:15px;
        border-top:1px solid lightgray;
        text-align: left;
}

.footer-legal-gov {
	float:left;
}

.footer-legal-column {
	float:left;
	width:340px;
	position:relative;
	left:20px;
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.footer-legal-column2 {
	float:left;
	left:20px;
	position:relative;
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-legal-column3 {
	float:left;
	left:120px;
	width:180px;
	position:relative;
	font:.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}




/* CSS Document for updated NCO website */
/* created 12/2019 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* ********** regular code ********** */

body { 
    background: #C5E5F5 url(images/bg.png) repeat center; 
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 100%;
}

p {
    font-family: Arial, Helvetica, Geneva, sans-serif;
}


/* **********top  header/banner ********** */
.header {
    width:100%;
    margin:0;
    height:60px;
    padding-bottom: 0px;
}

.header-content {
    width:990px;
    margin:0 auto;
    height:60px;
    overflow:visible;
}

.header-noaa-icon {
    float:left;
    margin-left:5px;
    height:60px;
}

.header-nws-icon {
    float:left;
    height:60px;
}

.header-doc {
    float:right; 
}

.header-center-text {
    width:550px;
    height:40px;
    margin-left:4px;
    overflow:visible;
    float:left;
    padding-top:2px;
}

a.header-center-text {
    font-family:Arial,sans-serif;
    font-size: 2.0em;
    letter-spacing:0px;
    word-spacing:-0.5px;
    text-decoration:none;
    font-weight:550;
    color:black;
    text-transform:uppercase;
    font-variant:small-caps;	
}

.header-noaa-text {
    width:515px;
    height:10px;
    margin-left:5px;
    overflow:visible;
    float:left;
}

a.header-noaa-text {
    font-variant:small-caps;
    text-transform:uppercase;
    font-family:Arial,sans-serif;
    font-size:0.7em;
    text-decoration:none;
    color:gray;
    letter-spacing:3px;
}

.header-shadow {
     width: 100%;
     height: 5px;
     overflow: visible;
}

.header-shadow-content {
    margin:0px auto;
    width:985px;
    height:5px;
    background:url(images/head_shadow.png) center;	
}



/* ********* center / main body of page ********** */
.center {
    width: 100%;
    overflow: visible;
}

.content {
    width: 990px;
    margin-right: auto;
    margin-left: auto;
}


.content-title {
    text-align: center;
    padding-left: .5em;
    font-weight: bold;
    font-size: 1em;
    font-family: Arial,sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    padding-top: 1em;
}

.content-subtitle {
 font-size: 1em;
 padding-top: .25em;
 padding-left: .25em;
 font-weight: bold;
 text-align: left;
}

.content-subtitleb {
 font-size: .95em;
 padding-top: .25em;
// padding-bottom: .25em;
 font-weight: bold;
 text-align: center;
}


.content-subtitlec {
 font-size: .85em;
// padding-top: .25em;
 padding-left: .25em;
 font-weight: bold;
 text-align: center;

}

.content-subtitled {
 font-size: .95em;
// padding-top: .25em;
// font-weight: bold;
 text-align: center;

}

.content-body {
    padding-left: 1em;
    padding-right: 1em;
}

.content-body-center {
    text-align: center;
   
}


.content-body table {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: .5em;
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: .5em;
  padding-bottom: .5em;
  border: 2px solid lightgray;

}


.content ul {
  padding-top: .5em;
  padding-bottom: .5em;
//  font-weight: normal;
//  list-style-type: circle;

}

.content ul li {
  padding-top: .25em;
  padding-bottom: .25em;
  font-weight: normal;
  list-style-type: circle;
  font-size: 1em;
  margin-left: 2em;

}

.content a {
  color: blue;
}


.row {
  display: flex;
  background: lightgray;
  margin-top: .5em;
  justify-content: center;
}

.rowb {
  display: flex;
  background: white;
//  margin-top: .5em;
  justify-content: center;
//  border-right: 1px solid lightgray;
}

.rowc {
  margin-top: .5em;
  padding: .5em;
}


.rowd {
  display: flex;
  background: lightgray;
  margin-top: .5em;
  width: 60%;
}

.rowl {
  display: flex;
  background: white;
  margin-top: .5em;
//  width: 30%;

}



/* Create columns that sits next to each other */
.column {
  background-color: white;
  margin: .5em;
  padding: .5em;
  flex: 33%;
//  justify-content: center;
//  max-width: 25%;
//  padding: 0 4px;
}

.columna {
  background-color: white;
  margin-top: .25em;
  margin-bottom: .25em;
  padding: .5em;
  flex: 33%;
  border-right: 1px solid lightgray;
//  justify-content: center;
//  max-width: 25%;
//  padding: 0 4px;
}

.columnb {
  background-color: white;
  margin: .5em;
  padding: .25em;
  flex: 66%;
//  justify-content: center;
//  max-width: 25%;
//  padding: 0 4px;
}

.columnc {
  background-color: white;
//  margin: .5em;
  padding-left: .5em;
  padding-right: .5em;
  flex: 33%;
}

.columnd {
  background-color: white;
  margin: .5em;
  padding: .5em;
  flex: 50%;
}

.columnm {
  background-color: white;
  margin: .5em;
  padding: .5em;
//  border: 1px solid green;
  flex: 100%;
}

.columnl {
  background-color: white;
  margin: .5em;
  padding: .5em;
  flex: 33%;

} 

.title {
 font-size: 1.15em;
// padding-bottom: .25em;
 padding-top: .25em;
 padding-left: .25em;
 font-weight: bold;
 text-align: left
}

.column div.title {
 font-size: 1.15em;
// padding-bottom: .25em;
 padding-top: .25em;
 font-weight: bold;
 text-align: left;
}

.column div.list {
 padding-top: .25em;
 padding-left: .25em;
 line-height: 1.25em;
// font-weight: bold;
}

.column div.subt {
  padding-bottom: 0;
  padding-top: .25em;
  text-align: left;
  font-size: .9em;
}

.column div.subtc {
  padding-bottom: 0;
  padding-top: .25em;
  text-align: center;
  font-size: .9em;
}

.column div.location {
 font-size: .9em;
 padding-bottom: .5em;
}

.column img {
  padding-top: .5em;
  vertical-align: middle;
}

.column img.map {
  padding-top: .5em;
//  justify-content: center;
  margin-left: 25%;
//  margin-right: auto; 
}

.column div.line {
 border-top: 1px solid lightgray;
 margin-top: .5em;
 margin-bottom: 1em;
}

.columnb div.lineb {
 border-top: 1px solid lightgray;
 margin-top: .75em;
 margin-bottom: .5em;
}




.map {
//border: 1px solid red;
width: 100%;
padding: 0px;
margin: 0px;
}


div.line{
  border-top: 1px solid lightgray;
  margin-top: 1em;
  margin-bottom: 1.5em;
}


.display-title {
    text-align: center;
    padding-left: .25em;
    font-weight: bold;
    font-size: 1em;
    color: #333333;
    font-family: Arial,sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    padding-top: 1em;
//    padding-bottom: .5em;
//    padding-left: 25px;
//    float: left;

}


/* Style for additional info links */

.links-ove {
    margin-left: 0em;
    margin-right: 0em;
//    background: lightgray;
    font-family: Arial,sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: .9em;
//    border-left: 8px solid white;
//    border-right: 8px solid white;
//    border-bottom-left-radius: 5px;
//    border-bottom-right-radius: 5px;
    font-weight: bold;
    text-align: left;
    padding-left: .5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.links-ove li {
    padding: .15em;
}


.links-ove a {
//    color: #333333;
//    color: #1763AB;
    color: black;
    text-decoration: none;
}

.links-ove a:hover  {
    text-decoration: none;
    color: gray;
}

.links-ove a.active {
//    color: #333333;
//    color: #1763AB;
    color: ;
    text-decoration: underline;
}

.links-ove a.active:hover  {
//    text-decoration: none;
    color: gray;
}

.links-ove div.active {
   display: block;
   font-size: .75em;
   border: 1px solid lightgray;
   border-radius: 5px;
   margin-left: 5%;
   margin-right: 7%;
   margin-top: .5em;
   margin-bottom: .5em;
   padding: .5em;
}

ul.ulist {
//  font-weight: normal;
//  list-style-type: circle;

}

ul.ulist li {
  font-weight: normal;
  list-style-type: circle;
  font-size: 1.15em;
  margin-left: 1em;

}

ul.ulista {
//  font-weight: normal;
//  list-style-type: circle;
 padding-bottom: 1em;
}

ul.ulista li {
  font-weight: normal;
  list-style-type: none;
  font-size: 1.15em;
  margin-left: 1em;

}

ul.ulistb li{
  margin-left: 2em;

}


ul.ulist li a {
  color: blue;
}

ul.ulista li a {
  color: blue;
}

p.text a {
  color: blue;

} 

div.titlea {
  font-size: 1em;
  text-align: left;
  padding-bottom: .75em;
  padding-top: .75em;
  font-weight: bold;
}

div.titleb {
 font-size: 1em;
 padding-top: .75em;
 font-weight: bold;
}

div.subtitlea {
  font-size: 1.25em;
}

p.title {
  font-size: 1.25em;
  text-align: center;
  padding-bottom: .75em;
  padding-top: .75em;

}

p.subtitle {
  font-size: 1.25em;

}

p.text {
  font-size: 1em;
 // font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  padding-bottom: .75em;

}

div.text {
font-size: 1.15em;
 // font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  padding-bottom: .75em;
}

div.text2 {
//font-size: 1.15em;
 // font-family: Arial, Helvetica, sans-serif;
//  letter-spacing: 1px;
//  word-spacing: 1px;
//  font-weight: normal;
//  text-decoration: none;
//  font-style: normal;
//  font-variant: normal;
//  text-transform: none;
  padding-left: .75em;
//  padding-bottom: .75em;
}



p.subtitle a {
    color: black;
    text-decoration: underline;
}

p.subtitle a:visited {
    color: black;
}

p.subtitle a:hover {
    color: #EC7A08;
}


/********* NCEP menu ************ */

.ncep-menu-content {
    width: 985px;
    text-align: left;
    margin: 0 auto;
    border-bottom:1px solid lightgray;
    padding-bottom: 5px;
    padding-top: 0px;
    overflow: hidden;
}

.ncep-links {
    width: 75%;
    float: left;
    font-variant: small-caps;
    text-transform: uppercase;
    font-family: Arial,sans-serif;
    font-size: 0.7em;
    text-decoration: none;
    color: gray;
    letter-spacing: 2px;
    padding-top:3px;
    padding-left: .5em;
}

.ncep-links a {
    color: gray;
}

.ncep-links a:visited {
    color: gray;
}

.ncep-links a:hover {
    color: #EC7A08;
}

.ncep-localforecast {
    width: 16%;
//    font-size: 1em;
    float: right;
    text-align: right;
    font-variant: small-caps;
    text-transform: uppercase;
    font-family: Arial,sans-serif;
    font-size: 0.7em;
    text-decoration: none;
    color: gray;
    letter-spacing: 2px;
    padding-top:3px;
}

.ncep-localforecast a {
    color: gray;
}

.ncep-localforecast a:visited {
    color: gray;
}

.ncep-localforecast a:hover {
    color: #EC7A08;
}


.ncep-socialmedia {
    width: 8%;
    float: right;
    text-align: right;
}

img.ncep-icons {
    padding-top: 2px;
    margin: 0;
}


/* ********** footer legal ********** */
.footer-legal {
/*	background:#D3E7F7 url(images/bg.png) repeat-y center; */
	width:100%;
	visibility:visible;
	overflow:hidden;
	padding-bottom:10px;
	margin-top:auto;
        margin-left:auto;
        margin-right:auto;

}

.footer-legal * {
	font:1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-legal a:link {
	text-decoration:none;
}

.footer-legal a:hover {
	text-decoration:underline;
}

.footer-legal-content {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	line-height:16px;
	padding-top:15px;
        border-top:1px solid lightgray;
        text-align: left;
}

.footer-legal-gov {
	float:left;
}

.footer-legal-column {
	float:left;
	width:340px;
	position:relative;
	left:20px;
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.footer-legal-column2 {
	float:left;
	left:20px;
	position:relative;
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.footer-legal-column3 {
	float:left;
	left:120px;
	width:180px;
	position:relative;
	font:.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}