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

#news_wrap {
	border: 1px solid #666666;
	width:530px;
	height:200px;
}
#container {
   position: absolute;
   top: 0px; 
   left: 60px;         /* place it where you want     */
}

#translucentbkg {
   width: 158px;
   height:200px;     /* to match DIVs size          */
   background-color:#000000;      /* the background              */
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

#opaquetext {
   width: 150px;    /* to match DIVs size          */
   background-color: transparent;   /* transparent background      */
   position: absolute;              /* absolute positioning        */
   z-index: 2;
   padding:4px;                      /* place it over the other DIV */
}
#opaquetext h3{
	color:#FFFFFF;
	line-height:30px;
	font-style:italic;
	padding:0px;
}
#opaquetext p{
	color:#FFFFFF;
	padding:0px;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 380px; /*width of featured content slider*/
height: 200px;
float:left;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 373px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
background-position:center;
background-repeat:no-repeat;
}

.pagination{
width: 150px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
float:right;
}

.pagination a{
display:block;
padding: 0 5px;
line-height:48px;
text-decoration: none;
background-image:url(themes/StyleGFX/images/bg08.jpg);
border:1px #666666 solid;
color: #FFFFFF;
font-weight:bold;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
background-image:url(themes/StyleGFX/images/bg02.jpg);
color:#CC3300;
}