/* site stylesheet for barlowz.com */


html	{ margin: 0; }

body 	{ 
		  color: black;
		  background-color: white;
		  font-family: Veranda,Tahoma,Arial,sans-serif;
		  margin: 0;
		  padding: 0;
		  font-size: medium;
		}
		
p		{ }
		
a 		{ 
		  text-decoration: none;
 		  font-weight: bold;
 		  color: #0066CC;
 		}
 		
a:hover	{
		  color: red;
		}
		
img 	{ border: 0; }


/* Positioning */
#menu		{ position: absolute; width: 170px; top: 140px; bottom: 0; left: 0; }

#header		{ 
		  	  color: white;
		  	  border: 0px solid green;
		  	  font: medium Verdana,Tahoma,Arial,sans-serif;
		  	  background: #0066CC url(/img/FPLogo.jpg) no-repeat;
		  	  width: 100%; height: 120px;
			}  
#header p	{ /* Yes, I hide the header text due to a graphic.  Non CSS browsers will see the text, but not the image */
			  display: none; 
			}

#menu		{ 
		  color: #0066CC;
		  background-color: white;
		  margin: 0 5px;
		  margin-right: 0;
		  padding: 0px 5px 5px 5px;
		}

	
#content	{ 
		  color: #0066CC;
		  background-color: white;
		  margin: 20px 10px 10px 200px;
		  padding: 0 40px 10px 0;
		  
 		}

.servicelist	{
				  font-size: smaller;
				}
				
.servicelist h2	{
				  padding-bottom: 0px;
				  margin-bottom: 0px;
				}
        	
#menu a:hover 	{ 
		  color: white;
		  background-color: #0066CC;
		
		}
				
.logoText	{ display: none; }
.first		{ font-size: 200% } 

 		
.footer		{ 
		  font-size: smaller;
		  text-align: center;
		  color: #0066CC;
		  padding: 50px 0 0 0;
		}
		
#menu p { 
		  color: #0066CC;
		  border-top: 1px solid red;
		  font-weight: bold;
		  font-size: medium;
		  padding : 0;
		  margin: 0;
		}
		
#menu ul { 
		  text-align: right;
		  padding: 0;
		  margin: 0;
		  border-top: 1px solid red; 
		  border-right: 1px solid red;
		  font-size: small;
		  list-style-type: none;
		}
#menu li {
		  font-size: 12px;
		  margin: 0;
		  padding: 0;
		  border: 1px solid white;
		}
		
#menu a	{
		  width: auto;
		  display: block;
		  float: none;
		}
		
#validated	{ 
				margin: 10px 0;
		  		border: 0;
		  		float: right;
		  		font-size: x-small;
	 	}
	 			
.noborder	{ border: 0 }

td		{ vertical-align: top; }
h1		{ font-size: x-large; }
h2		{ font-size: large; }

.note	{font-size: smaller; color: #444444; border: 1px dashed #dddddd; margin: 20px; }
.clear	{clear: both;}

/* Portfolio and Gallery Code */
a.term					{
    					  position: relative; /*this is the key*/
    					  font-weight: normal;
    					  font-style: italic;
    					  background-color: #F0F8FF;
    					  color:#000;
    					  text-decoration:none;
    					  margin-right: 0px;

    					}

a.term:hover			{ background-color:#ddd }

a.term span				{ display: none }

a.term:hover span		{ /*the span will display just on :hover state*/
    					  display:block;
    					  position: absolute;
    					  z-index: 100; 
    					  top:2em; left:-8em; width:15em;
    					  border-bottom:4px solid #999;
    					  border-right:4px solid #999;
    					  color:#000; background:#f6f6f6; 
    					  text-align: center;
    					  font-size: smaller;
    					  padding: 4px;
    					}

.gallery 			{ clear: both;	padding: 15px 0;}

.gallery h3			{ background: #eeeeee; margin: 15px 0 5px 0;}

.gallery .left		{ float: left; margin-right: 15px; }
.gallery .right		{ float: right; margin-left: 15px; }

/* techdoc code */
p, li	{ font-size: smaller; }
dt, dd	{ color: black; font-size: smaller; }
dt		{ font-weight: bold; display: inline; float: left; padding: 0 4px; width: 100px; }
dd		{ text-indent: 0; margin: 0 0 0 114px; }
.alt	{ background: #EEEEEE; }
.TecDoc	{ text-align: right; font-size: smaller; margin-top: -15px;}