/*
CSS for MAPS WEBSITE
*/

body { 

  	font-family: Verdana, Helvetica, Arial, sans-serif;
  	background-color: #c9c299; 

}

body.envelope {
 	position: relative;
 	left: 5px;  
}


hr {
	color: midnightblue;
	height: 4px;
	align: center;
	width: 340px;
}

th {
	text-align: center;
	font-weight: bold;
	font-size: x-large;
	padding-top: 5px;
	color: midnightblue;
}

table.banner {
     	position: absolute;
     	left: 196px;
	top: 13px;
  }  
  
  table.logo {
     	position: absolute;
     	left: 0px;
	top: 0px;
  } 
   
img.logo {
	position: absolute;
	width: 150px;
	height: 88px;
	top: 1px;
}


#header {
	position: absolute;
	top: 18px; 
	left: 145px;
}


li.navigation_menu {
	list-style: none;
}


a.gallery {
  	font-weight: bold;
	font-size: x-small;
  	text-decoration: underline;
}

a {
  	font-weight:  bold;
  	text-decoration: none;
}


a:link {
  	color: darkblue;
}


a:visited {
  	color: green;
}


a:hover {
  	text-decoration: none;
  	color: red;
}

a:hover {
  	text-decoration: none;
  	color: red;
}


a:active.back{
  	color: none;

}

p {	
	left: 10px;

}


#tagline {
	position: absolute;
	top: 1.5px;
	color: orange;
	font-size: large;
	font-weight: bold;
	left:410px;
	background-color: none;

}

/*
  #tagline {
	position: absolute;
	top: 1.5px;
	color: orange;
	font-size: large;
	font-weight: bold;
	left:250px;
	background-color: none;

}
*/
h1, h2, h3 {
  	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}


em {
  	text-transform: uppercase;
}



/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

     
#contentborder
     {
        margin-bottom: 10px;
        border-style: solid;
	border-color: #c9c299 #336600 #336600 #336600;
     }        
     
 
      
      
 #bodycontent {
  	position: absolute;
 	left:150px;
  	width: 729px;
  	top: 138.5px;
  	background: none ;
  	margin-bottom: 25px;
}

/*
 #bodycontent {
  	position: absolute;
 	left: 10px;
  	width: 729px;
  	top: 138.5px;
  	background: none ;
  	margin-bottom: 25px;
}

*/

#navigation {
	position: absolute;
	left:7px;
	top: -2px;
	width: 1550px;
}


#navcontainer a
{
	text-decoration: none;
	display: block;
	border-style: outset;
	background: #cccccc;
	color: black; 
	
}


#navcontainer a:hover
{
	background-color: #e2edff;
	border-style: inset;
	color: red;
}


td.menu {
	background: #e2edff;
	color: green;
}

table.menu {
	font-size:100%;
	position:absolute;
	visibility:hidden;
	background: none;
}



#menu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 870px;
	font-size: x-small;
	height: 30px; 
	padding-left: 5px;  
}

td.header {
	text-align: left;
	font-weight: bold;
	font-size: medium;
	padding-top: 5px; 
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 2px;
	color: #990033;


}
  

td.header2 {

	font-weight: bold;
	font-size: medium;
	padding-top: 5px; 
	padding-left: 25px;
	width: 800px;
	padding-right: 1px;
	padding-bottom: 2px;
	color: #990033;


}   


td.header3 {
	text-align: left;
	font-weight: bold;
	font-size: small;
	padding-top: 5px; 
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 2px;
	color: #990033;


}  
 td.header4 {

	font-weight: bold;
	font-size: small;
	padding-top: 5px; 
	padding-left: 25px;
	width: 800px;
	padding-right: 25px;
	padding-bottom: 2px;
	color: #990033;


}
    

td.header5 {

	font-weight: bold;
	font-size: small;
	padding-top: 5px; 
	padding-left: 25px;
	width: 800px;
	padding-bottom: 2px;
	color: #990033; 
	border-bottom: medium solid navy;
	border: medium solid navy;  
	border-width: thin;
}
  
table.solid 
{
	border-style: solid;
	border-color: navy;
	border-collapse: collapse;
	border-width: thin;
}
 
 td.solid {
 	border-style: solid; 
 	font-weight: normal;
	font-size: xx-small;
	padding-left: 25px;
	padding-right: 25px;
	color: navy;
	border-collapse: collapse; 
	border-width: thin;
  }       
 
td.pagecontent {
	font-weight: normal;
	font-size: small;
	padding-left: 25px;
	padding-right: 25px;
	color: navy;
}


td.pagecontentmap {
	font-weight: normal;
	font-size: small;
	padding-left: 25px;
	padding-right: 25px;
	color: navy;
	border-bottom: thin solid navy;
}



td.construction {
	position: absolute;
	left: 5px;
	top: 150px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: x-large;
	color: red;
	height: 28px;
	background: white;
	padding-top: 5px;
	
}
       
form.contact fieldset {   
  border: 2px solid navy;   
  padding: 10px;
}  


form.contact {   
  padding: 0;   
  margin: 0;   
  margin-top: -15px;
  line-height: 150%; 
  font-size: small;
  font-weight: bold;
  color: red;
}

form.contact legend {   
  font-weight: bold;   
  font-size: small;   
  color: red;   
  padding: 5px; 
}

form.contact .buttonarea input {   
  background: orange;   
  color: white;   
  font-weight: bold;   
  padding: 5px;
  border: 1px solid white;
}

form.contact .buttonarea {
  text-align: center;
  padding: 4px;
  background-color: #0066FF;
}
                 
#search {
  position: absolute;
  top: 108px;
  left: 150px;
  font-size: xx-small;
  font-weight: bold;
  color: #000066; 
}

#footer {
   font-size: xx-small;
   font-weight: bold;
   color: #000066; 
}

#trademark {
	position: absolute;
	left: 305px; 
	color: red;
	font-size: medium;
	font-weight: normal;
	top: 13px;
}                         

#updates {
	color: black;
 	font-family: Georgia, Times, serif;
	font-size: x-small;
   	font-weight: bold;

}