@charset "utf-8";
/* CSS Document */
<style type="text/css">	
* 	{
	margin: 0;
	} 
html, body {height: 100%; margin:0; padding:0}
body {
	font-family: arial, sans-serif;
	font-size: 76%;
}

.wrapper {position: relative; min-height: 100%; 
		  height: auto !important;
		  height: 100%;
		  margin: 0 auto -77px;
		}
		
/*.footer, .push {height: 77px;
		} */


/* p {margin:0 10px 10px} */
/* a {display:block;color: #981793; padding:10px} */ 
div#header h1{height:50px; line-height:50px; margin:0;
  		padding-left:24px; background: #0a7d2b; color: #FFFF33; font-size: 3em; 
		text-transform: lowercase; }

div#wrapper {float:left; width:100%}
div#content p{line-height:1.4}
div#content {margin-top: 0;
			margin-right: 5%;
			margin-bottom: 0;
			margin-left: 16%;}
			
/* div#navigation was the key to the ul menu not working */
div#navigation {background:#3fdbe3; float:left; width:120; margin-left:0; 
				text-transform:lowercase;}
/*
div#extra {background:#FF8539; float:left; width:10%; margin-left:-10%} */
/*
div#footer p{margin:0;padding:5px 10px}
div#footer {background: #333;color: #FFF}
div#footer {clear:left;width:100%} 
*/
.figure {
	float: left;
	width: 120px; 
	margin: 10px 10px 10px 10px;}
	
/*.photo {background: url(drop_shadow.gif) no-repeat right bottom;} */

/*THE TRICK TO THE ORANGE LINK IS HAVING WITDH & HEIGHT SET TO 2 LESS THAN THE ACTUAL DIMENSIONS OF THE THUMBNAIL!!!!  */
.photo img {
	/*border: 0px solid #666;*/
	/*background-color: #FFF;*/
	padding: 0px;
	width: 118px; height: 118px;
	position: relative;}

/*Deactivated this because i'm not using figure captions
.figure p {
	font: 1.1em/normal Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 10px 0 0 0;
	height: 5em;}*/
	
/* Style for the Unordered List navigation menu */
ul#nav {
    list-style: none;
    margin: 0;
    padding: 1em; }

#nav a {
    display: block;
    width: 100px;
    padding-left: 10px;
    margin: 3px 0;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; }

#nav a:link, #nav a:visited {
    border-left: #00425E solid 10px; /* this is his blue square */
    color: #00425E; }

#nav a:hover, #nav a:active {
    border-left-color: #fff;
    background-color: #00425E;
    color: #fff; }

a#here {
    border-left-color: #fff !important;
    background-color: transparent !important;
    color: #0074A5 !important; }
/* end of Style for the Unordered List navigation menu */

.thumLink { 
}
a.thumLink:link {color: white; text-decoration: none; }
a.thumLink:visited {color: white; text-decoration: none; }
a.thumLink:hover {color: orange; text-decoration: none; }
a.thumLink:active {color: aqua; }

/* IE 5/6 border erase bug
* html #gallery {
	width: 100%;
}
IE 5 placement bug 
* html #gallery img {
	width: 100%;}       */
</style>
