body {

border: 0px solid yellow;
font-family: sans-serif;
background-color: #5b8772;
font-size: 11pt;

/*

background-color: #6b702b;
background-color: #4f6d5e;
background-color: #3a564f;
background-color: #21543f;
*/

color: #fff;
padding: 0;
margin: 0;

}



div.basemap {

border: 1px solid #fa0;
background-position: left;
background-repeat: no-repeat;
background-color: #aaa;
color: #000;
float:left;
width: 450px;
height: 520px;

}

div.sidebar {
/* background-color: #aaa; */
}




div.believe {

padding: 20px 2em 20px 2em;
margin: 20px 0px 20px 0px;

/* background-color: #99b;
 background-color: #9cb2ce;
 background-color: #9bd;
 */
background-color: #eee;
color: #000;
border: 1px solid black;



}



/*  #sidebar {cursor: default}  */


div.breaker {

margin: 0px;
padding: 0px;
border-width: 0px;

}


div.belief {

padding: 20px 2em 20px 2em;
background-color: #eed;
color: #000;
border: 1px solid black;


}


div.text {
/* font-size:12px; */
padding-bottom: 20px;

}


div.imagine {
/* font-size:12px; */
margin: 20px 0px 25px 0px;
padding: 0px;

}




div.content {

color: #fff;
background-color: #5b8772;
width: 740px; 
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;

/* 
font-size: 10pt;
 */

}
div.footer {

text-align: right;
margin: 0px;
border-top: 1px solid #bbb;
padding: 8px 0px 8px 0px;

}



body.working, div.working {

background-color: #666;

}


div.working {

border: 0px solid red;
color: #fff;


/* 
width: 720px; 
font-size: 10pt;
 */


margin-top: 5px;
margin-bottom: 15px;
margin-left: 35px;
margin-right: 0px;
padding-right: 0px;
}

div.mast {


height: 130px;
background-color: #876028;
background-image:url(/images/logoscape.jpg);
border: 0px solid blue;
background-position: right;
background-repeat: no-repeat;
border-bottom: 1px solid #876028;
color: #fff;
padding: 0px 0px 0px 0px ;
margin-bottom: 0px;
margin-top: 0px;
font-size: 10pt;
position: relative;


/*
background-image:url(images/newuuvalley.jpg);
background-color: #494;
*/


}

div.titlewords {
position: absolute;
bottom: 12px;
left: 0px;
}

div.maintitle {
position: relative;
font-size: 13pt;
width: 740px; 
height: 130px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
color: #fff;
font-family: Georgia, Serif;
border-left: 0px dotted #444;


/* 
height: 115px;
border-right: 1px dotted white;
*/


}



/*
div.mirrormast {
border: 0px solid blue;
height: 130px;
background-image:url(images/mirrorvalley.jpg);
background-position: left;
background-repeat: no-repeat;
background-color: #876028;
color: #fff;
padding: 0px 0px 0px 0px ;
margin-bottom: 22px;
margin-top: 0px;
font-size: 10pt;
position: relative;
border-bottom: 1px solid #876028;
}
*/

div.mirrormaintitle {
font-size: 13pt;
position: absolute;
bottom: 12px;
right: 35px;
/* width: 720px; */
}









div.photocredit {
position: absolute;
bottom: 9px;
right: 9px;
color: #aaa;
font-size: 9pt
}

a.photocredit:link, a.photocredit:visited {
color: #aaa;
text-decoration: none;

}

h2 { color: #d30; }


div.details {
  margin: 20px 0px 0px 0px;
  padding: 14px 5px 14px 14px;

  font-size: 10pt;  

/*

  background-color: #576;
  border: 1px solid #444; 



*/
}


div.instructions {
  padding: 8px 8px 8px 15px;
  margin: 0px 0px 10px 0px; 
  background-color: #576;
  color: #fff;
/*  background-color: #666; 
  background-color: #667;
  border: 1px solid #222;;

*/
  border: 1px solid #a99;
}





div.hr {


  border-bottom: 1px solid #fff; 
  
}

div.navbar  { 

border-right: 0px solid #222;

width: 260px; 
text-align: left;
padding: 1px;
margin: 0px 0px 0px 19px;
float:left;


}

div.sidebar { 
border: 0px solid green;
margin-left: 1px;
margin-top : 0px;
font-size: 12px;
}


div.pop { 
width: 200px;
border: 0px dotted white;

}


a:link    { color: #eee; text-decoration: underline; }
a:visited { color: #eee; text-decoration: underline; }



div.sidebar span {
 display: block;
 padding: 2px 8px 2px 12px;
 margin: 0px;
text-align: left;
cursor: pointer;

 } 

div.navbar a.foo          { display: block; }

div.navbar a.cong         { display: block; padding: 3px 8px 3px 12px; margin: 0px;  text-align: left; } 

div.navbar a.cong:link    { color: #fff; text-decoration: none; }
div.navbar a.cong:visited { color: #fff; text-decoration: none; }

/*
div.navbar a.cong:link    { color: #009; text-decoration: none; }
div.navbar a.cong:visited { color: #009; text-decoration: none; }
*/

div.navbar a.cong:hover   { color: #000; background-color: #ffb; text-decoration: none; }

table.cong           { border: 1px solid white; border-collapse: collapse; }
table.cong td        { border: 0px solid black; padding: 0px; border-collapse: collapse; }
a.detailinfo         { padding: 2px; margin: 0px 8px 0px 0px;  }
a.detailinfo:link    { background-color: #ccc;  color: #900; text-decoration: none; }
a.detailinfo:visited { background-color: #ccc;  color: #900; text-decoration: none; }
a.detailinfo:active  { background-color: #fff; }
a.detailinfo:hover   { background-color: #0d0;  color: #fff; text-decoration: none; }