/* styles.css
/*
/* global stylesheet for Great Basin Dashboard site
/* 
/* Revised 8/22/2019, L.Pritchett
/*****************************************************************************/

body 
{
  font-family: Verdana, Geneva, sans-serif;
  background-color: #ffefd5;
  margin: 0;
  height: 100%;
  padding: 0;
  font-size: 0px
  width: 1300px;
}

.container 
{
  margin: 0 auto;
  width: 960px;
}


#header 
{
  height: 200px;
  font-family: Verdana;
  font-size: 36px;
  padding-top: 5px;
  margin-bottom: 5px;
}

/* tab line across page */
#tabs
{
  margin: -3px 0px 0px 0px;
  padding: 0;
  border-bottom: 0.6em solid #0000cd;
}

/* tab outline */
#tabs li 
{
  padding: 0.35em 1em;
line-height: 1.8em;
  border-top: 0.15em solid #0000cd;
  border-right: 0.15em solid #0000cd;
  border-left: 0.15em solid #0000cd;
  display: inline;
}  

/* tab text */
#tabs li a 
{
  padding: 0.25em 1em;
  color: #0000cd;
  text-decoration: none;
}

/* tab-in-use properties */
#homepage #tab1,
#homepage #tab1 a, 
#forecast #tab2,
#forecast #tab2 a,
#links #tab3,
#links #tab3 a,
#about #tab4,
#about #tab4 a
{
  background-color: #0000cd;
  color: #ffffff;
}

/* index/current page length */
#content 
{
  margin: 0px auto;
  padding-bottom: 40px;
  font-family: Verdana;
  font-size: 16px;
  background-color: #ffffff;
}

/* forecast page length */
#content2 
{
  margin: 0px auto;
  padding-bottom: 40px;
  font-family: Verdana;
  font-size: 16px;
  background-color: #ffffff;
}

/* links and about page lengths */
#content3 
{
  margin: 0px auto;
  padding-top: 40px;
  padding-bottom: 40px;
  height: 560px;
  font-family: Verdana;
  font-size: 16px;
  background-color: #ffffff;
}
 
#announcements 
{
  margin: 0 auto;
  padding-top: 10px;
  height: 70px;
  font-family: Verdana;
  color: #0000cd;
  font-size: 18px;
}

#announcements2 
{
  margin-top: 0px;
  margin-right: 15px;
  margin-left: 15px;
  padding-top: 10px;
  height: 100px;
  color: #082567;
  font-family: Verdana;
  font-size: 16px;
}

table.table_headers 
{
  margin: 0px auto 0px auto;
  cell-spacing: 0px;
  color: #0000cd;
  font-family: Verdana;
  font-size: 14px;
  border: 2px solid #0000cd;
  border-collapse: collapse;
}


table.table_headers th,
table.table_headers td
{
  padding: 5px;
  border: 2px solid #0000cd;
  text-align: center;
}

table.table_links
{
  margin: 0px auto 0px auto;
  cell-spacing: 0px;
  border-collapse: collapse;
}


table.table_links td
{
  padding: 10px;
  font-size: 14px;
}


img.dmpic2 
{
  width: 175px;
  height: 131px;
}

img.dmpic 
{
  width: 200px;
  height: 150px;
}

img.pdsi 
{
  width: 200px;
  height: 190px;
}

img.pdsi2 
{
  width: 175px;
  height: 166px;
}

img.veg 
{
  width: 155px;
  height: 200px;
}

img.dri 
{
  width: 200px;
  height: 155px;
}
  
img.wrccpic 
{
  width: 175px;
  height: 135px;
}

img.cpc 
{
  width: 200px;
  height: 186px;
}

img.snotel 
{
  width: 200px;
  height: 259px;
}

img.question 
{
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
}

img.radar 
{
  width: 130px;
  height: 160px;
}

img.satellite 
{
  width: 150px;
  height: 100px;
}

img.weathermap 
{
  width: 150px;
  height: 130px;
}

img.sweplot 
{
  width: 150px;
  height: 118px;
}

img.outlook 
{
  width: 200px;
  height: 211px;
}

img.reservoir 
{
  width: 200px;
  height: 130px;
}

#caption 
{
  margin-top: 30px;
  margin-bottom: 10px;
  padding-top: 50px;
  height: 20px;
  text-align: center;
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
}

#caption_plus 
{
  margin-top: 30px;
  margin-bottom:10px;
  height: 25px;
  text-align: center;
  font-family: Verdana;
  font-size: 22px;
  font-weight: bold;
}

#topcaption 
{
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 50px;
  height: 20px;
  text-align: center;
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
}

#links3 
{
  padding-top: 5px;
  height: 14px;
  text-align: center;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #0000cd;
}

#footer 
{
 padding: 20px 0px 20px 0px;
 height: 60px;
 width: 960px;
 text-align: center;
 font-family: Verdana;
 font-size: 12px
}


#leftlogo 
{
  padding-left: 10px;
  height: 60px;
  width: 275px;
  float: left;
}

#centerfoot 
{
  height: 60px;
  width: 326px;
  float: left;
  line-height: 1.5em;
}

#rightlogo 
{
  padding-right: 0px;
  height: 60px;
  width: 343px;
  float: right;
}

h3.about 
{
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 20px;
}

img.DRIlogo 
{
  padding: 5px;
  height: 50px;
  width: 83px;
  float: left;
}

img.WRCClogo 
{
  padding: 5px;
  height: 50px;
  width: 164px;
  float: left;
}

img.CNAPlogo 
{
  padding: 5px;
  height: 50px;
  width: 100px;
  float: right;
}

img.FSAlogo 
{
  padding: 5px;
  height: 50px;
  width: 63px;
  float:right;
}


img.LCC_logo 
{
  padding: 5px;
  height: 40px;
  width: 146px;
  float:right;
}

img.logo 
{
  padding-left: 10px;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  height: 30px;
  width: 40px;
}

img.logo_sq 
{
  padding: 3px 3px 3px 10px;
  height: 35px;
  width: 35px;
}

a.novisit 
{
  text-decoration: none;
}

a.links 
{
  font-size: 14px;
  text-decoration: none;
}

.pop-up 
{
  padding: 10px;
  display: none;
  position: absolute;
  /* right:350px;*/
  width: 300px;
  height: 170px;
  color: #000000;
  background: #ffefd5;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  font-family: Verdana;
  border: 2px solid #0000cd;
}

.pop-up2 
{
  display: none;
  height: 170px;
  padding: 10px;
  position: absolute;
  right: 350px;
  width: 300px;
  color: #000000;
  background: #ffefd5;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
  font-family: Verdana;
  border: 2px solid #0000cd;
}


.row_text 
{
  padding-top: 5px;
  padding right: 15px;
  padding-bottom: 5px;
}

.links2 
{
  font-size: 14px;
}

h3.links,
ul.links
{
  margin-left: 40px;
}

ul.links li
{
  line-height: 1.5em;
}