/* CSS Document */
body {
  	margin: 0;
  	padding: 0;
  	background: cornsilk ;
  	font: "Comic Sans MS",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: cornsilk;    
color: #2f4f4f;    
}


.top {
  
  float:left;
  margin: 0px;
  padding: 0px;
  width: 755px;
  height: 70px;
  background:  cornsilk;
  border-bottom: 1px solid darkslategray;
}
.logo {
float: left;    /*Float = sets the direction of the element to end up - other things go beside it not below it*/   
font-size: 300%;    
font-style:  bold; 
font-family: "Times New Roman";
margin: 0pt 0pt 0pt 0pt;
text-align: left;
}
.OurName {
color: #002ab6;    
font-size: 180%;    
margin: 0pt 0pt 0pt 50%;    /*margin = setting the length of the line in this case the left margin starts at 50% of the screen*/
text-align: right;}



.left {
  position: absolute;
  left: 10px;
  top: 105px;
  width: 140px;
  padding: 0px 0px 0px 0px;

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

.center {
  position: absolute;
  left: 170px;
  top:105px;
  width: 600px;
  background: cornsilk;
  padding: 10px,0px;
  border-top: wheat 20px;
  font: 10pt "Comic Sans MS",Verdana, Arial, sans-serif #2F4F4F;
}
.rstuff {
float: right; 
margin:  0pt 0pt 0pt 5pt; 
width: 590px;
border-top: wheat 20px;}



.right {
  float:right;
  right: 10px;
  top: 100px;
  width: 150px;
  font: 10pt "Comic Sans MS",,Verdana, Arial, sans-serif;

}
.rightcontent{
	background:cornsilk;
	overflow=hidden;
	font: "Comic Sans MS", Verdana, Arial, sans-serif 10pt #2F4F4F;
	}
.footer {
  background: cornsilk;
  margin: 20px;
  text-align: center;
  visibility: hidden;
}
ul.mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: wheat;
	}
		
ul.mainnav li {
	display: block;
	border-top: 1px solid teal;
	background-color: teal;
	font: bold 0.8em /1.5 "Comic Sans MS",verdana, arial, sans-serif;
	color: white;	
	}

ul.mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6% ;
	background-color: wheat;
	font: bold 1em /1.5 "Comic Sans MS",verdana, arial, sans-serif;		
	width: 98%;
	color: #2f4f4f;
	text-decoration: none;
	}

ul.mainnav li a:hover {
	background-color: #43616B;
	color: seashell;
	}
	
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: "Comic Sans MS",verdana, arial, sans-serif 12pt black;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	font: bold 0.7em /1.5 "Comic Sans MS",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: "Comic Sans MS",Verdana, Arial, sans-serif 10pt; 
	color: #2F4F4F;
       	 list-style-image: url (List_fish.gif);
       	 list-style-position: outside;
       	}
ul#highlights li
	{font: "Comic Sans MS",Verdana, Arial, sans-serif 10pt ;
	color: #2F4F4F;
	}
/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}
a {
	padding: 1%;
	margin: 0px;
	font: bold 10pt "Comic Sans MS",verdana, sans-serif;
	color: #2f4f4f;
	text-decoration: none;
	background-color: wheat;
	
	}

 a:hover {
	color: #8B0000;
	background-color: transparent;
	text-decoration: underline;
	}

/* --------------------- Feature Image and Transparency Trick --------------- */


#featureimg {
	
	
	background: cornsilk;
	
	font: "Comic Sans MS", Verdana, Arial, sans-serif 10pt  #2F4F4F;
	border-top: 1px cornsilk;		
/*	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  */  
	}
	
TABLE { border: 1px solid teal;}
TD {font: "Comic Sans MS",Verdana, Arial, sans-serif 10pt #2F4F4F;
 text-align: left; padding: 2pt; }
TH {font: "Comic Sans MS",Verdana, Arial, sans-serif 10pt #2F4F4F;
padding: 2pt; 
	align: center; border: 1px dotted teal;text-transform: uppercase}

h1	{font: "Comic Sans MS",Verdana, Arial, sans-serif 16pt #2F4F4F ;
	font-weight: 600;
	}
h2	{font: "Comic Sans MS",Verdana, Arial, sans-serif 14pt #2F4F4F ;
	font-weight: 600;
	}
h3	{font: "Comic Sans MS",Verdana, Arial, sans-serif 12pt teal;
	font-weight: 500;
	}
h4	{font: "Comic Sans MS",Verdana, Arial, sans-serif 10pt #2F4F4F ;
	font-weight: 500;
	}
p 	(font: "Comic Sans MS",Verdana, Arial, sans-serif 10pt #2F4F4F;
   	}
p.caption
	(font: "Comic Sans MS", Verdana, Arial, sans-serif 8pt #2F4F4F;
	font-weight: 500; align:"center";
   	}
li
	{font: "Comic Sans MS",Verdana, Arial, sans-serif 10pt #2F4F4F;
	}