html, body { width:100%; height:100%; }
body { background:#343434 url(images/bg.png) repeat-x; text-align:center; }

.clear { float:none !important; clear:both; }

#header_logo span { display: none; }
#header_logo { position: absolute; right: 70px; bottom: 0px; width: 160px; height: 100px; }

div.wrapper { width:960px; margin:0 auto; text-align:left; }
div.header { float:left; width:960px; height:214px; background:url(/files/www/Images/header.png) no-repeat; position: relative; }
ul.nav1 { list-style:none outside; float:left; height:18px; margin:155px 0 0 36px; display:inline; }
	.nav1 li { float:left; margin-right:10px; font-size:1.1em; }
	.nav1 a { color:#ffffff; text-decoration:none; }
ul.nav2 { list-style:none outside; clear:left; text-transform: uppercase; float:left; width:684px; margin:7px 0 0 15px; display:inline; }
	.nav2 li { float:left; position:relative; font-size:1.1em; }
	.nav2 li a { float:left; color:white; text-decoration:none; line-height:32px; height:34px; padding:0 22px 0 21px; }
	.nav2 li a:hover, .nav2 li.active a { color:white; background:black; }
	.nav2 .second_level_nav { background: black; position:absolute; left:0; top:34px; overflow: hidden; }
	.nav2 li ul { width:150px; display:none; list-style:none outside; background:#8aadd6; overflow: hidden; margin: 0px; }
	.nav2 li ul li { width:100%; clear:left; font-size:1em; }
	.nav2 li ul li a { width:107px; color:#ffffff; }
	.nav2 li ul li a:hover { color:#ff0000; }
div.content { float:left; width:930px; margin:0 15px 0 15px; background:#ffffff url(images/content.png) repeat-y top right; display:inline; }
div.leftcol { float:left; width:611px; padding:37px 37px 40px 36px; overflow:hidden; }
div.leftcol.sublayout_wide_margins { width: 524px; padding: 37px 80px 40px 80px; }

div.sublayout_full { width: 857px; background: white; }
div.rightcol { float:left; width:246px; overflow:hidden; }
	.rightcol div.widget { padding:16px 10px 23px 9px; }
	.rightcol div.firstw { border:0; }
	.rightcol h3 { background-color: #343434; color: white; }
	
div.footer { clear:left; width:930px; margin:0 15px 0 15px; background:#000000 url(images/footer.png) no-repeat; margin-bottom:20px; }
div.footer.full { background:black url(images/footer_full.png) no-repeat; }
	.footer p { width:650px; font-size:1.1em; color:#3b3b3b; padding:12px 15px 12px 15px; }
	.footer.full p { width: auto; }
	.footer p span { float:right; clear:right; }
	.footer p a { text-decoration:none; padding:0 3px 0 3px; }
	
div.splash { float:left; width:593px; border:1px solid #c7cde2; margin-bottom:9px; background:#eceef6 url(images/splash_bg.gif) repeat-x; padding:8px; }
	.splash div.img { float:left; border:1px solid #d4d9e9; }
	.splash .img h2 {  }
	.splash .img p {  }
	
	.splash .list{ float:right; width:145px; }
	.splash .list ul { list-style:none outside; margin-left: 0px; margin-right:4px; }
	.splash .list ul li { border-bottom:1px solid #e5e8f2; padding:7px 0 8px 0; font-size:1.1em; }
	.splash .list ul li.last { border:0; }
	.splash .list ul a { text-decoration:none; }
div.box { float:left; width:242px; height:214px; padding:0 30px 0 27px; background:#eef0f6 url(images/box_bg.png) repeat-x; margin:0 9px 9px 0; border:1px solid #ccc; }
div.right_box { margin:0; }
div.box_wide { width:537px; margin:0; }
div.box.box_wide { padding: 0 30px 0 42px; }
	.box img.h_img { display:block; margin:13px 0 17px 0; }
	.box a { text-decoration:none; }
.rightcol div.logo { height:36px; border-top:4px solid #e4e7f1; background:url(images/small_logo.gif) no-repeat 90px 3px; }
	.rightcol .widget p { font-family:Arial; margin-left:14px; }
		.widget .rent b { font-weight:normal; width:130px; float:left; }
		.widget .hours b { font-weight:normal; width:90px; float:left; }


ul.quick_links { list-style-type: none; }
ul.quick_links a { clear:left; display:block; width:182px; height:30px; padding:0 0 0 14px; line-height:30px; margin-bottom:3px; background:url(images/quicklink.gif) no-repeat; font-size:1.2em; font-family:Museo; text-decoration:none; }
ul.quick_links a:hover { background: url(images/quicklink_hover.gif) no-repeat; color: white; }

table.calendar { border: 1px solid #CCC; border-collapse: collapse; width: 100%; }
table.calendar td { border: 1px solid #CCC; text-align: center; vertical-align: top; }
table.calendar thead td { font-weight: bold; border: none; }
table.calendar td.calendar_day { width: 100px; height: 100px; text-align: left; padding: 0px; }
table.calendar td.today { background-color: #EFEFEF; }

.calendar_day ul { margin: 0px; padding: 0px; list-style-position: outside; list-style-type: none; padding: 0px 5px 5px; }
.calendar_day li { padding: 0px 0px 5px; font-size: 0.9em; }
.date_heading_number { padding: 2px 5px; margin: 0px; text-align: right; background-color: #F6F8FA; font-weight: bold; }
table.calendar td.today .date_heading_number { color: #1D4D95; }

.form_row { padding: 5px; }
.form_row input { border: 1px solid #C6CCE1; height: 20px; }
.latest_news, .upcoming_events { font-size: 0.9em; }
.news_story, .event_item {margin-bottom: 15px; }
.news_title, .news_date, .event_title, .event_date { margin-bottom: 0px; }

.event_title a, .news_title a { text-decoration: none; }
p.event_date, p.news_date { color: black; }
ul.questions { margin-left: 20px; list-style-type: none; font-size: 1.1em; }
ul.questions li { margin-bottom: 5px; }

#news_archives { float: right; }
.latest_news .news_title, .upcoming_events .event_title { font-weight: bold; }
.latest_news .news_story, .upcoming_events .event_item { border-bottom: 1px solid #E5E8F2; padding-bottom: 8px; margin-bottom: 8px; }
.latest_news .news_story.last, .upcoming_events .event_item.last { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }

.upcoming_events .event_title, .upcoming_events .event_date { margin-left: 40px; }
.upcoming_events .event_icon { float: left; }

.back_to_top { font-style: italic; text-decoration: none; font-size: 0.9em; }

table.ForumList th, table.ThreadList th, table.PostList th { background-color:#F6F8FA; color: #1D4D95; margin:0px; padding:2px 3px; }
table.ForumList td, table.ThreadList td, table.PostList td  { padding: 5px; font-weight:normal; border: none;  }
table.ThreadList tr.row2 { background: #e2e8fc; }
table.ThreadList, table.PostList { font-size: 1.2em; border: none; }
table.PostList tr.PostBodyrow1 { background: white; }
table.PostList tr.PostFooterrow1{ background: #F6F8FA; }


div.Buttons { font-size: 1.2em; }
.course_package_list { margin-left: 20px; }

.staff_groups { margin-left: 20px; }
.staff_profile { overflow: auto; }
.profile_photo { float: left; }
.profile_info { margin-left: 120px; }

a.back { color: white; background-color: #343434; padding: 10px; text-decoration: none; }

.ajaxworking { background:url("images/ajaxspinner.gif") no-repeat scroll right center transparent; }
.autocomplete_list { background-color: white; border-left: 1px solid #E7ECF3; border-bottom: 1px solid #E7ECF3; border-right: 1px solid #E7ECF3; margin: 0px; }
.autocomplete_item { padding: 5px; }
.autocomplete_item:hover { color:#ffffff; background:#8aadd6; }

.item_late { font-weight: bold; color: red; }
.rental_item { border: 1px solid #98b8d9; padding: 2px; overflow: auto; margin-bottom: 10px; }

.rental_form_item { position: relative; float: left; display: inline; width: 280px; margin-right: 10px; background-color: #98b8d9; padding: 2px; }
.rental_form_item table { width: 100%; }
.rental_form_remove_item { position: absolute; top: 5px; right: 5px; }

.rental_form_member { border: 1px solid #E7ECF3; overflow: auto; }
.rental_form_member .member_input { float: left; width: 280px; margin-right: 10px; }
.rental_form_member .member_error { display: none; color: red; font-style: italic; }
.rental_form_member .member_details { float: left; width: 280px; display: none; }
.rental_form_member .member_details table { width: 100%; }

.return_form_tabs ul.ui-tabs-nav { overflow: auto; position: relative; height: 30px; padding: 0px 5px; margin: 10px 0px 0px; }
.return_form_tabs ul.ui-tabs-nav li { float: left; display: inline; height: 20px; background-color: #F6F8FA; border: 1px solid #1D4D95;
			padding: 2px 10px; margin: 5px -1px 0px 0px;	}
.return_form_tabs ul.ui-tabs-nav li.ui-tabs-selected { background-color: white; padding-bottom: 5px; margin-top: 2px; }

.return_form_tabs .ui-tabs-hide { display: none; }

.return_form_item { position: relative; border: 1px solid #98b8d9; padding: 2px; overflow: auto; margin-bottom: 10px; }
	.return_form_equipment_details { float: left; background-color: white; width: 250px; margin-right: 10px; margin-bottom: 10px; }
	.return_form_equipment_details table { width: 100%; }
	.return_form_notes { float: left; width: 345px; background-color: white; }
	.return_form_checklist { clear: both; margin-top: 10px; background-color: white; }
	.return_form_checklist label { margin-left: 5px; }
	
.bluebox { padding: 10px; border: 1px solid #C4C4C4; background-color: #FCFCFC; overflow: auto; }

.rentals_table table, table.rentals_table { margin-left: 14px; margin-bottom: 20px; }
.rentals_table {}
.rentals_table tr, .rentals_table th, .rentals_table td { height: 16px; line-height: 16px; padding: 0px; }
.rentals_table th { text-align: left; background: transparent; font-weight: normal; color: black; width: 130px; }
.rentals_table td { color: red; }


.rental_history { border: 1px solid #F6F8FA; margin-bottom: 10px; }
.rental_history table { width: 100%; }
.rental_history_details { margin-left: 10px; }
table.rental_details { width: 100%; }

.footer a { color: white; }
.footer_columns { overflow: auto; }
.footer_columns ul { float: left; list-style-type: none; }

.rental_fine_heading { background-color: #8AADD6; color: white; font-weight: bold; overflow: auto; padding: 5px; }
.rental_fine_heading span { display: block; float: left; padding: 0px 15px 0px 5px; }
	.rental_fine_heading_toggle { width: 20px; text-align: center; font-size: 1.1em; }

.rental_fine_details { padding-left: 20px; }

.rental_flag_detail { font-weight: bold; color: red; }