@charset "utf-8";

html, body {
  margin: 0;
  padding-top: 0px;
  padding-left: 5px;
  background-image: url(images/bluesky.jpg);
  font-family: arial, helvetica, sans-serif;
}

#logo {/*Positions aelfric top left of all pages*/;
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 0;
  width: 150px;
  height: 180px;
}

#header {/*defines top of all pages and contains #nav and #breadcrumb*/;
  position: absolute;
  left: 10px;
  width: 98%;
  height: 110px;
  float: left; 
  padding-bottom: 10px;
}

#nav {/*position of main four links within site*/;
  position: absolute;
  bottom: 5px;
  left: 10px;
  width: 98%;
  height: 35px;
  display: inline;
  padding-bottom: 10px;
}

#breadcrumb {/*identifies current page within main four link structure*/;
  position: relative;
  top: 50px;
  width: 84%;
  float: right;
  height: 15px;
  display: inline;
  text-align: left;
  font-size: 9pt;
}

#mainpage {/*main content element of current page and contains #nav-menu and #content*/;
  position: absolute;
  top: 120px;
  left: 10px;
  z-index: -1;
  width: 98%;
  float: left;
  display: inline;
}

#index_mainpage {/*main content element of index.html*/;
  position: absolute;
  top: 110px;
  left: 10px;
  width: 98%;
  float: left;
  padding-top: 40px;
  padding-bottom: 40px;
}

#nav-menu  {/*contains sub links of main four link structure*/;
  position: relative;
  top: 80px;
  width: 16%;
  float: left;
  height: 370px;
  overflow: auto;
  font-size: 10pt;
  padding-left: 5px;
}

#content {/*contains page content*/;
  position: relative;
  top: 5px;
  width: 82%;
  float: right;
  height: 450px;
  overflow: auto;
}

#content-small-top {/*contains top page content for content-small*/;
  position: relative;
  top: 5px;
  width: 82%;
  float: right;
  height: 200px;
}

#content-small {/*contains page content - smaller size principally for business index page*/;
  position: relative;
  top: 30px;
  width: 100%;
  float: left;
  height: 240px;
  overflow: auto;
}

#info {/*contains footer information within index.html*/;
  position: absolute;
  bottom: 40px;
  left: 5px;
  width: 98%;
  height: 60px;
  display: inline;
}

ul {/*Removes bullets from lists*/;
   list-style: none;
}

li {
  text-indent: -40px;
  font-size: 10.5pt;
  line-height: 20px;
}

a {
  text-decoration: none;
}

a:link {
  color: #6666CC;
  font-size: 10.5pt;
  font-weight: bold;
}

a:visited {
  color: #FF8260;
  font-size: 10.5pt;
  font-weight: bold;
}

a:hover{
  color: #E03C05;
}

a:active {
  color: #CC3300;
}

h1 {
  font-size: 18pt;
  font-weight: bold;
  color: #7686D5;
}

h2 {
  font-size: 16pt;
  font-weight: bold;
  color: #7686D5;
}

h3 {
  font-size: 13pt;
  font-weight: bold;
  color: #7686D5;
}

h4 {
  font-size: 11pt;
  font-weight: bold;
  color: #7686D5;
}

h5 {
  font-size: 10pt;
  font-weight: bold;
  color: #7686D5;
}

h6 {
  font-size: 9pt;
  font-weight: normal;
  color: #7686D5;
}

p {
  font-family: Arial;
  font-size: 10.5pt;
  color: Black;
  font-weight: normal;
}

pre {
  font-family: Arial;
  font-size: 10.5pt;
  color: Black;
  font-weight: normal;
}

table {
  font-family: Arial;
  font-size: 10.5pt;
  color: Black;
  font-weight: normal;
}

.left { /*class within img src to float image left within a paragraph*/;
  float: left;
  margin: 50px;
}

.right {/*class within img src to float image right within a paragraph*/;
  float: right;
  margin: 15px;
}