/*---Body */


body, html {
  margin: 0; 
  padding : 0; 
  background-color: #FFFFFF;
}
/*  background-image: url(images/background.gif) #ECEEEF repeat-x top left; */
td, tr, p, div {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 16px;
  color : #000000;
}
p.title {
	font-family: "Guttman Yad-Brush";
	color: rgb(224,128,255);
	font-size: xx-large;
	font-weight: bold
}
p.englishtitle {
	font-family: "Monotype Corsiva";
	color: rgb(224,128,255);
	font-size: xx-large;
	font-weight: bold
}
p.description {
	font-family: "Guttman Yad-Brush";
	color: rgb(224,128,255);
	font-size: small;
	font-weight: normal
}
a:link, a:visited {
	color: #663366; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #FF0000;	text-decoration: none;
	font-weight: bold;
}

hr, hr.separator {
	height : 1px;
	width : 99%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #8189C0;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.description, li.description {
  margin: 1em;
  font-family: "Guttman Yad-Brush";
  color: rgb(224,128,255);
  font-size: small;
  font-weight: normal;
  list-style: circle;
}

.small {
	font-size: 10px;
	font-weight: bold;
	color: #A98599;
}


/* Cascading Menu style */
.menu {
   z-index:1000;
   font-size:100%;
   font-weight: bold;
   height:235px;
   margin:10px 0 50px -5px; /* this page only */
   position:relative;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
   padding:0;
   margin:0;
   list-style-type:none;
   width:150px;
   height:182px;
   position:relative;
   border:1px solid #fff;
}

.menu li {
   background:#ddd;
   height:26px;
   position:relative;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}

.menu table {
   position:absolute; 
   border-collapse:collapse; 
   top:0; right:0; z-index:1000; font-size:1em; width:0; height:0;
}

/* style the links */
.menu a, .menu a:visited {
   display:block; 
   text-decoration:none;
   height:25px;
   line-height:25px;
   width:150px;
   color:#000;
   text-indent:5px;
   border-bottom:1px solid #fff;
   background:#ddd;
   position:relative;
}

.submenu a, .submenu a:visited {
   display:block; 
   text-decoration:none;
   height:25px;
   line-height:25px;
   width:150px;
   color:#000;
   text-indent:5px;
   border-bottom:1px solid #fff;
   background:#ddd;
   position:relative;
}

/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
   color:#fff; 
   background:#999;
   position:relative;
   width:170px;
}

.menu ul ul {
   visibility:hidden;
   position:absolute;
   top:-1px;
   left:2px;
   width:170px;
   font-size:100%;
}

.menu ul li:hover ul,
.menu ul a:hover ul {
   display:block;
   visibility:visible;
   height:24px;
   width:170px;
}

/*  <!--[if IE 7]> */
/*  .menu li {float:left;} */

#gallery {
   position:relative; 
   width: 400px;
   height: 400px;
}
#thumbs {
   position:relative;
   float: left;
   width:180px; 
}
#thumbs a.horz, a.vert {
   display:block; 
   float: left;
   margin:0 0 5px 5px; 
   width:50px; 
   height:50px; 
   border:1px solid #000;
}
#thumbs a.horz img, a.vert img {
   position:absolute;
   width:50px; height:50px; border:0;
}
#thumbs a.horz:hover, a.vert:hover {
   border-color:#ddd;
}
#thumbs a.horz:hover img {
   position:absolute; width:400px; height:auto; left:185px; top:0; border:1px solid #333;
}
#thumbs a.vert:hover img {
   position:absolute; width:auto; height:400px; left:185px; top:0; border:1px solid #333;
}

/* .photo ul.topic li a:hover ul li a b,   */
/* .photo ul.topic li:hover ul li a b   */
#thumbs a.vert b, a.horz b {
   visibility:hidden;
   position:absolute;
   width:400px;
   height:80px;
   top:-30px;
   left:180px;
   color: #000;
   font-weight:bold; 
   font-size:18px; 
   padding:6px; 
   text-align:left; 
   line-height:15px;
}

#thumbs a.vert:hover b, a.horz:hover b {
   visibility:visible;
}