/*--------------- Design 1104 ---------------

.........................TABLE OF CONTENTS

1. Reset
2. Global Styles
3. Structure
	3a. Sub-Page
	3b. Header
	3c. Primary
	3d. Photos
	3e. Image Links
	3f. Footer
	3g. Breadcrumbs
	3h. Courtesy Nav
4. CSS Menu
5. Calendar
6. Global Front End

..............................COLOR LEGEND

Link Color ........................ d6b12e
hr / Line Color ................... 000000
h1 Color .......................... fff
Secondary Nav Divider ............. 3f3410

----------------------------------------*/

/*--------------------------------------------------
------------------  1. Reset   ---------------------
--------------------------------------------------*/
 
a:active {outline:none;}
:focus {-moz-outline-style: none; outline:none;}
* html a {noFocusLine: expression(this.onFocus=this.blur()); outline: none;}

img {border:none;}

::selection {background: #d6b12e; color: #000; /* Safari */}
::-moz-selection {background: #d6b12e; color: #000; /* Firefox */}


/*--------------------------------------------------
--------------- 2. Global Styles -------------------
--------------------------------------------------*/

body, html {height: 100%; width: 100%; margin: 0; padding: 0;}

body {
	background: #000;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	word-wrap: break-word;
}

a {color: #d6b12e; font-weight: bold;}
a:hover {color:; text-decoration: none;}

address {font-style: normal;}

blockquote {
	background: url(./images/trans_black.png);
	float: right;
	font-style: italic;
	min-height: 40px;
	margin: 20px 0 20px 20px;
	padding: 10px;
	width: 150px;
}

h1, .ContentHeader {font-size: 2em; color: #fff;}
h2, .ContentSubHeader, .SidebarLabel {font-size: 1.5em; color: #fff;}
h3 {font-size: 1.15em; color: #fff;}

hr {height: 1px; background: #000; color: #000; border: none; margin: 20px 0;}

.clear {clear: both; height: 0; margin: 0; padding: 0;}
.floatleft {float: left;}
.floatright {float: right;}
.hidden {visibility: hidden; position: absolute;}


/*--------------------------------------------------
---------------- 3. Structure ----------------------
--------------------------------------------------*/

img.bg {
	min-height: 1024px; /* Set rules to fill background */
	min-width: 1280px;
	width: 100%; /* Set up proportionate scaling */
	height: auto;
	position: fixed; /* Set up positioning */
	top: 0;
	left: 0;
}

#wrapper {
	font-size: .75em;
	height: auto; width: 1000px;
	margin: 0 auto;
	position: relative;
}

	#header {background: url(./images/header_bg.png); height: 130px; width: 1000px; position: relative;}
	
	#navbar {background: url(./images/navbar_bg.png); height: 60px; width: 940px; padding: 0 30px;}
	
	#primary {
		background: url(./images/primary_bg.png); 
		height: 310px; width: 940px; 
		padding: 20px 30px; 
		position: relative;
	}
	
	#secondary {
		background: url(./images/secondary_bg.png); 
		height: 310px; width: 940px; 
		padding: 20px 30px; 
		position: relative;
	}
	
	#footer {height: 200px; width: 940px; padding: 0 30px;}


/*------------------ 3a. Sub-Page --------------------*/

#sub_primary {
	background: url(./images/sub_primary.png) repeat-y;
	float: left;
	height: auto; width: 940px;
	padding: 20px 30px 0;
}

	#sub_primary_sans {
		background: url(./images/sub_primary_sans.png) repeat-y;
		float: left;
		height: auto; width: 940px;
		padding: 20px 30px 0;
	}
	
#sub_primary_bottom {background: url(./images/sub_primary_bottom.png); clear: both; height: 30px; width: 1000px;}

	#sub_primary_sans_bottom {background: url(./images/sub_primary_sans_bottom.png); clear: both; height: 30px; width: 1000px;}
	
#main {float: left; height: auto; width: 580px; line-height: 1.7;}

	#main_sans_sidebar {float: left; height: auto; width: 940px; line-height: 1.7;}
	
#sidebar {float: right; height: auto; width: 310px; line-height: 1.7;}

	#no_sidebar {display: none;}


/*------------------ 3b. Header --------------------*/

#header h1 {margin: 0;}

#logo {
background: url(./images/logo.png) no-repeat;
display: block;
height: 110px;
width: 390px;
position: absolute;
top: 0;
left: 17px;
text-indent: -9999px;
}

#site_search {
	height: 50px; width: 282px;
	position: absolute; top: 38px; right: 35px;
}

	#site_search form {position: absolute;}
	
	#site_search fieldset {border: 0; margin: 0; padding: 0;}
	
	.search_field {
		background: none;
		border: 0;
		color: #fff;
		font-family: Verdana, sans-serif;
		font-size: 1em;
		margin: 0; padding: 5px;
		width: 210px;
	}
	
	.submit_button {
		background: none;
		border: 0;
		cursor: pointer;
		line-height: 0;
		margin: 0; padding: 4px;
		width: 30px;
		text-indent: -9999px;
	}

#header_links {color: #3f3410; display: block; position: absolute; right: 65px; top: 75px;}
	

/*------------------ 3c. Primary --------------------*/

#button_firsttime{
	background: url(./images/button_firsttime.png);
	display: none;
	height: 26px; width: 89px;
	position: absolute; right: 30px; top: 32px;
	text-indent: -9999px;
}

	#button_firsttime:active {background-position: bottom;}

#welcome {
	height: 230px; width: 310px;
	overflow: auto;
	position: absolute; right: 30px; top: 90px;
}

/*------------------ 3d. Photos --------------------*/

#button_viewall{
	background: url(./images/button_viewall.png);
	display: none;
	height: 26px; width: 76px;
	position: absolute; left: 255px; top: 32px;
	text-indent: -9999px;
}

	#button_viewall:active {background-position: bottom;}

#featured_photo_gallery {
	display: block;
	height: 230px; width: 300px;
	position: absolute; left: 35px; top: 90px; 
}

	#featured_photo_gallery a {display: block; float: left; height: 50px; width: 50px; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
		
		#featured_photo_gallery a img {position: absolute; top: -10px; left: -10px;}
	
#featured_photo_gallery .list_title, #featured_photo_gallery .list_row_number {display: none;}

/*------------------ 3e. Image Links --------------------*/

#image_links {
	list-style: none;
	height: 300px; width: 590px;
	margin: 0; padding: 0;
	position: absolute; right: 30px;
	text-indent: -9999px;
}

	#image_links li a {
		display: block; 
		float: left; 
		height: 140px; width: 285px; 
		position: absolute;
			-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
			box-shadow: 0 0 5px rgba(0,0,0,.5);
	}
	
	#image_link1 {background: url(./images/image_link1.jpg); top: 0; left: 0;}
	#image_link2 {background: url(./images/image_link2.jpg); top: 0; right: 0;}
	#image_link3 {background: url(./images/image_link3.jpg); bottom: 0; left: 0;}
	#image_link4 {background: url(./images/image_link4.jpg); bottom: 0; right: 0;}


/*------------------ 3f. Footer --------------------*/

#footer address {float: left; margin: 20px 0 0 0; width: 380px;}
#sub_menu {float: right; margin: 20px 0 0 0; width: 480px;}
	
	#secondary_nav, #social_media_links_list {clear: both; display: block; float: right; list-style: none; margin: 0 0 10px; padding: 0;}
	#secondary_nav li {border-right: 1px solid #3f3410; display: inline; padding: 0 8px 0 3px; .padding: 0 5px 0 8px;}
		#secondary_nav li.last {border: none; padding: 0 0 0 3px; .padding: 0 0 0 8px;}
	#social_media_links_list li {display: inline; float: right; padding: 0 0 0 8px;}

#footer h2 {margin: 0;}

#fc_logo {
	background: url(./images/fc_logo.png);
	clear: both;
	display: block;
	float: right;
	height: 36px; width: 157px;
	margin: 20px 0 0;
	text-indent: -9999px;
}


/*------------------ 3g. Breadcrumbs --------------------*/

#breadcrumbs {
    background: url(./images/trans_black.png);
    margin: 0 0 10px 0;
	min-height: 30px;
	padding: 10px;
}

	#breadcrumbs_trail a {
		background: url(./images/trans_black.png);
		border: none;
		display: block;
		float: left;
		margin-right: 10px;
		padding: 5px 15px 5px 10px;
		text-decoration: none;
	}
	
		#breadcrumbs_trail a:hover {background: #d6b12e; color: #000;}

		#printable a, #page_qr a {margin: 7px 3px; padding: 0;}
		#printable a:hover {background: url(/sr/images/print_page.png) !important;}
		#page_qr a:hover {background: url(/sr/images/qr_code.png) !important;}
	
/*-------------- 3h. Courtesy Nav ------------------*/

#courtesy_nav {
	background: url(./images/courtesy_nav_bg.png) no-repeat;
	list-style: none;
	margin: 0 0 0 -30px; padding: 60px 0 20px 30px;
	width: 340px;
}
	
	#courtesy_nav li a {
		background: url(./images/courtesy_nav_item.png) no-repeat; 
		display: block; 
		font-size: 1.1em; 
		height: 35px; width: 250px; 
		margin: 0 0 5px; 
		padding: 15px 45px 0 15px;
		text-decoration: none;
	}
	
		#courtesy_nav li a:hover {background-position: 0 -50px; color: #fff; text-decoration: none;}
		
		#courtesy_nav li.active a {color: #fff;}


/*--------------------------------------------------
------------------ 4. CSS MENU ---------------------
--------------------------------------------------*/

/* ------ Menu Setup ------ */

.menu, .menu ul {
	cursor: pointer;
	display: block; 
	list-style: none; 
	margin: 0px;
	padding: 0px; 
	position: relative;
	text-align:left; 
	z-index: 1999; 
}
.menu li {float: left;}
.menu li:hover {position: relative; z-index: 1999;}
.menu li:hover>ul {display: block; position: absolute;}
.menu ul li {clear: both; display: block;}

/* 1st Level Vertical Centering */
.menu .cssnavlevelone {height: 50px; vertical-align: middle;}
img.cssnavlevelone {border: 0; display: none;}

/* ------ Container Positioning ------ */

/* 1st level*/
.menu li ul {display: none;}

/* 2nd level (needs nothing if horizontal) */
.menu ul li ul {border-top: none;}

/* 3rd+ level */
.menu li ul li ul {margin-left: 170px; margin-top: -30px;}

/* ------- Menu Styling ----------*/

/* 1st level styles (".menu ul a" for vertical | ".menu a" for horizontal) */
.menu a {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 15px; 
	text-decoration: none;
}

/* 2nd+ level styles */
.menu li ul li a {
	background: url(./images/trans_black80.png);
	border-left: none;
	font-size: 12px;
	font-weight: normal; 
	padding: 5px 10px 5px; 
	width: 150px;
}

/* ------- Hover Styling ----------*/

/* 1st level rollovers */
#navbar li:hover>a {
	background: url(./images/trans_black80.png);
	color: #d6b12e; 
	cursor: pointer; 
	display: block;
}

/* 1st level active page button color or bg */
#navbar li a.active {background: url(./images/nav_button_hover.jpg); color: #d6b12e;}

/* 1st level active page rollover, if desired to be different */
#navbar li:hover>a.active {background: #000;}

/* 2nd+ level rollovers (if desired) */
#navbar li ul li:hover>a, #navbar li ul li:hover>a.firstsubitem {background: #000; cursor: pointer; display: block;}

/* 2nd+ level active page button color or bg */
#navbar li ul li a.active {background: #000;}

/* 2nd+ level active page rollover, if desired to be different */
#navbar li ul li:hover>a.active {background: #000;}

/* ------- Graphic Menu ------*/

#navbar a.cssnavlevelone {position: relative; height: 50px; overflow: hidden; display: block;}
#navbar .navimg {position: relative;}
#navbar .firstlevel:hover>a.cssnavlevelone img, .firstlevel:hover>a.first img {top: -50px;}

/* active states */
#navbar a.active img {top:-100px;}

/* --- don't show ie6 text --- */
#navbar span {display:none;}

/* --- IE6 undo graphic menu --- */
* html #navbar .navimg {display:none;}
* html #navbar span {display:inline;}
* html #navbar a.cssnavlevelone {overflow:visible; padding:0px 10px;}

/*---------- ie6 MAIN MENU hacks -----------*/

/* first level rollovers (".menu" for vertical | "#navbar" for horizontal) */
* html #navbar a:hover {background:; color:#ffffff;}

/* sub level rollovers (if desired) */
* html #navbar table a:hover {background: #bbb; color: #ffffff;}

* html .menu {display:inline-block;}
* html .menu li a {display:block;float:left;}
* html .menu table a {border:0px;}
* html .menu li ul {display:block;position:absolute;visibility:hidden;}

* html .menu iframe {position:absolute; left:-9999px; top:-9999px; border:0px; width:0px; height:0px; margin:0px; padding:0px; list-style:none;display:none;visibility:hidden;}

/* correct position issue */
* html .menu li a table {position:relative;left:-9px;top:-1px;}
* html .menu li a table li a table {position:relative;left:-12px;top:9px;}

/* correct table border issue */
* html .menu table {border-collapse:collapse;}

/* enter as many levels as you wish to support */
* html .menu a:hover ul ul {visibility:hidden;}
* html .menu a:hover table table iframe {visibility:hidden;}
* html .menu a:hover ul a:hover ul ul {visibility:hidden;}
* html .menu a:hover ul ul a:hover table table iframe {visibility:hidden;}
* html .menu a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
* html .menu a:hover ul a:hover ul a:hover table table iframe {visibility:hidden;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover table table iframe {visibility:hidden;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover ul a:hover table table iframe {visibility:hidden;}
* html .menu a:hover ul a:hoverul a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
* html .menu a:hover ul a:hoverul a:hover ul a:hover ul a:hover ul a:hover table table iframe {visibility:hidden;}
* html .menu a:hover ul a:hover ul a:hoverul a:hover ul a:hover ul a:hover ul a:hover ul ul {visibility:hidden;}
* html .menu a:hover ul a:hover ul a:hoverul a:hover ul a:hover ul a:hover ul a:hover table table iframe {visibility:hidden;}

* html .menu a:hover ul {visibility:visible;z-index:2000;}
* html .menu a:hover table iframe {left:expression(this.nextSibling.offsetLeft);top:expression(this.nextSibling.offsetTop);width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight); filter:alpha(opacity=0);display:block;visibility:visible;}
* html .menu a:hover ul a:hover ul {visibility:visible;}
* html .menu a:hover ul a:hover table iframe {left:expression(this.nextSibling.offsetLeft);top:expression(this.nextSibling.offsetTop);width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight); filter:alpha(opacity=0);display:block;visibility:visible;}
* html .menu a:hover ul a:hover ul a:hover ul {visibility:visible;}
* html .menu a:hover ul a:hover ul a:hover table iframe {left:expression(this.nextSibling.offsetLeft);top:expression(this.nextSibling.offsetTop);width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight); filter:alpha(opacity=0);display:block;visibility:visible;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover table iframe {left:expression(this.nextSibling.offsetLeft);top:expression(this.nextSibling.offsetTop);width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight); filter:alpha(opacity=0);display:block;visibility:visible;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover ul a:hover table iframe {left:expression(this.nextSibling.offsetLeft);top:expression(this.nextSibling.offsetTop);width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight); filter:alpha(opacity=0);display:block;visibility:visible;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility:visible;}
* html .menu a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul a:hover table iframe {left:expression(this.nextSibling.offsetLeft);top:expression(this.nextSibling.offsetTop);width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight); filter:alpha(opacity=0);display:block;visibility:visible;}


/*--------------------------------------------------
------------------ 5. Calendar ---------------------
--------------------------------------------------*/

/* ----------- CSS Tooltip ------------*/
a.tt {position: relative; text-decoration: none;}
a.tt span.tooltip {display: none;}
a.tt:hover span.tooltip {
    background: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: left;
    top: 15px; left: 15px;
    width: 200px;
    z-index: 101;
    	border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
}
/* ----------- JS Tooltip ------------*/
.boxoverbody {
    background: #000;
    width: 200px;
    font-size: .75em;
    display: inline-block;
    padding: 10px 15px;
    	border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
}

.CalOverTitle {font-weight: bold; color: #d6b12e;}

/* ----------- Mini Cal Styles ------------*/

#calendartable td a {display: block; height: 25px; text-align: center;}
#calendartable td a:hover {background: #d6b12e; z-index: 1;}
#calendartable .emptyday a:hover {background: transparent;}

#calnav {text-align: right;}

/* ----------- MAIN Cal Styles ------------*/

#maincal {display: block;}
#mainCal td {font-size: 12px; padding: 5px 10px; width: 14%; vertical-align: top;}

#ajaxCal span.ContentSubHeader, #ajaxCal h2 {display: inline; line-height: 1; .float: left; .line-height: 1.2; .margin: -20px 0 0 8px;}

#mainCal .WeekendDay A, A.CalendarWeekendDayLink {color:#d6b12e;}
#mainCal .WeekDay A, A.CalendarWeekDayLink {color: #d6b12e;}
#mainCal .ToDay A, A.CalendarToDayLink {color: #d6b12e;}

#mainCal .ToDay A:HOVER, #mainCal .WeekDay A:HOVER, #mainCal .WeekendDay A:HOVER {color: #fff; z-index: 1;}

/* ----------- Inside Each Day ------------*/

img.caldot {border: 0px; padding-right: 2px; vertical-align: middle;}
.calEventName {margin-bottom: 3px;}

.ToDay {background: #000;}
.WeekendDay, .WeekDay {background: url(./images/trans_black.png); border: 1px solid rgba(0,0,0,.3);}

.CalendarDayNumber, .CalendarCurrentDayNumber  {color: #fff;}

.ColumnHeader {color: #fff; background: #000; font-weight: bold; padding: 5px;}


/*--------------------------------------------------
-------------- 6. GLOBAL FRONT END -----------------
--------------------------------------------------*/

#pagination a {
	border: 1px solid #000; 
	font-weight: bold; 
	line-height: 2em; 
	padding: 3px 5px; 
	text-decoration:none;
}
#pagination a:hover {background: #000; border: 1px solid #000;}
#pagination .OnPageNumber {border: 1px solid transparent; color: #fff;}

form {margin: 0px; padding: 0px;}
input, select {margin-bottom: 5px; margin-right: 10px; vertical-align: middle;}

.PicOff {border: 5px solid #000; margin: 5px; vertical-align: middle;}
.PicOn {border: 5px solid #d6b12e; margin: 5px; vertical-align: middle;}

.GraphBar {background: #d6b12e; margin: 0 10px;}

.RequiredFieldLabel {color:; font-weight: bold;}
.SmallNote {font-size: 75%; font-style: italic;}
 
table td.top, table th.top, #mainCal td {vertical-align:top;}
table.contentTable, table.itemTable {width:100%;} 
.contentTable td, .itemTable td {border-bottom: 1px solid #000; text-align: left;}
.contentTable th {color: #fff; border-bottom: 2px solid #000; text-align: left;}
.contentTable th strong, .itemTable th strong {font-size: 100%;}
.contentTable th span {font-size: 100%; font-weight: normal;}
.contentTable td, .contentTable th, .itemTable td, .itemTable th {padding: 5px;}
.itemTable th {border-bottom: 1px solid #000;color: #fff;padding-right: 20px;text-align: right;width: 100px;}
.contentTable tr:hover td {background:url(/sr/images/datahoverbg.png)}
.itemTable td, .itemTable th, .contentTable td, .contentTable th {vertical-align:middle;}
.itemTable tr.last td, .contentTable tr.last td, .itemTable tr.last th, .contentTable tr.last th {border-bottom:none;}
table td.center, table th.center {text-align:center;}
table td.right, table th.right {text-align:right;}
.tdcheckbox {width:75px;text-align:center;}
 
fieldset {
 border:1px solid #000;
 padding:0px 15px 15px 15px;margin:20px 0;
}
fieldset legend { color:#fff; font-weight:bold; font-size: 120%; }

.borderbox {border: 1px solid #000; padding: 5px;}
.iconlink {margin: 0 5px;}

.submitbutton, .smallbutton, .smallselect, .smallinput {
	background: #fff url(/sr/images/buttonbg.jpg) repeat-x;
	border: 1px solid #ccc;
	color: #222;
	font-family: "trebuchet ms"; 
	font-size: 12px; 
	font-weight: bold;
	letter-spacing: 0px; 
	margin:1px; 
	padding: 0px 7px; 
	overflow: visible; 
	vertical-align: middle; 
}
.smallbutton, .smallselect, .smallinput {font-size: 10px; font-weight: normal; padding: 2px; text-transform: uppercase;}
.smallinput {background-image: none;}
.smallbutton, .submitbutton {cursor: pointer;}
.smallselect {border: none;}

#editorbg>td {background: #fff;}
#editorbg td {color: #000;}

#help, .help {margin-bottom:10px;padding:10px;background:#ffffcc;border:2px solid #dddb54;color: #000;line-height:1em;}
#help ol {margin-top:3px;margin-bottom:3px;}
#error, .error {background-color: #fbe3e4; border: 3px solid #FBC2C4; color: #BB0000;
font-size: 11px; margin-bottom: 20px; padding: 5px;}
#error ul, .error ul {margin:0px;margin-left:15px;padding:0px;}
#success, .success {margin-bottom:10px;padding:10px;background-color:#E6EFC2;border:2px solid #C6D880;color:#529214}

/* --- END GLOBAL FRONT-END --- */


/*--------------------------------------------------
------------------  Marquee Box  -------------------
--------------------------------------------------*/
 
.marquee-rotator #timer {left: 0; height: 4px; background: #000; filter: alpha(opacity=60); opacity: 0.6;}
 
.marquee-rotator .button-over {background: #fff;}
 
/* --- FOR BUTTON NAV CENTERING (to absolutely position, comment this out) --- */
/* ---.marquee-rotator .c-panel {width:100%;}
.marquee-rotator .thumbnails {margin:0px auto;}--- */
/* --- FOR BUTTON NAV CENTERING (to absolutely position, comment this out) --- */
 
.marquee-rotator .c-panel {bottom: 10px; right: 10px; position:absolute;}
 
#rotator-tooltip .tt-img {border: 2px solid #fff; margin: 4px 0;}
 
/*----- PREV & BACK BUTTONS -----*/
 
.marquee-rotator .prev-btn, .marquee-rotator .next-btn {
 display:block;
 height:50px; width:50px; 
 margin: 5px; 
 position: absolute;
 text-align: center;
 text-indent:-9999px;
 z-index: 11;
}
 
.marquee-rotator .prev-btn {background:url(/sr/images/marquee_controls.png) 0 -50px; top: 40%; left: 0px;}
.marquee-rotator .next-btn {background:url(/sr/images/marquee_controls.png) -50px -50px; top:40%; right: 0px;}
 
.marquee-rotator .prev-btn:hover {background:url(/sr/images/marquee_controls.png) 0 0;}
.marquee-rotator .next-btn:hover {background:url(/sr/images/marquee_controls.png) -50px 0;}
 
/*------ PAGINATION -----*/
 
.marquee-rotator .thumbnails li {
 background: url(/sr/images/marquee_controls.png) -20px -100px; 
 height: 15px; width: 15px;
 margin: 3px;  /* --- keep margin even on both left and right --- */
 text-align: center;
}
 
.marquee-rotator .thumbnails ul li a img {width:200px;}
 
.marquee-rotator .thumbnails li:hover {background: url(/sr/images/marquee_controls.png) -40px -100px;}
.marquee-rotator .thumbnails li.curr-thumb {background: url(/sr/images/marquee_controls.png) -80px -100px;}
.marquee-rotator .thumbnails li.curr-thumb:hover {background: url(/sr/images/marquee_controls.png) -60px -100px;}
 
/* --- END Marquee Box --- */