/*--------------- Design 1102 ---------------

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

1. Reset
2. Global Styles
3. Structure
	3a. Sub-Page
	3b. Navbar
	3c. Header
	3d. Media
	3e. Calendar
	3f. News
	3g. Blogs
	3h. Sidebar Home
	3i. Courtesy Nav
	3j. Email List
	3k. Breadcrumbs
	3l. Footer
4. CSS Menu
5. Calendar
6. Global Front End

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

HTML/Footer BG .................... 110e09
Body Text  ........................ eae3be
Link Color (Teal) ................. 6ca089
Link Color (Rust) ................. 8f4a22
Lines/hr/blockquote ............... 32281d
Headings (Light Cream) ............ eae3be
Menu 2nd Lvl BG ................... 773815

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

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


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

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

html {background: #110e09;}

body {
	background: url(./images/bg.jpg) top center;
	color: #eae3be;
	font-family: "Verdana", sans-serif;
	font-size: 100%;
	line-height: 1.25em;
	word-wrap: break-word;
}

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

blockquote {
	background: #32281d url(./images/blockquote_bg.png) no-repeat;
	float: right;
	font-style: italic;
	min-height: 40px;
	margin: 20px 0 20px 20px;
	padding: 35px 10px 10px;
	width: 150px;
}

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

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

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

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

	#navbar {height: 42px; width: 940px; position: relative; z-index: 2;}

	#header {height: 113px; width: 940px; position: relative; z-index: 1;}
	
	#flashbox_wrap {background: url(./images/flashbox_bg.jpg); height: 345px; width: 920px; margin: 0 0 0 -5px; padding: 15px;}
	
	#primary {float: left; height: auto; width: 940px; margin: 0 0 20px; .padding: 0 0 20px;}
	
		#main_home {
			background: url(./images/lists_bg.jpg);
			float: left;
			height: 570px; width: 610px;
			position: relative;
		}
		
		#sidebar_home {float: right; height: 540px; width: 310px; margin: 10px -5px 0 0;}
		
			#sidebar_home_content {background: url(./images/sidebar_bg.png) repeat-y right; height: 540px; width: 310px; position: relative;}
			
			#sidebar_home_bottom {background: url(./images/sidebar_bottom.png) right; height: 20px; width: 310px; margin: 0 10px 0 0;}
		
		#footer_container {background: #110e09 url(./images/footer_bg.jpg) repeat-x; clear: both; height: 220px; width: 100%;}
		
		#footer {font-size: .75em; height: 220px; width: 940px; margin: 0 auto;}

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

#sub_flashbox_wrap {background: url(./images/sub_flashbox_bg.jpg); height: 255px; width: 920px; margin: 0 0 0 -5px; padding: 15px;}

#sub_main_top {background: url(./images/sub_main_top.png) no-repeat; float: left; height: 20px; width: 940px;}

	#sub_main_sans_top {background: url(./images/sub_main_sans_top.png) no-repeat; float: left; height: 20px; width: 940px;}
	
#sub_main {background: url(./images/sub_main_repeat.png); float: left; height: auto; width: 900px; padding: 0 20px;}

		#sub_main_content {float: left; height: auto; width: 560px; line-height: 1.7;}
		
		#sub_main_sans_content {float: left; height: auto; width: 900px; line-height: 1.7;}

	#sub_main_sans_sidebar {background: url(./images/sub_main_sans_repeat.png); float: left; height: auto; width: 900px; padding: 20px;}
	
#sub_main_bottom {background: url(./images/sub_main_bottom.png) no-repeat; clear: both; height: 20px; width: 940px;}

	#sub_main_sans_bottom {background: url(./images/sub_main_sans_bottom.png) no-repeat; clear: both; height: 20px; width: 940px;}
	
#sub_sidebar {float: right; height: auto; width: 280px; line-height: 1.7; margin: 0 10px 0 0;}

	#no_sidebar {display: none;}

/*------------------ 3b. Navbar --------------------*/

#site_search {
	background: url(./images/search_bg.jpg);
	height: 50px; width: 240px;
	position: absolute; top: 0; right: 10px;
}
	
	#site_search form {position: absolute; top: 9px; left: 20px;}
	
	#site_search fieldset {border: 0; margin: 0; padding: 0;}
	
	.search_field {
		background: none;
		border: 0;
		color: #110e09;
		margin: 0; padding: 5px;
		width: 160px;
	}
	
	.submit_button {
		background: none;
		border: 0;
		cursor: pointer;
		line-height: 0;
		margin: 0; padding: 4px;
		width: 25px;
		text-indent: -9999px;
	}

/*------------------ 3c. Header --------------------*/

#header h1 {margin: 0;}

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

#hot_links {
	height: 50px; width: auto;
	list-style: none;
	margin: 0; padding: 0;
	position: absolute; top: 33px; right: 5px;
}

	#hot_links li {display: inline;}
	
	#hotlink1, #hotlink2, #hotlink3 {
		display: block;
		float: left;
		height: 50px;
		text-indent: -9999px;
	}
	
	#hotlink1 {background: url(./images/hotlink1.jpg); width: 134px;}
	#hotlink2 {background: url(./images/hotlink2.jpg); width: 146px;}
	#hotlink3 {background: url(./images/hotlink3.jpg); width: 100px;}

/*------------------ 3d. Media --------------------*/

#download_list {
	height: 165px; width: 260px;
	list-style: none;
	margin: 0; padding: 0;
	position: absolute; top: 59px; .top: 55px; left: 20px;
}

	#download_list li {
		display: block;
		font-size: 1.1em;
		height: 55px; width: 275px;
		position: relative;
	}
	
		#download_list li:hover {background: url(./images/courtesy_nav_hover.png) center repeat-y;}
	
		#download_list a:hover {cursor: pointer; text-decoration: none;}
		#download_list a:hover .download_title {color: #8f4a22;}
	
	#download_list li td {height: 55px; vertical-align: middle;}
	
	.download_title {
		display: block;
		float: left;
		font-weight: bold;
		width: 260px;
		margin-top: 9px;
	}
	
	.download_date, .download_speaker {
		color: #eae3be;
		display: inline;
		font-size: .8em;
		font-weight: normal;
		float: left;
	}
	
		.download_date {width: 65px;}
		.download_speaker {height: 20px; width: 150px; overflow: hidden;}
	
	.play_link, #download_view_all {display: block; position: absolute; text-indent: -9999px;}
	
		.play_link {background: url(./images/button_play.png) no-repeat; height: 32px; width: 35px; top: 14px; right: 10px;}
		
		#download_view_all {background: url(./images/button_all_media.png); height: 35px; width: 100px; top: 230px; left: 185px;}
		
/*------------------ 3e. Calendar --------------------*/

#event_list {
	height: 165px; width: 260px;
	list-style: none;
	margin: 0; padding: 0;
	position: absolute; top: 59px; .top: 55px; left: 330px;
}

	#event_list li {
		display: block;
		font-size: 1.1em;
		height: 55px; width: 275px;
		position: relative;
	}
	
		#event_list li:hover {background: url(./images/courtesy_nav_hover.png) center repeat-y;}
	
		#event_list a:hover {cursor: pointer; text-decoration: none;}
		#event_list a:hover .event_title {color: #8f4a22;}
	
	#event_list li td {height: 55px; vertical-align: middle;}
	
	.event_title {
		display: block;
		float: left;
		font-weight: bold;
		width: 260px;
		margin-top: 9px;
	}
	
	.event_details {
		color: #eae3be;
		display: inline;
		font-size: .8em;
		font-weight: normal;
		float: left;
		width: 200px;
	}
		
		#calendar_view_all {
			background: url(./images/button_all_events.png); 
			display: block; 
			height: 35px; width: 105px; 
			position: absolute; top: 230px; left: 490px;
			text-indent: -9999px;
		}
		
/*------------------ 3f. News --------------------*/

#announcement_list {
	height: 165px; width: 260px;
	list-style: none;
	margin: 0; padding: 0;
	position: absolute; top: 349px; .top: 345px; left: 20px;
}

	#announcement_list li {
		display: block;
		font-size: 1.1em;
		height: 55px; width: 275px;
		position: relative;
	}
	
		#announcement_list li:hover {background: url(./images/courtesy_nav_hover.png) center repeat-y;}
		
		#announcement_list a:hover {cursor: pointer; text-decoration: none;}
		#announcement_list a:hover .news_title {color: #8f4a22;}
	
	#announcement_list li td {height: 55px; vertical-align: middle;}
	
	.news_title {
		display: block;
		float: left;
		font-weight: bold;
		width: 260px;
		margin-top: 9px;
	}
	
	.news_date {
		color: #eae3be;
		display: inline;
		font-size: .8em;
		font-weight: normal;
		float: left;
		width: 200px;
	}
	
		#news_view_all {
			background: url(./images/button_all_news.png); 
			display: block; 
			height: 35px; width: 100px; 
			position: absolute; top: 520px; left: 185px;
			text-indent: -9999px;
		}
		
/*------------------ 3g. Blogs --------------------*/

#blog_list {
	height: 165px; width: 260px;
	list-style: none;
	margin: 0; padding: 0;
	position: absolute; top: 349px; .top: 345px; left: 330px;
}

	#blog_list li {
		display: block;
		font-size: 1.1em;
		height: 55px; width: 275px;
		position: relative;
	}
	
		#blog_list li:hover {background: url(./images/courtesy_nav_hover.png) center repeat-y;}
	
		#blog_list a:hover {cursor: pointer; text-decoration: none;}
		#blog_list a:hover .blog_title {color: #8f4a22;}
	
	#blog_list li td {height: 55px; vertical-align: middle;}
	
	.blog_title {
		display: block;
		float: left;
		font-weight: bold;
		width: 260px;
		margin-top: 9px;
	}
	
	.blog_details {
		color: #eae3be;
		display: inline;
		font-size: .8em;
		font-weight: normal;
		float: left;
		height: 20px; width: 200px;
		overflow: hidden;
	}
	
		#blogs_view_all {
			background: url(./images/button_all_blogs.png); 
			display: block; 
			height: 35px; width: 145px; 
			position: absolute; top: 520px; left: 450px;
			text-indent: -9999px;
		}
	
/*------------------ 3h. Sidebar Home --------------------*/

#welcome_banner {
	background: url(./images/welcome_banner.png) no-repeat;
	height: 50px; width: 315px;
	margin: 0 0 0 -10px;
	text-indent: -9999px;
}

	#welcome_content {
		height: 200px; width: 270px;
		margin: 10px 0 0 5px;
		overflow: hidden;
	}

#bottom_interest {
	background: url(./images/photos_bg.png) no-repeat top center;
	display: block;
	height: 230px; width: 260px;
	margin: 0 0 0 -10px;
	overflow: hidden;
	padding: 20px 20px 0;
	position: absolute; top: 280px; left: 0;
}



	/*
#featured_photo_gallery a {border: 5px solid #32281d; display: block; float: left; height: 50px; width: 50px; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
	
		#featured_photo_gallery a:hover {border: 5px solid #8f4a22;}
	
		#featured_photo_gallery a img {position: absolute; top: -10px; left: -10px;}
	
#featured_photo_gallery .list_title, #featured_photo_gallery .list_row_number {display: none;}
*/

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

#courtesy_nav_banner {
	background: url(./images/courtesy_nav_banner.png) no-repeat;
	height: 50px; width: 315px;
	margin: -20px 0 0 -5px;
	text-indent: -9999px;
}

#courtesy_nav {border-bottom: 1px solid #32281d; list-style: none; margin: -10px 0 40px 0; padding: 0;}
	
	#courtesy_nav li a {
		background: url(./images/photos_bg.png) no-repeat center;
		color: #eae3be;
		display: block; 
		font-size: 1.1em; 
		height: 20px; width: 255px; 
		padding: 10px 15px;
		text-align: left;
	}
	
		#courtesy_nav li.first a {background: none;}
		#courtesy_nav li.active a {background: none; color: #eae3be;}
	
		#courtesy_nav li a:hover {background: url(./images/courtesy_nav_hover.png) repeat-y center; color: #6ca089; text-decoration: none;}

/*------------------ 3j. Email List --------------------*/

#email_list {
	background: url(./images/email_list_bg.png);
	height: 65px; width: 270px;
	margin: 40px 0 0;
	position: relative;
}

	.input_email_list {
		background: none;
		border: none;
		color: #eae3be;
		padding: 7px 8px;
		position: absolute; top: 35px; left: 5px;
		width: 155px;
	}
	
	.button_email_list {
		background: none;
		border: none;
		cursor: pointer;
		.line-height: 0;
		margin: 0;
		padding: 8px;
		position: absolute; right: 0; top: 35px;
		text-indent: -9999px;
		width: 70px;
	}

/*------------------ 3k. Breadcrumbs --------------------*/

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

	#breadcrumbs_trail a {
		background: #110e09;
		color: #eae3be;
		display: block;
		float: left;
		margin: 0 5px 0 0;
		padding: 5px 10px;
	}
	
		#breadcrumbs_trail a:hover {background: url(./images/navbar_hover.png); color: #eae3be; text-decoration: none;}

	#printable {
		background: url(./images/icon_printer.png);
		display: block;
		float: right;
		height: 16px; width: 16px;
		margin: 7px 0 0 10px;
		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; 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;}
	
/*------------------ 3l. Footer --------------------*/

#footer a {color: #8f4a22; font-weight: bold;}

#address {float: left; margin: 30px 0 0 20px; width: 280px;}
#sub_menu {float: right; margin: 30px 10px 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 #32281d; 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: left; padding: 0 0 0 8px;.padding: 0;}

#footer h2 {margin: 0;}

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

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

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

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

.menu {width: 670px; margin-left: 15px;}

.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: 42px; 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: -31px;}

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

/* 1st level styles (".menu ul a" for vertical | ".menu a" for horizontal) */
.menu a {
	color: #32281d;
	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: #773815;
	border-top: 1px solid #8f4a22;
	border-left: none;
	color: #eae3be;
	font-size: 12px;
	font-weight: normal; 
	padding: 5px 10px 5px; 
	width: 150px; 
}

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

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

/* 1st level active page button color or bg */
a.active {background: url(./images/navbar_hover.png);}

/* 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, #navbar li ul li:hover>a.firstsubitem {background: url(./images/navbar_hover.png); cursor: pointer; display: block;}

/* 2nd+ level active page button color or bg */
.menu li ul li a.active {background: url(./images/navbar_hover.png);}

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

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

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

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

/* --- 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: url(./images/navbar_hover.png);}

/* sub level rollovers (if desired) */
* html #navbar table a:hover {background: url(./images/navbar_hover.png)}

* 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: #110e09;
    display: block;
    padding: 5px;
    opacity: .95;
    position: absolute;
    text-align: left;
    top: 15px; left: 15px;
    width: 200px;
    z-index: 101;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
}
/* ----------- JS Tooltip ------------*/
.boxoverbody {
    background: #110e09;
    width: 200px;
    font-size: .75em;
    display: inline-block;
    opacity: .95;
    padding: 10px 15px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
}

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

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

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

#calnav {margin: 0 0 10px;}

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

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



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

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

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

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

.ToDay {background: #6ca089; border: 1px solid #6ca089;}
.WeekendDay, .WeekDay {border: 1px solid #32281d;}

.CalendarDayNumber  {color: #eae3be;}
.CalendarCurrentDayNumber {color: #eae3be;}

.ColumnHeader {color: #eae3be; background: #8f4a22; font-weight: bold; padding: 5px;}


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

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

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

.PicOff {border: 5px solid #32281d; margin: 5px; vertical-align: middle;}
.PicOn {border: 5px solid #8f4a22; margin: 5px; vertical-align: middle;}

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

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