ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 0.8em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; font-family: arial, verdana; letter-spacing: 1px; line-height: 1.3em; color: #5e5e5e; }
a img,:link img,:visited img { border:none }

p,h1,h2,h3,h4,h5,h6,ul,ol,li { margin: 0 10px 10px 10px; }

li { list-style: square; margin-left: 40px; }


/*
^ Block Elements Positioning
--------------------------------------------*/
body {
  position: relative;
  background-color: #5e5e5e;
  width: 90%;
  margin: 0 auto;
}
.clear {
  display: block;
  clear: both;
  width: 100%;
  height:1px;
}
#welcome, #wrappermain, #content, #bottom, #menu {
  position: relative;
  min-width: 900px;
  background-color: #fff;
  margin: 0 auto;
  text-align: center;
  border-left: 5px solid #313131;
  border-right: 5px solid #313131;
  border-bottom: 1px dashed #313131;
  border-top: 0;
}

#welcome {
  height: 10em;
  margin-top: 10px;
  border-top: 5px solid #313131;
  /*background: #fff url('../img/blurb.jpg') no-repeat left 5px;*/
  z-index: 0;
}

#wrappermain {
  text-align: left;
}

#content {
  margin: 0;
  border: 0;
  padding: 1em;
  min-width: 0;
  height: 100%;
  text-align: left;
}

#menu {
  background: transparent;
  border:0;
  padding-top: 5px; padding-bottom: 5px;
  position: absolute;
  width: 95%;
  left: 5px; top: 8.5em;
}


#bottom {
  border-bottom: 5px solid #313131;
}

#guide {
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0 auto; 
}

		#guide li {
			display: inline;
			text-align: center;
			font-size: 10px;
			margin-right: 4px;
        }

		#guide a {
			border: solid #333;
			border-width: 0 1px 0 1px;
			padding: 0 2px 0 2px;
        }
			
		#guide a:hover {
            border-color: #009900;
         }
         
         #guide p {
          font-size: 0.7em;
          margin: 10px
          text-align: center;
        }

#stickers {
  position: relative;
  margin: 10px auto;
}


/*
Header
------------------------------*/
.headings {
  position: absolute;
  margin: 2em;
  text-align:left;
}
.logo {
  display: block;
  background: url('../img/logo_300.png') no-repeat center center;
  position: absolute;
  top: 0; right: 0;
  width: 300px; height: 150px;
  z-index:1000;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}

h1 {
  font-size: 2em;
  margin: 0 0 5px 0;
}

h2 {
  font-size: 1em;
}

h3 {
  font-size: 2em;
  border-top: 1px solid #666;
  margin-top: 10px;
}

h4 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 5px 10px;
}

h5 {
  font-size: 1.2em;
  font-weight: bold;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}


/*
Menu
----------------------------------*/

    #menu, #page_menu {
      text-align:left;
      margin-bottom: 5px;
    }
    
    #menu ul, #page_menu ul {
      position: relative;
      top: 0;
      padding:0;
      margin:0;
    }

    #menu ul li, #page_menu ul li {
      background-color: #f6f6f6;
      position: relative;
      display: inline;
      list-style: none;
      margin: 0 2px 0 0;
    }
    
    #menu ul li a, #page_menu ul li a {
      padding: 5px;
      background-color: #0099cc;
      color: #f6f6f6;
    }
    #menu ul li a:hover, #page_menu ul li a:hover {
      background-color: #f6f6f6;
      color: #0099cc;
    }

    #menu ul li ul, #page_menu ul li ul {
      z-index:1;
      display: none;
      position:absolute;
      width:200px;
      margin:0;
      padding:0;
      top:1.2em;
      left:-2px;
      background-color: #f6f6f6;
    }
    
    #menu ul li:hover ul, #page_menu ul li:hover ul {
      display: block;
    }

    #menu ul li li, #page_menu ul li li {
      width: 250px;
      display: block;
      padding: 2px 0 2px 0;
      margin: 2px auto;
    }
    
    #menu ul li li a, #page_menu ul li li a {
      display: block;
      padding: 2px;
      background-color: #0099cc;
      color: #f6f6f6;
    }
    #menu ul li li a:hover, #page_menu ul li li a:hover {
      background-color: #f6f6f6;
      color: #0099cc;
    }
    
    #page_menu {
      width: 90%;
      margin: 0 auto;
      height: 32px;
    }
    #page_menu ul li {
      line-height: 1px;
    }
    #page_menu ul li ul {
      top: 1.3em;
    }
    #page_menu ul li li {
      line-height: 15px;
    }
    #page_menu ul li a {
      padding: 3px;
    }

    .editpage {
      margin: 0 auto; 
      text-align: center;
      width: 100%;
      padding: 5px 0 5px 0; 
      border: 1px solid black;
      border-width: 0 0 1px 0}

    .editpage ul, .editpage li {
      list-style: none; 
      display: inline;
      text-align: center; 
      line-height: 2em;
    }
    
    .editpage li {
      margin: 0 3px 0 3px;
    }
    
/*
Windows
--------------------------------*/
.left {
  position: relative;
  width: 49%;
}

.right {
  margin-top: -1em;
  float: right;
  width: 49%;
}

.window {
  position: relative;
  background-color: white;
  margin: 1em;
  padding-bottom: 1em;

}
.window h4 {
  font-size: 1.2em;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0.2em 1em;
  color: #f6f6f6;
  background-image: url('../img//content_window_grad.gif');
  background-color: #0099cc;
  background-repeat: repeat-x;
  border-bottom: 3px double SALMON;
}

.controls {
  position: absolute;
  top: -0.5em;
  right: 1%;
  margin: 0;
  padding: 0;
}
.controls li {
  list-style: none;
  display: inline;
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
  padding: 0 36px 0 0;
  margin: 0;
  width: 36px;
  height: 1%;
}
.controls a {
  background-color: white;
  text-decoration: none;
  font-size: 9px;
  line-height: 1em;
  border: 1px solid #666;
  border-bottom: none;
  padding: 2px 3px 2px 3px;
  cursor: pointer;
}
.controls a:hover { 
  border-color: SALMON;
}
.controls .hide {
  background-image: url('../../lib/icons/hide_36.png');
  opacity:0.5;
}
.controls .show {
  background-image: url('../../lib/icons/show_36.png');
  opacity:0.5;
}

/*
Page Specific
---------------------------------------*/
#sitemap li {
  margin-bottom: 1em;
}