/*set the background of the whole page */
html, body {background: black url(images/sh-dark256.jpg) 0 0 no-repeat fixed; 
     margin: 0px; padding: 0px;
     overflow: hidden;
     font-family: Verdana, arial, sans-serif;
     height:100%}


/* all hyperlinks (other than main nav menu) to look the same */
a:link {color: #eed;}     /* nearly white */
a:visited {color: #ddd;}  /* pale gray */
a:hover {color: #FF0;}    /* yellow */

p {margin: 0 1em 1em 1em;} /* top, left, bottom, right */
h3 {margin-bottom: 0.25em;} /* an em is the size of one character */
h1 {margin: 2px; padding: 2px; text-align: left; color: #8af; letter-spacing: 0.5em; font-weight: bold; font-size: 25px;}
button {margin:10px}
img {margin:0px 15px}
abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #eed;
}
#logintable {border-spacing:20px}


/* header and footer want to be the same as main container except for position and text alignment */
/* define features common to all 3 divs */

#content, #header, #footer {position:absolute; background: #586d82 url(images/sh-hue.jpg) 0 0 no-repeat fixed; color: #EED;}

/* now the features common to header & footer */
#header, #footer {height: 16px; width: 100%; font-size: 12px;}

/* now the specific features for a header */  /*header is for the breadcrumb trails */
#header {top: 5px;}

/* header is in 2 parts, breadcrumb is in normal flow so needs no css, but loginstatus...*/
#logintext{position:absolute; top:0px; right:5px}

/* now the specific features for a footer */  /* footer is for copyright message */
#footer {bottom: 5px; text-align: center;}

/* now the specific features for the main container*/
#content {top: 40px; left: 170px; right: 25px; bottom: 40px; padding: 10px; 
 font-size: 15px;    
 border: solid #b95; overflow: auto;}  /*add orangeish border */

#mapholder {position:relative; margin:2px;}
#map {left:0px; margin:3px 200px 3px 5px; height:100%; border: 1px #b95 solid;}
#map h4{color:#024;}

#side_bar {
   border: 1px #b95 solid;
   bottom:0px;
   font-size:16px;
   overflow:auto;
   position:absolute;
   right: 0px; 
   top:0px;
   width:180px; 
}
#side_bar a {display:block; margin:3px; text-decoration:none;}

.tooltip {display: block; font-size:18px; background-color:#586d82; color:#EED;}

/*pretty navigation menu */
#links {position: absolute; top: 60px; left: 5px; width: 160px; font-size: 16px; overflow:auto; bottom:40px}

#links a {background: transparent url(images/sh-hue.jpg) 0 0 no-repeat fixed;
 display: block; text-align: center; font-weight: bold; 
 padding: 5px; margin-bottom:3px; color: #eed;
 text-decoration: none;}

#links a:hover {background: transparent url(images/sh-wash2.jpg) 0 0 no-repeat fixed; color: #8af;}