/* Test css for Flows web page */

/* css for update flow boxes */

 
/*  Sandstone Theme */

/*
body {
background-image: url('_themes/sandston/stonbk.jpg');
}
*/

/*  Expedition Theme */
body {
background-image: url('_themes/expeditn/exptextb.jpg');
}


/*
  . - class
  # - id
  p - element / also div etc
*/
  

.content {
  max-width: 400px;
  margin: auto;
  border: 0px solid pink
}

.title {
  font-size: 23px;
  color: #0066FF;
  text-align:center;
  font-weight: bold;
  margin: auto;
  border:1px;
}

.title1 {
  font-size: 16px;
  color: Red;
  text-align:center;
  font-weight: bold;
  margin: auto;
  border:1px;
}

#version {
  font-size: 15px;
  color: black;
  margin: auto;
  text-align: center;
}

table {
  border-collapse: collapse;  
  width: 400px;
  border: 4px solid black
}

/* Flow box - text */
.flow {
  color: black;
  font-size: 14px;
  width: 10%;
  text-align: center;
  font-weight: bold;
}

td, th {
  border: 1px solid navy;
}

/* Drainage Header */
.drainage {
  font-size: 1.1em;
  font-style: italic;
  colspan: 3;
  padding-left: 40px;
  font-weight: bold;
  color: #800080;
  width=55%;
}

/* Glenwood Div */
#glenWood  {
  padding-top: 5px;
  text-align: center;
}


/* USGS links */

.usgs {
  color: green;
  font-size: 1em;
  test-align: left;
  width: 45%;
  padding-left: 5px;
  height: 70%;
}


/* October links */

.Oct {
  color: black;
  font-size: 1em;
  test-align: left;
  width: 55%;
  padding-left: 5px;
  height: 70%;
}

.Oct1 {
  color: black;
  font-size: 1em;
  test-align: left;
  width: 55%;
  padding-left: 5px;
  height: 70%;
  font-weight: bold;
}


/* Weather */

.weatherheader {
  font-size: 1em;
  test-align: left;
  width: 45%;
  padding-left: 5px;
  height: 70%;
  color: #800080;
  font-weight: bold;
}

.weather {
  color: red;
  font-size: 1em;
  test-align: left;
  width: 45%;
  padding-left: 5px;
  height: 70%;
}


a:link, a:visited {
  color: brown;
  display: inline-block;
}