* {
  margin: 0;
  padding: 0;
}
/*Layout
 Control
================================= */
body { font-size: 62.5%; text-align: center; max-width: 100%; }
#wrapper { width: 100em; margin: 0 auto; text-align: left; max-width: 100%; }
#mainMenu { width: 19em; float: left; max-width: 18%; }
#content { width: 78em; float: right; max-width: 80%; }
#mainContent { width: 55em; float: left; max-width: 75%; }
#secondaryContent { width: 19em; float: right; max-width: 23%; }
#footer { clear: both; }
/*Header*/
#logo  /* IE6 requires -1 (rest -2) */ { float: left; margin-bottom: -11px; margin-left: -1px; }
#slogan  /* Line height provents IE from partially hidding slogan */ { color: #fff; font-size: 1.3em; font-weight: 700; line-height: 1.4em; text-align: center; float: right; margin-top: 0; margin-bottom: -11px; padding-top: 5px; padding-right: 5px; }
#bar { background-color: #fff; clear: both; margin-left: -2px; }
/*Content Control
================================= */
body {
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  line-height: 1.6;
  background-color:#D4D4D4;
}
h1 { color: #000; font-size: 2.4em; font-weight: 700; margin: 0.5em 0 0.5em 0; }
h2 { color: #000; font-size: 1.8em; font-weight: 700; margin: 0.5em 0 0; }
h3  /* Used only in secandary content area Margin = menu margin */ { color: #2dc1b5; font-size: 1.6em; font-weight: 700; }
p  /* margin only */ {
  margin: 0 0 1em;
}
p, li, td {
  font-size: 1.4em;
}
td { 
  vertical-align: top;
  border-width: 0;
}
ul { list-style-type: disc; margin: 1em 0 1em 40px; }
img {
 border-style: none; 
}
.img-left { float: left; margin: 0.5em 0.5em 0.5em 0; padding-right: 0.5em; }
.img-right { float: right; margin: 0.5em 0 0.5em 0.5em; padding-left: 0.5em; }
#wrapper {
  background-color: #fff;
}

#header  /* height = image */ { height: 157px; background-color:#b0b0b0; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; }
#secondaryContent { background-color:#eee; margin-top: 1.1em; }
#secondaryContent h3  /*  Not used - used h3  */ { color: #9200ff; font-size: 1.6em; margin: 0.5em 0 0; }
#secondaryContent p { font-size: 1.2em; margin-left: 0.5em; }
/*Main Menu
================================= */
#mainMenu { background-color: #eee; margin-left: 0; padding: 1.1em 0 0.9em; list-style-type: none; }
#mainMenu li { font-size: 1.2em; font-weight: 700; margin-right: auto; margin-bottom:0.3em; margin-left: auto; padding:0; }
#mainMenu li a { text-decoration:none; display:block; padding:0.3em 0.5em; border-left:0.5em solid #aaaa64; color:#fff; background:#aaaa64; text-align:
  center; width: 12em; border-right: 0.5em solid #aaaa64; }
#mainMenu li a:hover { border-left:0.5em solid #6e5f55; color:#fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-right: 0.5em solid #6e5f55; }

/*Sub Menu
========= 
Margins top required to counter p margins*/
.subMenu { 
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2em;
  background-color: #eee;
  text-decoration: none;
  text-transform: capitalize;
  text-align: center;
  margin: 0;
}
.subMenu a:link { 
  color: #808010;
  text-decoration: none;
}
.subMenu a:visited { 
  color: #ff4500;
  text-decoration: none;
}
.subMenu a:hover { 
  color: #abab61 ;
  text-decoration: none;
}
.subMenu a:active { 
  color: #786860 ;
  text-decoration: none;
}
/*Footer
========= 
Margins top required to counter p margins*/
.footer_menu { 
  font-size: 1em;
  font-weight: normal;
  line-height: 2em;
  background-color: #b0b0b0;
  text-decoration: none;
  text-transform: lowercase;
  text-align: center;
  margin: 0;
}
.footer_menu a:link { 
  color: #808010;
  text-decoration: none;
}
.footer_menu a:visited { 
  color: #ff4500;
  text-decoration: none;
}
.footer_menu a:hover { 
  color: #abab61 ;
  text-decoration: none;
}
.footer_menu a:active { 
  color: #786860 ;
  text-decoration: none;
}
.designedby /*  Use float rather than txt alignment to position txt */ {
  color: #000;
  font-size: 1em;
  line-height: 1.1em;
  float: left;
  margin-top: 0;
  margin-left: 12px;
}
.designedby a { 
  color: #000;
  text-decoration: none;
}
.designedby a:hover { 
  color: #f00;
  text-decoration: none;
}
.copyright /* Use float rather than txt alignment to position txt */ { 
  color: #000;
  font-size: 1em;
  line-height: 1.1em;
  float: right;
  margin-top: 0;
  margin-right: 12px;
}
/*Services - images
========= 
*/
.img-wrapper { float: left; padding-top: 0; border-top: 4px dashed #808010; }
.logoS { float: left; margin-right: 1em; }
.text { font-weight: 700; line-height: 3.5em; }
/*Contact Us
========= */
.contactText { width: 55em; float: left; margin-left: 0; border-left: 2px solid #99c; border-bottom: 2px solid #99c; border-right: 2px solid #99c; }
.contactText h2 { color: #000; font-size: 1.5em; background-color: #99c; text-align: center; margin-top: 0; }
.contactText p { padding-top: 0.5em; padding-right: 0.5em; padding-left: 0.5em; }
#contactWrapper { width: 100%; height: 13em; }

/*Form Control
========= */
fieldset { margin: 1em 0; padding: 1em; border: solid 2px #99c; }
legend { font-weight: bold; }
label { width: 10em; float: left; display: block; }
input { width: 200px; }
input[type="text"], textarea { border-color: #999 #ccc #ccc #999; border-style: solid; border-width: 2px 1px 1px 2px; }
textarea { width: 300px; height: 100px; }
input:focus, textarea:focus { background-color: #ffc; }
#sourceLabel { text-indent: -1000em; width: 0; }
#source { margin-left: 120px; }
#submit { color: #fff; background-color: #aaaa64; width: 60px; }
/*Control of Image Boxes - Home pg*/
#imgbox  /* Height forces other elements below this container  */ { position: relative; height: 280px; }
#col1   { position: absolute; width: 150px; margin-left: 0; }
#col2   { position: absolute; width: 150px; margin-left: 30%; }
#col3 { position: absolute; width: 150px; margin-left: 60%; }
#col4 { position: absolute; width: 90px; margin-left: 90%; }
#imgbox img { margin-bottom: 0.5em; border: solid 1px #9b9b9b; }
