/* css/lite_style_sheet.css */

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

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

a {color: #0077cc; font-weight: bold; text-decoration:none;}

#top_line {font-size:12px; margin:10px 0;}
address {font-style: normal;}
#full_site {float:right;}

img {border: none;}

a.tt span.tooltip {display: none;}
.form_element_block img {display:none;}

.ContentHeader, h1 {color: #0077cc; font-size: 1.5em; font-weight: bold; display:inline;}
.ContentSubHeader, h2 {color: #0077cc; font-weight: bold; font-size: 1.25em; display:inline;}

#header h1 {font-size: 2em;}
#header a {text-decoration:none;}

hr, .HRule {
	background: #ddd;
	border: none;
	color: #ddd; 
	height: 1px; width: 100%;
	margin: 20px 0;
}

.module {
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 10px;
	padding: 20px;
}

.clear {clear: both; height: 1px;}


/*----------------------------------------
-------------- STRUCTURE -----------------
----------------------------------------*/

#container {height: auto; width: auto; margin: 60px 0 0; padding: 20px;}

#toolbar {
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#1b1b1b));
	background: -moz-linear-gradient(top,  #444,  #1b1b1b);
	-moz-box-shadow: inset 0 30px #fff;
	-webkit-box-shadow: inset 0 0 2px #111;
	box-shadow: inset 0 30px rgba(255,255,255,.04);
	font-size: .75em;
	height: 60px; width: 100%;
	position: fixed; top: 0; left: 0;
	z-index: 9999;
}

#wrapper {
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: .75em;
	padding: 20px; 
	width: auto; 
}

	#wrapper img {height: auto; max-width: 100%;}

#header {
	background: #fff;
	height: auto; width: auto;
	position: relative;
}

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

#footer {margin: 20px 0 0;}

/*----------------------------------------
---------------- TOPBAR ------------------
----------------------------------------*/

#quick_links {
	background: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#141414));
	background: -moz-linear-gradient(top,  #464646,  #141414);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 2px #111;
	-webkit-box-shadow: inset 0 0 2px #111;
	box-shadow: inset 0 0 2px #111;
	border-bottom: 1px solid #444;
	list-style: none; 
	margin: 0; padding: 0;
	position: absolute; top: 10px; left: 20px;
}

#quick_links li {display: inline;}
#quick_links li:first-child a {border-left: none;}
#quick_links li:last-child a {border-right: none;}

	#quick_links li a {
		border-right: 1px solid #222;
		border-left: 1px solid #393939;
		display: block;
		float: left;
		height: 23px; 
		padding: 8px;
	}

	#quick_links li #full_site {
		border-right: 1px solid #222;
		border-left: 1px solid #393939;
		font-variant: small-caps;
		font-weight: normal;
		color: #eee;
		font-size:10px;
		display: block;
		float: left;
		height: 23px;
		padding: 8px;
		text-align:center;
		/* ---line-height:1em;--- */
	}
	
	#quicklink_calendar {background: url(/sr/images/quicklink_calendar.png) no-repeat center; text-indent: -9999px; width: 23px;}
	#quicklink_downloads {background: url(/sr/images/quicklink_downloads.png) no-repeat center; text-indent: -9999px; width: 23px;}
	#quicklink_staff {background: url(/sr/images/quicklink_staff.png) no-repeat center; text-indent: -9999px; width: 23px;}

.show_nav, .hide_nav {
	background: #111;
	background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#141414));
	background: -moz-linear-gradient(top,  #464646,  #141414);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 2px #111;
	-webkit-box-shadow: inset 0 0 2px #111;
	box-shadow: inset 0 0 2px #111;
	border-bottom: 1px solid #444;
	color: #eee;
	cursor: pointer;
	display: block;
	font-variant: small-caps;
	font-weight: normal;
	height: auto; width: auto;
	min-width: 60px;
	padding: 9px 14px;
	position: absolute; top: 10px; right: 20px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}


/*----------------------------------------
---------------- HEADER ------------------
----------------------------------------*/

#logo {display:block; max-width: 240px; margin:0px auto;}
#header address {text-align: left; width: auto;}
	
	
/*----------------------------------------
----------------- BODY -------------------
----------------------------------------*/
	
#breadcrumbs {
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ddd));
	background: -moz-linear-gradient(top,  #f9f9f9,  #ddd);
	border: 1px solid #ddd;
	clear: both;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 20px 0;
	padding: 7px 10px;
}


/*----------------------------------------
---------------- FOOTER ------------------
----------------------------------------*/

#social_media_links_list {list-style: none; padding:0;}
#social_media_links_list li {display: inline;}
#social_media_links_list li a {display: block; float: left; padding-right: 5px;}
#social_media_links_list li a img {height: 16px; width: 16px; margin:10px 0;}

#design_credit {clear: both;}


/*--------------------------------------------------
------------------ CSS MENU ------------------------
--------------------------------------------------*/

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

#navbar {font-size: .875em; position: absolute; top: 60px;}

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

/* .menu li:hover>ul {display: block;} */
.menu ul li {clear: both; display: block;}

/* 1st Level Vertical Centering */
.menu .cssnavlevelone {padding: 8px 12px; height: auto; width: auto;}
img.cssnavlevelone {border: 0; display: none;}

.menu img {display: none;}

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

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

/* 2nd level (bump subsequent items to the right) */
.menu li ul li {padding: 0 0 0 20px;}

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

/* 1st level styles (".menu ul a" for vertical | ".menu a" for horizontal) */
.menu li a {
	border-top: 1px solid #333;
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: 2;
	overflow: auto;
	position: relative;
	text-decoration: none;
}

	.menu li a.first {margin: 0;}

/* 2nd+ level styles */
.menu li ul li a {
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	font-size: .875em;
	font-weight: normal;
	padding: 5px 10px 5px;
	text-transform: none;
	width: auto; 
}

/*----- Sub Level Expand/Close Buttons ----*/

.menu_expand, .menu_close {
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111));
	background: -moz-linear-gradient(top,  #333,  #111);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: inset 0 1px 0 #555;
	-moz-box-shadow: inset 0 1px 0 #555;
	text-shadow: 0 -1px 0 #333;
	border: 1px solid #191919;
	color: #eee;
	cursor: pointer;
	display: block;
	float: right;
	font-size: .75em;
	font-variant: small-caps;
	font-weight: normal;
	padding: 2px 7px;
	text-align: center;
	text-transform: uppercase;
	width: 50px;
}

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

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

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

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


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

.CalOverTitle {color: #0077cc;}

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

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

#calnav {margin: 0 0 10px;}

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

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

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

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

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

.ToDay {background: #f9f9f9; border: 1px solid #ddd; border-top: none;}
.WeekendDay, .WeekDay {background: #fff; border: 1px solid #ddd; border-top: none; *border-top: 1px solid #ddd;}
.emptyday, .EmptyDay {border: 1px solid #ddd; border-top: none; *border-top: 1px solid #ddd;}

.CalendarDayNumber, .CalendarCurrentDayNumber  {font-weight: normal;}
.ColumnHeader {color: #fff; background: #333; font-weight: bold; padding: 5px;}


/*------STANDARD FRONT-END -------*/

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

.PicOff {border: 5px solid #eee; margin:5px; vertical-align:middle;}
.PicOn {border: 5px solid #0077cc; margin:5px; vertical-align:middle;}
.GraphBar {background: #0077cc;}
.RequiredFieldLabel {font-weight: bold;}
.SmallNote {font-style: italic; font-size: 80%;}

form {margin:0px;padding:0px;}
input, select {margin-bottom:5px; margin-right:5px;vertical-align:middle; max-width: 100%;}

input:focus, textarea:focus {border: 1px solid #0077cc;}

.checkbox {border: none; padding:0; margin:2px; margin-right:1px;}
.radio {border: none; padding:0; margin:2px; margin-right:1px;}
input, select,  .textareainput {border: 1px solid #ddd; font-family: Arial, sans-serif;padding: 5px;}

fieldset {border:1px solid #ddd; padding:0px 15px 15px 15px; margin:20px 0;}
fieldset legend { font-weight:bold;color: #0077cc;}

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 #ddd;text-align:left;}
.contentTable th {border-bottom: 2px solid #ddd;text-align:left;}
.contentTable th span {font-weight:normal;}
.contentTable a, .itemTable a {text-decoration:none;}
.contentTable td, .contentTable th, .itemTable td, .itemTable th {padding:5px;}
.contentTable tr:hover td {background:url(/sr/images/datahoverbg.png);}
.itemTable th {width:100px;border-bottom: 1px solid #ddd;text-align:right;padding-right:20px;}
.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;}

.submitbutton, .smallbutton, .smallselect, .smallinput {color:#333;font-size:.875em;letter-spacing:0px;font-weight:bold;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ddd));background: -moz-linear-gradient(top,  #f9f9f9,  #ddd);border: 1px solid #ddd;margin:1px;padding:5px 7px;overflow:visible;vertical-align:middle;}
.smallbutton, .smallselect, .smallinput {font-weight:normal;padding:2px;text-transform:uppercase;}
.smallinput {background-image:none;}
.smallbutton, .submitbutton {cursor:pointer;}
.smallselect {border:none;}

.borderbox {border:1px solid #ddd; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; padding: 5px 7px;}
.iconlink {margin:0 1px; border:0px; vertical-align:middle}

#help, .help {margin-bottom:10px;padding:10px;background:#ffffcc;border:2px solid #dddb54;color: #000;}
#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}

/*------STANDARD FRONT-END -------*/