/*Main headings*/
h1 {
   color: #047A00;
   font-size: 200%;
   }



/* Highest level navigation */
div#nav1 {
   background: #FFFFFF;
   /*color: #FFFFFF;*/
   margin-left: 100px;
   
   }

#nav1 ul{
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 4px;
}

#nav1 li {
 display: inline;
}

#nav1 a:link, #nav1 a:visited {
 font-weight: bolder; 
 padding: 3px 10px 2px 10px;
 color: #000000;
/* background-color: #047A00;*/
/* #66CC00 */
 background-color: #FFFF00; 
 text-decoration: none;
 border: 1px solid #000000;
}

#nav1 a:hover {
 font-weight: bolder; 
 color: #000000;
 background-color: #66CC00;
 border: 1px solid #000000;
}

/* Level 2 navigation */

#nav2 ul{
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 4px;
}

#nav2 li {
 display: inline;
}

#nav2 a:link, #nav2 a:visited {  
 font-weight: bold; 
 padding: 3px 10px 2px 10px;  
 color: #000000;
 background-color: #FFFF00;
 text-decoration: none;
 border: 1px solid #000000;
}
#nav2 a:hover {
font-weight: bold; 
 color: #000000;
 background-color: #FF9966;
 border: 1px solid #000000;
}

/* Level 3 navigation */

#nav3 ul{
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 4px;
}

#nav3 li {
 display: inline;
}

#nav3 a:link, #nav3 a:visited {  
 padding: 3px 10px 2px 10px;  
 color: #000000;
 background-color: #FF9966;
 text-decoration: none;
 border: 1px solid #000000;
}
#nav3 a:hover {
 color: #000000;
 background-color: #6699FF;
 border: 1px solid #000000;
}

/* Bottom Navigation */

div#navbot {
   background: #FFFFFF;
   /*color: #FFFFFF;*/
   margin-left: 10%;
   margin-right: 10%;
   
   }

#navbot ul{
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 4px;
}

#navbot li {
 display: inline;
}

/*
#navbot a:link, #navbot a:visited {
 padding: 3px 10px 2px 10px;
 color: #FFFFFF;
 background-color: #047A00;
 text-decoration: none;
 border: 1px solid #711515;
}

#navbot a:hover {
 color: #FFFFFF;
 background-color: #711515;
}
*/


div#portfolio img {
  border-width: 2px;
  border-color: black;
}

div#portfolio a:hover img {
  border-color: #66CC00;
}

div#portfolio a:hover span { background: #c3ddc7;}


div#portfolio a span {display: block;
   border-width: 2px;
   border-style: solid;
   border-color: black;
   position: relative; top: -5px; left: 10px; width: 250px; height: 100px;
   border: 1 solid grey;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: #c3ffc7;
   font: Verdana, sans-serif; text-align: left;}


div#main {
   background: #FFFFFF;
   margin-left: 100px;
   max-width: 800px;
   
   }

body {
   background: #FFFFFF;
   }