#slider			{ background: #BFB7A0 url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
				  position: relative; margin: 0px;	border: 6px ridge #9A7E58; width: 660px; 
				  margin-left: auto; margin-right: auto; }
#slider a		{ text-decoration: none; outline: none; }
#slider a img	{ border: none; }

                /* DEFAULT is for five panels in width, adjust as needed
                	This only matters if JS is OFF, otherwise JS sets this. */								  
#mover			{ width: 3300px; position: relative; }

.slide			{ padding: 5px 30px; width: 660px; float: left; position: relative; }
.slide h2		{ font-size: 130%; font-weight: bold; letter-spacing: -1px;
					color: #a63424; line-height: 90%; padding: 0px; margin: 10px 0px 0px 0px;}
.slide h3		{ padding: 0px; margin: 0px; }			
.slide h3 a		{ font-size: 70%; letter-spacing: 0px; font-weight: normal; font-style: italic; color: #a63424; }
.slide p		{ color: #222; font-size: 90%; font-style: italic; line-height: 150%; width: 440px; padding-top: 0px; margin-top: 5px;}
.slide img		{ position: absolute; top: 20px; left:504px; height: 182px; margin-top: 5px;}

#slider-stopper	{ position: absolute; top: 1px; right: 20px; background: #a63424; color: white;
				  padding: 0px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000;
				  font-family: sans-serif; }
				  
#nonslider		{ background: #BFB7A0 url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
				  position: relative; margin: 0px;	border: 6px ridge #9A7E58; width: 660px; 
				  margin-left: auto; margin-right: auto; }