@import url(../default.css);

/*   —    use for text--- em */
body {
   font-family:  Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 12pt;
 
/* this is from checkpoint charlie pix */
 background-image: url(nolies_files/ida04.JPG);

   color: black;  
   font-weight: ;
   font-size: 1.0em;  

     
}

p
{
font-size: 13pt; /* 1.0em; */
  height:  ;
  width:  90% ;
  float:   center;
  font-style: normal; 
  font-weight: ;

  padding-left: 20pt;
/*
  padding-right: 10pt;
*/
}

h1 {font-size: 1.7em;  }
h1, h4, h5, h6 {color: black;}
/*
h1, h4, h5, h6 {color: oldlace;}
*/

h2,h3  
{
  background-color: black; 
  color: snow;  
}

/* ===================================  */
div.textdisplay {
    width: 55%; 
    padding-right: 15%; 
    padding-left: 20%;
}

div.buttonA {
    margin-left: 15px;
    margin-right: 0px;
    height: ;
}

div.buttonA ul {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;
}
div.buttonA li {
    list-style-type: none;
    height: 36px;  
    width: 86%; /* 125px;  assuming the divider is limited on the page to the side bar */
    margin: 10px;
    text-align:center;
}

div.buttonA li a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: block;
    background-color: #999999;  
    border-style: solid;
    border-bottom-color: #333333;
    border-right-color: #555555;
    border-left-color: #BBBBBB;
    border-top-color: #DDDDDD;
}
div.buttonA li a:link {
    color: #000000; 
    font-weight: bold;
    background-color: rgb(95, 150, 180); /*  changes background color #999999; */ 
background-image: url(nolies_files/button01.JPG);  /* CROP SELECTION FROM SAT IMAGE for colors of buttons */
/*   background-image: url(nolies_files/120px-Oil_pipelines_in_Europe.png);
*/
    border-style: solid;
    border-bottom-color: #333333;
    border-right-color: #555555;
    border-left-color: #BBBBBB;
    border-top-color: #DDDDDD;
}
div.buttonA li a:visited {
    color: #000000;
    font-weight: normal;
    background-color: #999999;
    border-style: solid;
    border-bottom-color: #333333;
    border-right-color: #555555;
    border-left-color: #BBBBBB;
    border-top-color: #DDDDDD;
}
div.buttonA li a:hover {
    font-weight: bold;
    color: #FFFFFF;             /* white */
    background-color:  rgb(95, 150, 180);  /* #777777; */
 background-image: url(nolies_files/button02.JPG);
    border-style: solid;
    border-bottom-color: #333333;
    border-right-color: #555555;
    border-left-color: #BBBBBB;
    border-top-color: #DDDDDD;
}
div.buttonA li a:active {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #666666;
    border-style: solid;
    border-top-color: #333333;
    border-left-color: #555555;
    border-right-color: #BBBBBB;
    border-bottom-color: #DDDDDD;
} 

/* ======================================= */


div.menu {
  width: 40%; 
  float:left; 
  text-align: center;
  padding-left: ;
}
div.menu h2,h4 {
  width: 100%;
  text-align: center;
}
div.menu p {
  width: 100%;
  text-align: left;
}

div.figure {
  float: right;  
  width: 40%;    
  border:  thin silver solid;
  padding-right: 50pt; 
}
          
div.figure p {
  text-align: center;
  width: 100%;
  font-size: 70%;
  padding-right: 3pt;
  padding-left: 3pt;
}
div.figure img {
  width: 100%;
  float: center;
}
div.pano {
  float: center;  
  width: 100%;    
  border:  thin silver solid;
  padding-right: 5pt; 
}
          
div.pano p {
  text-align: right;
  width: 100%;
  font-size: 7pt;
  padding-right: 5pt;
}
div.pano img {
  width: 100%;
  float: center;
}

a {font-weight: bold;}

a:link     {color:blue}

a:visited  {color:maroon}

a:hover    {color:black}

a:active   {color:blue}


hr.short { width: 60%; color: navy;}

hr.medium { width: 70%; color: navy;}

hr.long { width: 80%; color: navy;}



.midcolumn 
{
  height:  ;
  width:   60%;
  float:   center;
  
}

p.captioning 
{
  font-size: small;
  height:  ;
  width:   100%;
  float:   right;
}

.fullwidth {width: 90%; float:center;}

div.figurewider {
  float: center;
  width: 100%;

}
div.figurewider p {
  width: 100%;
  text-align: right;
  font-style: normal;
  font-size: small;
}
div.figurelink p {
  width: 850;
}