H1 {color:black; background-color:transparent; font-size: 2em;} /*32 pts*/
H2 {color:black; background-color:transparent; font-size:1.5em;}/*24 pts*/
H3 {color:black; background-color:transparent; font-size:1.25em;} /*20 pts*/
H4 {color:black; background-color:transparent; font-size:1em;} /*16 pts*/
EM {color:red; background-color:transparent; font-style:italic; font-weight:bold; font-size:1.8em;}

BODY {color:black; font-size:100% font-family:"Times New Roman",Georgia,Serif} /*16 pts*/


/* testing */
#header {
 color: black; 
 background-color: #FFFF66;
 border-style:outset;
 border-width: 5px;
 }

.headerTitle {margin: 0;padding: 0.25em 4mm 0.25em 4mm;}

.headerTitle a {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-size: 110%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

.headerTitle > a {
  font-size: 110%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: black;
  background-color: #transparent;
  font-weight: normal;
}


.subHeader {
  color: black;
  float: left;
  clear: left;
  position: relative;
  background-color: white;
  font-size: 109%;
  margin: 0;
  padding: 0.5ex 1ex;
}

.picfl {
           float:left;
           padding-right: 5px;
           position: relative;
}

.picfr {
           float:right;
           padding-right: 5px;
           position: relative;
}


span {display:block}
li {display:inline}

div.img {margin:2px; border:1px solid #0000ff; height:auto; width:auto; float:right; text-align:center}
div.img img {display:inline; margin:3px; border:2px solid #0000FF;}
div.img a:visited img {border:3px solid #9900CC;} 
div.img a:hover img {border:3px solid #228B22;} 
div.img a:active img {border:3px solid #FF0000;} 

div.imgleft {margin:2px; border:1px solid #0000ff; height:auto; width:auto; float:left; text-align:center}
div.imgleft img {display:inline; margin:3px; border:2px solid #0000FF;}
div.imgleft a:visited img {border:3px solid #9900CC;} 
div.imgleft a:hover img {border:3px solid #228B22;} 
div.imgleft a:active img {border:3px solid #FF0000;} 

div.desc {text-align:center; font-weight:bold; width:100px; margin:2px;}

a:link {color:#0000FF} /* unvisited link */
a:visited {color:#9900CC} /* visited link */
a:hover {color:#228B22} /* mouse over link */
a:active {color:#FF0000} /* selected link */

.currenttemp, .currenttemp TD, .currenttemp TH   {background-color:#99CC99; color:black; }
.coldtemp, .coldtemp TD, .coldtemp TH   { background-color:#ADD8E6;  color:black; }
.warmtemp, .warmtemp TD, .warmtemp TH   { background-color:#FFC0CB;  color:black; }
.calcultemp, .calcultemp TD, .calcultemp TH   { background-color:#FFFF99;  color:black; }
.label, .label TD, .label TH    { background-color:#D3D3D3;  color:black; }

/*Upper Left Radar*/
#bkgndmap
  { position: absolute;  left: 25px;  top: 70px; z-index: 0; }
#overlaycounty
  { position: absolute;  left: 25px;  top: 70px; z-index: 3; }
#overlayrivers
  { position: absolute;  left: 25px;  top: 70px; z-index: 1; }
#overlayhwy
  { position: absolute;  left: 25px;  top: 70px; z-index: 4; }
#overlaycity
  { position: absolute;  left: 25px;  top: 70px; z-index: 5; }
#overlayshortbaserefl
  { position: absolute;  left: 25px;  top: 70px; z-index: 2; }
#overlaywarning
  { position: absolute;  left: 25px;  top: 70px; z-index: 6; }
#overlaylegend
  { position: absolute;  left: 25px;  top: 70px; z-index: 7; }

/*Lower Left Radar*/
#bkgndmap2
  { position: absolute;  left: 25px;  top: 700px; z-index: 0; }
#overlaycounty2
  { position: absolute;  left: 25px;  top: 700px; z-index: 3; }
#overlayrivers2
  { position: absolute;  left: 25px;  top: 700px; z-index: 1; }
#overlayhwy2
  { position: absolute;  left: 25px;  top: 700px; z-index: 4; }
#overlaycity2
  { position: absolute;  left: 25px;  top: 700px; z-index: 5; }
#overlaycomprefl
  { position:absolute;   left: 25px;  top: 700px; z-index: 2}
#overlaywarning2
  { position: absolute;  left: 25px;  top: 700px; z-index: 6; }
#overlaylegend2
  { position: absolute;  left: 25px;  top: 700px; z-index: 7; }

p.shortbase
  {color:black; font-size:1.5em; /*24 pts*/ font-weight:bold; margin-left:100px;}
p.shortcomp
  {color:black; font-size:1.5em; /*24 pts*/ font-weight:bold; margin-left:30px; margin-top:610px}
p.longbase
  {color:black; font-size:1.5em; /*24 pts*/ font-weight:bold; margin-left:25px;}
p.shortprecip
  {color:black; font-size:1.5em; /*24 pts*/ font-weight:bold; margin-left:100px; margin-top:610px}
p.llquad
  {color:black; font-size:1.0em; /*16 pts*/ width:600px; margin-left:650px; margin-top:50px}
p.mosaic1
  {color:black; font-size:1.25em; /*20 pts*/ font-weight:bold; margin-top:25px; margin-left:25px;}
p.mosaic2
  {color:black; font-size:1.25em; /*20 pts*/ font-weight:bold; margin-top:5px; margin-left:505px;}

/*Upper Right Radar*/
#MKXLoop
 { position:absolute; left:650px; top: 70px}

div.imgfloat
 {float:right}
div.imagefloatleft
 {float:left}
  
  
 /*Mosaic Radar*/
  
 /*Mosaic1*/
#bkgndmapM1
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 70px; z-index: 0; }
#overlaycountyM1
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 70px; z-index: 3; }
#overlayriversM1
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 70px; z-index: 1; }
#overlayhwyM1
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 70px; z-index: 4; }
#overlaycityM1
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 70px; z-index: 5; }
#overlayshortbasereflM1
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 70px; z-index: 2; }
#overlaywarningM1
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 70px; z-index: 6; }
#overlaylegendM1
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 70px; z-index: 7; }
#loclabelM1
  {                            position: absolute;  left: 25px;  top: 85px; z-index: 8; }
  
   /*Mosaic2*/
#bkgndmapM2
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 70px; z-index: 0; }
#overlaycountyM2
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 70px; z-index: 3; }
#overlayriversM2
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 70px; z-index: 1; }
#overlayhwyM2
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 70px; z-index: 4; }
#overlaycityM2
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 70px; z-index: 5; }
#overlayshortbasereflM2
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 70px; z-index: 2; }
#overlaywarningM2
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 70px; z-index: 6; }
#overlaylegendM2
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 70px; z-index: 7; }
#loclabelM2
  {                            position: absolute;  left: 505px;  top: 85px; z-index: 8; }
  
     /*Mosaic3*/
#bkgndmapM3
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 70px; z-index: 0; }
#overlaycountyM3
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 70px; z-index: 3; }
#overlayriversM3
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 70px; z-index: 1; }
#overlayhwyM3
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 70px; z-index: 4; }
#overlaycityM3
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 70px; z-index: 5; }
#overlayshortbasereflM3
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 70px; z-index: 2; }
#overlaywarningM3
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 70px; z-index: 6; }
#overlaylegendM3
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 70px; z-index: 7; }
#loclabelM3
  {                            position: absolute;  left: 985px;  top: 85px; z-index: 8; }
  
   /*Mosaic4*/
#bkgndmapM4
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 510px; z-index: 0; }
#overlaycountyM4
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 510px; z-index: 3; }
#overlayriversM4
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 510px; z-index: 1; }
#overlayhwyM4
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 510px; z-index: 4; }
#overlaycityM4
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 510px; z-index: 5; }
#overlayshortbasereflM4
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 510px; z-index: 2; }
#overlaywarningM4
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 510px; z-index: 6; }
#overlaylegendM4
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 510px; z-index: 7; }
#loclabelM4
  {                            position: absolute;  left: 25px;  top: 510px; z-index: 8; }
   
   /*Mosaic5*/
#bkgndmapM5
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 510px; z-index: 0; }
#overlaycountyM5
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 510px; z-index: 3; }
#overlayriversM5
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 510px; z-index: 1; }
#overlayhwyM5
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 510px; z-index: 4; }
#overlaycityM5
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 510px; z-index: 5; }
#overlayshortbasereflM5
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 510px; z-index: 2; }
#overlaywarningM5
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 510px; z-index: 6; }
#overlaylegendM5
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 510px; z-index: 7; } 
#loclabelM5
  {                            position: absolute;  left: 505px;  top: 525px; z-index: 8; }
  
   /*Mosaic6*/
#bkgndmapM6
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 510px; z-index: 0; }
#overlaycountyM6
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 510px; z-index: 3; }
#overlayriversM6
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 510px; z-index: 1; }
#overlayhwyM6
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 510px; z-index: 4; }
#overlaycityM6
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 510px; z-index: 5; }
#overlayshortbasereflM6
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 510px; z-index: 2; }
#overlaywarningM6
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 510px; z-index: 6; }
#overlaylegendM6
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 510px; z-index: 7; } 
#loclabelM6
  {                            position: absolute;  left: 985px;  top: 525px; z-index: 8; }
 
   /*Mosaic7*/
#bkgndmapM7
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 950px; z-index: 0; }
#overlaycountyM7
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 950px; z-index: 3; }
#overlayriversM7
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 950px; z-index: 1; }
#overlayhwyM7
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 950px; z-index: 4; }
#overlaycityM7
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 950px; z-index: 5; }
#overlayshortbasereflM7
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 950px; z-index: 2; }
#overlaywarningM7
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 950px; z-index: 6; }
#overlaylegendM7
  { height:440px; width:480px; position: absolute;  left: 25px;  top: 950px; z-index: 7; }
#loclabelM7
  {                            position: absolute;  left: 25px;  top: 965px; z-index: 8; }
   
   /*Mosaic8*/
#bkgndmapM8
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 950px; z-index: 0; }
#overlaycountyM8
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 950px; z-index: 3; }
#overlayriversM8
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 950px; z-index: 1; }
#overlayhwyM8
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 950px; z-index: 4; }
#overlaycityM8
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 950px; z-index: 5; }
#overlayshortbasereflM8
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 950px; z-index: 2; }
#overlaywarningM8
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 950px; z-index: 6; }
#overlaylegendM8
  { height:440px; width:480px; position: absolute;  left: 505px;  top: 950px; z-index: 7; } 
#loclabelM8
  {                            position: absolute;  left: 505px;  top: 965px; z-index: 8; }
  
   /*Mosaic9*/
#bkgndmapM9
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 950px; z-index: 0; }
#overlaycountyM9
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 950px; z-index: 3; }
#overlayriversM9
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 950px; z-index: 1; }
#overlayhwyM9
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 950px; z-index: 4; }
#overlaycityM9
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 950px; z-index: 5; }
#overlayshortbasereflM9
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 950px; z-index: 2; }
#overlaywarningM9
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 950px; z-index: 6; }
#overlaylegendM9
  { height:440px; width:480px; position: absolute;  left: 985px;  top: 950px; z-index: 7; } 
#loclabelM9
  {                            position: absolute;  left: 985px;  top: 965px; z-index: 8; }
  
  
/*Saratoga Alert Settings */

.advisoryBox {
color: red;
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: #FFFF99;
margin: 0 0 0 0;
padding: .5em 0em .5em 0em;
/*border: 1px dashed rgb(34,70,79);*/
border-style:outset;
border-width: 5px;
}
.advisoryBoxnoactive {
color: black;
font-size: 14px;
font-weight: bold;
text-align: center;
background-color: #FFFF99;
margin: 0 0 0 0;
padding: .5em 0em .5em 0em;
/*border: 1px dashed rgb(34,70,79);*/
border-style:outset;
border-width: 5px;
}
  
   
  
