body{margin:0; padding:0; background:#e1e1e1; font-family:Arial, Helvetica, sans-serif;}
:focus{outline:none;}
#wrapper{width:900px; margin:0 auto 20px auto; padding:0; border:1px solid #000; background:#fff}

#header{background:url(images/grad.gif) repeat-x #0ab80a; height:200px; }

#logo{float:left; width:280px;}
#header #logo p{ font-size:90%;  color:#fff; padding:0; margin:0 0 0 20px;}
#header #logo p a{color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
#header #logo p a:hover{border-bottom:1px solid #fff;}

#images_hole{width:599px; float:right; margin:0; padding:0; border:1px solid #000; border-width:0 0 0px 1px;}

#content{width:550px; margin:0 0 10px 20px; float:left;}
#content h1{width:490px; margin:5px 20px 0 10px;}
#content a{color:#666; text-decoration:none; border-bottom:1px dotted #666;}
#content a:hover{color:#000; border-bottom:1px solid #000;}
#content .half{width:250px; margin:0 10px 0 0; float:left;}

h1{width:820px; margin:5px 20px 0 10px;}

#content-right{float:right; width:270px; padding:0; margin:0px 10px 0 0;}
#content-right p{margin:0; padding:0;}
#content-right img{margin:10px 0 10px 20px; padding:0;}

#footer{clear:both; margin:0; padding:0; border-top:1px solid #000; color:#fff; font-size:80%;  line-height:30px; background: url(images/nav_bg.gif) top repeat-x #0ab80a;}
#footer ul {margin:0; padding:0; float:left; width:400px; list-style:none; height:30px; line-height:30px;}
#footer ul li{display:inline; border-right:1px solid #077d07;  padding:5px 5px 5px 3px;}
#footer a{text-decoration:none; border-bottom:1px dotted #e1e1e1; color:#e1e1e1;}
#footer a:hover{border-bottom:1px solid #fff; color:#fff;}
#footer p{float:right; width:300px; text-align:right; margin:0 10px 0 0; padding:0;}

.testimonial{margin:0 20px 10px 20px; background:#dbfbdb; border:1px solid #c3f8c3; padding:5px 20px; color:#333;}

#nav, #nav ul {float: left; width: auto; list-style: none; line-height: 30px; background: url(images/nav_bg.gif) top repeat-x #0ab80a; font-weight: bold; padding: 0; border: solid #000; border-width: 1px 0 1px 0; margin: 0 ;}
#nav a {display: block; width: 180px; w\idth: 179px; color: #000; text-decoration: none; padding: 0; border-right:1px solid #000; text-align:center;}
#nav a:hover{color:#fff;}
#nav a.daddy {background: url(images/rightarrow2.gif) right no-repeat;}
#nav li {float: left; padding: 0; width: 180px;}
#nav li .last{width:170px; background:#ccc;}
#nav li ul {position: absolute; left: -1000px; height: auto; width: 180px; w\idth: 180px; font-weight: normal; border-width: 1px; margin: 0; line-height:25px;}
#nav li li {padding-right: 0; width: 180px; font-size:90%;}
#nav li ul a { width: 180px; w\idth: 180px;}
#nav li ul ul {margin: -25px 0 0 180px; width:180px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:  -1000px;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; }
#nav li:hover, #nav li.sfhover {background: #0a680a; color:#fff;}
hr{display:none;}


/*------LIGHTBOX STUFF--------*/
#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}
/*------LIGHTBOX STUFF-------end-*/



#table_container{height:400px; overflow:scroll; width:850px; padding:0; margin:10px 0 0 0 ;}
table{width:820px; border:1px solid #000; border-width:1px 0 0 1px; padding:0; margin:5px; border-collapse:collapse; font-size:80%;}
td{border:1px solid #000; border-width:0 1px 1px 0; padding:4px;}
tr{vertical-align:top;}
.clear{clear:both;}

.green{background:#0ab80a; color:#fff;}