.contentslide{border: 3px solid #d5e2da; padding: 0px; margin: 0px; width: 304px; height: 263px; text-decoration-none; top: 0px; left: 0px;}

.contentslide img .spottitle { border: "0"; background-color: #3b3a3a; margin:0px; padding: 0px;}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.contentslide .contentdiv{ display: none; padding: 0px;}


/*=Spotlight One - BEGIN */
.contentslide .contentdiv .spotone {
top: 0px; left: 0px; width:304px; height:228px; background: url('../spotlight/features/StateofCounty2012.jpg') no-repeat top center; padding: 1px; margin: 0px 0px -35px 0px; position: relative; top: 1; left: -1}

.contentslide .contentdiv .spotone li{
margin-top: 193px; left: 0px; width: 290px; color: #000; font-family: helvetica, verdana, arial, sans-serif; padding: 0 0 5px 5px; position: relative; top: 3}

.contentslide .contentdiv .spotone a, .contentslide .contentdiv .spotone a:visited{ font-weight: bold; color: #336699; text-decoration: none;}

.contentslide .contentdiv .spotone a:hover, .contentslide .contentdiv .spotone a:active{ font-weight: bolder; color: #666; text-decoration: underline;}

/*=Spotlight One - END */

/*=Spotlight Two - BEGIN */
.contentslide .contentdiv .spottwo {
top: 0px; left: 0px; width:304px; height:228px; background: url('../spotlight/features/PublicSafetyRealignment.jpg') no-repeat top center; padding: 1px; margin: 0px 0px -35px 0px; position: relative; top: 1; left: -1}

.contentslide .contentdiv .spottwo li{
margin-top: 190px; left: 0px; width: 295px; color: #003366; font-family: helvetica, verdana, arial, sans-serif; padding: 0 0 5px 0px; position: relative; top: 4}

.contentslide .contentdiv .spottwo a, .contentslide .contentdiv .spottwo a:visited{ font-weight: bold; color: #003366; text-decoration: none;}

.contentslide .contentdiv .spottwo a:hover, .contentslide .contentdiv .spottwo a:active{ font-weight: bolder; color: #666; text-decoration: underline;}

/*=Spotlight Two - END */

/*=Spotlight Three - BEGIN */
.contentslide .contentdiv .spotthree {
top: 0px; left: 0px; width:304px; height: 228px; background: #fff url('../spotlight/features/generalPlan2030PFEIR.jpg') no-repeat top center; padding: 1px; margin: 0px 0px -35px 0px; position: relative; top: 1; left: -1}

.contentslide .contentdiv .spotthree li{
margin-top: 195px; margin-left: -2px; width: 290px; color: #000; font-family: helvetica, verdana, arial, sans-serif; padding: 0 0 5px 5px; position: relative; top: 0}

.contentslide .contentdiv .spotthree a, .contentslide .contentdiv .spotthree a:visited{ font-weight: bold; color: #336699; text-decoration: none;}

.contentslide .contentdiv .spotthree a:hover, .contentslide .contentdiv .spotthree a:active{ font-weight: bolder; color: #666; text-decoration: underline;}

/*=Spotlight Three - END */

/*=Spotlight Four - BEGIN */
.contentslide .contentdiv .spotfour {
top: 0px; left: 0px; width:304px; height: 228px; background: #fff url('../spotlight/features/sampleballotonline4.jpg') no-repeat top center; padding: 1px; margin: 0px 0px -35px 0px; position: relative; top: 1; left: -1}

.contentslide .contentdiv .spotfour li{
margin-top: 195px; width: 290px; color: #000; font-family: helvetica, verdana, arial, sans-serif; padding: 0 0 5px 5px; position: relative; top: 0}

.contentslide .contentdiv .spotfour a, .contentslide .contentdiv .spotfour a:visited{ font-weight: bold; color: #336699; text-decoration: none;}

.contentslide .contentdiv .spotfour a:hover, .contentslide .contentdiv .spotfour a:active{ font-weight: bolder; color: #666; text-decoration: underline;}

/*=Spotlight Four - END */

/*=Spotlight Five - BEGIN */
.contentslide .contentdiv .spotfive {
top: 0px; left: 0px; width:304px; height:228px; background: url('../spotlight/features/wirelessLawLib.jpg') no-repeat top center; padding: 1px; margin: 0px 0px -35px 0px; position: relative; top: 1; left: -1}

.contentslide .contentdiv .spotfive li{
margin-top: 193px; left: 0px; width: 290px; color: #000; font-family: helvetica, verdana, arial, sans-serif; padding: 0 0 5px 5px; position: relative; top: 3}

.contentslide .contentdiv .spotfive a, .contentslide .contentdiv .spotfive a:visited{ font-weight: bold; color: #336699; text-decoration: none;}

.contentslide .contentdiv .spotfive a:hover, .contentslide .contentdiv .spotfive a:active{ font-weight: bolder; color: #666; text-decoration: underline;}

/*=Spotlight Five - END */

/*=Spotlight Six - BEGIN */
.contentslide .contentdiv .spotsix {
top: 0px; left: 0px; width:304px; height:228px; background: url('../spotlight/features/generalPlan2030.jpg') no-repeat top center; padding: 1px; margin: 0px 0px -35px 0px; position: relative; top: 1; left: -1}

.contentslide .contentdiv .spotsix li{
margin-top: 190px; left: 0px; width: 295px; color: #000; font-family: helvetica, verdana, arial, sans-serif; padding: 0 0 5px 0px; position: relative; top: 3}

.contentslide .contentdiv .spotsix a, .contentslide .contentdiv .spotsix a:visited{ font-weight: bold; color: #336699; text-decoration: none;}

.contentslide .contentdiv .spotsix a:hover, .contentslide .contentdiv .spotsix a:active{ font-weight: bolder; color: #666; text-decoration: underline;}

/*=Spotlight Six - END */

/*=Spotlight Seven - BEGIN */
.contentslide .contentdiv .spotseven {
top: 0px; left: 0px; width:304px; height:228px; background: url('../spotlight/features/aroundtc.jpg') no-repeat top center; padding: 1px; margin: 0px 0px -35px 0px; position: relative; top: 1; left: -1}

.contentslide .contentdiv .spotseven li{
margin-top: 205px; width: 290px; height: 59px; color: #003366; font-family: helvetica, verdana, arial, sans-serif; padding: 0 0 5px 5px; position: relative; top: -7}

.contentslide .contentdiv .spotseven a, .contentslide .contentdiv .spotseven a:visited{ font-weight: bold; color: #003366; text-decoration: none;}

.contentslide .contentdiv .spotseven a:hover, .contentslide .contentdiv .spotseven a:active{ font-weight: bolder; color: #666; text-decoration: underline;}

/*=Spotlight Seven - END */

/*=Spotlight Eight - BEGIN */
.contentslide .contentdiv .spoteight {
top: 0px; left: 0px; width:304px; height: 228px; background: #fff url('../spotlight/features/unsecTax2011c.jpg') no-repeat top center; padding: 1px; margin: 0px 0px -35px 0px; position: relative; top: 1; left: -1}

.contentslide .contentdiv .spoteight li{
margin-top: 195px; width: 290px; color: #000; font-family: helvetica, verdana, arial, sans-serif; padding: 0 0 5px 5px; position: relative; top: 0}

.contentslide .contentdiv .spoteight a, .contentslide .contentdiv .spoteight a:visited{ font-weight: bold; color: #336699; text-decoration: none;}

.contentslide .contentdiv .spoteight a:hover, .contentslide .contentdiv .spoteight a:active{ font-weight: bolder; color: #666; text-decoration: underline;}

/*=Spotlight Eight - END */

.pagination{
width: 307px; height: 20px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right; background-color: #323131; padding: 3px 3px 3px 0; text-decoration: none; margin: 0px; position: relative; top: 1}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 306px; /*IE5 width*/
w\idth: 310px; /*IE6 width*/
}

.pagination a{
border: 1px solid #fff; font-family: arial, verdana, sans-serif; font-size: 12px; margin-right: 4px; padding: 0 7px; text-decoration: none; color: #000; background-color: #ccc; position: relative; top: 0}

.pagination a:hover, .pagination a:active{
color: #000000; font-weight: bold; background-color: #d0a91d; text-decoration: none;}

.pagination a.selected{
color: #fff; font-weight: bold; background-color: #58543b; text-decoration: none;}