/*colors:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
olive, purple, red, silver, teal, white, and yellow
*/


@media screen {
body {
 /* background:#f9f9f9; */
 font-family: verdana, sans-serif;
 font-size: 85%;
 background:white;
 /* background-image: url("bg.jpg"); */
 /* color:black */
 color:#3f3f3c;
 border:30px solid #989380;
 border-top:40px solid #989380;
 border-bottom:40px solid #989380;
 /* border-bottom:1000px solid #989380; */
 margin:0px;
 padding:10px;
}
}

@media print {
 .noprint { display: none; }
}

/* whole left column with menus and image */
#column-left {
 float: left; 
 margin-top: 0px;
 padding: 0;
 width: 8em;
 overflow: hidden; 
 position:relative; /* we need to use absolute + z-index to click on links */
 z-index: 3;
 /* text-align:center; */
}

@media print {
  body {
    font-size:60%;
  }
  #column-left {
    display:none;
  }
}

div.box {
 border:1px solid #aaa; 
 padding:5px;
 margin:0px;
 width:95%;
 margin-top: 20px;
 background: #ededed;
 margin-left: auto;
 margin-right: auto;
}

/* each little menu box */
div.menu {
 text-align:left;
 font-size: 0.9em;
 border:1px solid #aaa; 
 padding:5px;
 margin:0px;
 margin-top: 20px;
 width:7em;
 background: #ededed;
}


/* column with main text and fake margin */
#column-main {
 width: 100%;
 margin: 0 0 0 -9em;
 padding: 0;
 position: relative;
 float: left;
}

/* div with main text itself */
#main {
 margin: 20px 0 20px 8.5em;
 padding: 0 1em 1.5em 1em;
 position: relative;
 z-index: 2;
 /* border:1px solid #aaa; */
 /* background:white; */
}

/* footer text */
#footer { 
 clear: both;
 background:#ededed;
 margin-top: 0px;
 font-size: 0.9em;
 padding: 5px;
 /* border-top: 2px solid #aaa;   
 border-bottom: 2px solid #aaa; */  
 border:1px solid #aaa; 
}

#logo {
  width: 150px;
  float: left;
}

#uklogo {
  width: 150px;
  float: right;
}

div.clear {
  clear:both;
}


p {
 margin-top:5px;
 margin-bottom:5px; 
}

hr {
 border-style:none;
 background:#aaa;
 height:2px; 
 padding:0px;
}

strong { 
   font-weight: bolder; color:#134d40;
}
b { 
   font-weight: bolder; color:#134d40;
}

H1  { 
 font-size: 1.5em;
 color:#804000; 
 font-weight: normal;
 padding:2px;
}

#main H1  { 
 font-size: 1.1em;
 font-weight: bolder;
 /* border-bottom:4px solid silver; */ 
}

H2  { 
 font-size: 1em;
 color:#804000; 
 border-bottom:2px solid silver; 
 font-weight: bolder;
 padding:2px;
}

H3  { 
 font-size: 1em;
 color:#804000; 
 font-weight: bolder;
 padding:1px;
}

a {
 text-decoration: none; 
 /*color:#134d40;*/
 color: #804000;
 font-weight: bolder;
}

A:hover { color: red; }
A:active { color:#3f3f3c; }

a img {
border: none;
text-decoration: none;
}