/*************************************************************************************
 * CSS Styles for the Spotlight
 ************************************************************************************/
 
td { vertical-align: top; }
 
#rotating-banner { width: 783px; height: 218px; position: relative; }
#site-spotlight { background-color: #000000; color: #FFFFFF; position: relative; width: 783px; height: 185px; overflow: hidden; }

.spotlight { position: absolute; top: 0px; left: 0px; width: 783px; height: 185px; overflow: hidden; }
.spotlight .spotlight-image { position: absolute; top: 0px; left: 0px; width: 783px; height: 185px; z-index: 0; }
.spotlight .spotlight-content { position: absolute; top: 75px; left: 25px; width: 275px; height: 140px; z-index: 10; }
.spotlight .spotlight-content p { color: #FFFFFF; padding: 0px; margin: 0px; font-size: 14px; line-height: 12pt; }
.spotlight .spotlight-content p.black { color: #000000; }
.spotlight .spotlight-content img { margin: 5px 0px; }
.spotlight .spotlight-content p a { background: transparent; color: #FFFFFF; font-size: 14px; border-bottom: 1px dashed #C0C0C0; text-decoration: none; outline: none; }
.spotlight .spotlight-content p.black a { color: #000000; border-bottom: 1px dashed #000000; }
.spotlight .spotlight-content p a:hover { background: transparent; color: #FFFFFF; font-size: 14px; border-bottom: 1px solid #FFFFFF; }
.spotlight .spotlight-content p.black a:hover { color: #000000; border-bottom: 1px solid #000000; }
/*************************************************************************************
 * CSS Styles for the Spotlight's Dynamic Controls
 ************************************************************************************/
#spotlight-controls { background-color: #000000; height: 33px; width: 783px; z-index: 25; margin: 0px; padding: 0px; position: absolute; bottom: 0px; left: 0px; }
#spotlight-controls ul { background: #000000 url("spot_mini_spacer.gif") top left repeat-x; height: 33px; width: 784px; list-style-type: none; z-index: 25; margin: 0px; padding: 0px; }
#spotlight-controls ul li { background-color: #000000; float: left; height: 33px; margin: 0px 15px; padding: 0px; }
#spotlight-controls ul li a { background-position: top; display: block; padding: 0px; margin: 0px; text-decoration: none; outline: none; }
#spotlight-controls ul li a:hover { background-position: bottom; padding: 0px; margin: 0px; }
#spotlight-controls ul li.highlight a { background-position: bottom; }
#spotlight-controls ul #spacer { background-image: url("spot_mini_spacer.gif"); width: 7px; height: 33px; }
#spotlight-controls ul #control1 { background-image: url("spot_mini_1.gif"); width: 150px; height: 33px; }
#spotlight-controls ul #control1 a,
#spotlight-controls ul #control1 a:visited { background-image: url("spot_mini_1.gif"); width: 150px; height: 33px; }
#spotlight-controls ul #control2 { background-image: url("spot_mini_2.gif"); width: 150px; height: 33px; }
#spotlight-controls ul #control2 a,
#spotlight-controls ul #control2 a:visited { background-image: url("spot_mini_2.gif"); width: 150px; height: 33px; }
#spotlight-controls ul #control3 { background-image: url("spot_mini_3.gif"); width: 150px; height: 33px; }
#spotlight-controls ul #control3 a,
#spotlight-controls ul #control3 a:visited { background-image: url("spot_mini_3.gif"); width: 150px; height: 33px; }
#spotlight-controls ul #control4 { background-image: url("spot_mini_4.gif"); width: 150px; height: 33px; }
#spotlight-controls ul #control4 a,
#spotlight-controls ul #control4 a:visited { background-image: url("spot_mini_4.gif"); width: 150px; height: 33px; }