h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

#page-wrap						{ width: 100%; margin: 0 auto; padding: 15px 0 20px 0; display:block; clear:both; }

#slider							{ background: url(../images/slider_backimg.jpg) 0 0 no-repeat; height: 110px; overflow: hidden;
								  position: relative; margin: 0; border: solid 1px #CCCCCC;}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 30px 20px; width: 705px; float: left; position: relative; }
.slide h1						{ font-size: 20px; font-weight:bold; letter-spacing: -1px; margin-bottom:5px;
								  color: #666666; }
.slide h1 a						{ font-size: 20px; font-weight:bold; letter-spacing: -1px; margin-bottom:5px;
								  color: #666666; }
.slide h1 a:hover				{ font-size: 20px; font-weight:bold; letter-spacing: -1px; margin-bottom:5px;
								  color: #FF9933; }
.slide p						{ color: #999; font-size: 12px; line-height: 1.6; width: 450px; }
.slide img						{ position: absolute; top: 20px; left: 560px; border: solid 5px #CCCCCC; }
.slide img:hover				{ position: absolute; top: 20px; left: 560px; border: solid 5px #FF9933; }

#slider-stopper					{ position: absolute; top: 1px; left: 20px; background: #999999; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								  
#slider-stopper:hover			{ position: absolute; top: 1px; left: 20px; background: #FF9933; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }