/* CSS Document */
    
body {
  background-color: #E8B36D;
  color: #385A6B;
  text-align: center;
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  }

#container {/*all content*/
  position: relative;
  background-color: white;
  width: 85%;
  margin: 0 auto;
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 4px solid #385A6B;
  border-top: none;
  text-align: left;
  }
 
#topbar {
  height: 30px;
  background-color: #73B769;
  border-right: 30px solid #28A3C2;
  }
   
#topbar p {
  margin: 0;
  padding: 0;
  padding-top: 2px;
}

#logo {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(images/logo2.gif);
  width: 130px;
  height: 181px;
  }
  
/*Jump-to navigation*/
#sidebar {
  float: left;
  display: inline;
  width: 30%;
  border: 1px solid #E8B36D;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 20px;
  margin: 10px;
  margin-top: 0;
  }
  
#sidebar h2 {
  font-weight: bold;
  font-size: 1.9em;
  display: inline;
  color: #28A3C2;
  }
  
#sidebar ol {
  padding: 0;
  margin: 0;
  margin-top: 4px;
  margin-left: 30px;
  }

#sidebar a {
  text-decoration: none;
  }
  
#sidebar a:link {
  color: #73B769;
  }
  
#sidebar a:visited {
  color: #FFCB18;
  }
  
#sidebar a:hover {
  color: #ED5A79;
  }
  
#sidebar a:active {
  color: #FFCB18;
  }
/*End of Jump-to navigation*/

#intro {/*intro paragraph*/
  position: relative;
  display: inline;
  text-align: justify;
  overflow: hidden;
  float: right;
  width: 60%;
  padding: 0;
  }
  
h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-bottom: 2px dashed #385A6B;
  margin-top: 5px;
  margin-bottom: 35px;
  font-size: 3em;
  }
  
h1 a:hover {/*these are the "secret" links in title*/
  font-size: normal;
  color: #385A6B;
  }
  
h1 a.color4:link {
  text-decoration: none;
  color: #FFCB18;
  }
 
h1 a.color4:visited {
  text-decoration: none;
  color: #FFCB18;
  }
   
h1 a.color4:hover {
  text-decoration: none;
  color: #385A6B;
  }

p.intro:first-letter {
  font-weight: bold;
  font-size: 3em;
  color: #E8B36D;
  line-height: 1em;
  }
  
p.intro:first-line {
  line-height: 1.5em;
  font-size: 1.5em;
  }
  
p.intro {
  line-height: 1.5em;
  font-size: 1.2em;
  margin-top: 0px; /*VERY important - keeps the whole intro paragraph lined up the same as the the sidebar*/
  }
    
p.blue {/*Section Headers*/
  margin-left: 0;
  background-color: #28A3C2;
  border-right: 30px solid #73B769;
  padding: 3px;
  padding-left: 15px;
  clear: both;
  font-weight: bold;
  }
  
a.title, a.title:hover {/*Section header bold words*/
  color: #E8B36D;
  font-weight: bold;
  font-size: 1.5em;
  }
 
p {
  margin-left: 30px; /*Use text-indent next?*/
  }

.inline {
  display: inline;
  margin: 0;
  padding: 0;
}

.clearboth {/*Clears floating divs*/
  display: block;
  clear: both;
  width: 15px;
}

.listnone {
  list-style: none;
  font-weight: bold;
}

.quote {/*style for quotes*/
  margin: 15px 100px;
  padding: 14px;
  display: block;
  border: 2px solid #73B769;
  font-size: 1em;
  line-height: 1em;
}
  
.color1 {/*pink*/
  color: #ED5A79;
  }
  
.color2 {/*orange*/
  color: #E8B36D;
  }
  
.color3 {/*green*/
  color: #73B769;
  }
  
.color4 {/*yellow*/
  color: #FFCB18;
  }
  
.color5 {/*blue*/
  color: #28A3C2;
  }
  
.color6 {/*slate*/
  color: #385A6B;
  }
  
a:link {
  color: #E8B36D;
  }
  
a:visited {
  color: #ED5A79;
  }
  
a:hover {
  color: #73B769;
  }
  
a:active {
  color: #28A3C2;
  }

/*Tabbed Navigation*/
#tabnav1 {
  width: 250px;
  margin-left: 50px;
  float: left;
}

#tabnav1 ul {
  margin: 0;
  margin-top: 3px;
  margin-left: 5px;
  padding: 0;
  padding-left: 5px;
  list-style: none;
  background-color: ; 
}

#tabnav1 ul.subnav {
  margin-top: 0;
}


#tabnav1 a {
  display: block;
  color: #E8B36D;
  text-decoration: none;
  background: #73B769; 
  padding: 3px;
  margin: 3px;
}

#tabnav1 a.activenav {
  background:  #E8B36D;
  margin-right: 0;
  color: #73B769;
}

#tabnav1 a.activenav1 {/*Keeps parent tab indented slightly so both tabs aren't flush with content*/
  background:  #E8B36D;
  color: #73B769;
}

#tabnav1 a:hover {
  color: #385A6B;
}
  

#tabnav1 li {
  display: inline; /*gets rid of gaps in IE between li's*/
}

*html #tabnav1 a {/*REQUIRED to keep whole tab a link in IE6*/
  height: 1px;
}

#tabnavmain {/*content that the tabs is presenting. Not necessary for tabs*/
  background-color: #E8B36D;
  width: 400px;
  float: left;
  margin-bottom: 20px;
}

#tabnavmain p {/*Takes away inherited p style*/
  margin: 0;
  padding: 5px;
}
/*End Tabbed Navigation*/


.strike {
  text-decoration: line-through;
}

.blink {
  text-decoration: blink;
  }

abbr, acronym, .help {/*Abbreviation CSS*/
  border-bottom: 1px dotted #333;
  cursor: help;
  }

abbr:hover, acronym:hover, .help:hover {
  background: black;
  color: white;
}

table {
  margin-left: 30px;
  }

#footer {
  clear: both;
  font-style: italic;
  background-color: #73B769;
  border-right: 30px solid #E8B36D;
  border-left: 30px solid #73B769;
  color: #E8B36D;
  text-align: center;
  }
  
#footer p {
  padding: 4px;
  }