/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

*{margin: 0; padding: 0;}


.anythingSlider
{
    width: 600px;
    height: 250px;
    position: relative;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
}

.anythingSlider .wrapper{ 
width: 500px; 
overflow: auto; 
height: 250px; 
margin: 0 40px; 
position: absolute; 
top: 0; 
left: 0; 
}


.anythingSlider .wrapper h3
{
    color: #232020;
}


.anythingSlider .wrapper ul{ 
width: 9999px; 
list-style: none; 
position: 
absolute; 
top: 0; 
left: 0; 
background: #eee; 
border-top: 3px solid #232020; 
border-bottom: 3px solid #232020; 
margin: 0; 
}

.anythingSlider ul li{ 
display: block; 
float: left; 
padding: 0; 
height: 214px; 
width: 500px; 
margin: 0; 
}

.anythingSlider .arrow{ 
display: block; 
height: 200px; 
width: 67px; 
background: url(../images/arrows.png) no-repeat 0 0; 
text-indent: -9999px; 
position: absolute; 
top: 18px; /* arrow height */
cursor: pointer; 
}

.anythingSlider .forward{ 
background-position: 0 0; 
right: 0px; /* right arrow position*/
}

.anythingSlider .back{ 
background-position: -67px 0; 
left: -20px; /* left arrow position*/
}

.anythingSlider .forward:hover{ 
background-position: 0 -200px; 
}

.anythingSlider .back:hover{ 
background-position: -67px -200px; 
}

#thumbNav{ 
position: relative; 
top: 220px; /* tab height postion */
text-align: center; 
}

#thumbNav a{ 
color: black; 
font: 11px/18px Georgia, Serif; 
display: inline-block; 
padding: 2px 8px; 
height: 18px; 
margin: 0 5px 0 0; 
background: #c58b04 url(../images/cellshade.png) repeat-x; 
text-align: center; 
-moz-border-radius-bottomleft: 5px; 
-moz-border-radius-bottomright: 5px; 
-webkit-border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; 
}

#thumbNav a:hover{ 
background-image: none; 
}

#thumbNav a.cur{ 
background: #e0a213; 
}

#start-stop
{
    background: #336600;
    background-image: url(../images/cellshade.png);
    background-repeat: repeat-x;
    color: white;
    padding: 2px 5px;
    width: 50px;
    text-align: center;
    position: absolute;
    right: 60px;
    top: 220px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

#start-stop.playing
{
    background-color: #CC3300;
}

#start-stop:hover{ 
background-image: none; 
}

/*
  Prevents
*/
.anythingSlider .wrapper ul ul{ 
position: static; 
margin: 0; 
background: none; 
overflow: visible; 
width: auto; 
border: 0; 
}
.anythingSlider .wrapper ul ul li{ 
float: none; 
height: auto; 
width: auto; 
background: none; 
}



/*
    For Specific Slides
*/
.slider p
{
    padding: 3px 0 3px 0;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-left: 20px;
}

slider.list{}

.slider.list ul
{
    margin-left: 30px;
}



.slider h3                           
{ 
font: 20px Georgia, Serif; 
text-align:center;
margin-bottom: 15px;
}

.slider h4                           
{ 
text-transform: uppercase; 
font: 15px Georgia, Serif; 
margin: 10px 0; 
}

.slider h5
{
    font: 15px;
    color: #003300;
    text-align:center;
}

.slider a{color:Orange;}
.slider a:hover{color:#F5510A;}
.slider ul{ list-style: disc; margin: 0 0 0 25px; }
.slider ul li{display: list-item;}

.slider blockquote                  
{ 
font: italic 16px/1.5 Georgia, Serif; 
text-align: center; 
color: #444; 
margin: 0 0 10px 0; 
}

.date
{
    font-size: 10px;
    color: #810100;
    margin-left: 20px;
    margin-top: -28px;
}


.imageInsertR{float: right; margin: 15px 20px 5px 10px;}
.imageInsertL{float: Left; margin: 15px 15px 5px 20px;}
.slider table{margin-left: 15px;}
.slider th   
{
    background-color: #333300;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-style: solid;
}

.hivernals tr{border-style: double;}