﻿
a
{ text-decoration: none;
}

.arrowlistmenu{
width: 100%; /*width of accordion menu*/
margin:0 0 0 0;
text-align:left;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial  ;
direction:ltr;
text-align:left;
color:#323232;
/*background: #D2B085 ;
margin:  1px 0px 1px 0px ;
padding:   6px 2px 6px  4px; 
cursor: hand;
text-decoration:none;*/
PADDING-RIGHT: 0px;
 DISPLAY: block;
  PADDING-LEFT: 20px;
   BACKGROUND: url(../images/menu9.jpg);
    PADDING-BOTTOM: 0px; 
    COLOR: #404040; 
    PADDING-TOP: 7px;
    height:24px;
    cursor:pointer;
    text-transform:uppercase;
}
.arrowlistmenu .menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial   ;
BACKGROUND: url(../images/item-hover.gif);
background-repeat:repeat-x;
padding:0px 0px 0px 15px;
margin:0px ;
height:22px;
text-transform:uppercase;
color:#ff9431;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
PADDING-RIGHT: 0px;
	 PADDING-LEFT: 20px;
	  BACKGROUND: url(../images/menu9.jpg) 0px -32px;
	   PADDING-BOTTOM: 0px;
	    COLOR: #FEF4E8;
	     PADDING-TOP: 7px;
	     text-transform:uppercase;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin:    0px 0px 0px 0px;
padding:        2px  4px 2px 4px;
background-color: #e3cdb5;
}

.arrowlistmenu ul li
{

/*background-color: #FAF5EF;*/
BACKGROUND: url(../images/item-hover.gif);
background-repeat:repeat-x;
padding:0px 0px 0px 15px;
margin:0px ;
height:22px;
}

.arrowlistmenu ul li a
{
color: #000000 ;
/*background: url(images/arrowbullet.png) no-repeat center left; custom bullet list image*/
font:normal  11px Arial;
display: block ;
padding: 2px 3px 2px 3px ;
text-decoration: none;
text-transform:uppercase;
/* font-weight:  ;
border-bottom: 1px solid #DCBB93; 
font-size: 85%;*/
}

.arrowlistmenu ul li a:visited{
color:#323232;
}

.arrowlistmenu ul li:hover { /*hover state CSS*/
padding:0px 0px 0px 15px;
margin:0px ;

}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	font-weight:bold;
color: red;
text-align:left;
text-transform:uppercase;
}

.arrowlistmenu div:hover{ /*hover state CSS*/

	/*font-weight:bold;
	font-style:italic;
color: #ffffff;
margin:  1px 0px 1px 0px ;
padding:  6px 2px 6px  4px; 
cursor: hand;
background-color:#FF9531;*/
	PADDING-RIGHT: 0px;
	 PADDING-LEFT: 20px;
	  BACKGROUND: url(../images/menu9.jpg) 0px -32px;
	   PADDING-BOTTOM: 0px;
	    COLOR: #FEF4E8;
	     PADDING-TOP: 7px;
	     text-transform:uppercase;

}
 
.thumbnail1{
position: relative;
z-index: 0;
}

.thumbnail1:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FAF5EF;
padding: 5px;
/*left: -1000px;*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*top: 0;*/
 left: 70%;/*position where enlarged image should offset horizontally */
/*right:0;*/
bottom:0;

}
