/*--------------- Design 1106 ---------------

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

1. Reset
2. Global Styles
3. Structure
	3a. SubPage
	3b. Header
	3c. Navbar
	3d. Welcome Tabs
	3e. Calendar Module
	3f. Media Module
	3g. News Module
	3h. Footer
	3i. Courtesy Nav
	3j. Breadcrumbs
4. CSS Menu
5. Calendar
6. Global Front End

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

HTML BG ........................... d1d3bd
Link Color (Red) .................. b7080d
Link Color (Blue) ................. 1a236f
Text Color ........................ 8a8d73
Line Color ........................ e1e3d1
1st Lvl Border .................... 222d78
2nd Lvl BG ........................ 172066

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

/*--------------------------------------------------
------------------  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: #1a236f; color: #fff; /* Safari */}
::-moz-selection {background: #1a236f; color: #fff; /* Firefox */}


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

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

html {background: #d1d3bd;}

body {
	background: url(./images/bg_body.jpg) no-repeat top center;
	color: #8a8d73;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	word-wrap: break-word;
}

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

address {font-style: normal;}

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

hr {height: 1px; background: #e1e3d1; color: #e1e3d1; 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 --------------------
--------------------------------------------------*/

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

	#header {height: 125px; width: 940px; position: relative;}
	
	#navbar_container {
		background: url(./images/navbar_bg.png); 
		height: 40px; width: 940px; 
		position: relative; z-index: 21;
	}
	
		#navbar {height: 40px; width: 620px;}

	#primary {
		background: url(./images/primary_repeat.png) repeat-y;
		float: left;
		height: auto; width: 940px;
	}
		
		#main {float: left; height: auto; width: 620px;}
	
			#flashbox {
				background: url(./images/flashbox_bg.png);
				height: 320px; width: 600px; 
				margin: 10px;
			}
			
			#tabs {
				background: url(./images/banner_welcome.png) no-repeat;
				float: left;
				height: auto; width: 600px;
				margin: 0 0 0 10px;
				padding: 40px 0 0;
				position: relative;
			}
			
		#sidebar {float: right; height: auto; width: 320px;}
		
	#primary_bottom {background: url(./images/primary_bottom.png); clear: both; height: 5px; width: 940px;}
	
	#footer {height: 200px; width: 940px;}


/*------------------ 3a. Subpage --------------------*/

#primary_sans_sidebar {
	background: url(./images/primary_sans_repeat.png) repeat-y;
	float: left;
	height: auto; width: 940px;
}

	#primary_sans_bottom {background: url(./images/primary_sans_bottom.png); clear: both; height: 5px; width: 940px;}
	
#sub_flashbox {height: auto; max-width: 600px !important; margin: -10px 0 10px -10px;}

#sub_main {
	float: left; 
	height: auto; width: 580px;
	line-height: 1.7;
	padding: 20px;
}

	#sub_main_sans_sidebar {
		float: left; 
		height: auto; width: 900px;
		line-height: 1.7;
		padding: 20px;
	}
	
#sub_sidebar {
	float: right; 
	height: auto; width: 280px;
	line-height: 1.7;
	padding: 20px;
}
	
	#no_sidebar {display: none;}


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

#header h1 {margin: 0;}

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

/*------------------ 3c. Navbar --------------------*/

#site_search form {position: absolute; top: 8px; right: 10px;}

#site_search fieldset {border: 0; margin: 0; padding: 0;}

.search_field {
	background: none;
	border: 0;
	color: #fff;
	margin: 0; padding: 5px;
	width: 252px;
}

.submit_button {
	background: none;
	border: 0;
	cursor: pointer;
	line-height: 0;
	margin: 0; padding: 4px;
	width: 30px;
	text-indent: -9999px;
}


/*------------------ 3d. Welcome Tabs --------------------*/	
	
#tabs ul {list-style: none; padding: 0; margin: 0;}
	#tab_nav {position: absolute; top: 0; right: 0;}
	#tab_nav li {display: inline; padding: 0;}

	#tab1, #tab2, #tab3 {
		display: block; 
		float: left; 
		height: 40px; 
		text-indent: -9999px;
	}
		
		#tab1 {background: url(./images/tabs_welcome.png); width: 97px;}
		#tab2 {background: url(./images/tabs_welcome.png) -97px 0; width: 94px;}
		#tab3 {background: url(./images/tabs_welcome.png) -191px 0; width: 59px;}
		
		#tab1:hover, #tabs ul li.active #tab1 {background: url(./images/tabs_welcome.png) 0 -40px;}
		#tab2:hover, #tabs ul li.active #tab2 {background: url(./images/tabs_welcome.png) -97px -40px;}
		#tab3:hover, #tabs ul li.active #tab3 {background: url(./images/tabs_welcome.png) -191px -40px;}

	#welcome, #services, #map {
		float: left;
		height: auto; width: 580px;
		padding: 15px 10px
	}
	
	#map, #mapDiv {height:300px;}
				
		
/*------------------ 3e. Calendar Module --------------------*/

#calendar {
	background: url(./images/module_repeat.png);
	height: auto; width: 300px;
	float: right;
	margin: 10px 10px 0 10px;
}

	#calendar_header {
		background: url(./images/module_header_calendar.png);
		height: 40px; width: 300px;
		position: relative;
	}
	
		#calendar_header h2 {display: none;}
	
		.view_all {
			background: url(./images/button_viewall.png);
			height: 22px; width: 72px;
			position: absolute; top: 10px; right: 10px;
			text-indent: -9999px;
		}
		
			.view_all:hover {background-position: bottom;}
			
	#calendar_selector {
		border-top: 1px solid #e1e3d1;
		height: 25px; width: 290px;
		font-size: .75em;
		padding: 5px 10px 0 0;
		text-align: right;
	}
			
	#event_list {margin: 0; padding: 0; list-style: none;}
	
		#event_list li a {
			background: transparent;
			border-top: 1px solid #e1e3d1;
			display: block;
			height: 50px; 
			width: 300px;
			position: relative;
		}
		
			#event_list li a:hover {cursor: pointer; text-decoration: none;}
			#event_list li a:hover .event_title {color: #b7080d;}
	
		.event_date {
			background: url(./images/arrow_calendar.png);
			color: #8a8d73;
			display: block;
			height: 20px; width: 55px;
			padding: 5px 11px 5px 9px;
			position: absolute; top: 10px; left: 10px;
			text-transform: uppercase;
		}
		
		.event_title {color: #1a236f; position: absolute; top: 5px; left: 95px;}
		
		.event_details {
			color: #8a8d73;
			font-size: .75em;
			font-weight: normal;
			position: absolute; top: 22px; left: 95px;
		}
		
	#minicalendar {border-top: 1px solid #e1e3d1; height: auto; width: 280px; padding: 10px;}
		
	.module_footer {background: url(./images/module_bottom.png); height: 5px; width: 300px; margin: -5px 0 0;}

	
/*------------------ 3f. Media Module --------------------*/

#media {
	background: url(./images/module_repeat.png);
	height: auto; width: 300px;
	float: right;
	margin: 10px 10px 0 10px;
}

	#media_header {
		background: url(./images/module_header_media.png);
		height: 40px; width: 300px;
		position: relative;
	}
	
		#media_header h2 {display: none;}
			
	#download_list {margin: 0; padding: 0; list-style: none;}
	
		#download_list li {
			border-top: 1px solid #e1e3d1;
			display: block;
			height: 50px; 
			width: 300px;
			position: relative;
		}
		
			#download_list li a:hover {cursor: pointer; text-decoration: none;}
			#download_list li a:hover .download_title {color: #b7080d;}
		
		.download_title {color: #1a236f; position: absolute; top: 5px; left: 50px;}
		
		.download_details {
			color: #8a8d73;
			font-size: .75em;
			font-weight: normal;
			position: absolute; top: 22px; left: 50px;
		}
		
			.play_link {
				background: url(./images/play_button.png);
				display: block;
				height: 30px; width: 30px;
				position: absolute; top: 10px; left: 10px;
				text-indent: -9999px;
			}
			
				.play_link:hover {background-position: bottom;}
		

/*------------------ 3g. News Module --------------------*/

#news {
	background: url(./images/module_repeat.png);
	height: auto; width: 300px;
	float: right;
	margin: 10px 10px 5px 10px;
}

	#news_header {
		background: url(./images/module_header_news.png);
		height: 40px; width: 300px;
		position: relative;
	}
	
		#news_header h2 {display: none;}
			
	#announcement_list {margin: 0; padding: 0; list-style: none;}
	
		#announcement_list li a {
			background: transparent;
			border-top: 1px solid #e1e3d1;
			display: block;
			height: 50px; 
			width: 300px;
			position: relative;
		}
	
		.announcement_row {
			background: url(./images/arrow_news.png);
			color: #8a8d73;
			display: block;
			height: 20px; width: 20px;
			padding: 5px 8px 5px 12px;
			position: absolute; top: 10px; left: 10px;
			text-transform: uppercase;
		}
		
			#announcement_list li a:hover {cursor: pointer; text-decoration: none;}
			#announcement_list li a:hover .announcement_title {color: #b7080d;}
		
		.announcement_title {color: #1a236f; position: absolute; top: 5px; left: 60px;}
		
		.announcement_details {
			color: #8a8d73;
			font-size: .75em;
			font-weight: normal;
			position: absolute; top: 22px; left: 60px;
		}
		
/*------------------ 3f. Photos Module --------------------*/

#photos {
	background: url(./images/module_repeat.png);
	height: auto; width: 300px;
	float: right;
	margin: 10px 10px 0 10px;
}

	#photos_header {
		background: url(./images/module_header_media.png);
		height: 40px; width: 300px;
		position: relative;
	}
	
		#photos_header h2 {display: none;}
			
	#featured_photo_gallery {
		border-top: 1px solid #E1E3D1;
		display: block;
		height: auto;
		width: 290px;
		overflow: auto;
		padding: 10px 0 0 10px;
	}
	
		#featured_photo_gallery a {border: 5px solid #e1e3d1; display: block; float: left; height: 52px; width: 52px; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
		
			#featured_photo_gallery a:hover {border: 5px solid #4a86ab;}
		
			#featured_photo_gallery a img {position: absolute; top: -10px; left: -10px;}
		
	#featured_photo_gallery .list_title, #featured_photo_gallery .list_row_number {display: none;}
	
	
/*------------------ 3h. Footer --------------------*/

#footer address {float: left; margin: 25px 0 0 20px; width: 280px;}
#sub_menu {float: right; margin: 25px 20px 0 0; width: 580px;}
	
	#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 #8a8d73; 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: 156px;
	margin: 20px 0 0;
	text-indent: -9999px;
}


/*------------------ 3i. Courtesy Nav --------------------*/

#courtesy_nav_container {
	background: url(./images/module_repeat.png) repeat-y;
	height: auto; width: 300px;
	margin: -10px 0 20px -10px;
}

	#courtesy_header {
		background: url(./images/module_header_courtesy.png);
		height: 40px; width: 300px;
		margin: 0;
		position: relative;
		text-indent: -9999px;
	}
	
	#courtesy_nav {list-style: none; margin: 0; padding: 0;}

	#courtesy_nav li a {
		border-top: 1px solid #e1e3d1;
		color: #1a236f;
		display: block;
		height: auto; 
		width: 270px;
		padding: 7px 15px;
		position: relative;
	}
	
		#courtesy_nav li a:hover {color: #b7080d; text-decoration: none;}
	

/*------------------ 3j. Breadcrumbs --------------------*/

#breadcrumbs {
    border: 1px solid #e1e3d1;
    margin: 0 0 10px 0;
	min-height: 30px;
	padding: 10px;
}

	#breadcrumbs_trail a {
		border: 1px solid #e1e3d1;
		color: #8a8d73;
		display: block;
		float: left;
		margin: 0 5px 0 0;
		padding: 5px 10px 5px 10px;
	}
	
		#breadcrumbs_trail a:hover {background: #e1e3d1; color: #b7080d; text-decoration: none;}

		#printable a, #page_qr a {border: none; 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;}


/*--------------------------------------------------
----------------- 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 {margin-left: 10px;}
.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 {padding:; height: 40px; vertical-align: middle;}
.menu a.first {border-left: none;}
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: -32px;}

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

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

/* 2nd+ level styles */
.menu li ul li a {
	background: #172066;
	border-top: 1px solid #222d78;
	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: #172066; cursor: pointer; display:block;}

/* 1st level active page button color or bg */
#navbar li>a.active {background: #172066;}

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

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

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

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

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

/* --- 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: #172066;}

/* sub level rollovers (if desired) */
* html #navbar table a:hover {cursor: pointer; display: block; background: #b7080d;}

* 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: #fff;
	opacity: .9; filter: alpha(opacity=9);
    border: 2px solid #e1e3d1;
    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: #fff;
	opacity: .9; filter: alpha(opacity=9);
	border: 2px solid #e1e3d1;
	display: inline-block;
	font-size: .75em;
    padding: 10px 15px;
	width: 200px;
    	border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
}

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

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

#calendartable td a {display: block; font-weight: normal; font-size: .75em; height: 25px; text-align: center;}
#calendartable td a:hover {background: #e1e3d1; z-index: 1;}
#calendartable .emptyday a:hover {background: transparent;}

#minicalendar .SidebarLabel {font-size: 1.25em; font-weight: bold;}

#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:#1a236f; line-height: 1.5em;}
#mainCal .WeekDay A, A.CalendarWeekDayLink {color: #1a236f; line-height: 1.5em;}
#mainCal .ToDay A, A.CalendarToDayLink {color: #1a236f; line-height: 1.5em;}

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

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

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

.ToDay {background: #e1e3d1; border: 1px solid #e1e3d1;}
.WeekendDay, .WeekDay {border: 1px solid #e1e3d1;}

.CalendarDayNumber, .CalendarCurrentDayNumber  {color: #8a8d73;}

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


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

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

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

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

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

.RequiredFieldLabel {color: #8a8d73; 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 #e1e3d1; text-align: left;}
.contentTable th {color: #8a8d73; border-bottom: 2px solid #e1e3d1; 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 #e1e3d1;color: #8a8d73;padding-right: 20px;text-align: right;width: 100px;}
.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 #e1e3d1;
 padding:0px 15px 15px 15px;margin:20px 0;
}
fieldset legend { color:#8a8d73; font-weight:bold; font-size: 120%; }

.borderbox {border: 1px solid #e1e3d1; 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 --- */