/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/
*                                       { margin: 0; padding: 0; }
body                                    { font: 12px Arial,helvetica,sans-serif,Calibri; }
a, a img                                { border: 0; text-decoration: none; outline: 0; }
h1,h2,h3,p,div							{margin:0px; padding:0px;}
h1                                      { font: bold 60px; margin: 20px 0; text-align: center; }

  
/*For Specific Slides*/
#textSlide                              {padding:0px; float:left; width:252px; text-align:left;}
#textSlide h3                           { font: 20px; color:#ff9900; }
#textSlide p							{padding:0px 0px 0px 10px; text-align:left; height:110px;}
#textSlide h4                           { text-transform: uppercase; font: 15px; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }
.slidetitle								{ font-size:12px; font-weight:bold; overflow:hidden; padding:2px 10px 0px; }
.slidetitle	a{color:#fff}
#textSlide p.readmore {color:#fff; font-weight:bold; height:15px;}
p a.perma					{float:right; color:#fff; font-weight:bold;}

.anythingSlider { width: 580px; height: 207px; position: relative; margin: 0 auto 10px; text-align:left;}
.anythingSlider .wrapper { width: 580px; overflow: hidden; height: 207px; margin:0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider ul li { background:#000; display: block; float: left; padding: 0; height: 207px; width: 580px; margin: 0; font-size:12px; color:#fff; }
.anythingSlider ul li img {width:318px; height:207px; float:left;}
.wrapper h2 { font: bold 12px; margin: 5px 0 10px 0; height:30px; overflow:hidden; }
.wrapper h3 {font-size:12px; padding:5px 10px; }
.anythingSlider .arrow { display: block; height: 20px; width: 16px; text-indent: -9999px; cursor: pointer; }
.anythingSlider .forward { background: url(images/btn_rev.gif) no-repeat 0 0; position:absolute; top:184px; right:63px;}
.anythingSlider .back { background: url(images/btn_fwd.gif) no-repeat 0 0; position:absolute; top:184px; right:11px;}
.anythingSlider .forward:hover { background: url(images/btn_rev_on.gif) no-repeat 0 0; position:absolute; top:184px; right:63px;}
.anythingSlider .back:hover { background: url(images/btn_fwd_on.gif) no-repeat 0 0; position:absolute; top:184px; right:11px;}

#thumbNav { position: relative; top: 182px; left:320px; text-align: left; padding-left:10px; width:150px;}
#thumbNav a  { color: black; font: 11px ; display: inline-block; padding: 2px 6px; height: 14px; margin: 0 8px 0 0; background: #ABAB8E url(images/cellshade.png) repeat-x; text-align: center; }
#thumbNav a:hover { background-image: none; font-weight:bold; }
#thumbNav a.cur { background: #ccc; font-weight:bold;}

#start-stop { background: url(images/btn_pause_play.gif) no-repeat; color:none; position: absolute; right:31px; top: 184px; height:20px; width:28px;} 
#start-stop.playing { background: url(images/btn_play_pause.gif) no-repeat;position: absolute; right:31px; top: 184px; }
#start-stop:hover { background: url(images/btn_pause_play.gif) no-repeat;position: absolute; right:31px; top: 184px; }

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