@charset "ISO-8859-1";

a.nav {font-weight: bold;
font-size: 12px;
font-family:Verdana
}

a.nav:link
{
text-decoration:none;
color:black;
}
a.nav:visited { text-decoration:none;
color:black;
}

a.nav:hover { text-decoration:underline;
color:#DEDEDE;
background-color:black;}

a.nav:active { text-decoration:underline;
color:#DEDEDE;
background-color:black;}

a.nav:focus { text-decoration:underline;
color:#DEDEDE;
background-color:black;}

/**td {font-family:Verdana;} */

p.richt  {font-family:Verdana;} */

/**

 * Slideshow style rules.

 */

#slideshow {

        margin:0 auto;

        width:160px;

        /*height:263px; */

        /* background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;  */

        position:relative;

}

#slideshow #slidesContainer {

  margin:0 auto;

  width:560px;

  /* height:263px; */

  overflow:auto; /* allow scrollbar */

  position:relative;

}

#slideshow #slidesContainer .slide {

  margin:0 auto;

  width:540px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */

  /* height:263px; */
}


/**

 * Slideshow controls style rules.

 */

.control {

  display:block;

  width:39px;

  height:263px;

  text-indent:-10000px;

  position:absolute;

  cursor: pointer;

}

#leftControl {

  top:0;

  left:0;

  background:transparent url(../graphics/arrow-gradient-left.jpg) no-repeat 0 0;

}

#rightControl {

  top:0;

  right:0;

  background:transparent url(../graphics/arrow-gradient-right.jpg) no-repeat 0 0;

}

#carousel_inner {  
float:left; /* important for inline positioning */  
width:510px; /* important (this width = width of list item(including margin) * items shown */  
overflow: hidden;  /* important (hide the items outside the div) */  
/* non-important styling bellow */  
/*background: #F0F0F0;  */
}  
  
#carousel_ul {  
position:relative;  
left:-170px; /* important (this should be negative number of list items width(including margin) */  
list-style-type: none; /* removing the default styling for unordered list items */  
margin: 0px;  
padding: 0px;  
width:9999px; /* important */  
/* non-important styling bellow */  
padding-bottom:10px;  
}  
  
#carousel_ul li{  
float: left; /* important for inline positioning of the list items */  
width:160px;  /* fixed width, important */  
/* just styling bellow*/  
padding:0px;  
height:120px;  
/*background: #000000;  */
margin-top:5px;  
margin-bottom:5px;  
margin-left:5px;  
margin-right:5px;  
}  
  
#carousel_ul li img {  
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */  
/* styling */  
cursor:pointer;  
cursor: hand;  
border:0px;  
}  
#left_scroll, #right_scroll{  
float:left;  
height:120px;  
width:29px;  
/*background: #C0C0C0;  */
}  
#left_scroll img, #right_scroll img{  
border:0; /* remove the default border of linked image */  
/*styling*/  
cursor: pointer;  
cursor: hand;  
  
}