/* main layout / template */
html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}

body {
  color: #003300;
  background: #C7D8CA;
  text-align: center;
}

#content-wrapper {
margin: auto;
text-align: center;
width: 90%;
}

#content {
  text-align: left;
}

#header {
  margin: auto;
  text-align: center;
}

#navtop {
   border-bottom: 1px solid #060;
}

#navbottom {
   border-top: 1px solid #060;
   border-bottom: 1px solid #060;
   margin-bottom: 10px;
}


.centrednav {
  float:left;
   width:100%;
   overflow:hidden;
   position:relative;

}

.centrednav ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

.centrednav ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   border: solid 1px transparent;
   border-bottom: none;   
}

#navbottom ul li {
  border-top: none;
}

.centrednav ul li a {
   display:block;
   padding:3px 10px;
   background:#ddd;
   color:#030;
   text-decoration:none;
   line-height:1.3em;
}

.navactive span {
   display:block;
   padding:3px 10px;
   background:#ffc022;
   color:#030;
   line-height:1.3em;
}

.centrednav ul li a:hover {
   background:#060;
   color:#fff;
}
.centrednav ul li a.active,
.centrednav ul li a.active:hover, .linkhover {
   color:#fff;
   background:#060;
   font-weight:bold;
}

/* content styling */

h1 { 
  font-family: Calibri; 
  font-size: 36pt; 
  font-weight: normal;
  margin: 10px 0 5px;
}

.subtitle { 
  font-family: Calibri; 
  font-size: 18pt; 
  font-weight: normal; 
  margin-top: 5px;
}

h2 {font-family: Calibri; font-size: 24pt; font-weight: normal;}
h3 { font-family: Calibri; font-size: 18pt; font-weight: normal;}
h4 { font-family: Calibri; font-size: 14pt; font-weight: bold;}
p, li, span {font-family: Calibri; font-size: 13pt;}

a:link {
  color: #070;
}
a:visited {
  color: #090;
}
a:hover {
  background: #060;
  color: #fff;
}
a:active {
  background: #090;
  color: #fff;
}

.aligncentre {
  margin: auto;
  text-align: center;
}

.sclist li {
  padding-bottom: 10px;
}