/*--------------- Design 1108 ---------------

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

1. Reset
2. Global Styles
3. Structure
	3a. Sub-Page
	3b. Header
	3c. Media
	3d. News
	3e. Events
	3f. Image Links
	3g. Explore
	3h. Footer
	3i. Breadcrumbs
4. CSS Menu
5. Calendar
6. Global Front End

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

Body Text ......................... 370900
Link Color ........................ 8d3600
hr / Line Color ................... efeee1
Item Details ...................... aeac99
Secondary Nav Dividers ............ cdccbc
Menu Highlights ................... f6f5ee
Menu Shadow ....................... e3e1cc

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

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

@font-face {
	font-family: 'MidoMedium';
	src: url('./fonts/Mido-webfont.eot');
	src: local('â?º'), url('./fonts/Mido-webfont.woff') format('woff'), url('./fonts/Mido-webfont.ttf') format('truetype'), url('./fonts/Mido-webfont.svg#webfontNCLiedwu') format('svg');
	font-weight: normal;
	font-style: normal;
}


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

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

html {background: url(./images/html_bg.jpg);}

body {
	background: url(./images/body_bg.jpg) repeat-x;
	color: #370900;
	font-family: Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.375em;
	word-wrap: break-word;
}

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

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

hr {height: 1px; background: #efeee1; color: #efeee1; 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;}
.semantic {display: none; margin: 0; padding: 0;}


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

#container {background: url(./images/container_bg.jpg) repeat-x; min-height: 100%; width: 100%;}

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

	#header {background: url(./images/header_bg.jpg); height: 190px; width: 960px; position: relative;}
	
	#navbar {background: url(./images/navbar_bg.png); height: 50px; width: 960px;}
	
	#feature {
		background: url(./images/feature_bg.png) repeat-y; 
		height: 320px; width: 960px; 
		position: relative;
	}
	
		#flashbox_wrap {
			background: #efeee1 url(./images/loader.gif) center no-repeat; 
			height: 300px; width: 610px; 
			position: absolute; top: 10px; left: 20px;
		}
		
		#welcome {
			background: url(./images/welcome_bg.png); 
			height: 300px; width: 300px;
			position: absolute; top: 10px; right: 20px;
		}
		
			#welcome_content {
				height: 210px; width: 260px;
				margin: 50px 0 10px 0;
				overflow: auto;
				padding: 20px;
			}
			
	#widgets {
		background: url(./images/widget_repeat.png); 
		float: left; 
		height: auto; width: 960px;
	}
	
		#events {float: left; height: auto; width: 300px; margin: 0 0 0 20px; position: relative;}
		#media {float: left; height: auto; width: 300px; margin: 0 0 0 10px;}
		#news {float: left; height: auto; width: 300px; margin: 0 0 0 10px;}
		
	#widget_bottom {background: url(./images/widget_bottom.png); clear: both; height: 11px; width: 960px;}
	
	#image_links {
		clear: both;
		height: 170px; width: 960px;
		list-style: none; 
		margin: 0; padding: 0;
	}
	
	#explore {background: url(./images/primary_sans_repeat.png) repeat-y; height: auto; width: 960px; padding: 0 0 20px;}
	
	#explore_bottom {background: url(./images/explore_bottom.png); clear: both; height: 20px; width: 960px;}
	
	#footer {clear: both; min-height: 200px; width: 960px;}


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

#primary_top {background: url(./images/primary_top.png); height: 10px; width: 960px;}
#primary_top_sans_sidebar {background: url(./images/primary_sans_top.png); height: 10px; width: 960px;}

#primary {
	background: url(./images/primary_repeat.png);
	float: left;
	height: auto; width: 880px;
	padding: 20px 40px;
}

#primary_sans_sidebar {
	background: url(./images/primary_sans_repeat.png);
	float: left;
	height: auto; width: 880px;
	padding: 20px 40px;
}

#primary_bottom {background: url(./images/primary_bottom.png); clear: both; height: 10px; width: 960px;}
#primary_bottom_sans_sidebar {background: url(./images/primary_sans_bottom.png); clear: both; height: 10px; width: 960px;}

#main {display: inline; float: left; height: auto; width: 570px;}

	#main_sans_sidebar {float: left; height: auto; width: 880px;}

#sidebar {display: inline; float: right; height: auto; width: 260px;}

	#no_sidebar {display: none;}

	#sub_flashbox_wrap {
		background: #efeee1 url(./images/loader.gif) center no-repeat;
		border-top: 10px solid #fff;
		border-bottom: 10px solid #fff;
		float: left;
		height: auto; width: auto;
		margin: -10px 0 10px 0;
	}


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

#header h1 {margin: 0;}

#logo {
	background: url(./images/logo.png) no-repeat;
	display: block;
	height: 90px; width: 529px;
	position: absolute; top: 80px; left: 30px;
	text-indent: -9999px;
}

#site_search {height: 30px; width: 290px; position: absolute; top: 110px; right: 30px;}
	
	#site_search fieldset {border: 0; margin: 0; padding: 0;}
	
	.search_field {
		background: none;
		border: 0;
		color: #370900;
		margin: 0; padding: 8px;
		width: 240px;
	}
	
	.submit_button {
		background: none;
		border: 0;
		cursor: pointer;
		line-height: 0;
		height: 30px;
		margin: 0; padding: 4px;
		width: 30px;
		text-indent: -9999px;
	}
	

/*------------------ 3c. Media --------------------*/

#header_media {
	background: url(./images/header_widgets.png);
	display: block;
	height: 50px; width: 300px;
	margin: 0;
	text-indent: -9999px;
}

	#download_list {/* list-style: none; margin: 0;  */padding: 15px;}
	#download_list li {border-top: 1px solid #efeee1; height: 60px; width: 300px; position: relative;}
	#download_list li.first {border-top: none;}
	#download_list li a {display: block; height: 60px; width: 300px;}
	#download_list li a:hover {background: url(./images/widget_rollover.png) repeat-y; text-decoration: none;}
	#download_list li a:hover .media_title {color: #370900;}
	
	.media_title {position: absolute; bottom: 10px; left: 55px;}
	
	.media_details {
		color: #aeac99;
		font-size: 11px;
		font-weight: normal;
		position: absolute; top: 9px; left: 55px;
	}
	
	#download_list li a.play_link {
		background: url(./images/button_play.png) no-repeat;
		height: 30px; width: 30px;
		position: absolute; top: 15px; left: 10px;
		text-indent: -9999px;
		z-index: 9998;
	}
	
		#download_list li a.play_link:active {background-position: bottom left;}


/*------------------ 3d. News --------------------*/

#header_news {
	background: url(./images/header_widgets.png) -310px 0;
	display: block;
	height: 50px; width: 300px;
	margin: 0;
	text-indent: -9999px;
}

	#announcement_list {list-style: none; margin: 0; padding: 0;}
	#announcement_list li {border-top: 1px solid #efeee1; height: 60px; width: 300px; position: relative;}
	#announcement_list li.first {border-top: none;}
	#announcement_list li a {display: block; height: 60px; width: 300px;}
	#announcement_list li a:hover {background: url(./images/widget_rollover.png) repeat-y; text-decoration: none;}
	#announcement_list li a:hover .news_title {color: #370900;}
	
	.news_title {position: absolute; bottom: 10px; left: 15px;}
	
	.news_details {
		color: #aeac99;
		font-size: 11px;
		font-weight: normal;
		position: absolute; top: 9px; left: 15px;
	}


/*------------------ 3e. Events --------------------*/

#header_events {
	background: url(./images/header_widgets.png) -620px 0;
	display: block;
	height: 50px; width: 300px;
	margin: 0;
	text-indent: -9999px;
}

	#event_list {list-style: none; margin: 0; padding: 0;}
	#event_list li {border-top: 1px solid #efeee1; height: 60px; width: 300px; position: relative;}
	#event_list li.first {border-top: none;}
	#event_list li a {display: block; height: 60px; width: 300px;}
	#event_list li a:hover {background: url(./images/widget_rollover.png) repeat-y;  text-decoration: none;}
	#event_list li a:hover .event_title {color: #370900;}
	
	.event_title {position: absolute; bottom: 10px; left: 15px;}
	
	.event_details {
		color: #aeac99;
		font-size: 11px;
		font-weight: normal;
		position: absolute; top: 9px; left: 15px;
	}
	
#minicalendar {height: auto; width: 277px; padding: 20px 11px 10px 12px;}

	#select_minical {
		background: url(./images/cal_select.png);
		display: block;
		height: 30px; width: 30px;
		position: absolute; top: 10px; right: 40px;
		text-indent: -9999px;
	}
	
	#select_callist {
		background: url(./images/cal_select.png) -30px 0;
		display: block;
		height: 30px; width: 30px;
		position: absolute; top: 10px; right: 10px;
		text-indent: -9999px;
	}
	
		#select_minical:active {background: url(./images/cal_select.png) 0 -30px;}
		#select_callist:active {background: url(./images/cal_select.png) -30px -30px;}


/*------------------ 3f. Image Links --------------------*/

#image_links li {display: inline;}
#image_links li a {display: block; float: left; height: 170px; text-indent: -9999px;}

#image_link1 {background: url(./images/image_links.jpg); width: 245px;}
#image_link2 {background: url(./images/image_links.jpg) -245px 0; width: 235px;}
#image_link3 {background: url(./images/image_links.jpg) -480px 0; width: 235px;}
#image_link4 {background: url(./images/image_links.jpg) -715px 0; width: 245px;}


/*------------------ 3g. Explore --------------------*/

#header_explore {
	background: url(./images/header_explore.png);
	height: 70px; width: 960px;
	margin: 0;
	text-indent: -9999px;
}

	#mini_site_map {display: block; height: auto; width: 900px; margin: 10px 30px 0; overflow: hidden;}

	#mini_site_map ul {
		border-right: 1px solid #efeee1;
		border-left: 1px solid #efeee1;
		display: inline; 
		float: left; 
		height: 100%; width: 104px;
		list-style-image: url(./images/site_map_bullet.png);
		margin: 0 0 0 -1px; 
		padding: 0 15px 0 30px;
	}
	
		#mini_site_map ul:last-child {border: 0;}
	
	#mini_site_map ul li {list-style-position: outside;}
	
	.mini_sitemap_list_first {list-style: none; .list-style-image: none; margin: 0 0 1em -15px;}
	.mini_sitemap_list_first a {color: #370900; font-weight: bold; text-transform: uppercase;}
	.mini_sitemap_list {color: #8d3600; font-weight: normal; text-decoration: none;}
	.mini_sitemap_list:hover {text-decoration: underline;}


/*------------------ 3h. Footer --------------------*/

#address {float: left; margin: 10px 0 0 20px; width: 280px;}
#sub_menu {float: right; margin: 10px 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 #cdccbc; 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: 35px; width: 155px;
	margin: 20px 0 0;
	text-indent: -9999px;
}


/*------------------ 3i. Breadcrumbs --------------------*/

#breadcrumbs {
    background: #efeee1;
    margin: 0 0 30px 0;
	min-height: 30px;
	padding: 10px;
}

	#breadcrumbs_trail a {
		background: #fff url(./images/breadcrumb_endcap.png) right no-repeat;
		border: none;
		display: block;
		float: left;
		padding: 4px 15px 4px 10px;
		text-decoration: none;
	}
	
		#breadcrumbs_trail a:hover {text-decoration: underline;}

	#printable {
		background: url(./images/icon_printer.png);
		display: block;
		float: right;
		height: 16px; width: 16px;
		margin: 7px 0 0 7px;
		overflow: hidden;
	}
	
		#printable a {background: none; text-indent: -9999px;}
		
	#rss {
		background: url(./images/icon_feed.png);
		display: block;
		float: right;
		height: 16px; width: 16px;
		margin: 7px 0 0 0;
		text-indent: -9999px;
	}

	/* --- icon fix --- */
	#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;}

/*--------------------------------------------------
----------------- 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: 20px;}
.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: 50px; vertical-align: middle;}
img.cssnavlevelone {border: 0; display: none;}

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

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

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

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

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

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

	.menu a.first {border-left: none;}
	.menu li.firstlevel:last-child>a {border-right: none;}

/* 2nd+ level styles */
.menu li ul li a {
	background: #efeee1;
	border-top: 1px solid #f6f5ee;
	border-left: 1px solid #f6f5ee;
	border-right: 1px solid #e3e1cc;
	border-bottom: 1px solid #e3e1cc;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em; 
	padding: 5px 10px 5px; 
	width: 150px; 
}

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

/* 1st level rollovers */
#navbar li:hover>a {background: #efeee1; color: #8d3600; cursor: pointer; display:block;}

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

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

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

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

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

/* ------- 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 {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: #f6f5ee;
    border: 2px solid #e3e1cc;
    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: #f6f5ee;
	border: 2px solid #e3e1cc;
	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: #8d3600;}

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

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

#calnav {margin: 0 0 5px;}

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

#mainCal {border-collapse: collapse; clear: both;}
#mainCal td {border-collapse: collapse; font-size: 12px; padding: 5px 10px; width: 14%; vertical-align: top;}

#mainCal .WeekendDay A, A.CalendarWeekendDayLink {}
#mainCal .WeekDay A, A.CalendarWeekDayLink {}
#mainCal .ToDay A, A.CalendarToDayLink {}

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

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

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

.ToDay {background: #efeee1; border: 1px solid #e3e1cc; border-top: none; *border-top: 1px solid #eee;}
.WeekendDay, .WeekDay {background: #f6f5ee; border: 1px solid #e3e1cc; border-top: none; *border-top: 1px solid #eee;}
.emptyday, .EmptyDay {border: 1px solid #efeee1; border-top: none; *border-top: 1px solid #efeee1;}

.CalendarDayNumber, .CalendarCurrentDayNumber  {color: #370900; font-weight: normal;}

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


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

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

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

.PicOff {border: 5px solid #efeee1; margin: 5px; vertical-align: middle;}
.PicOn {border: 5px solid #8d3600; margin: 5px; vertical-align: middle;}

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

.RequiredFieldLabel {color:; font-weight: bold;}
 
table td.top, table th.top, #mainCal td {vertical-align:top;}
table.contentTable, table.itemTable {width:100%; border-collapse: collapse;} 
.contentTable td, .itemTable td {border-bottom: 1px solid #efeee1; text-align: left;}
.contentTable th {color: #370900; border-bottom: 2px solid #efeee1; 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 #efeee1;color: #370900;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 #efeee1;
 padding:0px 15px 15px 15px;margin:20px 0;
}
fieldset legend { color:#370900; font-weight:bold; font-size: 120%; }

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