/* @group Anything Slider */

#page-wrap                              { position: relative;
}
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

h2                                      { font: bold 30px "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif; letter-spacing: -1px; margin: 0 0 10px 0; }
h3                                      { font: 16px "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif; margin: 0 0 10px 0; }  
h5                                      { font: 15px "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif; text-align: center; }
pre                                     { font: 13px/1.8 "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif; margin: 0 0 15px 0; }

ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 15px "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; color: white; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/

.graphic {
	width: 176px;
	height: 186px;
	margin: 0;
	padding: 0 2px;
	float: left;
}

.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide {
	text-align: left;
	padding: 20px;
}

#textSlide h3 {
	font: 20px "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif;
	}
	
#textSlide h4 {
	text-transform: uppercase;
	font: 15px "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif; 
	margin: 10px 0;
	}
	
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item;
	list-style-type: square;
}

#quoteSlide                             {
	padding: 20px;
}
#quoteSlide blockquote                  { font: italic 24px/1.5 "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

/*
    anythingSlider v1.2
    
    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/
*/


.anythingSlider                         { height: 192px; position: relative;
	padding: 0;
	width: 750px;
	margin: 28px 10px 0 0;
	float: right;
}
.anythingSlider .wrapper                { width: 730px; overflow: auto; height: 192px; position: relative;
	margin-bottom: 0;
	margin-top: 0;
	margin: auto;
}

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0;
	padding: 0;
}

.anythingSlider ul li                   { display: block; float: left; padding: 0 7px 0 0; height: 186px; width: 730px; margin: 0;
	visibility: visible;
	overflow: visible;
	position: relative;
}

#thumbNav {
	position: relative;
	text-align: center;
	float: left;
}

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

.anythingSlider .forward { 
	background-position: 0 0;
	left: 730px;
}
	
.anythingSlider .back { 
	background-position: -67px 0;
	right: 735px;
}
	
.anythingSlider .forward:hover {
	background-position: 0 -198px;
}

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

#thumbNav a {
	color: #fff;
	font: bold 11px/18px "Helvetica Neue", Helvetica, Arial,"Gill Sans", "Lucida Sans",sans-serif;
	display: inline-block; 
	padding: 0;
	height: 22px;
	background: #747474 url(../images/thumb_tab.jpg) no-repeat; 
	text-align: center;
	width: 21px;
	margin: 0 3px 0 0;
	text-indent: 2px;
}

#thumbNav a:hover                       {
	background: url(../images/thumb_tab_on.jpg) no-repeat;
	width: 21px;
	height: 22px;
}
#thumbNav a.cur                         {
	background: url(../images/thumb_tab_active.jpg) no-repeat;
	width: 21px;
	height: 22px;
}

#start-stop {
	color: white;
	width: 50px;
	text-align: center;
	position: absolute;
	top: 480px;
	right: 0;
	height: 21px;
	background: url(../images/go.jpg) no-repeat;
}
#start-stop.playing                     {
	background: url(../images/go.jpg) no-repeat;
	width: 50px;
	height: 21px;
}
#start-stop:hover                       {
	width: 50px;
	height: 21px;
	background: url(../images/stop.jpg) no-repeat;
}

/*
  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; }

/* @end */