@import url(http://www.lasalle.edu/php_includes/lasalle_top_nav/lasalle_nav_top_style.css);
body{
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#003366;
	background-image:url(http://www.lasalle.edu/images/tier_two/backwhite4b.gif);
	
}
/*********************************************/
/************* CONTENT STYLES ****************/
/*********************************************/
form, input, select, radio{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

/*
	Apply this calculation to get the minimum height for the content area.
		337 (height) by 253 (width) is a 3 by 4 ratio.
		subtract 39 from the page title height
		subtract 24 for the top and bottom padding of the content area to get 274 for the photo area		
*/

.content{
	padding:13px;
	background-color:#FFFFFF;
	height:274px;
	vertical-align:top;
}
/*ul li{
	list-style:url(images/diamond.gif);
}*/
.resource_list{
	 padding-bottom:8px; 
	 margin-left:10px;
}
a:link {
	color:#CC3333;	
}
a:visited {
	color:#CC3333;	
}           
a:hover {
	text-decoration: none;
	color:#CC3333;	
}
a.back:link {
	font-size:11px;
	color:#CC3333;	
}
a.back:visited {
	font-size:11px;
	color:#CC3333;	
}           
a.back:hover {
	font-size:11px;
	text-decoration: none;
	color:#CC3333;	
}
.headline{
	font-size:16px;
	color:#003366;
	font-weight:bold;
}
h3{
	font-size:14px;
	color:#003366;
	font-weight:bold;
}
hr{
	width:100%;
	height:1px;
	color:#ffcc00;
	background-color:#ffcc00;
	border-style: none;
}
.yellowBgnd{
	background-color:#ffcc00;
}
/*********************************************/
/************* HOME PAGE STYLES***************/
/*********************************************/
.content_photo_area{
	background-color:#6685a3;
	vertical-align:top;
	width: 253px;
	height: 298px;
	padding-bottom: 200px;
}
.white_text{
	color:#FFFFFF;
}
.hours{
	color:#FFFFFF;
	padding-left:14px;
	background-color:#6685a3;
	width: 469px;
	height: 24px;
}

.hours2{
	color:#FFFFFF;
	padding-left:14px;
	background-color:#6685a3;
	width: 469px;
	height: 32px;
}
.content_new_databses{
	background-color:#fffae5;
	border-left:2px solid #eceae5;
	padding-left:14px;
	padding-right:14px;
	width: 247px;
	height: 132px;
}
.content_noteworthy{
	background-color:#fff4c7;
	border-right:2px solid #eceae5;
	padding-right:10px;
	width: 476px;
	height: 132px;
}
.border_left{
	border-left:1px solid #eceae5;
}
.border_right{
	border-right:1px solid #eceae5;
}
#list_no_style ul{
	padding: 0px;
  	margin: 0, 0, 0, 0;
  	list-style: none;	
}
#news_events{
	background-color:#cad4df;
	width:260px;
	height:165px;
	padding-right:8px;
}
/*********************************************/
/************* FOOTER STYLE ******************/
/*********************************************/
a.lib_footer:link {
	text-decoration: none;
	color:#FFFFFF;	
}
a.lib_footer:visited {
	text-decoration: none;
	color:#FFFFFF;	
}           
a.lib_footer:hover {
	text-decoration: none;
	color:#FFCC00;	
}

.nav_background{
	background-image:url(../images/nav.gif);
	background-repeat:no-repeat;
	width:507px;
	height:40px;
}

.nav_background_main{
	background-image:url(../images/nav2.gif);
	background-repeat:no-repeat;
	width:507px;
	height:20px;
}

/*********************************************/
/************* KEYWORD SEARCH*****************/
/*********************************************/
.keyword_search{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#FFFFFF;
}
.keyword_box{
	background-color:#cad4df;
}
.keyword_go{
	border: 1px solid #ffffff;
	padding: 0;
	background-color: #cad4df;
	background-repeat: repeat-x;
	color: #003366;
	font-size: 11px;
	font-weight:bold;
	margin-right:5px;
}


/*********************************************/
/************* Navigation ********************/
/*********************************************/

#library_nav{
	margin: 0px;
	padding: 0px;

}
#library_nav ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	padding: 0px;
  	margin: 0, 0, 0, 0;
  	list-style: none;	
}
#library_nav li{
	font-size:13px;
	font-weight:bold;
  	float: left;
 	position: relative;
	top:0px;
	left:15px;
	color:#003366;
	list-style: none;	
}
#library_nav li a{
	text-decoration: none;
	color:#003366;
}
#library_nav li a:hover{
	text-decoration: none;
	color:#6685a3;
}
#library_nav li:hover, li.over{
	color:#6685a3;
}
#library_catalog{
	width: 78px;
}
#library_catalog:hover, #library_catalog.over{
	cursor:pointer;
}
#library_databases{
	width: 93px;
}
#library_subject_guides {
	width: 126px;
}
#library_research{
	width: 84px;
}
#library_especially_for {
	width: 105px;	
}
#library_especially_for #right_justify li{
	text-align:right;
	position:relative;
	left:-58px;
}
#library_nav li li a{
	font-weight:normal;
	font-size:12px;
	color:#003366;
	background-color:#ffcc00;	
	padding-top:4px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:4px;	
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	cursor:pointer;
	width:180px;
	left:-10px;
	top:12px;
	display:block;
}
#library_nav li li a:hover, #library_nav li li.over{
	background-color:#6685a3;
	color:#FFFFFF;
}
#library_nav li ul {
	font-size:12px;
	font-weight:normal;
  	display: none;
  	position: absolute; 
}
#library_nav li > ul {
	padding-top: 12px;
	left: -24px;
}
#library_nav li:hover ul, #library_nav li.over ul{ 
	display: block; 
}
/*a.lib_main_nav:link {
	text-decoration: none;
	color:#003366;	
}
a.lib_main_nav:visited {
	text-decoration: none;
	color:#003366;	
}           
a.lib_main_nav:hover {
	text-decoration: none;
	color:#6685a3;	
}
*/

/*a.lib_sub_nav:link {
	text-decoration: none;
	color:#003366;	
}
a.lib_sub_nav:visited {
	text-decoration: none;
	color:#003366;
}           
a.lib_sub_nav:hover {
	text-decoration: none;
	color:#ffffff;
}*/

a.lib_hours:link {
	text-decoration: none;
	color:#FFFFFF;
	vertical-align:middle;	
}
a.lib_hours:visited {
	text-decoration: none;
	color:#FFFFFF;
	vertical-align:middle;	
}           
a.lib_hours:hover {
	text-decoration: none;
	color:#FFCC00;
	vertical-align:middle;	
}

/**********************************
 This is a fix for the link styles 
**********************************/
#library_nav li li a {
	display: block;
	text-decoration: none;
	color:#003366;
	
}

#library_nav li li a:hover {
	display: block;
	text-decoration: none;
	color:#ffffff;
}






/************************************************************************
************************ GROUP NAVIGATION ********************************
************************************************************************/

#left_menu {
	position:relative;
	top:33px;
	width: 253px;
	background: #e2e2c5;
	vertical-align:top;
}

#left_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#left_menu a.linkonly {
	color: #003366;
	background: #cad4df;
	text-decoration: none;
	display: block;
	
	
}
#left_menu a.linkonlyOn {
	color: #003366;
	background: #ffe786;
	text-decoration: none;
	display: block;
	
}
#left_menu .linkonlyOn{
	color: #003366;
	background: #ffe786;
	
}

#left_menu a.linkonly:hover, #left_menu li:hover {
	color: #003366;
	background: #ffe786;
	display: block;	
	
}
#left_menu li {
	position: relative;
	border-bottom:1px solid #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color: #003366;
	background: #cad4df;
	text-align:right;
	
}

#left_menu ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	border-left:1px solid #FFFFFF;
	width: 90%;
	
}
#left_menu ul ul li{
	text-align:left;
	border-bottom:1px solid #FFFFFF;
	background-color:#ffe786;	
	font-size:11px;
	line-height:20px;
	
}
#left_menu ul ul,
#left_menu ul li:hover ul
{display: none;
}

#left_menu ul li:hover ul,
#left_menu ul ul li:hover ul
{display: block;
}

#left_menu ul ul li a{
	padding-left:10px;
	color:#003366;
	text-decoration:none;
	display:block;
	
}
#left_menu ul ul li a:hover{
	background-color:#FFCC00;
	
}
#left_menu a.subnav {
	color: #003366;
	background-color:#bbc9d6;
	text-decoration: none;
	display: block;
	padding-left:12px;
	
}
#left_menu a.subnav:hover, #left_menu li li:hover {
	color: #003366;
	background-color:#ffe786;
	text-decoration: none;
	display: block;
	
}


/************************************************************************
************************ TAB NAVIGATION ********************************
************************************************************************/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 0px solid #999;
	border-left: 1px solid #999;
	width: 99.9%;
	font-size:.9em;
	margin-bottom:-3px;

}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 0px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	
}

ul.tabs li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-size: .9em;
	padding: 0 20px;
	border: 0px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;

}
ul.tabs li a:hover {
	background:;
	background-image:url(../images/catalog_tab_background.jpg);
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 0px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

html ul.tabs li.active.tab1, html ul.tabs li.active.tab1 a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #7A69AF;
	border-bottom: 0px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	color:#FFFFFF;
	font-weight:bold;
	
}

html ul.tabs li.active.tab2, html ul.tabs li.active.tab2 a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:;
	background-image:url(/library/Assets/catalog_tab.jpg);
	border-bottom: 1px solid #07405E; /*--Makes the active tab look like it's connected with its content--*/
	color:#FFFFFF;
	
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 99.9%;
	background: #fff;
}
.tab_content {
	padding-top:-1px;
	font-size: 1.2em;
}

/*********************************************/
/************* Summon Tag ********************/
/*********************************************/

#summon_tag{
	margin: 0px;
	padding: 0px;
	
}
#summon_box{
	padding-bottom:165px; 
	padding-top:10px; 
}
#summon_tag ul {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	z-index:10; 
	background-image:url(../Assets/summon.png);
	background-repeat:no-repeat;
	width: 370px; 
	margin-left:95px; 
	padding-top:-4px;
}
#summon_tag li{
	font-size:13px;
	font-weight:bold;
  	float: left;
 	position: relative;
	top:0px;
	left:0px; 
	color:#FFF;
	list-style: none;
	padding-top:2px;	
}
#summon_tag li a{
	text-decoration: none;
	color:#FFF;
}

#summon_tag li a:hover{
	text-decoration: none;
color:#FFF;
}

#summon_tag li:hover, li.over{
color:#FFF;
}

#summon{
padding-left: 226px;
}

#summon_tag li li a{
	font-weight:normal;
	font-size:12px;
    color:#003366;
	background-color:#ffcc00;	
	padding-top:4px;
	padding-bottom:4px;	
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	cursor:pointer;
	width:325px;
	top:12px;
	display:block;
}
#summon_tag li li a:hover, #summon_tag li li.over{
	background-color:#6685a3;
	
}

#summon_tag li ul {
	font-size:12px;
	font-weight:normal;
  	display: none;
  	position: absolute; 
	
}
#summon_tag li > ul {
	padding-top: 12px;
	left: -24px;
}
#summon_tag li:hover ul, #summon_tag li.over ul{ 
	display: block; 
}

#summon_align{
alignment-adjust:baseline;
alignment-baseline:middle;
margin-bottom:-10px;
margin-top:-1px;
}

table.summon {
    border-width: 2px;
    border-style: solid;
    font-family: Verdana, Geneva, sans-serif;
}



input.summon-search-button {
    color: white;   
    background-color: #7968AE;   
}

p.summon {
    font-style: normal;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

/* Easy Slider */



	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		list-style:none;
		padding-top:0px;
		background-color:transparent;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
		height:200px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:10px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:0;
		padding-left:3px;
		height:28px;
		margin-top:1px;	
		}
	ol#controls li{
		margin:0 0 0 0; 
		padding:0;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:0px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* Tooltip Test */	
	.tt {
position:absolute;
border:1px solid gray;
width:300px;
margin:1em;
padding:3px;
background:#fff;
}

/*************************************
**************************************
***************FOOTER*****************
**************************************
**************************************/

#footer {width: 754px; height: 107px; margin-left: auto; margin-right: auto; background: #1C3665; padding:3px; font-size: 1.1em;  font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; border-top:solid #FFF 1px; }
#footer ul {list-style:none; font-size:.75em; margin-left:-40px; margin-top:2px;}
#footer ul li {display:inline;}
#footer ul li a {text-decoration:none; color: #FFFFFF;}
#footer ul li a:hover {text-decoration:none; color: #FFCC00;}
#footer .breaker {color:#FFFFFF;}
.footer {padding-top:7px;}

.footeraddress {margin-left: auto; margin-right: auto; font-family:Arial, Helvetica, sans-serif; background-image: url(../images/footerbackground1.png); background-position:bottom; background-repeat: repeat-x;width: 740px; color: #FFFFFF; font-size:.95em; padding:10px; padding-bottom:50px;}
.footeraddress a:link {color: #FFF; text-decoration:none;}
.footeraddress a:visited {color: #FFF; text-decoration:none;}
.footeraddress a:hover {color: #FFF; text-decoration: underline;}

.floatleft {float: left; margin: 3px 0px 0px 3px; width: 135px; padding: 6px;}
.floatleft_middle {float: left; margin: 3px 0px 0px 3px; width: 205px; border-left: 1px solid #999; padding: 6px;}
.floatleft_middle_right {float: left; margin: 3px 0px 0 3px; width: 150px; border-left: 1px solid #999; padding: 6px;}
.floatleft_right {float: left; margin: 3px 0px 0 3px; width: 198px; border-left: 1px solid #999; padding: 6px;}
.floatleft_header { font-size:.85em; font-weight:bold; color:#FFCC33; }
.clear {clear:both}

/*************************************
**************************************
*****TWITTER AND FACEBOOK *********
**************************************
**************************************/
.face {padding:3px; margin-top: -43px; margin-left:5px; font-size: 1em;  font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; }