@charset "utf-8";
/* CSS Document */
#container
{
	width: 750px;
	margin: -20px auto 0px auto;
	background-color: #FFFFFF;
	color: #333;
	border: 0px;
	line-height: 130%;
}

#top
{
padding: 0;
background-color: #FFFFFF;
border-bottom: 0px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 170px;
border-left: 0px solid gray;
padding: 1em;
max-width: 36em;
}

#footer
{
	clear: both;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #CCCCCC;
	border-top: 0px solid gray;
}

/* The containing box for the gallery. */
#cont{
	position:relative;
	width:530px;
	height:500px;
	margin:0px auto 0 auto;
	border:1px solid #aaa;
    }

/* Removing the list bullets and indentation */
#cont ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* Remove the images and text from sight */
#cont a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#cont a.gallery, #cont a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#cont a.slidea {
    background:url(images/lake.thumb.jpg); 
    height:60px; 
    width:93px;
    }
#cont a.slideb {
    background:url(images/boatsnow.thumb.jpg); 
    height:60px; 
    width:93px;;
    }
#cont a.slidec {
    background:url(images/lakesunset.thumb.jpg); 
    height:60px; 
    width:93px;
    }
#cont a.slided {
    background:url(images/bearOwl.thumb.jpg); 
    height:60px; 
    width:93px;
    }
* html #cont a.slided {
    width:91px; 
    w\idth:93px;
    }
#cont a.slidee {
    background:url(images/eagletree.thumb.jpg); 
    height:60px; 
    width:93px;
    }
#cont a.slidef {
    background:url(images/lakedusk.thumb.jpg); 
    height:60px; 
    width:93px;
    }
* html #cont a.slidef {
    width:91px; 
    w\idth:93px;
    }
#cont a.slideg {
    background:url(images/sturgeon.thumb.jpg); 
    height:60px; 
    width:93px;
    }
#cont a.slideh {
    background:url(images/seal.thumb.jpg); 
height:60px; 
    width:93px;
    }
#cont a.slidei {
    background:url(images/native.thumb.jpg); 
     height:60px; 
    width:93px;
    }
#cont a.slidej {
    background:url(images/lakestorm.thumb.jpg); 
     height:60px; 
    width:93px
    }
#cont a.slidek {
    background:url(images/river.thumb.jpg); 
    height:60px; 
    width:93px;
    }
* html #cont a.slidek {
    width:91px; 
    w\idth:93px;
    }
#cont a.slidel {
    background:url(images/flyingeagle.thumb.jpg); 
    height:60px; 
    width:93px;
    }
	

   
/* page 2 */

		#cont a.slidem {
    background:url(images/captaindriving.thumb.jpg); 
    height:60px; 
    width:93px;
    }
	
	#cont a.sliden {
    background:url(images/lakemnt.thumb.jpg); 
    height:60px; 
    width:93px;
	}
	
	#cont a.slideo {
    background:url(images/slt1sm.jpg); 
    height:60px; 
    width:93px;
	}


	#cont a.slidep {
    background:url(images/slt2sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slideq {
    background:url(images/slt3sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slider {
    background:url(images/slt4sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slides {
    background:url(images/slt5sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidet {
    background:url(images/slt6sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slideu {
    background:url(images/slt7sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidev {
    background:url(images/slt8sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidew {
    background:url(images/slt9sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidex {
    background:url(images/slt10sm.jpg); 
    height:60px; 
    width:93px;
	}

	}
	
	/* page 3 */
	
	
		#cont a.slidey {
    background:url(images/slt11sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidez {
    background:url(images/slt12sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slideaa {
    background:url(images/slt13sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidebb {
    background:url(images/slt14sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidecc {
    background:url(images/slt15sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidedd {
    background:url(images/slt16sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slideee {
    background:url(images/slt17sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slideff {
    background:url(images/slt18sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidegg {
    background:url(images/slt19sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidehh {
    background:url(images/slt20sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slideii {
    background:url(images/slt21sm.jpg); 
    height:60px; 
    width:93px;
	}
		#cont a.slidejj {
    background:url(images/slt22sm.jpg); 
    height:60px; 
    width:93px;
	}

	







 }


/* set the size of the unordered list to neatly house the thumbnails */
#cont ul {
    width:198px; 
    height:500px;
    }
#cont li {
    float:left;
    }

/* move the thumbnails into the correct position */
#cont ul {
    margin:5px; 
    float:right;
    }

/* change the thumbnail border color */
#cont a.gallery:hover {
    border:1px solid #fff; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:300px; 
    height:300px; 
    top:10px; 
    left:5px; 
    color:#000; 
    background:#fff;
    }
#cont a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }

#cont a.slideb:hover img, #cont a.slidei:hover img {
    float:right;
    }

#cont {
    background:#fff url(images/lake.lgthumb.jpg) 5px 10px no-repeat;
    }