body { 
 background-color     : #666699; }
 
a:link { 
 background-color     : transparent;color:#000000;text-decoration:underline; } 
 
a:visited { 
 background-color     : transparent;color:#000000;text-decoration:underline; } 
 
a:hover {
 background-color     : transparent;color:#666699;text-decoration:underline; }
  
a:active {
 background-color     : transparent;color:#000000;text-decoration:underline; } 
 
div.border {
 position             : absolute;left:90px;top:10px;width:720px;height:800px;
 background-color     : #ccccff;
 border               : 5px #000066 double;
 z-index              : 10; }
 
div.header {
 position             : absolute;left:100px;top:20px;width:700px;height:170px;
 background-color     : transparent;
 z-index              : 15; }
 
div.name {
 position             : absolute;
 background-color     : transparent;left:150px;top:75px;width:550px;height:60px;
 border               : 1px #000000 solid;
 z-index              : 30; }
 
div.nav {
 position             : absolute;left:100px;top:195px;width:700px;height: 25px;
 background-color     : transparent;
 z-index              : 30; }
 
div.main {
 position             : absolute;left:100px;top:215px;width:700px;height:400px;
 background-color     : #ffffcc;
 z-index              : 20; }
 
div.sidebar {
 position             : absolute;left:100px;top:215px;width:150px;height:500px;
 background-color     : #cccc99;
 border-top           : 2px #ffffcc solid;border-left:2px #ffffcc solid;
 border-bottom        : 2px #ffffcc solid;
 z-index              : 25; }  

div.content {
 position             : absolute;left:250px;top:215px;width:550px;height:500px;
 background-color     : #cccc99;
 font-family          : verdana,arial,sans-serif;font-size:10pt;color:#000000;
 border-top           : 2px #ffffcc solid; border-right:2px #ffffcc solid;
 border-left          : 2px #ffffcc solid; border-bottom:2px #ffffcc solid;
 z-index              : 25; }
 
div.content2 {
 position             : absolute;left:100px;top:215px;width:700px;height:500px;
 background-color     : #cccc99;
 font-family          : verdana,arial,sans-serif;font-size:10pt;color:#000000;
 border-top           : 2px #ffffcc solid;border-right:2px #ffffcc solid;
 border-left          : 2px #ffffcc solid;border-bottom:2px #ffffcc solid;
 z-index              : 25; } 
 
div.footer {
 position             : absolute;left:100px;top:715px;width:700px;height:85px;
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;
 z-index              : 25; }

div.logo {
 position             : absolute;left:160px;top:744px;width:25px;height:17px;
 background-color     : transparent;
 border               : 3px #000066 double;
 z-index              : 30; }
 
img.floatleft {
 float                : left;
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;
 font-size            : 9pt;
 font-weight          : normal;
 color                : #3c3c3c;
 text-align           : justify;
 vertical-align       : top; }    
 
.textnav {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:8pt;color:#000000;
 text-align           : center;font-weight:bold; }  

/*navigation*/ 
.text12 {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:10pt;color:#ffffff;
 text-align           : center;font-weight:bold; }  

/*content*/ 
.text10 {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:10pt;color:#000000;
 text-align           : justify;font-weight:normal; } 
 
/*photo*/ 
.text12 {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:12pt;color:#000000;
 text-align           : justify;font-weight:normal; }  

/*calendar*/ 
.text10l {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:10pt;color:#000000;
 text-align           : justify;font-weight:normal; }      

/*footer*/ 
.text9 {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:8pt;color:#000000;
 text-align           : center;font-weight:normal; } 
 
 .text9j {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:8pt;color:#000000;
 text-align           : justify;font-weight:normal; } 
 
 .text9a {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:8pt;color:#000000;
 text-align           : left;font-weight:normal; } 
 
.text9l {
 background-color     : transparent;
 font-family          : verdana,arial,sans-serif;font-size:8pt;color:#000000;
 text-align           : left;font-weight:normal; }  
 
/*logo*/
.text5 {
 background-color     : #ffffff;
 font-family          : arial,sans-serif;font-size:5pt;color:#335500;
 text-align           : center;font-weight:bold; } 
 

/*photo page thumbnail viewer*/ 
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0px 0px 0px 0px;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #cccc99;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 140px;
left: 200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}