* {
    margin: 0;

}



    body {
        font:14px Arial, Helvetica, sans-serif;
        background-color: #99CCFF;
    }

     p {
        font-size: 14px;color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        padding-left:25px;
        padding-top:5px;
        padding-bottom:10px;
        padding-right:25px;
        line-height:150%;
    	margin:.4em 0 .8em 0;

    }

    .small {
    font-size:8px;
    }

    h1{
        font-size: 30px;
        text-shadow: 5px 5px 5px #1C74bb;
        font-family: "Comic Sans MS", cursive, sans-serif;
        font-weight: normal;
        color: #000099;
    }

    h2{
        font-size: 20px;
        text-shadow: 5px 5px 5px #1C74bb;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #000099;
    }

    h3{
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        padding-bottom:5px;color: #0D0B55;
    }

    h4{
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;color: #0D0B55;padding-bottom:4px;
    }

    h5{
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #1C84bc;
    }



    a:link{
        color: blue;
        text-decoration:underline;
    }

    a:hover{
        text-decoration:none;
        color:red;
        font-weight:bold;
    }

    a:visited{
        color: blue;
        text-decoration:underline;
    }

    hr {
        background-color:#444;
        border-width:0;
        color:#444;
        height:2px;
        line-height:0;
        margin: .5em 10px 1em 10px;
        page-break-after:always;
        text-align:center;
        width:80%;
    }





    /* Special colors:# */
     .news-alert {color:#0000FF; background-color:#FF9933; border-style: outset; border-color: #ff0000;  text-align: center;font-size: 12pt; font-weight: bold;}


    /* ************ End Normal ******************************** */



    /* Logo Header Style */


      .logo  {padding-top: 8px;z-index:80;}
      .logotxt {padding-left: 60px;padding-bottom:8px;padding-top: 8px;line-height:90%}
      .logotxt p {color:#330066;font-size: 16px;font-weight:bold;margin-top:10px;padding-top: 8px; text-indent:580px;}
      .logotxt a:link {color:#330066;text-decoration:none;font-weight:bold;}
      .logotxt a:visited {color:#330066;text-decoration:none;font-weight:bold;}
      .logotxt a:hover {color:#330066;text-decoration:none;}





    /************* Navigation Menu *********************************/

    .navigat {
        background: #eeeeee;
        padding: 0px;
        width: 100%;
        height: 28px;
        clear: both;
        position: relative;
        z-index: 7;
        box-shadow:inset 0px -6px 16px #C0C0C0;  -webkit-box-shadow:inset 0px -6px 17px #023e38;
        border-top:5px solid #000099;
        border-bottom:5px solid #0d0b55;
    }
    .navigat ul {
        list-style: none;
        margin: 0px;
        padding: 5px 0px 0px 0px;
        font-size: 10px;
        font-weight: lighter;
        z-index:5;
        white-space:nowrap;
        text-align:center;

    }
    .navigat li {

        text-align: center;
        display:inline;
        position: relative;
        z-index: 3;
        margin-left: 5px;
        font-family:Helvetica, sans serif;
        font-weight:bold;
        font-size:16px;
        border: 2px solid #0d0b55;
        border-radius: 50px 50px 50px 50px;
        padding-right: 6px;

    }
    .navigat li a {
        color: #000000;
        position: relative;
        z-index: 4;
        padding:5px 15px 8px 15px;
        height: 16px;
        padding-right: 6px;
        text-decoration:none;
    }
    .navigat li:hover a,.nav li a:active {
        text-decoration:none;
        color:#20aaee;
        background:#000000;
        text-decoration:none;
    }
    .navigat li div.drop-navigation {
        margin: 24px 0px 0px 0px;
        left: -1px;
        top: 0px;
        text-align: left;
        overflow: hidden;
        visibility: hidden;
        position: absolute;
        z-index: 4;
        border-left: #404040 1px solid;
        border-right: #404040 1px solid;
        border-bottom: #404040 1px solid;
        color: #ffffff;
        background:#000000;
    }
    .navigat li.catLast div.drop-navigation {
        left: auto;
        right: 4px;
    }

    .navigat li:hover div.drop-navigation {
        visibility: visible;
    }
    .navigat li.hover div.drop-navigation {
        visibility: visible;
    }
    div.drop-navigation ul {
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 3px 0px 6px 0px;
        text-transform: none;
        overflow: hidden;
        float: left;
        background:#000000;
        width: 430px;
    }
    .navigat li div.drop-navigation li {
        margin: 0px 10px;
        padding: 1px 0px 0px;
        width: 100%;
        text-align: left;
        float: none;
        display: block;
        font-size:14px;
    }
    .navigat li div.drop-navigation ul li a {
        margin: 0px;
        padding: 0px;
        color: #ffffff;
        font-weight: bold;
        float: none;
    }
    .navigat li div.drop-navigation ul li a:hover {
        color:#20aaee;
        font-weight: bold;
    }
    .navigat li div.drop-navigation ul ul {
        width: auto;
        margin-bottom: 10px;
        float: none;
    }
    .navigat li div.drop-navigation ul ul li {
        margin: 10px 0px 0px 10px;
        padding: 0px;
        font-weight: normal;
    }
    .navigat li div.drop-navigation ul ul a {
        color: #4F584D;
    }
    .navigat li div.drop-navigation ul ul a:hover {
        text-decoration: underline;
    }


    /*Hidden POPUP LINKS Id hiddenlnk */
    /*used with js to only show if page is not loaded in Iframe */
    #hiddenlnk{
        display: block;
        position: relative;
        z-index: 2147483637;
        left: 140px;
        color: blue;
        background-color: #FFFF00;
        font-size: 14px;
        width: 130px;
        text-decoration:underline;
        font-weight: bold;
        padding: 14px;
        text-align: center;
        margin: 0;
    }



    .linkblock {
    position: relative;
    background-color: #cccccc;
    margin: 15px;
    padding: 40px;
    color: blue;
    font-size: 14px;
    width: 130px;
    font-weight: bold;
    padding: 14px;
    }

    .linkblock a{
    color: blue;
    font-size: 12px;
    width: 130px;
    text-decoration:underline;
    padding: 14px;
    margin: 0;
    font-weight:bold;
    }

    .linkblock h3{
    color: #002cb3;
    font-size: 18px;
    padding: 14px;
    margin: 5px;
    font-weight:bold;
    }

    .linkblock div.a:hover{
    text-decoration:underline;
    color:red;
    font-weight:bold;
    }
    .linkblock a:hover{
    text-decoration:underline;
    color:red;
    font-weight:bold;
    }

    .pagetitle{
    color: #000066;
    font-size: 16px;
    background-color: #ffff00;
    margin: 20px;
    width: 800px;
    padding: 5px;
    margin: 0px 0px 10px 0px;

    font-weight:bold;
    text-align: center;

    }
    .pagetitle h3{
    text-align: center;

    }
    .pagetitle h4{
    text-align: center;

    }

    .pageblock {
    position:relative;

    /*min-width: 800px;  Will be AT LEAST 1024px; wide */

    background-color: #ffff99;
    padding: 5px;
    margin: 0px 0px 10px 10px;
    text-align: left;
    font-weight:normal;
    font-size: 12px;
    color: #000000;


    }
    .pageblock h3{
    text-align: center;
    font-weight:bold;
    font-size: 16px;
    color: #000066;
    padding: 5px;
    margin: 5px 0px 10px 0px;

    }
    .pageblock h4{
    text-align: left;
    font-weight:bold;
    font-size: 16px;
    color: #000066;
    padding: 5px;
    margin: 5px 0px 10px 0px;

    }

    .pageblock p{
    text-align: left;
    font-weight:normal;
    font-size: 14px;
    color: #000000;


    }

    .pageblock h5{
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #000066;
    }

    .pageblock   ol{
    text-align: left;
    font-weight:normal;
    font-size: 14px;
    color: #000000;


    }

    .pagetitle p{
    text-align: left;
    margin: 2px;
    padding: 0;
    font-weight:bold;

    }
    /*HOVER POPUP LINKS*/

/*hover pop ups type 1*/

#popup { color: #000;}

#popup a-pop:hover{
    text-decoration:underline;
    color:red;
    font-weight:bold;
    }

#popup a-pop, #popup a:visited {
    position: relative;
    display: block;
    color: blue;
    text-decoration: none;
    /* width: 130px;
    font-size: 1em;

    line-height: 30px;
    border: 1px solid #666;
    text-align: right;*/
    font-weight: bold;
    padding: 0 10px;
    margin: 0;


    }


#popup a-pop span {
    display: none;
}



#popup a-pop:hover span {
    display: block;
    position: absolute;
    z-index: 2147483647;
    top: 0px;
    left: 170px;
    width: 420px;
    margin: 10px;
    padding: 10px;
    color: #000;
    font-weight: normal;
    background: #e5e5e5;
    text-align: left;
    border: 1px solid #666;
    text-decoration:none;
}
/* END of hover pop ups type */



.ulurlgear {
    list-style-image: url(../images/gear.gif);
    margin-left: 25px;
    padding: 0px 0 0px 30px;
    padding-left: 10px;
    }

/* Pop up button and  overlay  */
          .popbox {
            width: 150px;
           /*  margin: 0 auto; */
            margin-top: 20px;
			background: #dbebff;
            padding: 12px;
            border: 2px solid #fff;
            border-radius: 20px/50px;
            background-clip: padding-box;
            text-align: center;
          }
          .popbox2 {
             /* width: 150px;
           
            margin-top: 20px;margin: 0 auto; */
            margin: 0 auto; 
            background: #99ccff;
            padding: 14px;
            border: 2px solid #fff;
            border-radius: 20px/50px;
            text-align: center;
            background-clip: padding-box;
          }
          
          .button {
            background: #dbebff;
            font-size: 1em;
            padding: 10px;
            color: #fff;
            border: 2px solid orange;
            border-radius: 20px/50px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s ease-out;
          }
          .button:hover {
            background: orange;
          }
          .overlay {
            visibility: hidden;
            z-index: 2147483647;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            transition: opacity 300ms;
            opacity: 1;
          }
          .overlay:target {
            visibility: hidden;
            opacity: 0;
            display:none/* test*/
          }
          .popup {
           /* margin: 70px auto;*/
            left: 10px;
			top:10px;
			margin-top: 40px; 
			padding: 20px;
            background: #fff;
            border-radius: 5px;
            width: 90%;
            position: relative;
            transition: all 1s ease-in-out;
          }
          .popup h2 {
            margin: 10px;
			margin-top: 0px;
            color: #333;
            font-family: Tahoma, Arial, sans-serif;
          }
          .popup .close1 {
            position: absolute;
            top: 3px;
            right: 10px;
            transition: all 200ms;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            padding: 1px;
            border: 1px solid #000;
            border-radius: 5px;
            background: #33ccff;
            color: red;
          }
          .popup .close1:hover {
            color: #006600;
          }
          .popup .close2 {
            position: absolute;
            top: 3px;
            left: 10px;
            transition: all 200ms;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
            padding: 1px;
            border: 1px solid #000;
            border-radius: 5px;
            background: #33ccff;
            color: red;
          }
          .popup .close2:hover {
            color: #006600;
          }
          
          .popup .content {
            width: 100%;
			padding: 10px;
			margin: 10px;
			min-height: 30%;
            overflow: auto;
			text-align: left;
          }

		  
	/* callform styles */
		  
.callform{
		position:relative;
		
		width: 200px; 
		height:55px; 
		font-weight: bold; 
		padding: 10px 0px 25px 0px; 
		text-align: center;
		margin: 10px 0px 25px 0px; 
		background:#e0e0d1; 
		border: 3px solid #ffff00; 
		border-radius: 10px 10px 10px 10px;
		text-decoration:none; 
		font-size: 8px; 
	}
	
    /* weather styles */
#current-obs-body {
  overflow: hidden;
  border: 3px solid #8B8BA3;
  border-radius:10px;
  width: 200px;
  margin: 5px;
  padding: 5px;
}
#current_obs-summary {
  margin: 0px;
  padding: 0px;
  width: 200px;
  
}

#current_obs-summary p {
  margin: 0;
  font-weight: bold;
}
#current_obs-summary p.myforecast-current {
  font-size: 10px;
}
#current_obs-summary p.myforecast-current-lrg {
  font-size: 18px;
  font-weight: bold;
  line-height: 17px;
}
#current_obs-summary img {
  width: 75px;
  height: 75px;
  margin: 0;
  padding: 0px;
  margin-right: 10px;
  border-radius: 10px;
}
#current_obs-summary p.myforecast-current{
  
  margin: 0;
  padding: 0px;
  font-family: Arial,Helvetica,sans-serif;
  width: 200px;
  color: #0000ff;
  font-size: 12px;
  line-height: 11px;
  font-weight: bold;
  white-space: pre-wrap;
  margin-top: 5px;
  margin-bottom: 8px;
  padding-left: 20px;
}

#current_obs-summary p.myforecast-current-wx {
  margin: 0;
  padding: 0px;
  font-family: Arial,Helvetica,sans-serif;
  width: 200px;
  color: #000066;
  font-size: 10px;
  line-height: 11px;
  font-weight: bold;
  white-space: pre-wrap;
  margin-top: 5px;
  margin-bottom: 8px;
}

#current_obs-summary p.myforecast-current-sm {
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  width: 200px;
  white-space: pre-wrap;
  
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
 white-space: normal;
  margin-left: 1em;
}

#current_obs-summary p.myforecast-current-sm-t {
  color: #0000ff;
  font-size: 16px;
  font-weight: bold;
  width: 200px;
  white-space: pre-wrap;
  padding: 0;
  margin-top: 10px; 
  margin-bottom: 10px; 
 
  margin-left: 1em;
}
#current_obs_detail {
  width: 30%;
}
#current_obs_detail table {
  width: 100%;
}
#current_obs_detail table tr td:first-of-type {
  padding-right: .5em;
}
#current-obs-body {
  font-size: 10px;
}
#current_obs_station {
  text-align: left;
  width: 25%;
  float: right;
}

.pull-left{
  float:left!important;
  }


.current-obs-extra {
  width: 100%;
  text-align: left;
  margin-bottom: .5em;
}
.current-obs-extra p {
  margin-bottom: 0px;
}
.current-obs-extra p a {
  display: block;
  white-space: nowrap;
}
.current-obs-extra p a:first-of-type {
  padding-left: 0;
  border-left: none;
}
.current-obs-extra p a:last-of-type {
  padding-right: 0;
}
 

	/* Footer styles */
#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
        background-color: #eeeeee;
        padding-bottom: 10px;

	}
#footer p {
		padding:5px;
		margin:0;
        
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        color: #330066;

	}
    
 

 
 



		
.scroll-right {
		 height: 30px;	
		  width: 58%;
		 overflow: hidden;
		 position: relative;
		 background-color: #dbebff;
		 border-bottom: 3px solid #1fcba4;
		}
		.scroll-right p {
		 position: absolute;
		 width: 55%;
		 height: 80%;
		 padding: 0px;
		 margin: 0px;
		 margin-top: -8px;
		 line-height: 50px;
		 font-size: 12px;
		text-shadow: 5px 5px 5px #1C74bb;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #000099;text-align: center;
		 /* Starting position */
		 -moz-transform:translateX(-10%);
		 -webkit-transform:translateX(-10%);	
		 transform:translateX(-10%);
		 /* Apply animation to this element */	
		 -moz-animation: scroll-right 15s linear infinite;
		 -webkit-animation: scroll-right 15s linear infinite;
		 animation: scroll-right 15s linear infinite;
		-moz-animation-iteration-count: 2;
		-webkit-animation-iteration-count: 2; /* Chrome, Safari, Opera */
		animation-iteration-count: 2;
		}
		/* Move it (define the animation) */
		@-moz-keyframes scroll-right {
		 0%   { -moz-transform: translateX(-100%); }
		 100% { -moz-transform: translateX(100%); }
		}
		@-webkit-keyframes scroll-right {
		 0%   { -webkit-transform: translateX(-100%); }
		 100% { -webkit-transform: translateX(100%); }
		}
		@keyframes scroll-right {
		 0%   { 
		 -moz-transform: translateX(-100%); /* Browser bug fix */
		 -webkit-transform: translateX(-100%); /* Browser bug fix */
		 transform: translateX(-100%); 		
		 }
		 100% { 
		 -moz-transform: translateX(100%); /* Browser bug fix */
		 -webkit-transform: translateX(100%); /* Browser bug fix */
		 transform: translateX(100%); 
		 }
		}