body,
html{
  margin:0;
  padding:0;
}
body {
  background-image:url("3.jpg");
  background-attachment:fixed;
}

/*****************************/
/* position:absolute for all browsers - the whole page scrolls */
#headerwrap {
  position:absolute;
  padding:0 0; 
  border:0;
  top:0;
  left:12.5%; 
  width:75%;
}

/* position:fixed for modern browsers - header and footer do not scroll */
body>#headerwrap {
  position:fixed;
}


#header {
  padding:0;
  margin:0;
  width:100%;
  border-bottom-width:2px;
  border-bottom-style:ridge;
  border-left-width:2px;
  border-left-style:ridge;
  border-right-width:2px;
  border-right-style:ridge;
  background-image:url("noise03.gif");
/*  background-image:url("Pictures/noise03.gif"); */
}



/* set a left margin to compensate for IE/Win always making room for a scrollbar */
#middlewrap {
/* set left margin and bottom padding for IE5/Win */
  left: 0;
  margin-left:12.5%;
  width:75%;
  border-right-width:2px;
  border-right-style:ridge;  
  border-left-width:2px;
  border-left-style:ridge;
  margin-bottom: auto;
}

/* set left margin for modern browsers */
body>#middlewrap {

}

#middle {
  padding:0 25px 0 15px;
}

#middleheaderemulate {
  padding:0;
}


#footerwrap {
  left: 0;
  top:auto;
  margin-left:12.5%;
  width:75%;
/*  border-right-style:ridge;  
  border-right-width:2px;
  border-left-style:ridge;
  border-left-width:2px; */
  border-top-style:ridge;
  border-top-width:2px;
  margin-bottom: auto;
}

body>#footerwrap {
  margin-left:12.5%;
}

#footer {
}



/* Styling rules to make this demo page look nice. */
body,
html{
  font-family:"Arial";
  color:#000000;
}

#middle {
  background:#ffffe8;
}

#footer {
/*  background:#99AA88;
  color:#FFFFFF; */
}

h1,
h2 {
  padding:0;
  margin:0;
}

h1 {
  font-size:1.5em;
  text-align:center;
  padding-top:15px;
  padding-bottom:10px;
}

#sitetitle {
  font-size:2.0em;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
}


h2 {
  font-size:1.4em;
  padding-top:14px;
  padding-bottom:4px;
  margin-top:0;
}
h3 {
  font-size:1.3em; 
  padding-top:13px;
  padding-bottom:10px;
  margin:0;
  text-align:center;
}
h4 {
  font-size:1.2em;
  padding-top:12px;
  padding-bottom:2px;
  margin:0;
}
h5 {
  font-size:1.0em;
  padding-top:11px;
  padding-bottom:2px;
  margin:0;
}
h6 {
  font-size:0.8em;
  padding-top:10px;
  padding-bottom:0;
  margin:0;
}

#sitedesc {
  font-size: 0.84em;
  padding:0;
  margin:0;
  font-weight: normal;
  font-variant: small-caps;
  line-height: 1.05em;
  letter-spacing: 0.05em;
  text-align:center;
}


p {
  font-size:0.8em;
  line-height:1.25em;
  padding: 1px 4px 2px 4px;
  margin-top:0;
  margin-bottom:0;
}

td {
  font-size:inherit;
  margin-top:0;
  margin-bottom:0;
}

pre {
  font-size:0.9em;
  line-height:1.4em;
}
ul {
  padding-top:0.15em;
  padding-bottom:0.15em;
  margin-top:0;
  margin-bottom:0;
}

ol {
  padding-top:2px;
  padding-bottom:2px;
  margin-top:0;
  margin-bottom:0;
}

li {  
  font-size:0.8em;
  line-height:1.25em;
  padding-top:0.2em;
  padding-bottom:0.2em;
}

/************* CSS menu *************/

#menu {
  width: 100%;
  float: none;
  font-size:inherit;
}

#menu ul {
  list-style: none;
  margin: 0;  
  padding: 0;
  width: 10em;
  float: left;
  font-size:inherit;
}

#menu h2 {   
  font:arial;
  font-size:0.8em;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
  padding: 2px 3px;
}

#menu a {
  font:arial;
  font-size:0.8em;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
  padding: 2px 3px;
  width: 12.0em;
}

#menu h2 {
  color: #0000FF;
  background: #F7F7F7;
  font-weight:normal;
/*  text-transform: uppercase; */
}


#menu a {
  color: #0000FF;
  background: #F7F7F7;
  text-decoration: none;
}

#menu a:hover,
#menu h2:hover {
  color: #CC0000;
  background: #EEEEFF;
}

#menu li {
  position: relative;
  padding-top:0;
  padding-bottom:0;
  font-size:inherit;
}

#menu ul ul {
  position: absolute;
  z-index: 500;
}

#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
  display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
  display: block;
}

/* MenuEmu for repetition of the menu structure on the main page under the header */

#menuemu {
  width: 100%;
  float: none;
  font-size:inherit;
  color:white;  
}

#menuemu ul {
  list-style: none;
  margin: 0;  
  padding: 0;
  width: 10em;
  float: left;
  font-size:inherit;
}

#menuemu h2 {   
  font:arial;
  font-size:0.8em;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
  padding: 2px 3px;
  font-weight:normal;
}

#menuemu a {
  font:arial;
  font-size:0.8em;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
  padding: 2px 3px;
  width: 11.5em;
}

#menuemu li {
/**  position: relative; /**/
  padding-top:0;
  padding-bottom:0;
  font-size:inherit;
}

/* Printer */
@media print
{
  #headerwrap, #middleheaderemulate, #footerwrap { display:none;}
  #middlewrap
  {
    margin-left:0;
    width:100%;
    border-right-width:0;
    border-left-width:0;
  }
}


#footer :link {color:#00FFFF;}
#footer a:link {color:#00FFFF;}
#footer :visited {color:#FFFF00;}
#footer a:visited {color:#FFFF00;}