/*------------- Design #1316-------------

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

Text Color ........................ 706b54
Link Color ........................ 984b00
BG Color (beige) .................. e9e7dc
Navbar Border ..................... cbc7b3
Subpage Content BG ................ f9f8f4
Basement Color (dark brown) ....... 2a2519
Basement Borders .................. 3b3523
Basement Links .................... 98937b
hr / lines ........................ e0dcc9
Input BG .......................... fff

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


/*--------------------------------------------------
  Global Styles 
--------------------------------------------------*/

/* Make IE10 "snap-mode" behave with RWD */
@-ms-viewport{width: device-width;}

@import url(https://fonts.googleapis.com/css?family=Lato:900,400italic);

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

html {background: #2a2519;}

body {
	background: #e9e7dc;
	color: #706b54;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Arial', sans-serif;
	font-size: 100%;
	line-height: 1.7;
	word-wrap: break-word;
}

a {color: #984b00; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}

address {font-style: normal;}

blockquote {margin: 1em 40px;}

h1, .ContentHeader {color: #2a2519; font-family: 'Lato'; font-size: 2em; font-weight: 900;}
h2, .ContentSubHeader, .SidebarLabel {color: #2a2519; font-family: 'Lato'; font-size: 1.5em; font-weight: 900;}
h2>a {color: #2a2519; font-weight: 900;}
h2.inline {line-height: 1.25;}
h3 {color: #2a2519; font-family: 'Lato'; font-size: 1.25em; font-weight: normal;}

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


@media screen and (max-width: 30em) {
	body {font-size: .9em; -webkit-text-size-adjust: none;}
}


/*--------------------------------------------------
  Wrapper 
--------------------------------------------------*/

#wrapper {font-size: .8125em; margin: 0 auto; width: 980px;}


/*--------------------------------------------------
  Header 
--------------------------------------------------*/

#header_container {float: left; width: 100%;}

	#header {margin: 0 auto; overflow: hidden; padding: 30px 0; width: 980px;}
	
		#header h1 {margin: 0;}
	
		#logo {
			display: block;
			float: left;
			line-height: 0;
		}
		
			#logo > img {max-width: 100%;}
		
		#services {
			float: right;
			margin-top: 5px;
			max-width: 450px;
			text-align: right;
		}
		
			#services h2 {
				color: #2a2519;
				font-family: 'Lato';
				font-size: 1.5em;
				line-height: 1;
				margin: 0;
			}
				
				#services h2 > span {color: #984b00; font-style: italic; font-weight: 400;}
			
			#services div {color: #2a2519; font-size: .8125em; margin: 10px 0 0;}
	

@media screen and (max-width: 61.25em) {
	#header {padding: 3%; max-width: 100%;}
	#logo {margin-left: 0; text-align: center; width: 100%;}
	#services {clear: left; float: left; text-align: center; margin-top: 3%; margin-left: 0; max-width: 100%; width: 100%;}
	#services div {margin-top: 1%;}
}
@media screen and (max-width: 48em) {
	#services {margin-top: 4%;}
	#services div {margin-top: 1.5%;}
}
@media screen and (max-width: 30em) {
	#header {padding: 5%;}
	#services {margin-top: 6%;}
}
@media screen and (max-width: 20em) {
	#services {margin-top: 8% 4%;}
}


/*--------------------------------------------------
  Navbar 
--------------------------------------------------*/

#navbar_container {clear: both; height: 45px; width: 100%;}

	#navbar {
		border-top: 1px solid #cbc7b3; 
		margin: 0 auto; 
		position: relative; 
		width: 980px;
	}
		
/* Use these styles to override navbar_standard elements, if necessary */
.nav_button_login { padding: 12px 15px 12px 0 !important;}
.nav_button_search {padding: 12px 15px 12px 0 !important;}
.nav_button_navpanel {padding: 12px 0 12px 15px !important;}
#nav_login {font-size: 13px !important;}
/* #nav_site_search {background: #444 !important;} */
/* #nav_login:before {border-bottom-color: #444 !important;} */
/* #nav_site_search:before {border-bottom-color: #444 !important;} */


@media screen and (max-width: 61.25em) {
	#navbar {width: 96%;}
	.menu {display: none !important;}
	.nav_button_navpanel {display: block !important;}
}
@media screen and (max-width: 48em) {
	#navbar {width: 94%;}
}


/*--------------------------------------------------
  Primary 
--------------------------------------------------*/

#primary {clear: both; margin: 0 auto 20px; overflow: hidden; width: 980px;}


@media screen and (max-width: 61.25em) {
	#primary {margin-bottom: 2%; width: 96%;}
}
@media screen and (max-width: 48em) {
	#primary {width: 94%;}
}
@media screen and (max-width: 47em) {
	#primary {margin-bottom: 3%;}
}


/*--------------------------------------------------
  Marquee 
--------------------------------------------------*/

#flashbox_wrap {float: left; width: 620px;}


@media screen and (max-width: 61.25em) {
	#flashbox_wrap {width: 63.3%;}
}
@media screen and (max-width: 47em) {
	#flashbox_wrap {margin-bottom: 1.5%; width: 100%;}
}
@media screen and (max-width: 29em) {
	#flashbox_wrap {margin-bottom: 2%;}
}


/*--------------------------------------------------
  Image Links 
--------------------------------------------------*/

#image_links {
	float: right;
	width: 350px;
	list-style: none;
	margin: 0; padding: 0;
}
	
	#image_links li {float: left; line-height: 0; width: 170px;}
	
	#image_links a {line-height: 0;}
	
	#image_link1 {margin: 0 10px 10px 0;}
	#image_link3 {margin: 0 10px 0 0;}
	
		#image_links img {height: auto !important; width: 100% !important;}


@media screen and (max-width: 61.25em) {
	#image_links {width: 35.7%;}
	#image_links li {width: 48.5%;}
	#image_link1 {margin: 0 3% 3% 0;}
	#image_link3 {margin: 0 3% 0 0;}
}
@media screen and (max-width: 47em) {
	#image_links {width: 100%;}
	#image_links li {width: 23.8%;}
	#image_link1, #image_link2, #image_link3 {margin: 0 1.6% 0 0;}
}
@media screen and (max-width: 29em) {
	#image_links {width: 100%;}
	#image_links li {width: 49%;}
	#image_link1 {margin: 0 2% 2% 0;}
	#image_link2 {margin: 0;}
	#image_link3 {margin: 0 2% 0 0;}
}


/*--------------------------------------------------
  Basement 
--------------------------------------------------*/

#basement_container {background: #2a2519; clear: both; width: 100%;}
	
	#basement {
		font-size: .75em;
		margin: 0 auto;
		overflow: hidden;
		width: 960px; 
	}
	
		#basement a {
			color: #98937b;
			-webkit-transition: color .1s linear;
			-moz-transition: color .1s linear;
			transition: color .1s linear;
		}
			#basement a:hover {color: #e9e7dc; text-decoration: none;}


/* ---------- Meta Bar 1 -------------*/

#meta_bar1 {
	border-bottom: 1px solid #3b3523; 
	float: left; 
	padding: 10px 0 6px; 
	width: 960px;
}

	#secondary_nav {
		float: left;
		list-style: none; 
		margin: 6px 0 0; padding: 0;
	}
		#secondary_nav li {
			border-left: 1px solid #3b3523; 
			display: inline;
			padding: 0 5px 0 8px;
		}
		
			#secondary_nav li.first {border: none; padding-left: 0;}
			
		#secondary_nav li a {color: #98937b;}
		#secondary_nav li a:hover {color: #e9e7dc;}
	
	#basement_social_media {float: right;}
	
	#social_media_links_list {list-style: none; margin: 0; padding: 0;}
	
		#social_media_links_list li {float: left; margin: 3px 0 0;}
		#social_media_links_list li a {padding-right: 7px; .padding-right: 2px;}


/* ---------- Meta Bar 2 -------------*/

#meta_bar2 {
	clear: both;
	float: left;
	width: 960px;
	padding: 30px 0;
}

	#mini_site_map {
		float: left; 
		width: 600px; 
		margin-left: -15px;
		overflow: hidden;
	}

		#mini_site_map ul {
			float: left; 
			min-height: 100%; width: 120px;
			list-style: none; 
			margin: 0 0 30px; 
			padding: 0 15px;
		}
					
		#mini_site_map ul li a {
			clear: left; 
			color: #98937b; 
			float: left; 
			font-weight: normal;
		}
		
		#mini_site_map ul li.mini_sitemap_list_first {margin: 0 0 10px;}
		#mini_site_map ul li.mini_sitemap_list_first a {
			color: #e9e7dc; 
			font-family: 'Lato'; 
			font-size: 1.25em; 
			font-weight: 900;
			text-transform: uppercase;
		}
	
	#when_and_where {float: right; width: 330px;}
	
		#map {
			background: #3b3523;
			float: left;
			height: 90px; width: 90px; 
			padding: 10px;
		}
		
			div.gmnoprint {display: none;}
	
		#service_times {
			float: left;
			height: auto;
			width: 180px;
			max-height: auto;
			overflow: hidden;
			padding: 0 20px;
		}
		
			#service_times h2 {
				color: #e9e7dc; 
				font-size: 1.25em; 
				margin: 0 0 10px; 
				text-transform: uppercase;
			}


@media screen and (max-width: 61.25em) {
	#basement {width: 96%;}
	#meta_bar1, #meta_bar2 {width: 100%;}
	#meta_bar2 {padding: 3% 0;}
	#mini_site_map {margin: 0; width: 64%;}
	#mini_site_map ul {margin: 0; padding: 0 3% 0 0; width: 22%;}
	#when_and_where {width: 36%; margin-bottom: 2%; padding: 0 0 0 3%;}
	#map {display: none;}
	#service_times {padding: 0; width: 100%;}
}
@media screen and (max-width: 52em) {
	#mini_site_map ul {width: 30.3%;}
}
@media screen and (max-width: 48em) {
	#basement {width: 94%;}
}
@media screen and (max-width: 42.5em) {
	#mini_site_map ul {width: 47%;}
	#when_and_where {padding: 0;}
}
@media screen and (max-width: 30em) {
	#secondary_nav {display: none;}
	#basement_social_media {float: left;}
	#mini_site_map {display: none;}
	#when_and_where {width: 100%;}
}	

/*--------------------------------------------------
  Footer 
--------------------------------------------------*/

#footer_container {background: #2a2519; border-top: 1px solid #3b3523; clear: both; width: 100%;}

	#footer {font-size: .75em; margin: 0 auto; width: 960px; padding: 10px 0;}
	
		#footer a {
			color: #98937b;
			-webkit-transition: color .1s linear;
			-moz-transition: color .1s linear;
			transition: color .1s linear;
		}
			#footer a:hover {color: #e9e7dc; text-decoration: none;}
		
		#footer address {float: left; width: 94%;}
		
		#footer h2 {margin: 0;}
		
		#fc_logo {
			background: url(./images/fc_logo.png);
			display: block;
			float: right;
			height: 30px; width: 40px;
			text-indent: -9999em;
		}
		
			#fc_logo:hover {background-position: 0 -30px;}


@media screen and (max-width: 61.25em) {
	#footer {width: 96%;}
	#footer address {width: 88%;}
}
@media screen and (max-width: 48em) {
	#footer {width: 94%;}
	#footer address {width: 88%;}
}
@media screen and (max-width: 48em) {
	#footer address {width: 100%;}
	#fc_logo {float: left; margin: 3% 0;}
}


/*--------------------------------------------------
  Subpage 
--------------------------------------------------*/

#sub_primary {
	background: #f9f8f4;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	font-size: .8125em;
	margin: 0 auto 20px;
	padding: 10px;
	width: 980px;
}

#sub_marquee {height: 180px; width: 960px; margin-bottom: 10px;}

#main {border-right: 1px solid #e0dcc9; float: left; width: 640px; padding: 10px 30px 20px 20px;}
	
#main_sans {padding: 10px 20px 30px;}

#sidebar {border-left: 1px solid #e0dcc9; float: right; width: 321px; margin-left: -1px;}
	
#sans_sidebar {display: none;}

@media screen and (max-width: 61.25em) {
	#sub_primary {margin-bottom: 2%; width: 96%;}
	#main {border: 0; padding: 0 3% 3% 2%; width: 65%;}
	#sidebar {margin-left: 0; padding: 0 0 3%; width: 35%;}
	#main_sans {padding: 0 2% 3%;}
}
@media screen and (max-width: 48em) {
	#sub_primary {width: 94%;}
	#main {padding: 0 2% 3%; width: 100%;}
	#sidebar {border: 0; padding: 0 2% 3%; width: 100%;}
	#sidebar_content {padding: 0 2%;}
}
@media screen and (max-width: 47em) {
	#sub_primary {margin-bottom: 3%;}
}
@media screen and (max-width: 30em) {
	#sub_primary {width: 100%;}
}


/*--------------------------------------------------
  Sidebar 
--------------------------------------------------*/

/* Courtesy Nav */

#courtesy_header {
	background: #984b00;
	color: #f9f8f4; 
	display: block;
	margin: 0;
	padding: 5px 15px 7px;
	text-decoration: none; 
}

#courtesy_nav {list-style: none; margin: 0 0 10px; padding: 0;}

	#courtesy_nav li a {
		border-bottom: 1px solid #e0dcc9;
		display: block;
		font-weight: bold;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition: background .1s linear, color .1s linear;
		-moz-transition: background .1s linear, color .1s linear;
		transition: background .1s linear, color .1s linear;
	}
	
		#courtesy_nav li a:hover {
			background: #e0dcc9;
			color: #2a2519;
			text-decoration: none;
		}
		
		#courtesy_nav li.active a {color: #2a2519;}
	

/* Sidebar Content */

#sidebar_content {padding: 10px 20px 10px;}


/* Attached Quick Survey */	

#poll_header {
	background: #984b00;
	color: #f9f8f4; 
	display: block;
	margin: 10px 0 0;
	padding: 5px 15px 7px;
	text-decoration: none; 
}
	
#poll {padding: 20px;}

	#poll .SidebarLabel {display: none;}
	
	#poll .SidebarLabel b {font-weight: normal;}


/*--------------------------------------------------
  Breadcrumbs 
--------------------------------------------------*/

#breadcrumbs {
	background: url(./images/breadcrumbs_icon.png) no-repeat top left;
   	border: 1px solid #e0dcc9;
   	clear: both;
   	font-size: 12px;
	padding: 10px 10px 8px 12px;
}

	#breadcrumbs a {font-weight: bold !important;}
	#printable a, #page_qr a, .addthis_toolbox a {border: 0; margin: 2px; padding: 0;}
	

/* MEDIA QUERIES */

@media screen and (max-width: 47em) {
	#page_qr, #printable, .addthis_toolbox {display: none;}
}

@media screen and (max-width: 29em) {
	#breadcrumbs {border: 0; height: 0; padding: 0; overflow: hidden;}
}


/*--------------------------------------------------
  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 {float: left; max-width: 900px;}
.menu li {float: left;}
.menu li:hover>ul {display: block; position: absolute;}
.menu ul li {clear: both; display: block;}

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

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

/* 1st level*/
.menu li ul {background: #2a2519; border-radius: 0 3px 3px 3px; display: none; padding: 7px;}

/* 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: -35px;}

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

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

/* 2nd+ level styles */
.menu li ul li a {
	background: #2a2519;
	color: #98937b;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em; 
	padding: 5px 10px 5px; 
	width: 150px;
	-webkit-transition: background-color .1s linear, color .1s linear;
	-moz-transition: background-color .1s linear, color .1s linear;
	transition: background-color .1s linear, color .1s linear;
}
	
	.menu li ul li:first-child a {border-top: 0;}

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

/* 1st level rollovers */
#navbar li:hover>a {background: #2a2519; cursor: pointer; display: block;}

/* 2nd level rollovers (if desired) */
#navbar li ul li:hover>a {background: #984b00; color: #e9e7dc; cursor: pointer; display: block;}

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

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

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

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

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

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


/*--------------------------------------------------
  Calendar 
--------------------------------------------------*/

/* ----------- Tooltip Functionality ------------*/

a.tt {position: relative; text-decoration: none;}
a.tt span.tooltip {display: none;}
a.tt:hover span.tooltip, .boxoverbody {display: block; position: absolute; width: 200px; z-index: 101;}
a.tt:hover span.tooltip {top: 15px; left: 15px;} /* No JS */

/*----------- Tooltip Styles --------------*/

a.tt:hover span.tooltip, .boxoverbody {
	background: #f9f8f4; 
	border: 2px solid #e9e7dc; 
	border-radius: 5px; 
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	font-size: 12px; 
	font-weight: normal; 
	padding: 10px 15px; 
	text-align: left;
}

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

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

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

#calnav {margin: 0 0 10px;}

#calendartable .CalendarDayNumber, #calendartable.CalendarCurrentDayNumber  {font-size: 10px; margin: 0;}

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

#mainCal {
	border-collapse: collapse; 
	clear: both; 
	table-layout: fixed; /* Fix word-wrap in IE */
}

#mainCal td {
	border-collapse: collapse;
	max-width: 0; /* Keep table cells consistent */
	padding: 0;
	vertical-align: top;
	width: 14%;
	word-wrap: break-word;
}

#mainCal td.ColumnHeader {padding: 5px;}

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

img.caldot {border: 0px; padding-right: 2px; vertical-align: middle;}
#mainCal img.caldot {display: none;} /* Remove dot from main calendar */

div.calEventName {line-height: 1.3 !important;}

#mainCal a.tt {
	background: #e0dcc9;
	border-radius: 3px;
	color: #2a2519;
	display: block;
	font-size: 10px; 
	line-height: 1.5;
	margin: 3px; 
	padding: 3px 5px;
	-webkit-transition: background .1s linear, color .1s linear;
	-moz-transition: background .1s linear, color .1s linear;
	transition: background .1s linear, color .1s linear;
}
	
	#mainCal .ToDay a.tt {background: #f9f8f4;}
	
	#mainCal a.tt:hover, #mainCal .ToDay a.tt:hover {background: #984b00; color: #f9f8f4; z-index: 1;}

.ToDay, .WeekendDay, .WeekDay {
	border: 1px solid #e0dcc9; 
	border-top: none; 
	.border-top: 1px solid #e0dcc9;
}

	.ToDay {background: #e0dcc9;}

.emptyday, .EmptyDay {
	background: none; 
	border: 1px solid #e0dcc9;
	.border: none;
	border-top: none; 
}

.CalendarDayNumber, .CalendarCurrentDayNumber  {color:; font-weight: normal; margin: 2px 5px;}

.ColumnHeader {color: #f9f8f4; background: #2a2519; font-weight: bold; padding: 5px;}

.SmallNote {font-style: italic; font-size: 80%;}


/*--------------------------------------------------
  Global Front End 
--------------------------------------------------*/

.PicOff {border: 5px solid #e0dcc9; margin: 5px; vertical-align: middle;}
.PicOn {border: 5px solid #984b00; margin: 5px; vertical-align: middle;}

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

.borderbox {border: 1px solid #e0dcc9; padding: 8px;}
.borderbox input {margin: 0 3px 0 0;}
.iconlink {margin: 0 5px;}

a.accordion_header {font-size: 1em !important;}


/*----- Pagination -----*/

#pagination a {
	border: 1px solid #e0dcc9; 
	font-weight: bold; 
	line-height: 2em; 
	padding: 3px 5px; 
	text-decoration:none;
}

	#pagination a:hover {background: #e0dcc9; border: 1px solid #e0dcc9;}
	#pagination .OnPageNumber {border: 1px solid transparent; color: #984b00;}


/*----- Table Styles -----*/

table td.top, table th.top, #mainCal td {vertical-align:top;}
table.contentTable, table.itemTable {border-collapse: collapse; width:100%;} 
.contentTable td, .itemTable td {border-bottom: 1px solid #e0dcc9; text-align: left;}
.contentTable th {color: #706b54; border-bottom: 2px solid #e0dcc9; 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 #e0dcc9; color: #706b54; 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;}


/*----- Form Styles -----*/

form {margin: 0px; padding: 0px;}

fieldset {border:1px solid #e0dcc9;padding:0px 15px 15px 15px;margin:20px 0;}
fieldset legend {color: #706b54; font-weight: bold; font-size: 120%;}

input, select, textarea {background: #fff; border: 1px solid #e0dcc9; color: #706b54; font-size: 12px; margin-bottom: 5px; margin-right: 10px; padding: 5px; vertical-align: middle; -webkit-transition: border .1s linear; -moz-transition: border .1s linear; transition: border .1s linear;}
input:focus, select:focus, textarea:focus {background: #fff; border: 1px solid #984b00;}

input[type=radio], input[type=checkbox] {background: none; border: 0; margin: 0 2px 0 15px;}

.smallselect {background: #f9f8f4;}
.RequiredFieldLabel {color: #2a2519; font-weight: bold;}


/*----- Special Buttons -----*/

.submitbutton, input.submitbutton:focus {
	background: #2a2519;
	border: 1px solid #2a2519;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
	color: #f9f8f4;
	font-family: 'Lato';
	font-size: 1.25em;
	font-weight: 900;
	overflow: visible;
	padding: 5px 10px;
	-webkit-transition: background .1s linear, border .1s linear;
	-moz-transition: background .1s linear, border .1s linear;
	transition: background .1s linear, border .1s linear;
	-webkit-appearance: none;
}

.smallbutton, input.smallbutton:focus, .link_button {
	background: #2a2519;
	border: 1px solid #2a2519;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
	color: #f9f8f4;
	font-family: 'Lato';
	font-weight: bold;
	overflow: visible;
	padding-left: 10px; padding-right: 10px;
	-webkit-transition: background .1s linear, border .1s linear;
	-moz-transition: background .1s linear, border .1s linear;
	transition: background .1s linear, border .1s linear;
	-webkit-appearance: none;
}

.link_button {display: inline-block; text-decoration: none;}
.link_button:hover {text-decoration: none;}

	.submitbutton:hover, .smallbutton:hover, .link_button:hover {background: #984b00; border: 1px solid #984b00;}

	.submitbutton:active, .smallbutton:active, .link_button:active {box-shadow: inset 0 0 5px rgba(0,0,0,.4);}


/*--------------------------------------------------
  Marquee Rotator 
--------------------------------------------------*/

#marquee, #sub_marquee, #marquee img, #sub_marquee img {
	height: auto !important;  
	max-width: 100% !important;
	width: 100% !important;
}

#marquee, #sub_marquee, #marquee-rotator-container, .br-screen {overflow: visible !important;}

.br-img {top: 0 !important; left: 0 !important; width: 100% !important;}
 
/*----- PREV & BACK BUTTONS -----*/
 
.br-side-prev, .br-side-next {
	display: block;
	height: 50px; width: 50px; 
	margin: 5px; 
	position: absolute;
	text-align: center;
	text-indent: -9999px;
	z-index: 11;
}
 
.br-side-prev {background:url(/sr/images/marquee_controls.png) 0 -50px; top: 40%; left: 0px;}
.br-side-next {background:url(/sr/images/marquee_controls.png) -50px -50px; top:40%; right: 0px;}
 
.br-side-prev:hover {background:url(/sr/images/marquee_controls.png) 0 0;}
.br-side-next:hover {background:url(/sr/images/marquee_controls.png) -50px 0;}
 
/*------ PAGINATION -----*/
 
.br-thumbnails li.br-bullet {
	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;
}
 
.br-thumbnails li.br-bullet:hover {background: url(/sr/images/marquee_controls.png) -40px -100px;}
.br-thumbnails li.br-curr {background: url(/sr/images/marquee_controls.png) -80px -100px;}
.br-thumbnails li.br-curr:hover {background: url(/sr/images/marquee_controls.png) -60px -100px;}
 
/* --- END Marquee Box --- */





/*--------------------------------------------------
  Color Swatches
--------------------------------------------------*/

/* Pulled from link color */
.cs_accent_fg {color: #984b00 !important;}
.cs_accent_bg {background-color: #984b00 !important;}
.cs_accent_border {border-color: #984b00 !important;}

/* Pulled from .columnheader bg */
.cs_dark_fg {color: #2a2519 !important;}
.cs_dark_bg {background-color: #2a2519 !important;}
.cs_dark_border {border-color: #2a2519 !important;}

/* Pulled from .columnheader text */
.cs_light_fg {color: #f9f8f4 !important;}
.cs_light_bg {background-color: #f9f8f4 !important;}
.cs_light_border {border-color: #f9f8f4 !important;}

/* Pulled from .borderbox border */
.cs_line_fg {color: #e0dcc9 !important;}
.cs_line_bg {background-color: #e0dcc9 !important;}
.cs_line_border {border-color: #e0dcc9 !important;}

/*--------------------------------------------------
  END Color Swatches
--------------------------------------------------*/