body {
  color: #000000;
  background-color:#D0D0F0;
  font-family: tahoma, arial, sans-serif;
/*  font-family: verdana, helvetica, arial, sans-serif; */
  font-size: 75%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 10.0pt;
}

  input, select {
/*  background-color: #D0D0F0; */
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  font-size: 75%;
  font-weight: bold;
  color: #274E90;
}

input:focus, select:focus {
/*  background-color: #D0D0F0; */
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  font-size: 75%;
  font-weight: bold;
  color: #274E90;
}
  
/* Hides from IE5 - mac \*/
* html .main-copy {height: 1%;}
/* End hide from IE5 - mac */

/* Hides from IE5 - mac \*/
* html .boxLighter {height: 54em;}
/* End hide from IE5 - mac */

/* Hides from IE5 - mac \*/
* html .noaatab {height: 1%;}
/* End hide from IE5 - mac */


img { border: 0px; }

ul, ol, dl {
  position: relative;  /* Fix for IE missing background */
}

h1 {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  font-size: 220%;
  font-weight: bold;
  text-align: center;
  color: #274E90;
  margin: 0.25em 0 0 0;
  padding: 0;
}

h2 {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  color: #274E90;
  margin: 0 0 3px 0;
  padding: 0;
}

h3 {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
  color: #274E90;
  margin: 0 0 3px 0;
  padding: 0;
}

.radio {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  font-size: 85%;
  font-weight: bold;
  color: #274E90;
}

#header {
  color: white;
  background-image: url('images/tws-topback3.gif');
  background-color: #3C3C77;
  margin:  0 0em 0;
  padding: 0 2.5mm 1ex 2mm;
  border-bottom: 2px solid white;
  min-width: 994px;
}

.headmain {
  font-family: "Times New Roman", Times, serif;
  font-size: 300%;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  color: white;
  margin: 0.25em 0 0 0;
  padding: 0;
}

.headerTitle {
  margin: 0;
  padding: 0;
}

.headerTitle a {
  color: #005200;
  background-color: transparent;
  text-decoration: none;
  font-size: 83%;
  font-weight: bold;
  font-style: italic;
}

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

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

.headerLinks {
  font-size: 89%;
  position: absolute;
  right: 4ex;
  top: 7.00em;
}

[class~="headerLinks"] {
  top: 7.00em;  /* For fully standards-compliant user agents */
}

.headerLinks a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.headerLinks a:hover {
  color: white;
  background-color: transparent;
  text-decoration: none;
}


/* Pop out menu ----------------------------------------
=========================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu {
  margin: 10px;
  height: 100px;
  font-size: 85%;
  font-family: verdana;
  text-align: right;
  width: 13em;
  float: left;
  clear: left; 
  z-index: 1100;
}
.menu ul { 
  margin: 0pt;
  padding: 0pt;
  position: relative;
  z-index: 1100;
  list-style-type: none;
  width: 12em; 
}
.menu li {
  border-bottom: 1px solid white;
  background-color: #D0D0F0;
  float: left; 
}
.menu li.sub {
  background-color: #6699cc; 
}
.menu table {
  position: absolute;
  border-collapse: collapse;
  top: 0pt; left: 0pt;
  z-index: 100;
  font-size: 1em;
  margin-top: -1px; 
}
.menu a, .menu a:visited {
  display: block;
  text-decoration: none;
  height: 2em;
  line-height: 2em;
  width: 11em;
  color: #22464F;
  padding-left: 1em;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-transform: none; 
}
.menu b {
  float: right;
  margin-right: 5px; 
}
* html .menu a, * html .menu a:visited {
  width: 12em; 
}
* html .menu a:hover {
  color: white;
  background-color: #3C3C77;
  position: relative;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none; 
}
.menu li:hover {
  position: relative; 
}
.menu a:active, .menu a:focus {
  color: white;
  background-color: #3C3C77;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none; 
}
.menu li:hover > a {
  color: white;
  background-color: #3C3C77;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none; 
}
.menu li ul {
  padding: 2em;
  visibility: hidden;
  position: absolute;
  top: -1.7em;
  left: 10em;
  background-color: transparent; 
}
.menu li:hover > ul {
  visibility: visible; 
}
.menu ul a:hover ul ul {
  visibility: hidden; 
}
.menu ul a:hover ul a:hover ul ul {
  visibility: hidden; 
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
  visibility: hidden; 
}
.menu ul a:hover ul {
  visibility: visible; 
}
.menu ul a:hover ul a:hover ul {
  visibility: visible; 
}
.menu ul a:hover ul a:hover ul a:hover ul {
  visibility: visible; 
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
  visibility: visible; 
}
/*   End of pop-out menu --------------------------------*/
 
.w3cimage {
  position: relative;  
/*  margin-top:350px;*/
  padding:25px 25px 2px 5px;
}

.filler {
  background-color: transparent;
  margin: 0;
  padding: 0.5ex 1em 0.5ex 0.5ex;
}

#menu-bar {
  font-size: 85%;
  text-align: right;
  width: 13em;
  float: left;
  clear: left;
}

.menuBarTitle {
  color: white;
  background-color: #3C3C77;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 1em 0.5ex 0.5ex;
  border-top: 1px solid rgb(34,70,79);
}

.menubarimage {
  padding:5px 45px 5px 5px;
}

#menu-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

#menu-bar li {
  margin: 0;
  padding: 1ex 1em 1ex 0.5ex;
  border-top: 1px solid rgb(34,70,79);
}

#menu-bar a {
  color: #005200;
  background-color: transparent;
  text-decoration: none;
}

#menu-bar a:hover {
  color: white;
  background-color: #005200;
  text-decoration: none;
}

.menuBarText {
  text-align: justify;
  margin: 0;
  padding: 1ex 1.5ex;
  display: block;
  border-top: 1px solid rgb(34,70,79);
}

#menu-bar .menuBarText a {
  text-decoration: underline;
}

#menu-bar .menuBarText a:hover {
  text-decoration: none;
}

#menu-bar .bottom {
  position: absolute;
  bottom: 5px
}

.menu-bar-metar {
  font-size: 90%;
  font-family: "trebuchet ms", verdena;
  margin: 0.5em 0 0.5em 0;
  font-weight: bold;
  color: #22464F;
  background-color: transparent;
  text-align: center;
}

#main-copy {
  position: relative;
  text-align: left;
  line-height: 1.5em;
  margin: 0ex 1ex 0 22ex;
  padding: 0ex 1em 2ex 1em; 
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

#main-copy .Section {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  font-size: 125%;
  font-weight: bold;
  margin: 0.25em 0 0 0;
  padding: 0;  
  border-bottom: 1px solid #005200;
}

#main-copy a {
  color: #22464F;
/*  background-color: transparent; */
  text-decoration: none;
  font-size: 83%;
  font-weight: bold;
  font-style: italic;
}
	
.boxDimmer {
  position:relative;
  color: #22464F;
  font-size: 120%;  
  background-image: url('backgrounds/wp5.jpg'); 
  margin: 0 0 1em 0;
  padding: 2ex 1em 0.25em 2em; 
  border: 1px solid rgb(34,70,79);
  box-shadow: rgba(0,0,0,0.3) 4px 4px;
  height: auto;
  min-height: 50em;
  min-width: 1025px;
}

.boxDimmest {
  position:relative;
  color: #274E90;;
  font-size: 120%;  
  background-image: url('backgrounds/wp4.jpg'); 
  margin: 0 0 1em 0;
  padding: 2ex 1em 0.25em 2em; 
  border: 1px solid rgb(34,70,79);
  box-shadow: rgba(0,0,0,0.3) 4px 4px;
  height: auto;
  min-height: 50em;
  min-width: 1025px;
}

.boxDark {
  position:relative;
  color: #FFFFFF;
  font-size: 120%;  
  background-image: url('backgrounds/nightsky.gif');
  margin: 0 0 1em 0;
  padding: 2ex 1em 0.25em 2em; 
  border: 1px solid rgb(34,70,79);
  box-shadow: rgba(0,0,0,0.3) 4px 4px;
  height: auto;
  min-height: 50em;
  min-width: 766px;
}

.boxDarker {
  position:relative;
  color: #FFFFFF;
  font-size: 120%;  
  background-image: url('backgrounds/nightsky.gif');
  margin: 0 0 1em 0;
  padding: 2ex 1em 0.25em 2em; 
  border: 1px solid rgb(34,70,79);
  height: auto;
  min-height: 50em;
  min-width: 766px;
}

.boxLighter {
  position:relative; /*  #### */
  color: #22464F;
  font-size: 120%;
  background-image: url('backgrounds/bluepaper.jpg');
  margin: 0 0 1em 0;
  padding: 2ex 1em 0.25em 2em; 
  border: 1px solid rgb(34,70,79);
  height: auto;
  min-height: 50em;
  min-width: 790px;   /* 766 */
}

.graph {
/*  position:relative; 
  float:left; 
  margin-left:10%; */
  background-color: transparent;

}

.graphcenter {
  position: relative;
  width: 96%;
  margin: auto;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:50px;

}

.graphleft {
  position: relative;
  float: left; 
  width: 50%;
  margin-right:5px;
  padding-bottom:20px;
/*  padding:0px 5px 30px 20px; */
}

.graphright {
/*  float:right;
  padding:0px 5px 20px 5px; */
  min-width: 20px;
}

.noaatab {
  position:relative; 
/*  left: 50%;
  margin-left: -27em; */
  margin: 0 auto;  /* align for good browsers */
  text-align: left;  /* counter the body center */
  width: 53em;
  color: #22464F;
/*  background-color: #ffffff;  */
  white-space: pre;
  font-family: "courier new", monospace;
  font-size: 90%;
  font-weight: bold;
  padding-left: 1em;
}

#shadow-container {
	position: relative; 
	left: 8px;
	top: 8px;
	margin-right: 2px;
	margin-bottom: 2px;
	min-width: 836px;   /*  812 */
}
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
	position: relative;
	left: -4px;
	top: -4px;
}

	#shadow-container .shadow1 {
		background: #888688;
	}

	#shadow-container .shadow2 {
		background: #686668;
	}

	#shadow-container .shadow3 {
		background: #888688;
	}

	#shadow-container .container {
		background: #ffffff;
		border: 1px solid #848284;
		padding: 10px;
	}

.Homeoutline {
  font-family: "arial";
  color: #274E90;
  position: relative;
  margin: 5px 1em 40px 1em;
  padding: 10px 1em 1em 1em;
}

.home-table-top {
  width: 99%;
  border: 1px solid rgb(34,70,79);
  padding-top: 20px;
}

.home-table {
  width: 99%;
  border-bottom: 1px solid rgb(34,70,79);
  border-left: 1px solid rgb(34,70,79);
  border-right: 1px solid rgb(34,70,79);
  padding-top: 20px;
}

.home-table-top-new {
  width: 99%;
  border-top: 1px solid rgb(34,70,79);
  border-left: 1px solid rgb(34,70,79);
  border-right: 1px solid rgb(34,70,79);
  padding-top: 10px;
}

.home-table-new {
  width: 99%;
  border-left: 1px solid rgb(34,70,79);
  border-right: 1px solid rgb(34,70,79);
  padding-top: 10px;
}

.home-table-bottom-new {
  width: 99%;
  border: 1px solid rgb(34,70,79);
  padding-top: 10px;
}

.home-table-extremes {
  width: 900px;
  border: 1px solid rgb(34,70,79);
  padding-top: 2px;
  border-radius: 4px;
  box-shadow: rgba(0,0,0,0.3) 2px 2px 2px;
  font-size: 10pt;
}

.home-head {
  color: white;
  background-color: #3C3C77;
  font-weight: bold;
}

.home-row {
  font-size: 100%;
  padding-bottom: 40px;
}

.legend {
  font-style: italic;
  width: 20%;
  padding-bottom: 10px;
}

.legend-baro {
  font-style: italic;
  width: 17%;
  padding-bottom: 10px;
}

.data {
  font-weight: bold;
  width: 13%;
  text-align: right;
  padding: 0px 30px 10px 0px;
}

.data-big {
  font-size: 130%;
  font-weight: bold;
  width: 13%;
  text-align: right;
  padding: 0px 30px 10px 0px;
}

.data-baro {
  font-size: 130%;
  font-weight: bold;
  width: 16%;
  text-align: right;
  padding: 0px 30px 10px 0px;
}

.dial-head {
  font-weight: bold;
  width: 33%;
  text-align: center;
  padding: 0px 0px 10px 1em;
}

.dial-text {
  width: 33%;
  text-align: center;
  padding: 0px 0px 10px 1em;
}

.dial-head25 {
  font-weight: bold;
  width: 25%;
  text-align: center;
  padding: 0px 10px 10px 10px;
}

.dial-text25 {
  width: 25%;
  text-align: center;
  padding: 0px 10px 10px 10px;
}

.rain-text-left {
  width: 8%;
  text-align: left;
  padding: 0px 0px 20px 1em;
}

.rain-text-right {
  font-weight: bold;
  width: 8%;
  text-align: right;
  padding: 0px 1em 20px 0px;
}

.home-row a:hover {
  color: blue;
  text-decoration: none;
}

.Boxoutline {
  position: relative;
  background-color: white;
  border: 1px solid rgb(34,70,79);
  margin: 5px 2em 40px 1em;
  padding: 10px 1em 1em 2em;
}

.table-head {
  color: white;
  background-color: #3C3C77;
  font-weight: bold;
}

.table-row {
  font-size: 85%;
}

.table-row a:hover {
  color: blue;
  text-decoration: none;
}

.titleTip {

  text-decoration: none;
}

#footer {
  color: white;
  background-color: #3C3C77;
  font-size: 85%;
  margin: 0;
  padding: 1.25ex 4mm;
  clear: both;
  min-width: 980px;
}

#footer .left {
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

.subFooter {
  font-size: 85%;
  line-height: 1.5em;
  margin: 0;
  padding: 1ex 4mm;
}

.subFooter a {
  color: #005200;
  background-color: transparent;
  text-decoration: underline;
}

.subFooter a:hover {
  text-decoration: none;
}

#foottop {
  color: white;
  background-color: #cacaca;
  font-size: 85%;
  margin: 0;
  width: 12em;
  padding: 1.25ex 4mm;
  clear: both;
}

#foottop .left {
  float: left;
  clear: left;
}

#foottop .right {
  text-align: right;
}

#foottop a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#foottop a:hover {
  text-decoration: none;
}

.code {
  color: black;
  font-family: "courier new";
  font-size: 80%;
  margin-left: 20px;
  margin-top: 10px;
}

pre {
  color: black;
  line-height: 1em;
  font-family: "courier new";
  font-size: 80%;
  margin-left: 20px;
  margin-top: 10px;
}

.picfl {
	   float:left;
	   padding: 2px;
	   margin: 10px 10px 10px 0;
	   border: 1px solid #666;
	   position: relative;
}

.picfr {
	   float:right;
	   padding: 2px;
	   margin: 10px 0 10px 10px;
	   border: 1px solid #666;
	   position: relative;
}

                #contactform {
 
                        width: 600px;
                }

                #contactform h1 {
                        font-size: 130%;
                }

                #contactform img {
                        border: 0px;
                }

                #contactform .errors {
                        color: #ff0000;
                }

                #contactform .correct {
                        color: black;
                }

                #contactform legend {
                        font-size: 120%;
                        font-weight: bold;
                }

                #contactform .title {
                        color: black;
                        font-weight: bold;
                        font-size: 90%;
                        margin-top: 2px;
                        margin-bottom: 5px;
                }

                #contactform .field {
                        color: black;
                        font-size: 90%;
                        margin-bottom: 25px;
                }

                #contactform .small {
                        font-size: 80%;
                }

                #contactform .thanks {
                        margin-top: 15px;
                        color: green;
                        font-size: 105%;
                        margin-bottom: 15px;
                }

/* common Detail CSS  */

.labels {
    background-color: #3C3C77;
    color: #FFFFFF;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

.noday {
	border: 1px #000000 solid;
	background-color: #fefefe;
	background-image: url('images/bkgnd.gif');
	background-repeat: repeat-x;
}

.ttl {
    background-color: #3C3C77;
    color: #FFFFFF;
    border: 1px solid #22464F;
    font-size: 80%;
    text-align: center;
    padding: 2px;
}   
    
.dt {
    background-color: #3C3C77;
    color: #FFFFFF;
    font-size: 95%;
    font-weight: bold;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

.getdtbxfloat {
    float: right; 
    padding: 0px 5px 0px 5px; 
    border: 1px ridge #22464F; 
    background-color: #3C3C77;
    color: #FFFFFF;
}

.getdtbx {
    font-size: 80%; 
    font-weight: bold; 
    padding: 0px;   
    text-align: center;
}

.dev {
	padding: 5px 0px 10px 0px;
	font-size: 80%;
	font-weight: bold;
}

/* WXRAINDETAIL CSS  */
#rain {
     font-family: verdana;
     color: #22464F;
}

#rain table {
	width: 100%;
	border-collapse: collapse;
}

#rain form {
    display: inline; 
}


#rain .rainday0 {
    background-color: white;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}   

#rain .rainday4 {
    background-color: #5555A0;
    color: #FFFFFF;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#rain .rainday3 {
    background-color: #80B0EF;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#rain .rainday2 {
    background-color: #C9D9FF;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#rain .rainday1 {
    background-color: #E9ECF3;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}


/* ########  Temperature report.css data  ########  */

#temp {
     font-family: verdana;
     color: #22464F;
}

#temp table {
	width: 100%;
	border-collapse: collapse;
}

#temp form {
    display: inline; 
}
    
#temp .tempday {
    background-color: white;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}   

#temp .tempdayr {
    background-color: #EEFFFF;
    color: #000000;
    font-size: 75%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .tempdayh {
    background-color: #FFF9EE;
    color: #000000;
    font-size: 75%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .hotday {
    background-color: #FF0033;
    color: #FFFFFF;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .hiwarmday {
    background-color: #FF6666;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .hibalmyday {
    background-color: #FF8888;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .himildday {
    background-color: #FFDDAA;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .hicoldday {
    background-color: #E9ECF3;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .coldday {
    background-color: #80B0EF;
    color: #FFFFFF;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .coolday {
    background-color: #C9D9FF;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}

#temp .lohotday {
    background-color: #FF66CC;
    color: #000000;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}


/*
# CSS external file for wxwinddetail.php template page
*/

#wind {
     font-family: verdana;
     color: #000000;
}

#wind table {
	width: 100%;
	border-collapse: collapse;
}

#wind form {
    display: inline; 
}

#wind .windday {
    background-color: white;
    font-size: 80%;
    border: 1px solid #22464F;
    text-align: center;
    padding: 2px;
}   

#wind .winddayr {
    background-color: #3399cc;
    color: #000000;
    font-size: 80%;
    font-weight: bold;
    border: 1px solid #000000;
    text-align: center;
    padding: 2px;
}
#wind .windday {
	color: #444444;
	font-size: 80%;
	font-weight: bold;
    border: 1px solid #000000;
	text-align: center;
	padding: 2px;
}


/* ########  forecast.css data  ########  */

.weatherSectionHeading {
    padding-bottom: 2ex;
    margin-bottom: 2ex;
    font-family: verdana;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #3C3C77;
}

.mainSection {
    width: 80%;
    min-width: 700px;
    text-align: center;
    border: 1px solid rgb(60,60,119);
    margin-bottom: 2ex;
    background-color: #F7F7FB;
}

.tablecellBorder {
    color: #395652;
    background-color: #D0D0F0;
    border-bottom: 1px solid rgb(60,60,119);
    border-right: 1px solid rgb(60,60,119);
}

.tablecellBorder1 {
    color: #395652;
    text-align: center;
    background-color: #D0D0F0;
    border-bottom: 1px solid rgb(60,60,119);
    border-right: 1px solid rgb(60,60,119);
}

.tablecellBorder2 {
    color: #395652;
    text-align: right;
    padding-right: 2em;
    background-color: #D0D0F0;
    border-bottom: 1px solid rgb(60,60,119);
    border-right: 1px solid rgb(60,60,119);
}

.borderRight {
    border-right: 1px solid rgb(60,60,119);
}

.borderTop {
    border-top: 1px solid rgb(60,60,119);
}

.nightRow {
    background-color: #DDDDEE;
}

.dayRow {
    background-color: #FFFFFF;
}

.dayRow1 {
    background-color: #FFFFFF;
    text-align: right;
    padding-right: 3em;
}

.dayRow2 {
    background-color: #FFFFFF;
    text-align: right;
    padding-right: 2.5em;
}

.dayRow3 {
    background-color: #FFFFFF;
    text-align: right;
    padding-right: 2em;
}

.glossary {
    width: 80%;
    min-width: 700px;
    text-align: left;
}

.tablebackground {
    background-color: #D0D0F0;
    width: 70%;
    min-width: 700px;
    border: 1px solid rgb(60,60,119);
}

.whitebackground {
    background-color: #FFFFFF;
    text-align: center;
}

.bluebackground {
    background-color: #D0D0F0;
    text-align: center;
}

/* earthquake table */

.bodyTable {
    font-family: verdana;
    font-size: 75%

}

.fishbox {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  color: #22464F;
  font-size: 120%;
  background-image: url('backgrounds/water.jpg');
  margin: 0 0 1em 0;
  padding: 2ex 1em 0.25em 2em; 
  border: 1px solid rgb(34,70,79);
  height: auto;
  min-height: 50em;
  min-width: 790px;   /* 766 */
}

.fishRow1 {
    background-color: #FFFFFF;

    padding-right: 2em;
}

.fishRow2 {
    background-color: #FFFFFF;
    text-align: right;
    padding-right: 2em;
}