@import url(http://fonts.googleapis.com/css?family=Candal);

* {margin: 0; padding: 0;}

body {
	font-size: 75%;
	font-family: "Arial", sans-serif;
	padding: 0;
	margin: 0;
	background: url("/lib_layouts/pics/uutempl/shadow.jpg") no-repeat top center #B5B5B5;
}
#website_container {
	margin: 0 auto;
	width: 960px;
	background: #FFF;
	position: relative;
	z-index: 1;
}

#center_content {
	width: 100%;
	clear: both;
	background: #FFF;
}

/*==================== Misc Inline  / Multipage Content ====================*/
.container {
	padding: 1em;
}
.clear {
	clear: both;
}
.desktop_hide {
	display: none;
}
a:link{
	text-decoration: none;
	/*color: #60663E;*/  /*Green */
	/*color: #990000;  Red */
	/*color: #3b5664; Blue-ish */
	/*color: #8f5917;*/ /* Gold */
	/*color: #22f;*//*standard blue*/
	color: #3a8f38; /* forest green */
	font-weight: bold;
}
a:visited{
	text-decoration: none;
	/*color: #008000;  Green */
	/* color: #990000;  /* Red  - works second best */
	/* color: #87909d; Blue-ish */
	/*color: #8f5917;*/  /* Gold */
	/*color: #ceac75;  Light Brown */
	/*color: #60663E;*/
	color: #3a8f38;
	font-weight: bold;
}
a:hover {
	color: #60663e;
	text-decoration: underline;
}

/*img {
    display: block;
    margin: 0px;
    padding: 0px;
}*/

h1 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Verdana, sans-serif;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	font-family: Verdana, sans-serif;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	font-family: Verdana, sans-serif;
}
ul, ol {
	list-style-position: outside;
	margin: 0 0 0 16px;
}
li {
	padding: 2px 0;
}
h1.title {
	display: block;
	width: 690px;
	color: #60663e;
	font-style: italic;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	border-bottom: 1px solid #60663e;
	margin-bottom: 6px;
	/*background-image: url(/lib_layouts/pics/uutempl/title_leaf.jpg);
	background-position: top right;
	background-repeat: no-repeat;*/
}

#contentBox {
    margin: 10px 115px 15px 0px;
    width: 100%;
}

#contentBox .column {
    float: left;
    margin: 0;
    width: 33%;
}
.ie6_alert {
	display: none;
	width: 100%;
	padding: 8px 0;
	background: #ffff8e;
	Text-align: center;
	font-size: 1.2em;
}
.mobile_alert {
	width: 100%;
	padding: 8px 0;
	background: #ffff8e;
	Text-align: center;
}
.index {
	min-height: 180px; /* Adjust to taste for the index cols */
}
.index h2 {
	display: block; 
	width: 95%; 
	border-bottom: 1px solid #000000; 
	font-style: italic;
	margin-top: 10px;
}
.index ul {
	list-style: none;
}

/* 2 column usage */
.two_col_left {
	float: left;
	width: 49%;
}
.two_col_right {
    float: right;
	width: 49%;
}

/* 3 column usage */
.three_col_left {
	float: left;
	width: 33%;
	padding-bottom: 4px;
}
.three_col_mid {
	float: left;
	width: 33%;
	margin-left: 0.5%; /* half remaining 1% of margin */
	padding-bottom: 4px;
}
.three_col_right {
    float: right;
	width: 33%;
	padding-bottom: 4px;
}

/* 4 column usage */
.four_col {
	float: left;
	width: 25%;
	padding-bottom: 4px;
}

/* Misc */
/*.container {
	padding: 8px;
}*/
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.clear_container {
	/*
	float: left;
	clear: both;
	*/
	padding: 8px;
	width: 97.6%; /* Apparently IE6 is causing issues */
}
.center_text {
	width: inherit;
	text-align: center;	
}
.right_float_img {
	float: right; 
	clear: right; 
	border: 1px solid #000000; 
	margin: 0 8px 8px 8px;
}
.left_float_img {
	float: left; 
	clear: left; 
	border: 1px solid #000000; 
	margin: 0 8px 8px 8px;
}
ul.no_bullets {
	list-style: none;
}
.separator {
	padding: 0 6px;
}
ul.extra_line li, ol.extra_line li {
	padding: 8px 0;
}
.horizontal_list {
	float: left;
	clear: both;
	margin-bottom: 8px;
}
.horizontal_list ul li {
	display: block;
	float: left;
	padding: 2px;
	margin: 0;
}
.footnote {
	float: left; 
	clear: both; 
	width: 630px; 
	margin-top: 10px; 
	border-top: 1px solid #dbdbdb; 
	padding: 4px 0 8px 0;
	font-style: italic; 
	font-size: 0.9em;
}
.construction {
	float: left;
	width: 91%;
    margin-top: 8px; 
    border: 1px solid #000; 
    background-image: url(/lib_layouts/pics/uutempl/hardhat_32px.png); 
    background-repeat: no-repeat; 
    background-position: 4px 4px;
    padding: 4px 4px 4px 38px;
    /*font-weight: bold;*/
}
.attention {
	float: left;
	width: 97.5%;
    margin-top: 8px; 
    border: 1px solid #000; 
    padding: 4px 4px 4px 4px;
	text-align: center;
}
/*.construction {
    border: 1px solid #000; 
    margin-top: 8px; 
    background-image: url(/lib_layouts/pics/uutempl/hardhat_32px.png); 
    background-repeat: no-repeat; 
    background-position: 4px 4px;
    padding: 4px 4px 4px 38px;
    font-weight: bold;
}*/
dd {
	padding-left: 20px;	
}
.gold_table {
	width: 100%;
	border: 0.3em solid #ceac75; 
	padding: 0.4em; 
	margin-top: 1em; 
	border-collapse: collapse;
}
.gold_table th {
	text-align:center;
}
.gold_table td {
	border: thin solid #ceac75; 
	padding: 0.4em; 
	margin-top: 1em; 
	border-collapse: collapse;
	vertical-align: top;
}
.gold_table .thick_cell_border {
	border: 0.3em solid #ceac75;
}
/* forms */
.content_form label
{
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

/* openinfobutton */
#openinfobutton {
	width: 50em;
	margin: 0 auto;
}
#openinfobutton h2 {
	display: block;
	clear: both;
}
#openinfobutton ul {
	display: block;
	list-style-type: none;
	width: 100%;
	background: red;
}
#openinfobutton li {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}
#openinfobutton label {
	display: block;
	float: left;
	width: 10em;
}
#openinfobutton input[type="text"] {
	display: block;
	float: left;
	width: 32em;
}
#openinfobutton input[type="submit"] {
	display: block;
	float: right;
	margin-bottom: 2em;
}
/*========== Header ==========*/
#header {
	float: left;
	position: relative;
	width: 100%;
	clear: both;
	background: url(/lib_layouts/pics/uutempl/banner_bk_white.gif) no-repeat top left #FFF;
	border-top: 10px solid #60663E;
	z-index: 99;
}
.skip_navigation {
	position: absolute;
	z-index: 2;
	left: -5000px;
	top: 30px;
	font-weight: bold;
}
.skip_navigation:focus {
	left: 30%;
}
#header .logo {
	display: block;
	float: left;
	width: 231px;
	height: 60px;
	border: none;
}

/*========== campus bar ==========*/
#campusbar {
	float: right;
	color: #DAC092;
	font-size: 0.8em;
	text-transform: lowercase;
	padding: 0 0.5em;
	background: url(/lib_layouts/pics/uutempl/whitecorner.jpg) bottom left no-repeat #60663E;
}
#campusbar ul {
	list-style-type: none;
}
#campusbar ul li {
	float: left;	
	display: block;
	padding: 0 0.5em;
	margin: 0.3em 0 0.5em 0;
	border-right: 1px solid #dac092;
}
#campusbar ul li.noborder {
	border-right: none;
}
#campusbar a:link, #campusbar a:visited {
	color: #FFF;
}

/* searchbar */
#searchbar {
	float: right;
	clear: right;
	margin: 0.7em;
}
#searchbar form {
	padding: 0;
	margin: 0;
}
#searchbar label {
	display: none;
	margin: 0;
	padding: 0;
}
#searchbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#searchbar ul li {
	display: block;
	float: left;
	margin: 0
	padding: 0;
}
#searchbar input[type="text"] {
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	height: 21px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #FFF;
	outline: none;

}
#searchbar select {
	display: block;
	height: 23px;
	border: none;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #FFF;
	outline: none;
	color: #555;
	-khtml-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	
}
#searchbar input[type="image"] {
	padding: 0;
	margin: 0;
	border: none;
}

/*========== nav ==========*/
#main_nav {
	float: left;
	clear: both;
	width: 100%;
	height: 35px;
	background: url(/lib_layouts/pics/uutempl/bannerTopBck.png) center left repeat-x;
	border-top: 1px solid #CCC;
	font-size: 1.1em;
	text-transform: uppercase;
	/*overflow: hidden;*/
	position: relative;
	z-index: 2;
}
#main_nav ul {
	list-style-type: none;
	margin: 0;
}
#main_nav .buffer {
	margin-left: 3.75em;
}
#main_nav ul li {
	float: left;
	position: relative;
	height: 35px;
}
#main_nav ul li a:link, #main_nav ul li a:visited {
	display: block;
	color: #444;
	font-weight: bold;
	height: 19px; /* 35 - (7pad x 2) */
	padding: 8px 1em;
	overflow: hidden; /* hides excess padding */
}
#main_nav ul li ul {
	display: none;
	position: absolute;
	z-index: 999;
	top: 35px;
	left: 0;
	background: #CCC;
	border: 1px solid #999;
	-moz-box-shadow: 3px 3px 3px #444;
	-webkit-box-shadow: 3px 3px 3px #444;
	box-shadow: 3px 3px 3px #444;
}
#main_nav ul li:hover ul {
	display: block;
	font-size: 0.85em;
}
#main_nav ul ul li {
	width: 200px;
	float: none;
	border-bottom: 1px solid #999;
	height: auto;
}
#main_nav ul ul li:hover {
	background: #666;
	color: #FFF;
}
#main_nav ul ul li a:link, #main_nav ul ul li a:visited {
	height: auto;
	font-size: 0.85em;
	font-weight: bold;
}
#main_nav ul ul li:hover a:link, #main_nav ul ul li:hover a:visited {
	background: #666;
	color: #FFF;
	font-weight: bold;
}
/*========== Feature Slideshow ==========*/
#feature_rotator {
	position: relative;
	float: left;
	width: 960px;
	height: 200px;
	display: none;
	font-family: "Arial", sans-serif;
	/*border: 2px solid #7f94ff;*/
	-moz-box-shadow: 0px 1px 2px #999;
	-webkit-box-shadow: 0px 1px 2px #999;
    box-shadow: 0px 1px 2px #999;
	/*border-radius: 4px;
	-moz-border-radius: 4px;*/
	font-size: 18px;
	color: #FFF;
}
#feature_rotator .feature_imgs img {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
#feature_rotator .feature_selections {
	position: absolute;
	float: left;
	z-index: 2;
	width: 100%;
	height: 20px;
	/*background: black;*/
	bottom: 0;
	left: 0;
	/*background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);*/
}
#feature_rotator .feature_selections a:link, #feature_rotator .feature_selections a:visited {
	display: block;
	float: right;
	color: #FFF;
	border: 1px solid #e6e6e6;
	width: 16px;
	height: 14px;
	text-align: right;
	font-size: 12px;
	text-decoration: none;
	background: #CCC;
	margin: 2px;
	z-index: 3;
	-moz-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

#feature_rotator .feature_selections a.highlight {
	background: #919191;
}

#feature_rotator .feature_text {
	position: absolute;
	float: left;
	z-index: 3;
	width: 65%;
	height: 200px;
	/*background: black;*/
	background: url('/includes/feature_rotator/ehsl_feature_rotator_mask_960.png') no-repeat top left;
	bottom: 0px;
	left: 0;
	/*background: rgb(0, 0, 0);*/ /* fallback for non alpha supporting browsers */
	/*background: rgba(0, 0, 0, 0.6);*/
}
#feature_rotator .feature_text a:visited, #feature_rotator .feature_text a:link { 
	/*color: #f6f6f6;*/
	color: #f9f1da;
	/*text-decoration: underline;*/
}
#feature_rotator .feature_text .title {
	padding: 50px 8px 0 12px;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	color: #1b4b21;
}
#feature_rotator .feature_text .text {
	padding: 0 12px;
	font-size: 0.75em;
	width: 75%;
	font-weight: bold;
}
/*#feature_rotator .feature_mask {
	position: absolute;
	float: left;
	width: 200px;
	height: 200px;
	left: 400px;
	top: 0;
	z-index: 2;
	background: url('white_mask.png') top right no-repeat;
}*/

#feature_rotator li {
	margin-left: 1em;
}


/* For Javascript Drop-Down Effect */
.more {
	display: none;
}
.open {
	font-weight: bold;	
}

/*========== tab box ==========*/
#tab_box {
	float: left;
	width: 100%;
    margin-top: 8px; 
}
#tab_box ul.tabs {
	list-style-type: none;
	margin: 0;
}
#tab_box ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
}
#tab_box .tabs a {
	display: block;
	padding: 0.5em;
	background: #CCC;
	border: 1px solid #60663E;
	border-bottom: none;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	color: #FFF;
}
#tab_box .content {
	float: left;
	clear: both;
	width: 97%;
	border: 1px solid #333;
	padding: 0.5em;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
	/*-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;*/
}
#tab_box .float_left {
	display: box;
	width: 33%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}
#tab_box ul {
	list-style-type: none;
}
#tab_box li.search_input {
	display: block; 
	float: left; 
	padding: 0.5em 0 0.5em 0.5em;
}
#tab_box li.hidden {
	display: none;
}
#tab_box label {
	margin: 0 0.5em;
}
#tab_box li.search_btn {
	display: block; 
	float: left; 
	padding: 0.5em 0;
}
#tab_box .access {
	float: left; 
	width: 85%; 
	clear: both; 
	text-align: right;
}
#tab_box .text {
	float: left; 
	width: 85%; 
	clear: both; 
}
#tab_box .db_a-z {
	float: left;
	clear: both;
}
#tab_box .db_a-z ul {
	list-style-type: none;
}
#tab_box .db_a-z li {
	display: block;
	float: left;
}
#tab_box .db_a-z a:link, #tab_box .db_a-z a:visited {
	display: block;
	border: 2px solid #60663E;
	margin: 0.2em;
	padding: 0.2em 0;
	font-size: 1.2em;
	width: 26px;
	text-align: center;
	background: #ADB091;
	color: #FFF;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#tab_box .db_a-z a:hover {
	background: #60663E;
	color: #FFF;
}

/*========== featured ==========*/
#featured {
	float: left;
	width: 100%;
    margin-top: 8px; 
}
#featured .top {
	float: left;
	width: 97%;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	background: #EEE;
	border: 1px solid #60663E;
	border-bottom: none;
	padding: 0.5em;
	font-weight: bold;
}
#featured .content {
	float: left;
	clear: both;
	width: 97%;
	border: 1px solid #333;
	padding: 0.5em;
}
#featured ul {
	list-style-type: none;
}
#featured li {
	display: block;
	float: left;
	width: inherit;
}
#featured img {
	display: block;	
	float: left;
	clear: both;
	width: 100px;
	height: 100px;
	border: 1px solid #60663E;
	margin: 0.5em;
}
#featured .text {
	float: left;
	width: 70%;
	padding: 0.5em;
}

/*========== content ==========*/
#main_content {
	width: 100%;
	clear: both;
}
/*** Index - 3 Column Layout, Main Section ***/
.main_three_col {
	float: left; 
	width: 520px;
}

/*** Sub-Pages 2 Column Layout, Main Section ***/
.main_two_col {
	float: left; 
	width: 75%; 
	clear: none;
}

/* Floating App Boxes */
.floating_box_col {
	float: left; 
	width: 220px;
}

.floating_box {
    width: 198px; 
	margin: 8px auto 15px; 
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #eee;
	-moz-box-shadow: 1px 2px 2px #888;
	-webkit-box-shadow: 1px 2px 2px #888;
	box-shadow: 1px 2px 2px #888;
}
.floating_box h2 {
	width: 198px; 
	/*background-image: url(/lib_layouts/pics/uutempl/item_bk_wLeaf.jpg); 
	background-repeat: repeat-x; background-position: 0 0;*/
	border-bottom: 1px solid #b2b2b2;
}
.floating_box h2 span {
	display: block; 

	padding: 4px;
	color: #60663e;
}
.floating_box p {
    width: 190px; 
	padding: 4px;
	background: #FFF;
}
.floating_box h4 {
	font-size: 1.0em;
    width: 100%; 
	/*background-image: url(/lib_layouts/pics/uutempl/item_bk.jpg); 
	background-repeat: repeat-x; 
	background-position: 0 0; */
	text-align: center;
	border-top: 1px solid #b2b2b2; 
	color: #60663e;
}
.floating_box_bkg_img {
	width: 198px; 
	height: 120px;
	margin: 8px auto 15px; 
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/*-moz-box-shadow: 1px 2px 2px #888;
	-webkit-box-shadow: 1px 2px 2px #888;
	box-shadow: 1px 2px 2px #888;*/
}
.floating_box_bkg_img a:link, .floating_box_bkg_img a:visited {
	display: block;
	width: 100%;
	height: 100%;
}
/*for rollovers */
.floating_box ul {
	width: 100%; 
	display: block; 
	list-style: none;
	margin: 0;
	background: #FFF;
	font-weight: bold;
	/*font-size: 1.02em;*/
}
.floating_box ul li {
    border-bottom: 1px solid #818181;
	padding: 0px;
}

.floating_box ul li a:link, .floating_box ul li a:visited {
    display: block; 
	width: inherit; 
	padding: 2px 0 2px 8px;  
	/*color: #60663E;*/
}

.floating_box ul li a:hover {
	background-color: #adb091; 
	color: #FFFFFF;
	text-decoration: none;
}
/* search box */
.floating_box form {
	display: block;
	width: 198px; 
	margin: 0; 
	padding: 0;
	background: #FFF;
}
.floating_box form fieldset{
	display: block;
	width: 198px; 
	border: none;
}
.floating_box form fieldset{
	width: 182px; 
	padding: 8px;
	border: none;
}
.EHSL_search{
	display: block;
	float: left; 
	clear: left; 
	width: 182px;
	margin: 0;
	padding: 0;
}
.EHSL_search_text{
	display: block; 
	float: left; 
	clear: left; 
	width: 130px;
	margin-bottom: 4px;
}
.EHSL_search_img{
	display: block; 
	float: right; 
	clear: right; 
	width: 40px;
	margin-bottom: 4px;
}
.EHSL_search label{
	display: block;
	float: left;
	clear: both;
	width: 182px;
	margin: 0;
	padding: 0;
	height: 16px;
}
/* GSA */
#gsa_search{
background: #fff;
border:1px solid black;
float:right;
margin: 1.5em 0;
padding:0;
position:relative;
text-align:left;
width: 230px;
height: 30px;
z-index: 0;
}
#gsa_searchbox {
border:0;
color: #666;
font:15px Helvetica, san-serif;
height:20px;
padding:3px 5px;
width:195px;
}
.gsa_watermark {
background: #FFF
url('http://uwebresources.utah.edu/_images/search/gsa_site.png')
no-repeat 5px 3px;
}

#gsa_searchbutton {
padding:3px;
position:absolute;
right:0;
top:0;
width:20px;
}
#gsa_searchbutton:focus,
#gsa_searchbutton:hover,
#gsa_searchbutton:active {
background-color:#e8e8e8;
}
#gsa_search label {
height:1px;
left:-10000px;
overflow:hidden;
position:absolute;
top:auto;
width:1px;
}
.gsa_spacer {
	max-height: 30px;
}
/* For News and Events */
.news_item { 
	border-bottom: 1px solid #ceac75; 
	padding: 5px 0;
}
.event_item { 
	display: block;
	clear: both;
	border-bottom: 1px solid #ceac75; 
}
.news_item_title {
	font-weight: bold;
}
.event_item_title {
	float: left;
	display: block;
	width: 100px;
	padding: 4px 4px 0px 4px;
	font-weight: bold;
}
.event_item_date {
	float: right;
	display: block;
	width: 75px;
	padding: 4px 4px 0px 4px;
	font-weight: bold;
	text-align: right;
}
.rss_link {
	padding-left: 50px;
	padding-right: 4px;
}
.events_rss_link {
	padding-left: 45px;
	padding-right: 4px;
}
.rss_img {
	vertical-align: middle; 
	border: none;
}
/*For FAQ */
.floating_box_col .floating_box  .full_faq li {
	display: none;
}
/* Floating Box Image Ads (ask a librarian, help us grow) */
.floating_box_img {
	display: block;
	margin: 8px 10px 15px; 
	border: none;
}
/* quicklink specific */
/*.ql {
	background: #E1E3D1;
}
.ql ul {
}*/
/* For Javascript Drop-Down Effect */
.more {
	display: none;
}
.open {
	font-weight: bold;	
}

/*** Spotlight ***/
.spotlight {
	float: left;
	clear: both;
    width: 96%;
	padding: 8px;
	border: 1px solid #ceac75;
	margin: 10px 0;
	/*background-color: #adb091;*/
}
.spotlight h2 {
	font-size: 0.9em;
	text-transform: uppercase;
	padding-bottom: 6px;
}
.spotlight_img {
	display: block; 
	float: left; 
	margin-right: 8px;	
	border: none;
}

/*** Sponsor bar ***/
.sponsor_bar_new {
	float: left; 
	clear: both; 
	width: 738px; 
	margin-top: 10px; 
	border-top: 1px solid #dbdbdb; 
	padding: 4px 0 8px 0;
}
.sponsor_bar_new img {
	display: block; 
	float: left; 
	clear: none; 
	padding: 0 8px; 
	border: none;
}

.bookmark_this {
	display: block; 
	float: right;
	clear: none;
	border: none; 
	padding: 0 8px 18px 8px;
}
.bookmark_this img {
	border: none; 
}

/*** Page Updated ***/
.updated {
	float: left; 
	clear: both; 
	width: 661px; 
	margin-top: 10px; 
	padding: 4px 8px 0px 8px;
	color: #919191;
	font-style: italic;
}

/*** Breadcrumb ***/
.breadcrumb {
	width: 100%;
	font-size: 0.8em;
	margin-bottom: 12px;
}

/*==================== Content ====================*/

/*** Index - 3 Column Layout, Main Section ***/
.main_three_col {
	float: left; 
	width: 520px;
}

/*** Sub-Pages 2 Column Layout, Main Section ***/
.main_two_col {
	float: left; 
	width: 75%; 
	clear: none;
}

/* Floating App Boxes */
.floating_box_col {
	float: left; 
	width: 220px;
}

.floating_box {
    width: 198px; 
	margin: 8px auto 15px; 
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #eee;
	-moz-box-shadow: 1px 2px 2px #888;
	-webkit-box-shadow: 1px 2px 2px #888;
	box-shadow: 1px 2px 2px #888;
}
.floating_box h2 {
	width: 198px; 
	/*background-image: url(/lib_layouts/pics/uutempl/item_bk_wLeaf.jpg); 
	background-repeat: repeat-x; background-position: 0 0;*/
	border-bottom: 1px solid #b2b2b2;
}
.floating_box h2 span {
	display: block; 

	padding: 4px;
	color: #60663e;
}
.floating_box p {
    width: 190px; 
	padding: 4px;
	background: #FFF;
}
.floating_box h4 {
	font-size: 1.0em;
    width: 100%; 
	/*background-image: url(/lib_layouts/pics/uutempl/item_bk.jpg); 
	background-repeat: repeat-x; 
	background-position: 0 0; */
	text-align: center;
	border-top: 1px solid #b2b2b2; 
	color: #60663e;
}
.floating_box_bkg_img {
	width: 198px; 
	height: 120px;
	margin: 8px auto 15px; 
	border: 1px solid #b2b2b2;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/*-moz-box-shadow: 1px 2px 2px #888;
	-webkit-box-shadow: 1px 2px 2px #888;
	box-shadow: 1px 2px 2px #888;*/
}
.floating_box_bkg_img a:link, .floating_box_bkg_img a:visited {
	display: block;
	width: 100%;
	height: 100%;
}
/*for rollovers */
.floating_box ul {
	width: 100%; 
	display: block; 
	list-style: none;
	margin: 0;
	background: #FFF;
	font-weight: bold;
	/*font-size: 1.02em;*/
}
.floating_box ul li {
    border-bottom: 1px solid #818181;
	padding: 0px;
}

.floating_box ul li a:link, .floating_box ul li a:visited {
    display: block; 
	width: inherit; 
	padding: 2px 0 2px 8px;  
	/*color: #60663E;*/
}

.floating_box ul li a:hover {
	background-color: #adb091; 
	color: #FFFFFF;
	text-decoration: none;
}
/* search box */
.floating_box form {
	display: block;
	width: 198px; 
	margin: 0; 
	padding: 0;
	background: #FFF;
}
.floating_box form fieldset{
	display: block;
	width: 198px; 
	border: none;
}
.floating_box form fieldset{
	width: 182px; 
	padding: 8px;
	border: none;
}
.EHSL_search{
	display: block;
	float: left; 
	clear: left; 
	width: 182px;
	margin: 0;
	padding: 0;
}
.EHSL_search_text{
	display: block; 
	float: left; 
	clear: left; 
	width: 130px;
	margin-bottom: 4px;
}
.EHSL_search_img{
	display: block; 
	float: right; 
	clear: right; 
	width: 40px;
	margin-bottom: 4px;
}
.EHSL_search label{
	display: block;
	float: left;
	clear: both;
	width: 182px;
	margin: 0;
	padding: 0;
	height: 16px;
}
/* For News and Events */
.news_item { 
	border-bottom: 1px solid #ceac75; 
	padding: 5px 0;
}
.event_item { 
	display: block;
	clear: both;
	border-bottom: 1px solid #ceac75; 
}
.news_item_title {
	font-weight: bold;
}
.event_item_title {
	float: left;
	display: block;
	width: 100px;
	padding: 4px 4px 0px 4px;
	font-weight: bold;
}
.event_item_date {
	float: right;
	display: block;
	width: 75px;
	padding: 4px 4px 0px 4px;
	font-weight: bold;
	text-align: right;
}
.rss_link {
	padding-left: 50px;
	padding-right: 4px;
}
.events_rss_link {
	padding-left: 45px;
	padding-right: 4px;
}
.rss_img {
	vertical-align: middle; 
	border: none;
}
/*For FAQ */
.floating_box_col .floating_box  .full_faq li {
	display: none;
}
/* Floating Box Image Ads (ask a librarian, help us grow) */
.floating_box_img {
	display: block;
	margin: 8px 10px 15px; 
	border: none;
}
/* quicklink specific */
/*.ql {
	background: #E1E3D1;
}
.ql ul {
}*/
/* For Javascript Drop-Down Effect */
.more {
	display: none;
}
.open {
	font-weight: bold;	
}

/*** Spotlight -RETIRED- ***/
/*.spotlight {
	float: left;
	clear: both;
    width: 96%;
	padding: 8px;
	border: 1px solid #ceac75;
	margin: 10px 0;
}
.spotlight h2 {
	font-size: 0.9em;
	text-transform: uppercase;
	padding-bottom: 6px;
}
.spotlight_img {
	display: block; 
	float: left; 
	margin-right: 8px;	
	border: none;
}*/

/*** Sponsor bar ***/
.sponsor_bar {
	float: left; 
	clear: both; 
	width: 661px; 
	margin-top: 10px; 
	border-top: 1px solid #dbdbdb; 
	padding: 4px 0 8px 0;
}
.sponsor_bar img {
	display: block; 
	float: left; 
	clear: none; 
	padding: 0 8px; 
	border: 0px;
}

.bookmark_this {
	display: block; 
	float: right;
	clear: none;
	border: none; 
	padding: 0 8px 18px 8px;
}
.bookmark_this img {
	border: none; 
}

/*** Page Updated ***/
.updated {
	float: left; 
	clear: both; 
	width: 661px; 
	margin-top: 10px; 
	padding: 4px 8px 0px 8px;
	color: #919191;
	font-style: italic;
}

/*** Breadcrumb ***/
.breadcrumb {
	width: 100%;
	font-size: 0.8em;
	margin-bottom: 12px;
}

/*==================== Footer ====================*/
#footer {
	float: left;
	width: 100%;
	clear: both;
	border-top: 3px solid #adb091;
	background: #60663e;
	color: #FFF;
}
#footer .center {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 1em 0;
}
#footer a:link, #footer a:visited {
	color: #FFF
}
#footer_nav {
    margin: 10px 0 0 0;
	width: inherit;
}
#footer_nav ul {
	display: block;
	margin: 0 auto;
	width: 450px; /* 700px; */ 
	list-style: none;
	color: #FFFFFF;
}
#footer_nav ul li {
	display: block;
	float: left;
	color: #dac092;
	padding: 0 4px;
}
#footer_nav a:link, #footer_nav a:visited {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
#footer_nav a:hover {
	color: #dac092;
}
.footer_mobile_link {
	clear: both;
	width: 100%;
	padding: 8px 0;
	text-align: center;
}