.css-tabs
{
    position:relative;
    text-align:center; /* This is only if you want the tab items at the center */
    font-size: 8px;
    color:#fff;
}
.css-tabs ul.menu
{
    list-style-type:none;
    display:inline-block; /* Change this to block or inline for non-center alignment */
}
.css-tabs ul.menu > li
{
    display:block;
    float:left;
}
.css-tabs ul.menu li > a
{
    color:#fff;
    text-decoration:none;
    display:block;
    text-align:center;
    font-size: 8px;
    border:0px solid #fff;
    padding:1px 1px 1px 1px;
    margin-right:1px;
    border-top-left-radius:0px; -moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
    border-top-right-radius:0px; -moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
    -moz-user-select:none;
    cursor:pointer;
}
.css-tabs ul.menu li > div
{
    display:none;
    position:absolute;
    width:100%;
    left:0;
    margin:-1px 0 0 0;
    z-index:-1;
    text-align:center;
    padding:0;
}
.css-tabs ul.menu li > div > p
{
    border:0px solid #fff;
    font-size: 8px;
    padding:1px;
    margin:0;
}
.css-tabs ul.menu li > a:focus
{
    border-bottom:1px solid #fff;
}
.css-tabs ul.menu li:target > a
{
    cursor:default;
    border-bottom:0px solid #fff;
}

.css-tabs ul.menu li:target > div
{
    display:block;
}
#site_content { 
  width: 950px;
  overflow: hidden;
  margin: 4px auto 0 auto;
  padding: 0;}

/* styling for the slideshow on the homepage */
ul.slideshow {
  width: 100%;
  height: 50px;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;0;0;0;}
  
ul.slideshow li {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  list-style: none;}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;}
 
#slideshow-caption {
  width: 100%;
  height: ;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 0px 0px 0 0px;   
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;