/*----------------------------------------------------------------------------

     * Filename:          scrollable.css

  * Description:          Scrollable CSS Stylesheet

      * Version:          1.0.0 (01-19-2010) MM-DD-YYYY

      * Website:          http://www.thepeapatch.com/

       * Author:          Mike Baldwin

  == STRUCTURE: ==============================================================

   * Content area width:  945px

   # of columns:          1-3 (Left/Center/Right) [Automatic through database]

        Anchors:          $__main        Main Definitions
                          $__buttons     Button Definitions

  ----------------------------------------------------------------------------*/


/*   __main
--------------------------------------------*/

.scrollable{
	background:#2d180e;
	border:1px solid #ddc08d;
 margin:0 auto;
 min-height:47px;
	width:700px}
.scrollable span.item{
	background-color:#22120a;
	border:1px solid #ddc08d}
.scrollable a span{
	background-color:#22120a;
 color:#fff;
 font-family:"Times New Roman", Times, serif;
 font-weight:bold;
	width:100px}
.scrollable span.item a:hover span{
	background-color:#ddc08d;
 color:#703820}
.scrollable span.current a span{
	background-color:#ddc08d;
 color:#703820}


/*   __buttons
--------------------------------------------*/

a.browse{
	background:url(../../images/scripts/jquery.tools-scrollable/arrow/hori_large.png) no-repeat;
	font-size:1px;
	height:50px;
	width:50px}

a.right{
 background:url(../../images/scripts/jquery.tools-scrollable/img_btn_right.png) no-repeat;
 height:50px;
 width:50px}
a.right:hover{background:url(../../images/scripts/jquery.tools-scrollable/img_btn_right_ro.png) no-repeat}
a.right:active{background:url(../../images/scripts/jquery.tools-scrollable/img_btn_right_ro.png) no-repeat}

a.left{
 background:url(../../images/scripts/jquery.tools-scrollable/img_btn_left.png) no-repeat;
 height:50px;
 width:50px}
a.left:hover{background:url(../../images/scripts/jquery.tools-scrollable/img_btn_left_ro.png) no-repeat}
a.left:active{background:url(../../images/scripts/jquery.tools-scrollable/img_btn_left_ro.png) no-repeat}
a.up,
 a.down{
	background:url(../../images/scripts/jquery.tools-scrollable/arrow/vert_large.png) no-repeat;
	margin:10px 50px}

/* up */
a.up:hover{background-position:-30px 0}
a.up:active{background-position:-60px 0}

/* down */
a.down{background-position:0 -30px}
a.down:hover{background-position:-30px -30px}
a.down:active{background-position:-60px -30px}