/* start - styles for rotating spotlight */
#spotlights {
position: relative;
margin: 0 0 2em 0;
padding: 0;
}

#spotlights .mask {
position: absolute;
top: 2.4em;
left: 0;
display: none;
z-index: 5;
background: #fff;
width: 100%;
}

#ieroot #spotlights .mask {
top: 2.5em;
}

.spotlight {
height: 7em;
overflow: hidden;
margin: 0;
padding: 1.25em 0 1.5em 1.5em;
background: #fbeab1 url(/images/bg_content_yl.jpg) repeat-y top right;
}

.js .spotlight {
display: none;
}

.spotlight h6 {
font-family: arial,helvetica,sans-serif;
font-size: 1.2em;
text-transform: capitalize;
margin: 0 1.8em 0 0;
padding: 0;
}

#content_wide .spotlight p {
margin: 0.25em 0 0 0;
}

.spotlight img.spotimg {
float: left;
margin: 0 1em 0.5em 0; 
}

.spotlight .source {
font-weight: bold;
}

.spotlight .date {
font-size: 0.91em;
}

.spotlight .learnmore {
font-size: 1em;
font-weight: bold;
}

#spotnav {
position: absolute;
top: 0.2em;
right: 2em;
z-index: 11;
}

#ieroot #spotnav {
top: 0.3em;
}

#spotnav div {
width: 0.7em;
height: 0.7em;
border: 0.1em #1A1D55 solid;
float: right;
margin-left: 0.4em;
display: none;
}

#spotnav a {
display: block;
width: 0.5em;
height: 0.5em;
margin: 0.1em;
overflow: hidden;
}

#spotnav a:hover {
background: #F6D65B;
}
/* end - styles for rotating spotlight */