/*************
 *** basic
 *************/

body {
  font-family: Verdana, Arial, sans-serif;
  margin: 0;
}

p {
  text-align: justify;
}

a:link, a:visited {
  color: #69c;
  text-decoration: underline; 
}

a:hover, a:active {
  color: black; 
  text-decoration: underline; 
}


/*************
 *** main content
 *************/

#container {
  margin: 10px 15px 0px 220px;
}

#header {
  text-align: center;
  margin-left: 0px;
  margin-top: 0px;
  padding-top: 9px;
  border: 1px solid black;
  background-color: #69c;
}

#header span#rclt {
  font: 1.1em Verdana, Arial, Helvetica, sans-serif;
  margin-top: 0.2em;
}

#header span {
  font: .75em Verdana, Arial, Helvetica, sans-serif;
}

#header div#quote {
  margin: 0 auto;
  display: block;
  font-style: italic;
  text-align: center;
  font-size: .75em;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5%;
  padding-right: 5%;
  color: #111111;
}

#header div#quote a:link,
#header div#quote a:hover,
#header div#quote a:active,
#header div#quote a:visited {
  color: black; 
}
#footer {
  margin-bottom: 1em;
  text-align: center;
}

#footer a:link, #footer a:visited {
  text-decoration: underline;
  color: black;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

#footer a:hover, #footer a:active {
  text-decoration: underline;
  color: black;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

/*************
 *** sideBar
 *************/

#sideBar {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 10px; top: 0px;
}
body > div#sideBar {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

#sideBar {
  position: absolute; 
  background-color: #69c;
  font: .8em Verdana, Arial, Helvetica, sans-serif;
  width: 15em;
  border: 1px solid black;
  text-color: blue;
  left: expression( ( 10 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: 10px; 
}
* html #sideBar {
  top: expression( ( 10 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}
#sideBar ul {
  line-height: 1em;
  text-align: left;
  margin: 0 0 1em 5px;
  list-style-type: none;
  padding-left: 1em;
}

#sideBar li {
  padding: 1em 0 0 0;
  text-align: left;
}

#sideBar ul li ul {
  padding: 0.3em 0 0 1em;
  margin: 0;
}

#sideBar ul li ul li {
  padding: 0.3em 0 0 0;
  margin: 0;
}

#sideBar #selected {
  color: orange;
  list-style-type: disc;
}

#sideBar #selected a {
  color: white;
}


#sideBar li ul li {
  color: #ddd;
}

#sideBar li#selected ul li a {
  color: #ddd;
}

#sideBar a:link, #sideBar a:visited {
  text-decoration: none;
  color: black;
}

#sideBar a:hover, #sideBar a:active {
  text-decoration: underline;
  color: #ffd891;
}

/*
@media screen {
  body>class#sideBar {
    position: fixed;
  }
}
*/

/*************
 *** contentArea
 *************/

#contentArea {
  font: .8em Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 3em;
  text-align: left;
  border-left: 1px solid black;
  border-right: 1px solid black;
  margin-top: 0;
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 40px;
}


#contentArea {
  line-height: 1.8em;
  background: #fff url(images/construction.jpg) no-repeat fixed 70% 99%;
}
#contentArea h1 {
  font: 1.7em Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
/*
  margin: 1em 0 0 0;
  text-indent: 0em;
*/
}

#contentArea h2 {
  font: 1.5em Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
/*
  margin: 2em 0 0 0;
  text-indent: 1em;
*/
}

#contentArea h3 {
  font: 1.3em Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
 /* margin: 2em 0 0 0;
  text-indent: 1em;
*/
}

#contentArea h4 {
  font: 1.1em Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
 /* margin: 2em 0 0 0;
  text-indent: 1em;
*/
}

#contentArea h5 {
  font: 1.0em Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
 /* margin: 2em 0 0 0;
  text-indent: 1em;
*/
}

#contentArea h6 {
  font: .9em Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
 /* margin: 2em 0 0 0;
  text-indent: 1em;
*/
}

/*************
 *** misc
 *************/

.notice {
  color:green;
}

.editLink {
  font-size: 10pt;
  color: red; 
  text-decoration: underline;
}