html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
 /* background:url("images/dark_blue_pix.png");*/
  background: black;
}


#pagecontainer {
  padding: 0px; 
  border: 3px solid white;
  margin: 0px 80px 40px 80px; /*top, right, bot, left*/
  background: url("images/shade_blue_rev.png");
  min-width:700px;
}

#imagebox1 {
  float: right;
  width:140px;
  background:white;
  border: 0px hidden solid navy;
  padding: 0px 0px;
  margin: 0px 40px 0px 0px;/*top, right, bot, left*/
  text-align: center;
 }

#navbox {
  float: right;
  width: 220px;
  border:1px hidden solid red;
  padding: 0px 0px;
  margin: 20px 20px 0px 0px;/*top, right, bot, left*/
  background: none;
}


#main {
  margin: 0px;
  border: 2px hidden solid green;
}

#contentbox {
  background: url("images/light_blue_pix.png");
  margin-right: 265px;
  margin-bottom: 0px;
  margin-left: 10px;  
  margin-top: 20px;
  border: 0px hidden solid navy;
  padding: 0px 20px 0px 10px;
}

/* Contain the floats using the :after method */
#contentbox:after {

	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}


#newsbox {
  float: right;
  width: 200px;
  background: url("images/light_blue_pix.png");
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  border:1px hidden solid white;
  padding: 10px;
}


#emailbox {
  float: right;
  width: 200px;
  background: url("images/light_blue_pix.png");
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  border:1px hidden solid white;
  padding: 10px;
}


#footer {
  border: 1px hidden solid navy;
  margin: 0px;
  padding: 0px 10px; /*  top&bot left&right  OR top bottom right left*/
}

#footerbreak {
  clear: both;
}


#footer a {
  font-size: 0.7em;
  color: black;
  text-align: right;
}

#newsbox h1 {
   font-family: arial, helvetica, sans-serif;
   color: maroon;
   font-size: 1.6em;
   text-align: center;
   margin: 0px;
}

#emailbox p {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-size: 1.0em;
   text-align: center;
   font-style: bold;
   margin: 0px;
}

#emailbox a {
   font-family: arial, helvetica, sans-serif;
   color: blue;
   font-size: 0.8em;
   text-align: center;
   margin: 0px;
}

h1 {
   font-family: arial, helvetica, sans-serif;
   color: navy;
   font-size: 1.6em;
   text-align: left;
   margin: 0px;
}


h2 {
   font-family: arial, helvetica, sans-serif;
   color: navy;
   font-size: 1.2em;
   font-style: italic; 
   text-align: left;
   margin: 0px;
}


h3 {
   font-family: arial, helvetica, sans-serif;
   color: navy;
   font-size: 1.0em;
   font-style: bold;
   text-align: left;
   margin: 0px;

}

p {
   font-family: arial, helvetica, sans-serif;
   color: black;
   font-size: 1.0em;
   text-align: left;
}

#contentbox p {
   text-align: justify;
}

.redlet {
   color: red;
}

.capfirst:first-letter {
   /* class for first letter of paragraph */
   font-size: 1.6em;
   color: navy;
  /* float: left; */  /*Drop cap */
}

a {
   font-family: arial, helvetica, sans-serif;
   color: blue;
   font-size: 1.0em;
   text-align: left;
}

#font_right {
  text-align : centre;
  color: white;
}

#picture_left10px {
  float: left;
  padding: 10px;
}

#picture_right10px {
  float: right;
  padding: 10px;
}

#picture_10px {
  padding: 10px;

}

#picture_mid {
  padding: 10px 0px;
}

#main_picture_right10px {
  float: right;
  padding: 10px 0px 10px 10px;
}

img {
  padding:0px;
  margin:0px;
}

img.noborder {
  border: none;
}

img.blueborder {
  border: 10px solid navy;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.right {
  float:right;
}

img.left {
  float: left;
}

.pad10px {
  padding: 10px;
}


#contentbox li {
  list-style-type: circle;
  list-style-position: outside;
  font-family: arial, helvetica, sans-serif;
  font-color : black;
  font-size: 1.0em;
  font-weight: normal;
}

#contentbox ol li {
  list-style-type: decimal;
  list-style-position: outside;
  font-family: arial, helvetica, sans-serif;
  font-color : black;
  font-size: 1.0em;
  font-weight: normal;
}

ul#navigation { 
  border: 1px hidden solid navy;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

ul#navigation li {
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  list-style-type: none;
  list-style-position: outside;
  font-family: arial, helvetica, sans-serif;
  font-color : white;
  font-size: 1.0em;
/*  background : green;*/
  padding: 0px 0px 0px 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
}

ul#navigation li a {
  display: block;
  list-style: none;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  border-top: 0px  solid white;
  border-bottom: 0px  solid white;
  border-left: 0px  solid white ;
  border-right: 0px  solid white;
  background: url("images/dark_blue_pix.png");
}

ul#navigation li a:link, ul#navigation li a:visited { color: white; }
ul#navigation li a:hover, ul#navigation li a:active { color: orange; } 
ul#navigation li a:hover { background: url("images/mid_blue_pix.png"); }
ul#navigation li#youarehere { background: url("images/dark_blue_pix.png"); color: black;}
ul#navigation li#youarehere a { background: url("images/light_blue_pix.png"); color:black;}

ul#navigation ul#level2 { 
  border-top: 1px hidden solid white;
  border-right: 1px hidden solid white;
  border-bottom: 1px hidden solid white;
  border-left: 1px hidden solid white;
  padding: 0px 0px 0px 0px;
}

ul#navigation ul#level2 li {
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  list-style-type: none;
  list-style-position: outside;
  font-family: arial, helvetica, sans-serif;
  color : white;
  font-size: 1.0em;
  /*background : red;*/
  padding: 0px 0px 0px 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 10px;

}

ul#navigation ul#level2 li a {
  display: block;
  list-style: none;
  list-style-type: none;
  list-style-position: outside;
  text-decoration: none;
  padding: 0px 10px 0px 10px;
  color:white;
  border-top: 0px  solid white;
  border-bottom: 0px  solid white;
  border-left: 0px  solid white ;
  border-right: 0px  solid white;
  background: url("images/dark_blue_pix.png");
}

ul#navigation ul#level2 li a:link, ul#navigation ul#level2 li a:visited { color: white; }
ul#navigation ul#level2 li a:hover, ul#navigation ul#level2 li a:active { color: orange; } 
/*ul#navigation ul#level2 li a:hover { background: url("images/mid_blue_pix.png"); }*/
ul#navigation ul#level2 li#youarehere {color: black;}
ul#navigation ul#level2 li#youarehere a { background: url("images/light_blue_pix.png"); color:black;}


#floatleft {
  /*float: left;*/
  Border: 1px hidden solid navy;
  padding : 0px 0px;
  margin-top:0px;
  margin-bottom: 0px;
  /*margin-left: 19px;*/
  margin-right: 0px;
  margin: 10px 10px 10px 10px;
  text-align: center;
}

#floatright {
  float: right;
  display: inline; /* declaration for IE double margin bug with float - ignored in all complient browsers */
  Border: 1px solid navy;
  padding : 0px 0px;
  margin-top:0px;
  margin-bottom: 0px;
  /*margin-left: 19px;*/
  margin-right: 0px;
  margin: 10px 10px 10px 10px;
  text-align: center;
}

#mapdisplay {
  padding: 0px;
  border: 0px;
  margin: 10px;
  width:400px;
  height:200px;
  scrolling:no;
  marginheight: 0;
  marginwidth: 0;
  frameborder:0; 
  float:right;
}

table { 
  margin-top:5px;
  margin-bottom:5px;
  margin-left: 5px;
  margin-right: 5px;
  border-collapse: collapse;
  font-family: arial, helvetica, sans-serif;
  color: black;
  font-size: 1.0em;
  text-align: left;

}

caption {
  font-weight:bold;
  text-align:left;
}

td, th { padding: 5px; border: 2px solid white; }

thead { background: navy; color:white;}