/*
	Style sheet for AQSafety.Com, revised 12/2006
	Copyright Cheryl Haaker, 2006
*/

/*	Colors
	light gray for page background (#f0f0f0)
	black 000000 body text
	dark green 00aa00 for Headers, left column
	black for body text
	white ffffff bold for side nav
*/

body {
	background-color: #dcdcdc;
	color: #000000;
	font-family: 'Palatino Linotype', serif;
	margin: 0;
	min-width: 800px;
	}
a:link {
	color: saddlebrown;
	text-decoration: none;
	font-weight: bold;
	}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	}
a:visited {
	color: chocolate;
	text-decoration: none;
	font-weight: bold;
	}

#top-corner {
   position: absolute;
   top: 0;
   left: 0;
   }
#header {
	background-color: white;
	color: #00aa00;
	font-family: 'Franklin Gothic Medium', Impact, sans-serif;
	text-align: left;
	padding: 5px 0 0 5px;
	border-bottom: 20px solid #00aa00;
	margin: 10px 0 0 0;
	height: 210px;
	}
	#header h1 {
	font-size: 35px;
	vertical-align: center;
	}
	#header h1:first-line { font-size: 150%; }  

/*  let's just give this up	
#updated {
    font-family: 'Franklin Gothic Medium', Impact, sans-serif;
    font-size: 80%;
    text-align: right;
    font-style: italic;
    font-weight: bold;
    color: saddlebrown;
    border: 2px solid black;
    margin: -40px 10px 0 0;
    }
*/	
#logo-main {
	float: left;
	margin: 0 24px 0 0;
	padding: 0;
	border-style: none;
	border-color: #ffffff;
	}
	
#leftcolumn {
    width: 21%;
    float: left;
    background-color: #00aa00;
	color: #ffffff;
	font-family: 'Franklin Gothic Medium', Impact, sans-serif;
	padding: 10px;
	margin: 0;
	border: none;
	}		
ul.nav {
	list-style: none none outside;
	margin: 5px 5px 0 5px;
	padding: 0;

	} 
	ul.nav li { 
	line-height: 200%;
	border-left: 1px solid #ffffff; 
	border-bottom: 1px solid #ffffff;
	border-right: 0;
	border-top: 0;
	padding: 0 0 0 5px;
	font-weight: bold;
	font-family: 'Franklin Gothic Medium', Impact, sans-serif;
	font-size: 75%;
	 }
ul.nav a:link {
	color: #f0f0f0;
	text-decoration: none;
	}
ul.nav a:hover {
	text-decoration: underline;
	}
ul.nav a:visited {
	color: #f8f8f8;
	text-decoration: none;
	}



#rightcolumn {
	background-color: #dcdcdc;
	color: #000000;
	font-family: Palatino, serif;
	margin: 0 0 0 25%;
	padding: 10px;
	border: 0;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Franklin Gothic Medium', Impact, sans-serif;
	text-align: left;
	color: #00aa00; }
	
.leaf-bar {
	height: 20px; 
	width: 7in;
	margin: 0;
	padding: 0;
	background: white url('./images/leaf.jpg') repeat; 
	border: 1px solid forestgreen;
	}

#footer {
	margin: 0;
	padding: 10px 2px 25px 2px;
	background-color: #00aa00;
	color: #000000;

	font-family: 'Franklin Gothic Medium', 'Comic Sans MS', sans-serif; 
	font-style: italic;
	font-weight: bold;
	font-size: 75%;
	text-align: center;
	}
	#footer a:link {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}
	#footer a:hover {
	text-decoration: underline;
	font-weight: bold;
	}
	#footer a:visited {
	color: #dcdcdc;
	text-decoration: none;
	font-weight: bold;
	}



.bigx2 { font-size: 200%; }
.clearright { clear: right; }
.clearleft  { clear: left; }
.clearboth  { clear: both; }

.flush-left {
	margin: 0;
	padding: 0;
	width: 2in;
	height: 2in;
	border: 1px solid #00aa00;
	}
.flush-left-short {
	margin: 0;
	padding: 0;
	width: 2in;
	height: 1.5in;
	border: 1px solid #00aa00;
	}
.inset {
	margin: 5px;
	padding: 0;
	width: 4.5in;
	height: 1in;
	border: 1px solid forestgreen;
	}

.quote {
   margin: .5em 1em .5em 3em;
   }

/* List structures */

ul.leaf {
	list-style: disc url('./images/leaf.jpg');
	}
/*
	ul.leaf {
	list-style: disc url('./images/list-leaf.jpg');
	}
*/
ul.disc {
	list-style: disc none inside;
	}
	

table.rentals {
   background-color: palegreen;
   margin: 10px;
   border-spacing: 8px 2px;
   width: 95%;
   }

/* cellspacing="3" cellpadding="3" border="1" */

   table.rentals thead, table.rentals th {
     text-align: left;
     background-color: forestgreen;  
     color: white;
     font-size: 100%;
     }

   table.rentals tbody, table.rentals td {
     font-size: 100%;
     color: chocolate;
     background-color: bisque;
     border: thin solid lightgrey;
     }

