/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | JS: Slide Show                                                   |
  | Cascading Style Sheet                                            |
  | Copyright April 2006                                             |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* main content div to house it all */
#jsss {
  margin : 0 auto 0;
  margin-bottom : 1px;
  text-align : center;
  width : 500px;
  height : auto;
  padding : 8px 10px 8px 10px;
}

/* this is the displayed image style */
.jsss {
  background-color : #666;
  width : 480px;
  height : 277px;
  border : 1px solid #000;
  cursor : crosshair;
}

/* this is the slide show heading */
h2#jsss_h2 {
  font-weight : normal;
  color : #669900;
  margin-bottom : 1px;
}

/* this is the no-style/noscript link list */
ul#jsss_ul li {
  display : inline;
  font-size : 0.8em;
}

/* and the links of said list */
ul#jsss_ul li a {
  color : #669900;
  padding : 0 6px 2px 2px;
  border-right : 1px solid #cc9900;
}

/* this removes to right-hand border separating links on last link */
ul#jsss_ul li a.jsss_li_last {
  border : 0;
}

/* back to menu link paragraph styling */
p.jsss_top {
  color : #cd7000;
  padding : 0;
  margin-right : 5px;
  font-size : 0.8em;
  text-align : right;
}

/* back to menu link styling */
p.jsss_top a {
  color : #669900;
  padding : 0;
  margin : 0;
}

/* hover and focal states of all links */
ul#jsss_ul li a:hover, ul#jsss_ul li a:focus, ul#jsss_ul li a:active, p.jsss_top a:hover, p.jsss_top a:focus, p.jsss_top a:active {
  color : #000;
  text-decoration : none;
}

/* background color for link focal states only */
ul#jsss_ul li a:focus, ul#jsss_ul li a:active, p.jsss_top a:focus, p.jsss_top a:active {
  background-color : #ffffcc;
}

/* pre-loads slide show images, plus give content if styles off , this div is printed to page making it available in no script situation as well */
#jsss_hide {
  position : absolute;
  margin-top : -2000px;
  margin-left : -2000px;
}

/* End Styles */