/*
8/1/11
only used by non-IE browsers when window width is over 1024 pixels
*/

.home-title
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    font-weight: bold;
    color: #011D33;
    line-height: inherit;
}

.home-title-c
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    font-weight: bold;
    color: #011D33;
    line-height: normal;
    text-align: center;
}

.home-text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #011D33;
    line-height: normal;
}

.home-text-c
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #011D33;
    line-height: normal;
    text-align: center;
}

.d-home-text-c
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color: #011D33;
    line-height: normal;
    text-align: center;
}

.home-table-title
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: smaller;
    color: #FFFFFF;
}

.home-table-text
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
    padding: 2px;
    line-height: 90%;
}

.home-forecast-text
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: smaller;
    padding: 1px;
    text-align: justify;
}

.statusLink
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: #011D33;
    line-height: normal;
    text-align: center;
    /*text-decoration: none;*/
}

table
{
    padding: 0;
    vertical-align: text-top;
    height: auto;
}

.datatable
{
	 width: 99%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: normal;
}

.datatable1
{
	width: 99%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: normal;
}

.datatable2
{
	width: 99%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
}

.history
{
    width: 33%;
    height: auto;
    /*border: solid 1px #3366CC;*/
    line-height: inherit;
}

.historytable1
{
	 width: 33%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: normal;
}
	
	
	.historytable2
{
	 width: 34%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: smaller;
    font-weight: normal;
}

td
{
    padding: 0;
    vertical-align: text-top;
    height: auto;
}

td:img
{
    display: block;
    text-align: center;
}

th
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    font-weight: bold;
    color: #011D33;
    line-height: normal;
    text-align: center;
    padding: 0;
    border-bottom: solid 1px #3366CC;
}

hr
{
	border-bottom: solid 1ps #3366CC;
}

.temperature
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 48px;
    color: Black;
    width: auto;
    text-align: center;
}

.wind
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 48px;
    color: Black;
    padding-top: 0;
    text-align: center;
}

#wide-body
{
    width: 99%;
    height: auto;
}

.tabscan
{
	width: 100%; 
	height: auto; 
	border: 0;
}

.iframe
{
	width: 87%;
	height: auto; 
	vertical-align: top; 
	border: 0;
}

.buttons
{
	width: 13%; 
	height: auto; 
	border: 0; 
	vertical-align: top;
}

.button-text
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .8em;
	font-weight: normal;
	text-align: center;
}

.tabs
{
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
}

.style10
{
    width: 100%;
    height: auto;
    padding: 0;
    /*border: solid 1px #3366CC;*/
}

.style10a
{
    width: 80%;
    height: auto;
    padding: 0;
    border: solid 1px #3366CC;
}

.style10b
{
    width: 20%;
    height: auto;
    padding: 0;
    border: solid 1px #3366CC;
}

.style11
{
    width: 15%;
    height: auto;
    border: solid 1px #3366CC;
    vertical-align: middle;
    text-align: center; 
}

.style12
{
    width: 100%;
    height: auto;
    /*border: solid 1px #3366CC;*/
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}

.style12a
{
    width: 100%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}

.style12b
{
    width: 100;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}

.style12c
{
    width: 50%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}

.style12d
{
    width: 33%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}

.style12d1
{
    width: 33%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: normal;
}

.style12d2
{
    width: 34%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: normal;
}

.style12e
{
    width: 25%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
}

.style12f
{
    width: 25%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}

.style14
{
    width: 100%;
    height: auto;
    /*border: solid 1px #3366CC;*/
    line-height: inherit;
}

.style14d
{
    width: 84%;
    height: auto;
    border: solid 1px #3366CC;
    line-height: inherit;
}

.style142
{
    width: 75%;
    height: auto;
    border: solid 1px #3366CC;
    line-height: inherit;
}

.legend
{
    width: 50%;
    height: auto;
    border: solid 1px #3366CC;
    line-height: inherit;
}
.legend2
{
    width: 100%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: normal;
}

.style14a
{
    width: 100%;
    height: auto;
    border-bottom: solid 1px #3366CC;
    line-height: inherit;
}

.style15
{
    width: 25%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    line-height: inherit;
}

.style15a
{
    width: 20%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    line-height: inherit;
    text-align: center;
}

.style15d
{
    width: 21%;
    height: auto;
    padding: 0;
    line-height: inherit;
    border: solid 1px #3366CC;
}

.style15d1
{
    width: 25%;
    height: auto;
    padding: 0;
    line-height: inherit;
    border: solid 1px #3366CC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
}

.style152
{
    width: 25%;
    height: auto;
    border: solid 1px #3366CC;
    padding: 0;
    line-height: inherit;
}

.style16
{
    width: 14%;
    height: auto;
    border: solid 1px #3366CC;
}

.style19
{
    width: 20%;
    height: auto;
    border: solid 1px #3366CC;
}

.style20
{
    width: 10%;
    height: auto;
    border: solid 1px #3366CC;
}

.style20a
{
	width: 10%;
	height: auto;
	border: 0;
}

.style20b
{
	width: 4%;
	height: auto;
	border: 0;
}

.style21
{
    width: 80%;
    height: auto;
    border: solid 1px #3366CC;
}

.style22
{
	width: 40%;
	height: auto;
	border: solid 1px #3366CC;
}

.style22a
{
	width: 40%;
	height: auto;
	border: 0;
}

.style22b
{
	width: 48%;
	height: auto;
	border: 0;
}

/*.wx-table-headers 
{
	font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    font-size: 13px;  
    padding: 2px;
    border: solid 1px #3366CC;
}*/

.footer
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    padding: 0px;
    text-align: center;
}

.footer a
{
    text-decoration: none;
    color: #000;
    border: none;
}

#radio a
{
    display: none;
}

#radio a:link
{
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(images/nwr-logo.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: solid 1px #3366CC;
    text-align: center;
}
#radio a:visited
{
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(images/nwr-logo.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: solid 1px #3366CC;
    text-align: center;
}

#radio a:hover
{
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(images/nwr-logo2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: solid 1px #3366CC;
    text-align: center;
}

#radio a:active
{
    display: block;
    width: 100px;
    height: 100px;
    background-image: url(images/nwr-logo2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border: solid 1px #3366CC;
    text-align: center;
}

.style24
{
    width: 50%;
    min-width: 300px;
    min-height: 400px;
    border: solid 1px #3366CC;
    padding: 1px;
    vertical-align: top middle ;
    text-align: center;
}

.style24 img
{
    display: block;
    vertical-align: top middle;
    
}

.gallerycell
{
    width: auto;
    height: auto;
    padding: 1px;
    border: solid 1px #3366CC;
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    
}

player {
   width: 150px;
   background:#FFFFFF;
   font-family: Arial, Helvetica, sans-serif; 
   font-size: xx-small;
   color:#CCCCCC;
   text-align: center; 
}

#container {
   width: 150px;
   margin:0px auto; /* Center align the whole page (horizontally) */
   text-align: center;
   padding: 0px;
}