body {
	margin: 0px 0px 0px 5px;
	padding-left: 3px;
	font-family: arial, helvetica, sans-serif !important;
	font-size: 1em;
	background: #fff;
	padding: 0px;
	min-width: 980px;
	}

a {
	text-decoration: underline; 
	font: 1em arial, helvetica, sans-serif;
	color: #039; 
	font-weight: bold;
	}
        
a:visited {
	color: #039;   
	text-decoration: underline;
	}
        
a:hover {
	color: #36c;
	text-decoration: underline;
	}

#lindellheader {
	position: relative;
	height: 70px
}

/*  Augsburg College logo and address */

#headerlogo {
	position: absolute;
	left: 9%;
	top: 5px;
	width: 40%;
	height: 65px;
	padding: 0;
	margin: 5px 0 0 0;
	background: #fff;
}

#headerlogo img {
	border: none;
	float: left;
}

p.topAddress{
	float: left;
	color: gray;
	font-size: 9px;
	line-height: 13px;
	margin: 3px 0 0 20px;
}

#headerlogo h1 {
	display: block;
	margin: 10px 0 0 18px;
	font: bold italic 28pt arial, helvetica, sans-serif;
	color: #000;
}


/* Ask a Librarian and Library logo div */

#askalibrarian {
	position: absolute;
	top: 25px;
	right: 9%;
	padding: 0;
	z-index:1;
	}

#askalibrarian a {
	font: 1em Arial, Helvetica, sans-serif;
	color: #660033;
	text-decoration: none;
}

#askalibrarian a img {
	text-decoration: none;
	border: none;                   
}

#library_text {
	position: absolute;
	left: 40%;
	top: 5px;
	min-width: 25%;
	color: #660033;
}

#library_text h1 {
	padding: 0;
	margin: 0;
	font-size: 2em; 
	font-style: italic;
}

#jamesg {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.5em;
	font-style: italic;
}



/* Main content box */

#content {
	position: relative;
	float: left;
	top: 10px;
	left: 9%;
	z-index: 1000;
	width: 58%;
	min-width: 500px;
	margin: 5px 5px 0 0px;
	background: #fff url(../graphics/oculus_opaque.jpg) no-repeat top right;
	padding: 10px;
	border: 3px solid #eee;
	}	

.stafflist {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}

.stafflist li {
	margin: 2px 85px 0 0;
	padding: 2px 5px 5px 5px;
	border: 1px solid #000;
	}

.dblist {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}
        
.dblist li {
	margin: 2px 85px 0 0;  
	padding: 2px 5px 5px 5px;
	border: 1px solid #000; 
	}

.dblist img {
	border: none;
	padding-top: 5px;
	}
	
li.alt {
	background: #eee;
	}

li.altdb {
	background: #eec;
	}


/* Link box in the upper right-hand corner */

#topboxlinks {
	position: absolute;
	top: 0px;
	right: 9%;
	padding: 0 5px 0 5px;
	background: #e3e3b0;
	border: 0;
	}

#topboxlinks ul {
	margin-left: 0;
	padding-left: 1px;
	display: inline;  
	}

#topboxlinks ul li {
	margin-left: 3px;
	padding: 3px;
	list-style: none;
	display: block;
	float: left;
	border-left: 1px solid #660033;
	}
	
	
#topboxlinks ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: block;
	}

#topboxlinks a {
	 text-decoration: none;
	 font: bold .7em sans-serif;
	 color: #039;
	 padding-left: 2px;
	display: block;
	}

#topboxlinks a:visited {
	color: #039;
	}
		
#topboxlinks a:hover {
	 color:  #36c;
	}

/* Breadcrumbs */

.breadcrumbs {
	position: relative;
	float:left;
	margin:0;
	left: 9%;
	width: 82%;
	}

.breadcrumbs p {
	font:0.8em bold Arial,Helvetica,sans-serif;
	margin: .3em 0 0 3em;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}


/* begin box declarations */

.roundtop {
	margin: 0 0 8px 0;
	border: 3px solid #fff;
	padding: 3px 0 0 0;
	border-top-right-radius:  15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-left-radius:  15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	}


.spotlight_container {
	position: relative;
	float: right;
	right: 9%;
	top: 20px;
}


.cb h1  {
	height: 15px;
	margin:0;
	padding:0.3em 10px;
	background:#390;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	color: #fff;
	}

.cb form {
	margin:0;
	padding:0.3em 10px;
	background:#9c6;
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #000;
}

/* Class .one is the green box */

.one {
	width: 55%;
	background: #5c8020;
	margin: 15px;
}

.one h1 {
	height: 15px;
	margin: 1px;
	padding: 0.3em 10px;
	font: bold 1.2em/1 Arial, Helvetica, sans-serif;
	color: #fff;
}

.one form {
	margin: 2px;
	padding: 20px 10px 20px 10px;
	background: #96cd39;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.one p {
	margin: 0px;
	padding: 0.3em 10px;
	background: #96cd39;
	font: 0.85em/1 Arial, Helvetica, sans-serif;
	color: black;
	}

.one a {
	color: black;
	padding: 0 5px 0 5px;
	}

.one label { 
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #000;
	}

/* Class .two is the blue box */

.two {
	width: 55%;
	background: #202180;
	margin: 15px;
	}

.two h1 { 
	height: 15px;
	margin:0;
	padding:0.3em 10px;
	font: bold 1.2em/1 Arial, Helvetica, sans-serif;
	color: #fff;        
	}

.two p {
	margin: 0px;
	padding: 0.3em 10px;
	background: #69c;
	font: 0.85em/1 Arial, Helvetica, sans-serif;
	color: black;
	}
	

.two form {
	margin: 2px;
	padding: 20px 10px 20px 10px;
	background: #69c;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.two label { 
    font: 0.75em Arial, Helvetica, sans-serif;
    color: #000;
	}
		
.two a {
	color:  black;
	padding: 0 5px 0 5px;
	}

.two img {
	width: 200px;
	height: 150px;     
	margin: 0;
	padding: 0;
	background: #69c;
	border: 0px solid #000;
}
	
/* Class .three is the orange box */

.three {
	position: absolute;
	top: 10px;
	right: 10px;
	width:200px;
	margin: 15px;
	background: #cc9900;
}

.three h1 {
	height: 15px;
	margin: 0;
	padding:0.3em 10px;
	font:bold 1em/1 Arial, Helvetica, sans-serif;
	color: #fff;
}

.three dl {
	margin: 2px;
	padding-bottom: 0.5em;
	background: #e3e3b0;
}

.three dd {
	margin-left: 10px;
	padding-top: 0.5em;
	font: 0.9em Arial, Helvetica, sans-serif;
}

.three ul {
	padding-top: 0.5em;
	font: 0.9em Arial, Helvetica, sans-serif;
}

/* Class .four is the hours/info box */

.four { 
	width: 200px;
 	background:#bbcad5;
}

.four h1 {
	height: 15px;
	margin:0; 
	padding:0.3em 10px;
	font:bold 1em/1 Arial, Helvetica, sans-serif;
	color: #000;
}

.four dl {
	margin: 2px;
	padding-bottom: 0.5em;
	background: #e7eefa;
	}

.four dt {
	padding-top: 0.5em;
	margin-left: 3px;
	font: bold 0.9em Arial, Helvetica, sans-serif;
}

.four dd {
	margin-left: 7px;
	padding-top: 0.5em;
	font: 0.9em Arial, Helvetica, sans-serif;
}

.four p {
	margin: 0.5em;
	padding: 0;
	text-align: center;
	font: 0.9em Arial, Helvetica, sans-serif;
}

/* class .other is the light blue box */

.other {
	width: 55%;
	margin: 15px;
	background:#8080d5;
}

.other h1  {
	height: 15px;
	margin: 0;
	padding: 0.3em 10px;
	font: bold 1.2em/1 Arial, Helvetica, sans-serif;
	color: #000;
	}

.other p {
	text-decoration: underline;
	background: #ccccee;
	margin: 2px;
	padding:0.3em 10px;
	}

.other span {
	font-size: 0.8em;
	margin-bottom: 5px;
	}

.other_text {
	font-size: 0.7em;
	text-decoration: none;
	margin: 2px 0 5px 0;
	}

.other ul {
	list-style: none;
	font-size: 0.7em;
	}

.other img {
	width: 200px;
	height: 150px;     
	margin: 0;
	padding: 5px;
	background: #ccccee;
	border: none;
	}

.other label { 
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #000;
	}

.other form {
	margin:2px;     
	padding:0.3em 10px;
	background: #ccccee;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	color: #000;
	}


.order_form {
	margin: 0;
	}

.order_form label {
	display: block;
	margin: 2px 0 3px 0;
	padding-bottom: 3px;  
	font: bold 0.75em Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.order_form input {
	margin-left: 30px;
	}

.cd label {
	display: block;
	margin: 2px 0 3px 0;
	padding-bottom: 3px;  
	font-size: .75em;
	color: #000;
	}


.form_margin {
	position: absolute;
	left: 135px;
	margin: 1px 0 0 -3px;
	padding: 1px 0 3px 0;
	}


/* smalllinks */

.smalllinks {
	font: 0.7em Arial, Helvetica, sans-serif;
	padding: 4px 10px 4px 10px;
	height: 1em;
	}

.smalllinks_light {
	font: 0.7em Arial, Helvetica, sans-serif;
	padding: 4px 10px 4px 10px;
	/*color: #c0c0c0;*/
	height: auto;
	}

.smalllinks_light a {
	color: #c0c0c0;
	}


/* Research Help Menu */

.research_help_list {
	font:  0.9em Arial, Helvetica, sans-serif;
	margin: 2px;
	padding: 10px;
	background: #96cd39;
	overflow: auto;
	height: auto;
	}

.research_help_list img {
	border: none;
	height: 1em;
	width: 1em;
	padding-right: 5px;
}
	
.research_help_list a {
	text-decoration: none;
	}

a.subject_link_a {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	float: left;
	width: 96%;
}

a.subject_open {
	border: 2px inset #94c245;
}


a.subject_closed {
	background: #5b8513;
	color: white;
	border: 2px outset #94c245;
}
	
.guide_links {
	font-size: 0.9em;
	padding: 1px;
	padding-left: 30px;
}

.guide_links a {
	text-decoration: none;
}

.guide_links a:hover {
	text-decoration: underline;
}

.research_help_list a i {
	display: none;
}

/* begin help text declarations */

.helptext {
	margin: 45px 0 0 10px;
	font: .85em arial, helvetica, sans-serif;
 	}

.helptext ol li {
	font-weight: bold;
	}

.helptext ul li {
	font-weight: normal;
	}
	

.helptext p {
	padding-left: 10px;
	}	

.helptext dt {
	padding: 0.25em;
	font-size: 1.1em;
}

.helptext p.nav {
	text-align: right;
	font: 1.5em arial, helvetica, sans-serif;
	padding: 0 10% 0 0;
}

.helph1 {
	font-size: 130%;
	text-decoration: none;
	}
	
.helph2 {
	font-size:  100%;
	text-decoration:  none;
}
	
.screenshot {
	border: outset 2px #c0c0c0;
	margin: 5px;
}

/* begin footer declarations */

#footer {
	margin-top: 30px;
	border-top: 1px solid #000;
	color: #000;
	font: .8em arial, helvetica, sans-serif;
	text-align: center;
	background: transparent;  
}

#footer img {
	border: none;
	padding: 5px 0 0 0;
}


/*  Tree style menu used in PAS */
	
.treemenu {
	margin : 2px;
	padding : 3px;
	list-style : none;	
	background: #e3e3b0;;
}

.treemenu ul {
	list-style : none;
	margin : 0px;
	padding : 0px;
	text-decoration: none;
}

.treemenu li {
	display: block;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0;
}

.treemenu a {
	text-decoration : none;
	margin: 0;
}

.treemenu li.treenode ul {
	display: none;
}


/* BUTTONS */

.buttons a, .buttons button{
    /*display:block;*/
    margin:0 7px 0 0;
    background-color:#660033;
    border:1px solid #660033;
	border-top-left-radius:  15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:  15px;

    font-family:  arial, helvetica, sans-serif;;
    font-size:70%;
    line-height:80%;
    text-decoration:none;
    font-weight:bold;
    color:#e3e3b0;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware and Research buttons are 8.166666em wide.

==============================================================================

Dave Brondsema deleted stuff to make this minimal version
He also changed the colors of background, text, and borders to be more recognizable, so that others may find and change for their sites more easily.

Mike Bloomberg modified it extensively for the Lindell Library homepage

The "skinny" class appears to be necessary on the first 'ul' that flies out within a dropdown

*/

/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	z-index: 1001;
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	left: 9%;
	width: 82%;
	margin:0;
	padding:0;
	border:0;
	background-image: url(http://www.augsburg.edu/library/graphics/navgrad.jpg);
	background-repeat: repeat-x;
	height:1.4em;                                  /* the menu's overall height */
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;         /* this (and also below) sets the menu's font size */
	border-top-left-radius:  12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	border-bottom-left-radius:  12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	border-top-right-radius:  12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	border-bottom-right-radius:  12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	padding:0.1em 0 0 1em;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	height:18px;
	color: #e3e3b0;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid transparent;    /* these 2 lines create the push-in illusion */
	height:16px;
	color: #e3e3b0;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:1.4em;              /* place us just up underneath the top-level */
	left:0;
	height:auto;      /* the drop-down height will be determiend by line count */
	width:14.5em;
	color:#660033;                        /* this sets the unselected-text color */
	background:#e3e3b0;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#660033;               /* this sets the unselected drop-down text color */
	background:#e3e3b0;       /* this sets the drop-down menu background color */
	width:13.5em;
	text-decoration: none;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#660033;
	background:#e3e3b0;
	text-decoration: underline;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.08333em;
	width:14em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
	background:#e3e3b0;
	color:#660033;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
	background:#e3e3b0;
	color:#660033;
}