@charset "UTF-8";
/* CSS Document */

* {
   padding:0;
   margin:0;
}

#slider {
	width: 922px; 
	background-color: #000;
	position: relative
	}


.scroll {
	height:258px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	}
	
.scrollContainer div.panel {
	margin: 0 auto;
	width: 922px; height:258px; 
	}
	
div.panel_left {
	width: 517px; 
	height: 258px;
	float: left;
	background-color:#322F31;
	}
	
div.panel_right {
	width: 375px; 
	height: 233px;
	padding: 5px 10px 20px 20px;
	float: left;
	background-color:#222021;
	background-image: url(../i/bg_feature_left.jpg)

	}
	

	
div.panel h1 {
	font-size: 1.2em;
	color: #f5ee31;
	margin: 5px 0 -2px 10px
	}
	
div.panel h1.pink {
	font-size: 1.2em;
	color: #F2898A;
	margin-left: 10px
	}
	
div.panel h1.green {
	font-size: 1.2em;
	color: #6D8D23;
	margin-left: 10px
	}
	
div.panel p {
	font: .9em Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-weight: normal;
	font-style: italic;
	line-height: 1.4em;
	margin-left: 10px
	}
	
div.panel .smalltext {
	font: .8em Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-weight: normal;
	font-style: italic;
	line-height: 1.4em;
	margin-left: 10px
	}
	
div.panel a {
	color: #FFFF00;
	border-bottom: 1px #a49a00 dotted;
	text-decoration: none
	}
	
div.panel a.pink {
	color: #F2898A;
	border-bottom: 1px #F2898A dotted
	}
	
div.panel a.green {
	color: #a49a00;
	border-bottom: 1px #76a200 dotted
	}
	

.scrollButtons {
  position: absolute;
  top: 200px;
  cursor: pointer;
}

.scrollButtons.left {
  left: 700px;
}

.scrollButtons.right {
  right: 15px;
  background-image:url(../i/scroll_right.gif)
}