/****************************************************************************************\

    Global Styles

\****************************************************************************************/

html 
{
}

body 
{
    position 		: relative;
    width 			: 100%;
}

h1 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h2 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h3 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h4 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h5 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

h6 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

p 
{
    margin          : 0;
    padding         : .2em 0 1em 0;
    letter-spacing  : normal;
    line-height     : 1.4em;
}

ul 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

ol 
{
    margin          : 0 2em;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

li 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

strong 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

em 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

u 
{
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

a 
{
    margin          : 0;
    padding         : 0;
    line-height     : normal;
}

a:visited 
{
    margin          : 0;
    padding         : 0;
    line-height     : normal;
}

a:hover 
{
    margin          : 0;
    padding         : 0;
    line-height     : normal;
}

table 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

tr 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

th 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

td 
{
    width           : auto;
    height          : auto;
    margin          : 0;
    padding         : 0;
    letter-spacing  : normal;
    line-height     : normal;
}

img 
{
}

/****************************************************************************************\
    
    Global Constructs
    Globally Unique Elements
    Control Specific Constructs

\****************************************************************************************/

/*___ DIV _________________________________________________________________*/

.displayBlock
{
    display         : block;
}

.displayNone
{
    display         : none;   
}

div#branding
{
    position        : relative;
    height          : 171px;   
    padding-left    : 166px;
    padding-top     : 43px;
}

div#content
{
    position        : relative;   
    width           : 800px;

    z-index         : 20;
}

div#content_wrapper
{
    position        : relative;
    float           : right;
    width           : 100%;
    margin-left     : -135px;
}

div#content_main
{
    position        : relative;
    margin-left     : 162px;  
}

div#content_sub
{
    position        : relative;
    float           : left;
    width           : 135px;
    padding-top     : 20px;
}

div#clear
{
    height          : 1px;
    clear           : both;
}

div.home_content
{
    position        : relative;
    padding-right   : 270px;   
}

div#site_info
{
    position        : relative;
    text-align      : center;  
    padding-bottom  : 1em; 
    padding-top     : 1em;
    z-index         : 10;
}

div.statestation 
{
    clear           : both;
    min-height      : 295px;
    padding-bottom  : 4px;
    padding-top     : 0pt;
    position        : relative;
    width           : 638px;
    padding-left    : 100px;
}

div#login
{
    position        : relative;
    margin-left     : 20px;    
}

div.geo
{
    margin-left: 77px;
}

label.lblProperty ~ div.statestation div.geo
{
    margin-left     : 56px;
}

div.smallMaps
{
    margin-top      :2px;
}

label.lblProperty ~ div.statestation
{
    margin          : -167px 40px 0 0;
    padding         : 0;
    width           : 250px;
    float           : right;
    padding-left    : 73px;
}

div#content_main div.range
{
    margin-top      : 3px;
}

table[id$="water"] + div.graphDataLink
{
    position        : absolute;
    top             : 0;
    right           : 0;
    width           : 172px;    
}

div.graphDropdowns
{
    overflow        : hidden;
    position        : relative;
    margin-bottom   : 5px;    
}

div.readingReferenceInfo,
div.aboutTheStation
{
    padding         : 10px;
    margin-top      : 10px;
    margin-right    : 37px;   
}

div.statestation_weather
{
    position        : relative;
    padding         : 10px 10px 0 10px;    
    margin-right    : 37px;
    margin-bottom   : 10px;
    zoom            : 1;
}

div.ssWeatherGeo
{
    position        : relative;
    margin          : 10px -10px 0 -10px;
    padding         : 2px 10px;
}

div#divDataDisclaimer
{
    margin          : 10px 37px 0 0;
    padding         : 10px;
    position        : relative;
    display         : none;
}   

/*___ SPAN _________________________________________________________________*/

div#branding h1 span
{
    display         : block;
}

span.vcard, 
span.geo, 
span.date 
{
    display         : block;
    margin-left	    : 77px;
}

span.date 
{
	margin-top		: 10px;
}

label.lblProperty ~ div.statestation span.date
{
    margin-left     : 56px;
}

span#forgotJoin
{
    display         : block;
    text-align      : center;
    width           : 100px;
    margin-top      : 3px;
}

span.viewRealTimeWeather
{
    display         : block;
    padding-left    : 56px;
    min-height      : 44px;
    margin-left     : -5px;  
    margin-right    : -5px;
    line-height     : 1.4em;
}

ul.ulWeatherStation li span
{
    display         : block;
    float           : left;
    width           : 50%;    
}

span.btnGetWeatherData
{
    z-index         : 10;   
    display         : block;
    width           : 181px;
    height          : 47px;
    text-indent     : -9999em;
    margin-left     : 427px;
    position        : relative;
}

span.btnGetWeatherData
{
    margin-bottom   : -20px;
}

span.btnGetWeatherData.hidden
{
    margin-bottom   : 10px;    
}

span#dataDisclaimer
{
    display         : block;
    margin-top      : 1em;
    text-align      : right;
    padding-right   : 37px;
    cursor          : pointer;
}

a.aMapLink span
{
    position        : absolute;
    top             : 90px;
    right           : 30px;   
}

/*___ H1 _________________________________________________________________*/

div#branding h1
{
    margin-bottom   : 0.5em;    
}

/*___ H2 _________________________________________________________________*/

div#content_main h2
{
    margin-bottom   : 0.3em;    
}

h2.h2Data
{
    padding-bottom  : 10px;
}

/*___ H3 _________________________________________________________________*/

h3.h3Data
{
    width           : 600px;
    padding-bottom  : 5px;
}

div.statestation h3 
{
    margin-left     : 50px;
    margin-top      : 0.25em;
    padding-left    : 28px;
    position        : relative;
   
}

label.lblProperty ~ div.statestation h3
{
    margin-left     : 25px;
}

/*___ H4 _________________________________________________________________*/

/*___ H5 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/

/*div.home_content p
{
    margin-right    : 270px;
}*/

/*___ UL _________________________________________________________________*/

ul.ulSidebarNav
{
    margin          : 0;
    padding         : 0 15px 2em 0;
    text-align      : right;    
}

ul.ulMapNav
{
    margin          : 0;
    margin-left     : 2em;
    margin-right    : 5px;
}

ul.ulMapNav ul
{
    display         : none;
    position        : absolute;
    top             : 0;
    left            : 77px;
    width           : 210px;
    zoom            : 1;
}

/*ul.ulMapNav li:hover ul
{
    display         : block;
    zoom            : 1;
}*/

ul#partners
{
    margin          : 0;
    padding         : 0;
}

ul.ulWeatherStation
{
    margin          : 10px 0 0 0;
    padding         : 0;
    list-style-type : none;
    position        : relative;
    overflow        : hidden;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/

ul.ulSidebarNav li
{
    margin-bottom   : 0.7em;    
}

ul.ulMapNav li
{
    display         : block;
    position        : relative;
    zoom            : 1;
}

ul.ulMapNav ul li
{
    padding         : 2px 0 2px 15px;
    text-indent     : -10px;
    zoom            : 1;
}

ul#partners li
{
    min-height      : 160px;
    padding-top     : 1em;
    margin-left     : 250px;
    position        : relative; 
    clear           : both;
}

ul.ulWeatherStation li
{
    float           : left;
    width           : 50%;
    position        : relative;
    line-height     : 1.5em;
    overflow        : hidden;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/

a#aNanoos
{
    display         : block;
    width           : 87px;
    height          : 97px;    
    text-indent     : -9999em;
    position        : absolute;
    left            : 30px;
    top             : 25px;
}

a#aNerrs
{
    display         : block;
    width           : 159px;
    height          : 79px;
    text-indent     : -9999em; 
    position        : absolute;
    right           : 30px;
    top             : 25px;
}

a.image
{
    display         : block;  
    float           : left; 
    text-indent     : -9999em;
}

li#nanoos a.image 
{
    height          : 97px;
    margin-left     : -200px;
    width           : 87px;
}

li#orca a.image 
{
    height          : 130px;
    margin-left     : -202px;
    width           : 100px;
}

li#cdmo a.image 
{
    height          : 97px;
    margin-left     : -193px;
    width           : 87px;
}

li#nerra a.image 
{
    height          : 79px;
    margin-left     : -230px;
    width           : 159px;
}

li#nerrs a.image 
{
    height          : 79px;
    margin-left     : -230px;
    width           : 159px;
}

li#noaa a.image 
{
    height          : 76px;
    margin-left     : -195px;
    width           : 78px;
}

li#psga a.image 
{
    height          : 104px;
    margin-left     : -220px;
    width           : 138px;
}

li#psi a.image 
{
    height          : 71px;
    margin-left     : -230px;
    width           : 176px;
}

li#ssnerr a.image 
{
    height          : 77px;
    margin-left     : -200px;
    width           : 77px;
}

li#liFarm a.image 
{
    height          : 39px;
    margin-left     : -210px;
    width           : 110px;
}

li#padbay a.image 
{
    height          : 75px;
    margin-left     : -190px;
    width           : 51px;
}

li#kbay a.image 
{
    height          : 75px;
    margin-left     : -215px;
    width           : 127px;
}

ul.ulMapNav a,
ul.ulMapNav a:visited,
ul.ulMapNav a:hover
{
    display         : block;
    padding-left    : -15px;
}

table[id$="water"] + div.graphDataLink a.aGraphThisData
{
    display         : block;
    width           : 172px;
    height          : 42px;    
    text-indent     : -9999em;
}

a.aRawData
{
    display         : block;
    margin-top      : -1.2em;   
    width           : 50%;
}

/*___ TABLE _________________________________________________________________*/

div#content_main table 
{
    margin-top      : 15px;
}

div.statestation table
{
    margin-left     : 50px;   
}

/*___ TR _________________________________________________________________*/

/*___ TH _________________________________________________________________*/

div#content_main table th 
{
    padding-right   : 0.5em;
    text-align      : right;
}

div#content_main div.statestation table th
{
    padding-right   : 2em;
    text-align      : left;
    padding-bottom  : 1px;
}

/*___ TD _________________________________________________________________*/

/*___ IMG _________________________________________________________________*/

div.home_content img#alaskaimg 
{
    position        : absolute;
    right           : 0pt;
    top             : 0pt;
}

div.home_content img#washingtonimg 
{
    position        : absolute;
    right           : 0pt;
    top             : 151px;
}

div.home_content img#oregonimg 
{
    position        : absolute;
    right           : 0pt;
    top             : 233px;
}

img.imgLoc
{
    position        : absolute;
    right           : 20px;
    max-height      : 140px;
    top             : 110px;
}

img.imgLoc[alt$="AK"]
{
    right           : 0;
}


div.statestation h3 img 
{
    margin          : 0;
    padding         : 5px;
    position        : absolute;
    top             : 0;
    left            : -150px;
}

/*___ FORM _________________________________________________________________*/

/*___ INPUT _________________________________________________________________*/

div#login input[type="submit"]
{
    width           : 100px;
    height          : 21px;
    text-indent     : -9999em;
}

/*___ LABEL _________________________________________________________________*/

label.lblRange
{
    float           : right;
    margin-right    : 37px;
}

label.lblProperty
{
    float           : left;
}

/*___ SELECT _________________________________________________________________*/

label.lblProperty select
{

}

/*___Group/Section/Class_________________________________________________________________*/