html, body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Geneva, Helveica, sans-serif;
  font-size: 0.9em;
  color: black;
  background-color: #e0e0e0;
  text-align: center;
}

#wrapper {
  position: relative;
  text-align: left;
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  background-color: #ffffff;
  border: 1px dotted #e0e0e0;
}

#header {
  height: 198px;
  background-image: url('../images/school3.GIF');
  background-repeat: no-repeat;
}

#header h1 span {
  margin-bottom: -190px;
  width: 500px;
  background-image: url('../images/school3.GIF');
  height: 198px;
  
  background-repeat: no-repeat;
}

h1 span {
  display: block;
  position: relative;
  z-index: 1;
}

h1 {
 overflow: hidden;
}

#accessibility {
 border-top: 1px solid #b9d2e3;
 border-bottom: 1px solid #b9d2e3;
}

#accessibility ul{ 
 margin: 0; 
 padding: 0; 
 text-align: right; 
} 

#accessibility li{ 
 display: inline; 
 background-color: white; 
 color: #256290;
} 

#accessibility a:link, #accessibility a:visited { 
 text-decoration: none; 
 color: #256290; 
} 


#navigation {
  float: left;
  width: 150px;
  margin: 0;
  padding-top: 10px;
}

#navigation ul {
 list-style: none;
 margin: 0;
 padding: 1px;

}

#navigation li{
  text-align: left;
  
}

#navigation li a{
width: 100%;
}

#navigation li a:link, #navigation li a:visited{
  font-size: 0.9em;
  display: block;
  padding: 0.4em 0.2em 0.4em 0.5em;
  border-left: 10px solid #b9d2e3;
  border-bottom: 1px solid #b9d2e3;
  text-decoration: none;
  background-color: #FFFFFF;
  color: #256290;
}

#navigation li a:hover {
  
  border-color: #256290;
}


#content {
  float: right;
  width: 570px;
  margin: 0;
  padding: 10px 0 10px 0;
}

#content h3 {
  color: #256290;
}  

h2, h5 {
   color: #256290;
}

h4 {
  display: block;
  padding: 0.2em;
  background-color: #256290;
  color: #FFFFFF;
}  

h4 a:link, h4 a:visited {
  width: 100%;
  color: #FFFFFF;
  text-decoration: none;
}

#content p {
  width: 90%;
  padding-top: 0;
}

form div {
 clear: left;
 padding: 0;
 padding-top: 0.6em;
 padding-bottom: 0.6em;
}

form div label {
 float: left;
 width: 20%;
}

textarea {
  margin-top: 5px;
  padding: 5px;
}



td {
 padding-left: 1em;
}

#newslist ul{ 
 list-style: none;
 margin: 0; 
 padding: 0; 
 text-align: left; 
} 

#newslist li{ 
 display: inline; 
 background-color: white; 
 color: #000000;
} 

#newslist a:link, #newslist a:visited { 
 text-decoration: none; 
 color: #256290; 
}

#actions ul {
 list-style: none;
 margin: 0; 
 padding: 1em;; 
}

#actions li {
 display: inline;
}

#actions a:link, #actions a:visited {
 margin-right: 0.2em;
 padding: 0.2em 0.6em 0.2em 0.6em;
 color: #000000;
 background-color: #e0e0e0;
 text-decoration: none;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #000000;
 border-right: 1px solid #000000;
}

#actions a:hover {
 border-top: 1px solid #000000;
 border-left: 1px solid #000000;
 border-bottom: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
}

#sitemap li {
 color: #256290;
}

#sitemap a:link, #sitemap a:visited{
    color: #256290;
    text-decoration: none
}

#footer {
 clear: both;
 border-top: 1px solid #e0e0e0;
 padding-top: 10px;
 text-align: center;
}

#footer ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

#footer li {
 display: inline;
 color: #256290;
}

#footer a:link, #footer  a:visited {
  text-decoration: none;
  color: #256290;
}

#footer p {
 padding: 0;
 text-align: center;
 color: #256290;
}

#dline {
                margin: 10px;
                margin-top: 0.5em;
                padding-top: 0.5em;
                border-top: 1px dashed 
                }
