/* 
    Document   : jquery.scroll
    Created on : Oct 11, 2011, 12:00:33 PM
    Author     : mtrice
    Description: For use with jquery serial scroll plugin
        
*/

#slider {
width: 960px;
margin: 0 auto;
position: relative;
}
.scroll {
  height: 314px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
.scrollContainer div.panel {
  height: 314px;
  width: 960px; /* change to 560px if not using JS to remove rh.scroll */
}


.scrollButtons {
  position: absolute;
  top: 175px;
  cursor: pointer;
}

.scrollButtons.left {
  left: 0px;
  z-index:500;
}
.scrollButtons:hover  {
 background-image:url("../images/comment-bg.png");
 
}

.scrollButtons.right {
  right: 0px;
}
#header2 {
float:left;
height:63px;
width:100%;
background: url(../images/header_bg.jpg) repeat-x;
border-top:1px solid #666;
}

#header2 h1 {
position: relative;
top: 17px;
left: 20px;
}

/** Tab navigation
==============================================================================*/

#slider ul#navigation li {
display: block;
float: left;
height: 83px;
margin:0;

}

#slider ul#navigation li a {
float: left;
display: block;
height: 54px;
width: 160px;
text-align: center;
font-size: 18px;
padding: 30px 0 0 0;
background: url(../images/tab_bg.jpg) no-repeat 0 0;
color: #aaaaaa;
}

#slider ul#navigation li a:hover {
background: url(../images/tab_bg.jpg) no-repeat 0 -84px;
color: #666666;
}

#slider ul#navigation li a.selected {
background: url(../images/tab_bg.jpg) no-repeat 0 -168px;
color: #666666;
}

.tabcontent {float: right;width: 310px;margin: -265px 20px 0 0;padding: 10px;background: url(../images/comment-bg.png);background-repeat:repeat;}
.tabcontent p {color:#ffffff;}
.tabcontent h1 {color:#ffffff;}