/* CSS Document */
body {
  	margin: 0;
  	padding: 0;
  	background: darkgreen ;
  	font: Verdana, Arial, sans-serif 10pt #2F4F4F;
 }
  .mainbox {
padding: 10px;      /*Padding == the space between the line border and the content*/
margin: 5px;  /*Margin == the space between the line border and the outside*/
display: block;    /*Display  = specifies how the element will be seen*/
width: 95%;    
background: darkgreen;    
color: #2f4f4f;    
}
.top {
  margin: 10px;
  padding: 0px;
  background:  darkgreen;
  height: 100px;
  border-bottom: 1px solid black;
}
.top-left {
  
  position: absolute;
  left: 10px;
  top: 1px;
  width:150px;
  }
.top-middle {
  margin-left: 170px;
  margin-right: 170px;
  padding: 20px 0px 20px 0px;
  text-align: center;
  font: 10pt Verdana, Arial, sans-serif;
}
.top-right {
  position: absolute;
  right: 10px; 
  top: 10px;
  width: 150px;
 font: 10px Verdana, Arial, sans-serif;
 line-height: 2;
}
.left {
  position: absolute;
  left: 10px;
  top: 120px;
  width: 150px;
 padding: 0px 0px 0px 0px;

}
.leftcontent {
background: saddlebrown ;
 background-repeat: repeat-y;
 overflow: hidden;
}

.center {
  margin-left: 170px;
  margin-right: 180px;
  background: navajowhite;
  border-top: navajowhite solid 1px;
  padding: 0px 10px 0px 10px;

  font: 10pt Georgia, Verdana, Arial, sans-serif #2F4F4F;

}
.right {
  position: absolute;
  right: 10px;
  top: 120px;
  width: 150px;
  font: 10pt Verdana, Arial, sans-serif;

}
.rightcontent{
	background:saddlebrown;
	background-repeat: repeat-y;
	overflow=hidden;
	font: Verdana, Arial, sans-serif 10pt #2F4F4F;
	}
.footer {
  background: darkgreen;
  margin: 20px;
  text-align: center;
  visibility: hidden;
}
.fullpage {
  margin-left: 170px;
  margin-right: 10px;
  background: navajowhite;
  border-top: navajowhite solid 1px;
  padding: 0px 10px 0px 10px;

  font: 10pt Georgia, Verdana, Arial, sans-serif #2F4F4F;

}



ul.mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: sienna;
	}
		
ul.mainnav li {
	display: block;
	border-top: 1px solid #2f4f4f;
	}

ul.mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 3%;
	background-color: sienna;
	font: bold 0.8em /10pt verdana, arial, sans-serif;		
/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height*/
	color: #fffafa;
	text-decoration: none;
	width: 88%;				
/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix */
	}

ul.mainnav li a:hover {
	background-color: #808000;
	color: #eee;
	}
	
ul.mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid pink;
	}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	border: 0px solid green;
	padding-left: 1.5em;
	font: verdana, arial, sans-serif 12pt black;
	}

ul.mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	font: bold 0.7em /1.5 verdana, sans-serif;
	color: #5C6F90;
	background-color: transparent;
	border: 0px solid yellow;
	}

ul.mainnav ul.subnav li a:hover {
	color: #43616B;
	background-color: transparent;
	text-decoration: underline;
	}
ul.highlights {
	font: Verdana, Arial, sans-serif 10pt; 
	color: #2F4F4F;
       	 list-style-image: url (List_fish.gif);
       	 list-style-position: outside;
       	}
ul.highlights li
	{font: Verdana, Arial, sans-serif 10pt ;
	color: #2F4F4F;
	}
ul.rightnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: sienna;
	}
		
ul.rightnav li {
	display: block;
	border-top: 1px solid #2f4f4f;
	}

ul.rightnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: sienna;
	font: bold 0.8em /1.5 verdana, arial, sans-serif;		
/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height*/
	color: #fffafa;
	text-decoration: none;
	width: 88%;				
/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix */
	}

ul.rightnav li a:hover {
	background-color: #808000;
	color: #eee;
	}
	
	
/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}
/* --------------------- Feature Image and Transparency Trick --------------- */


.featureimg {
	
	
	background: navajowhite;
	text-align: center;
	font: Georgia,Verdana, Arial, sans-serif 10pt  #2F4F4F;
	border-top: 1px solid white;		
/*	Without this 1px border, Mozilla/Netscape applies the 200px margin from the child element (div#mstrans) - I don't know why? In these crazy topsy turvey times it seems that nothing is certain  */  
	}
	
	p 	({font: Georgia,Verdana, Arial, sans-serif 10pt  #2F4F4F;
	font-weight: 400;
	text-align: left;
	}	

p.head {font: Georgia,Verdana, Arial, sans-serif 10pt  saddlebrown;
	font-weight: 600;
	text-align: left;
	text-transform: smallcaps;
	}	
p.caption
	(font: Verdana, Arial, sans-serif 8pt #2F4F4F;
	font-weight: 500;
   	}

h1	{font: Georgia,Verdana, Arial, sans-serif 15pt #2F4F4F ;
	font-weight: 600;
	}
h2	{font: Verdana, Arial, sans-serif 14pt #2F4F4F ;
	font-weight: 600;
	}
h3	{font: Verdana, Arial, sans-serif 12pt #2F4F4F ;
	font-weight: 500;
	}
h4	{font: Verdana, Arial, sans-serif 10pt #2F4F4F ;
	font-weight: 500;
	}

li
	{font: Verdana, Arial, sans-serif 10pt #2F4F4F;
	}