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

/* ***** */
/* outer */
/* ***** */

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	border-bottom-width: 0px;
	/*width: 611px;*/  /*width of featured content slider */ /* moved to script */
	/*height: 351px; */ /* moved to script */
}

.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 0px;
	/*background: transparent;*/ /* moved to script */
	/*width: 611px;*/ /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ /* moved to script */
	/*height: 100%;*/ /* moved to script */
	position: absolute; 
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}


/* ******* */
/* content */
/* ******* */

.sliderwrapper .content{
	position:absolute;
	text-align:left;
	
	bottom:0px; 
	left:0px;
	padding:5px 10px 5px 10px;
	width:310px; 
	height:40px;
}

.text_bg {
	position:absolute; 
	
	bottom:0px; 
	left:0px;
	background: #000000;
	width:350px; 
	height:60px;
	}

/*.pagination a:hover, .pagination a.selected{
	color: #000;
	background-color: transparent;
}*/

/*.teaser_readmore {
	padding-top:10px;
}*/

/*.teaser_readmore a{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	padding-top:10px;
}*/

.teaser_header a {
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}

.teaser_header {
	color: #ffffff;
	font-size:1.2em;
	font-weight:bold;
}

.teaser-tagline {
	color:#AAACAB;
	border-top:1px solid #AAACAB;
	border-bottom:1px solid #AAACAB;
	padding-top:1px;
	padding-bottom:2px;
	margin-top:5px;
}

.teaser_text p {
	padding:0;
	font-size:0.9em;
}

.teaser_text ul,
.teaser_text li,
.teaser_text p {
	color: #cccccc;
}

.teaser_dotted {
	margin:0 0 20px 0;
	padding:1px 0;
	background:url(dotted.png) repeat-x bottom;
	}

/*.teaser_readmore a {
	position:absolute;
	left:20px;
	bottom:0px;
	width:100px;
	margin:0;
	padding:6px 0 6px 12px;
	background:url(readmore.png) no-repeat;
	color:#fff;
	border:none;
	}
	
.teaser_readmore a:hover {
	position:absolute;
	left:20px;
	bottom:0px;
	width:100px;
	margin:0;
	padding:6px 0 6px 12px;
	background:url(readmore-hover.png) no-repeat;
	color:#fff;
	border:none;
	}
	*/


a.readmorebuttons{
background: transparent url(readmore-left.png) no-repeat top left;
display: block;
float: left;
line-height: 12px; /* This value + 6px + 6px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.readmorebuttons, a:visited.readmorebuttons, a:hover.readmorebuttons, a:active.readmorebuttons{
color:#fff; /*button text color*/
}

a.readmorebuttons span{
background: transparent url(readmore-right.png) no-repeat top right;
display: block;
padding: 6px 10px 6px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.readmorebuttons{ /* Hover state CSS */
text-decoration: none;
}




a:hover.readmorebuttons{
background: transparent url(readmore-left-hover.png) no-repeat top left;
display: block;
float: left;
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}


a:hover.readmorebuttons span{
background: transparent url(readmore-right-hover.png) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.readmorebuttons{ /* Hover state CSS */
text-decoration: none;
}




.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}