html { background: #000000;	}

body { margin:0; padding:0; border:0; height:100%; min-width: 1014px; width:expression(document.body.clientWidth < 1014? "1014px": "auto" );  }

#frame { margin:0px 0px 0px 0px; padding: 0; display:block; width:100%; height: 100%; background:#000000; font-size:12px; min-width:1014px; }
* html #frame { margin:0px 0px 0px 0px; padding: 0; display:block; width:98%; height: 100%; background:#000000; font-size:12px; min-width:1014px; }

/* the bodge for IE6 browsers */
* html .minwidth { border-left:1014px solid #000000; position:relative; float:left; z-index:20;}
* html .container { margin-left:-1014px; position:relative; float:left; z-index:21;}

#leftGuide { position:relative; float:left; display: inline; margin: 0px; padding: 0; width:1px;}
#rightGuide { position:relative; float:right; display: inline; margin: 0px; padding: 0; width:1px;}
#centerGuide { text-align:center;  display: block;  }

#contentheader {
	text-align:center;
  	color: #FFFFFF
}

/*
.thumbnail{
position: relative; z-index: 40; font-variant: small-caps; font-weight: bold;}
.thumbnail:hover{
background-color: transparent; z-index: 50;}
.thumbnail span{
position: absolute; padding: 5px;
border: 0; visibility: hidden; color: #000000; text-decoration: none; font-variant: small-caps; font-weight: bold;}
.thumbnail span img{
border-width: 0; padding: 2px;}
.thumbnail:hover span{
visibility: visible; top: 50px;
left: 500px; font-variant: small-caps;  text-align: center;  font-weight: bold; color: #FFFFFF;
}
*/
.thumbnail{position: relative; z-index: 40; font-variant: small-caps; font-weight: bold;}
.thumbnail:hover{background-color: transparent; z-index: 50;}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute; padding: 0px; border: 0; visibility: hidden; color: #000000; text-decoration: none; font-variant: small-caps; font-weight: bold;}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0; padding: 0px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;  font-variant: small-caps;  text-align: center;  font-weight: bold;   color: #FFFFFF;
}

/* rollover.css */
#photos {
position: relative;
width: 1014px;
height: 740px;
background: #000000 url(images/Index_01.jpg) no-repeat;
margin: 2em auto;
padding: 0;
}
#photos li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
#photos a {
display:block;
/* text-indent:-9999px; */
text-decoration:none;
outline:none;
cursor:hand;
}
#contact {left: 375px; top: 166px; width: 102px; height: 36px; z-index: 100;}
#links {left: 375px; top: 210px; width: 102px; height: 34px; z-index: 100;}
#kcuv {left:418px; top: 313px; width: 210px; height: 50px; z-index: 100;}
#botanics {left: 93px; top: 49px; width: 196px; height: 196px;}
#projects {left: 189px; top: 245px; width: 186px; height: 214px;}
#misc {left: 93px; top: 459px; width: 196px; height: 166px; z-index: 10;}
#travel {left: 289px; top: 495px; width: 188px; height: 204px;}
#nature {left: 476px; top: 410px; width: 193px; height: 215px; z-index: 10;}
#music {left: 670px; top: 495px; width: 183px; height: 204px;}
#sculpture {left: 628px; top: 211px; width: 177px; height: 199px;}
#cityscape {left: 805px; top: 313px; width: 182px; height: 182px;}
#cemetaries {left: 747px; top: 51px; width: 206px; height: 196px;}
#copyright {left: 0px; top: 715px; width: 135px; height: 15px;}

#over-contact{ position: absolute; display:block; top: -155px; left: 0px; }
#over-links{ position: absolute; display:block; top: -195px; left: 0px; }
#over-kcuv{ position: absolute; display:block; top: -305px; left: -45px; }
#over-botanics{ position: absolute; display:block; top: -15px; left: 350px; }
#over-projects{ position: absolute; display:block; top: -225px; left: 180px; }
#over-misc{ position: absolute; display:block; top: -450px; left: 290px; }
#over-travel{ position: absolute; display:block; top: -480px; left: 110px; }
#over-nature{ position: absolute; display:block; top: -395px; left: -40px; }
#over-music{ position: absolute; display:block; top: -495px; left: -290px; }
#over-sculpture{ position: absolute; display:block; top: -205px; left: -240px; }
#over-cityscape{ position: absolute; display:block; top: -300px; left: -400px; }
#over-cemetaries{ position: absolute; display:block; top: -45px; left: -370px; }


#contact a {height: 36px;}
#links a {height: 34px;}
#kcuv a {height: 50px;}
#botanics a {height: 196px;}
#projects a {height: 214px;}
#misc a {height: 166px;}
#travel a {height: 204px;}
#nature a {height: 215px;}
#music a {height: 204px;}
#sculpture a {height: 199px;}
#cityscape a {height: 182px;}
#cemetaries a {height: 196px;}
#copyright a {height: 30px;}


/*
#contacts a:hover, #links a:hover, #kcuv a:hover, #botanics a:hover, #projects a:hover, #misc a:hover, #travel a:hover, #nature a:hover, #music a:hover, #sculpture a:hover, #cityscape a:hover, #cemetaries a:hover {background: url(../css_dev/images/middle-east.gif); background-repeat:no-repeat;}
*/

/*
#contact a:hover {background-position:-175px -467px;}
#links a:hover {background-position:-1px -365px;}
#kcuv a:hover {background-position:-1px -769px;}
#botanics a:hover {background-position:-288px -622px;}
#projects a:hover {background-position:-346px -365px;}
#misc a:hover {background-position:-298px -440px;}
#travel a:hover {background-position:-0 -637px;}
#nature a:hover {background-position:-299px -537px;}
#music a:hover {background-position:-175px -365px;}
#sculpture a:hover {background-position:-213px -588px;}
#cityscape a:hover {background-position:-1px -738px;}
#cemetaries a:hover {background-position:-298px -516px;}
*/