html, body { 
margin : 0;
padding : 0;
} 
body { 
font : 80% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
background : #1f1205 url(images/bg6.jpg); background-repeat: repeat-x;
}
 
a:link, a:visited { 
color : LightYellow;
background : transparent;
text-decoration : none;

} 
a:hover { 
color :  mistyrose;
background : transparent;
text-decoration : none;
} 

a.nav:link {color: saddlebrown; text-decoration: none; font-family: Verdana; font-size: 9pt}
a.nav:visited {color: saddlebrown; text-decoration: none; font-family: Verdana; font-size: 9pt}
a.nav:hover {color: #BF955F; text-decoration: none; font-family: Verdana; font-size: 9pt}

a img { 
border : none;
} 
.imgleft { 
float : left;
padding : 5px;
margin-top : 3px;
margin-right : 10px;
} 
.imgrigth { 
float : right;
padding : 0px;
margin-top : 3px;
margin-left : 5px;
} 

.imgright2 { 
float : right;
margin-top : 3px;
padding : 5px;
margin-left : 5px;
}




#container { 
width : 752px;
margin : 0 auto;
border : 2px solid #000000;
border-bottom: 1px solid #000000;
line-height : 2em;
background : #bda581 url(images/bg-textarea.gif);
} 
#top { 
padding : 0;
height : 212px;
background : #bda581 url(images/logos/kesa/logo-2.jpg) no-repeat;
color : #bda581;
} 
#top h1 { 
padding : 5px 35px 25px 25px;
margin : 0;
color: #BC8F8F;
font-family : Arial, Helvetica, sans-serif;
font-style : bold;
font-size : 240%;
letter-spacing : 2px;
text-align : right;
} 
 
#content { 
margin-left : 0px;
border-left : 0px solid #000000;
padding : 1em;
} 
#content p { 
padding : 0 2em 0 2em;
} 

#footer { 
clear : both;
margin : 0px;
padding : 0px;
font-family : Arial, Helvetica, sans-serif;
font-size :10px;
line-height : 11px;
border-top : 0px solid #855325;
color : black;
} 


#container2 { 
width : 752px;
margin : 0 auto;
border-top : 0px solid #000000;
border-bottom: 2px solid black;
line-height : 2em;
background : #271405 url(images/back-brown2.gif) repeat-x;
font-size: 11px;
color: #e9c6ad;
}

#footer2 { 
clear : both;
margin-left : 80px;
margin-right : 80px;
margin-top : 20px;
padding : 0px;
font-family : Arial, Helvetica, sans-serif;
font-size :12px;
line-height : 11px;
border-top : 0px solid #855325;
color : black;

}
#footer p { 
padding : 0 0 0 1px;
} 
h2 { 
margin : 1em 0 0.5em 0;
font-size : 130%;
letter-spacing : 5px;
} 
h3 { 
margin : 0em 0 1em 0;
font-size : 130%;
letter-spacing : 3px;
} 
h4 { 
margin : 1em 0 0.5m 0;
font-size : 130%;
letter-spacing : 5px;
text-align : center;
font-style : italic;
} 
* > html #footer img { 
margin : 0;
} 
.quote { 
border-top : 1px solid #8fb8cc;
padding : 10px;
color : #036;
} 

/* new nav container start*/


#menu {  
  
float:left;  
font:normal 12px 'Trebuchet MS','Arial';  
margin:0;  
padding:0;  
  
   }  
 
#menu ul {  
 
   background-image:url(images/back-brown.gif);  
    background-repeat:repeat-x;  
    float:left;  
  line-height:32px;  
    list-style:none;  
    margin:0;  
    padding:0 10px 0 10px;  
    width:732px;  
      
}  
  
#menu li {  
  
    display:inline;  
    padding:0;  
   
 }  
  
#menu a {  
 
    color:#FFF;   
    float:left;  
   padding:0 3px 0 3px;    
    text-decoration:none;  
  
 }  
   
#menu a span {  
   
     display:block;  
    float:none;  
     padding:0 10px 0 7px;  
  
 }  
   
#menu a span img {  
   
    border:none;  
     margin:8px 4px 0 0;  
   
 }  
   
#menu a:hover{  
   
     background-image: url(images/left-brown-gif.gif);  
     background-repeat: no-repeat;  
     background-position: left center;  
 }  
   
#menu a:hover span {  
   
     background-image: url(images/right-brown-gif.gif);  
     background-repeat: no-repeat;  
     background-position: right center;  
       
 }  
   
#menu a.right {  
   
 float:right;   
   
 }

#menu #active { 
font-weight: bold;
} 


/* new nav container end */

blockquote { 
font-size : 100%;
font-weight:;
border : 3px solid #855325;
padding: 4px;
margin: 0px;
background : #a77547 url(images/bg-newsarea.gif);
color : black;
}

blockquote.type2 { 
font-size : 100%;
font-weight:;
border : 2px solid #000000;
padding: 4px;
margin: 0px;
background : #f1ebdf url(images/bg_dogsarea.gif);
color : black;
}

blockquote.runo { 
	font: 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
	width: 450px;
	background: url(images/close-quote.gif) no-repeat right bottom;
	padding-left: 60px;
	text-indent: -18px;
	border:0px;
}

blockquote.runo:first-letter {
  background: url(images/open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 1.8em Georgia, "Times New Roman", Times, serif;
}



a[href $="face-monkey.png"] {
   padding-right: 20px;
   background: transparent url(images/face-monkey.png) no-repeat center right;
}


.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 1.7em;
	}

	.thumbnail2{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0.1em;
	}

	.empty{
	padding: 4px 4px 9px 4px;
	float: left;
	margin-right: 10px;
	margin-bottom: 35px;
	margin-left: 0.1em;
	}


.disc { list-style-type: disc; }
.circle { list-style-type: circle; }
.square { list-style-type: square; }


/* ligthboxstart */

#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;
	}

/* ligthboxend */