/*****************************************

* Author:  Erika Dowell, The Lilly Library

* This stylesheet is for screen formatting 
* of The Lilly Library web site.

*****************************************/

/***********************************/
/** GENERAL STYLES FOR LILLY SITE **/
/***********************************/

body {
	background-color: #ffffe4;
	font-family: Arial, Helvetica, sans-serif;
}
#maincontent {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
#alert {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	padding: 15px;
	border: 1px solid #990000;
}
h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	margin: 0
}
h3 {
	font-family:Arial, Verdana, sans-serif;
	font-size:15px
}
h4 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px
}
blockquote {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif
}
ul li {
	list-style: none;
	padding-bottom:5px
}
.bullet li {
	list-style:disc;
}
/*		
ol li { 
		list-style: none; 
		font-size: 10pt; 
		text-indent: -1.5em
		}
		
ul ol li { 
		list-style: none; 
		font-size: 11pt; 
		text-indent: -1.5em; 
		line-height:100%
		}

*/
div#menu-pg a, div#submenu-pg a {
	display:block
}
a:link {
	text-decoration: none;
	color: #990000;
	background: none
}
a:visited {
	text-decoration: none;
	color: #990033;
	background: none
}
a:hover {
	text-decoration: underline;
	color: #990000;
	background: none
}
a:active {
	text-decoration: none;
	color: #a9a9a9;
	background: none
}
div#header {
	height: 3em;
	margin: 0;
	background-color: #cccc99;
}
.oview {
	margin-top: -1em;
	padding-left: 2em;
}
h1#title {
	font-size: 2em;
	margin: 0;
	padding: .3em;
	font-family:Georgia, "Times New Roman", Times, serif
}
#search form, #search h2 {
	display: inline;
	margin: auto;
}
#maincontent {
	padding-left:230px;
	width:70%;/*margin-left: 20%;
	width:100%\9;*/
}
.links {
	float:right;
	padding: 0 10px;
	border:3px solid #000;
	width:250px;
	background:#f5f5d5;
	margin:1em
}
img.left {
	float:left;
	padding-right:1em
}
img.right {
	float:right;
	padding-left:1em
}
div.links p {
	margin-top:-17px;
	padding-left:1.5em;
	text-indent:-1em
}
div.links li {
	margin-top:-7px;
	text-indent:-1em;
	padding-left:1em
}
/******************************************/
/** PLAIN PAGES STYLES ********************/
/**(FOR PAGES WITHOUT SIDEBAR PAGE MENU) **/
/******************************************/		
		

#main {
	margin-left:5%;
}
#main p {
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
}
/***********************************/
/** TABS STYLES FOR LILLY SITE **/
/***********************************/
#tabs {
	margin: 0;
	padding: 9px;
	background-color: #cccc99;
	border-bottom: 1px solid #6d6e70;
}
#tabs ul {
	margin: 0;
}
#tabs ul li {
	font-family: verdana, sans-serif;
	font-size: 13px;
	list-style: none;
	padding: 10px 20px 10px 5px;
	display: inline;
	margin: 0;
}
#tabs ul li.here {
	font-family: verdana, sans-serif;
	list-style: none;
	display: inline;
	margin: 0;
	background-color: #ffffe4;
	border-left: 1px solid #6d6e70;
	border-right: 1px solid #6d6e70;
	border-top: 1px solid #6d6e70;
	border-bottom: 2px solid #ffffe4;
	padding: 7px 21px 9px 5px;
}
/********************************/		
/**  TABLES TO DISPLAY IMAGES ***/
/********************************/


tr td {
	vertical-align: top;
	padding: 0 1em 1em 0;
}
/*****************************************/		
/*  PAGE MENU STYLES FOR LILLY SITE  */	
/*****************************************/

#menu-pg {
	float: left;
	width: 215px;
	margin: 0em 1em 0em 0em;
}
#menu-pg ul {
	margin: 0;
	padding: 0;
}
#menu-pg ul li {
	background-color: #dcdcbd;
	border-top: 2px solid #ffffe4;
	border-bottom: 2px solid #ffffe4;
	margin: 0;
	padding: 10px;
	font-size: 13px;
}
#menu-pg ul li.current {
	background-color: #ffffe4;
	font-weight: bold;
}
#menu-pg ul li#first {
	border-top: 2px solid #dcdcbd;
}
/* styles for submenu of left-hand page menu, as in catalogues pages */
		
#submenu-pg ul li {
	background-color: #ffffe4;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	list-style: none;
	margin: 0 1.5em;
	padding: 0;
}
#submenu-pg {
	margin-top:-10px;
	padding-bottom:10px
}
/*****************************************/		
/*  NEWS & EVENTS BOX STYLES, HOME PAGE  */	
/*****************************************/
/* edited for 50th anniversary graphics */
/* change width back to 20% in 2011 */

div#news {
	width: 285px;
	margin: 0 3em 1em 0;
	border: 2px solid #990000;
	padding: 1em;
	float: left;
	font-size: 80%;
}
/*****************************************/		
/*  BLOG BOX STYLES, HOME PAGE  */	
/*****************************************/

div#blogbox {
	/*border-top: 1px dotted #000000;  
		border: 1px dotted #7d120c;*/
		border: 1px dotted #ccc699;
	background-color: #E8E8CA;
	margin-top: 40px;
	padding: 1em 1em 1em 1em;
	float: left;
	font-size: 80%;
	width: 65%;
}
#blogbox p {
	padding-bottom: 1em;
}
/********************************/		
/**  HEADER STYLES, HOME PAGE ***/
/********************************/

div#header-hp {
	height: 10em;
	margin: 0;
	padding: 1em 0 0 1em;
	background-color: #cccc99;
}
#header-hp h1 {
	margin-top: 0;
}
#header-hp p {
	/* float: left; */
		position: absolute;
	top: 8em;
	left: 22em;
	width: 25em;
	margin: 0 0 0 5px;
	padding: 0;
}
#header-hp img {
	float: left;
	padding-right: 1em;
}
#header-hp img#headtitle {
	/* float: left; */
		position: absolute;
	left: 22em;
	padding-right: 15em;
}
div#subhead-hp {
	height: 1em;
	background-color: #dcdcbd;
}
#subhead-hp p {
	margin: 0;
	padding: 0;
}
/*********************************/		
/**  CONTENT STYLES, HOME PAGE ***/
/*********************************/

.horizontal li {
	display: inline;
	font-size: 80%;
}
ul.horizontal {
	margin-bottom: .5em;
}
div#content {
	margin: 1.5em 1em 1em 1em;
}
/********************************/		
/**  FOOTER STYLES, HOME PAGE ***/
/********************************/

div#lillyfooter-hp {
	clear: left;
	padding-top: 2em;
}
#lillyfooter-hp p {
	clear: left;
	font-size: 80%;
	margin: 0;
	padding: 0;
}
/********************************/		
/**  DB STYLES ***/
/********************************/

.form {
	margin: 0 auto;
	overflow: auto;
	width:52em;
}
.search {
	background: #FFF;
	height:370px;
	margin-top:-20px;
}
#db_select {
	padding: 5px 20px 20px 20px;
	display: block;
	background: #E8E8CA;
}
#search_input {
	width: 580px;
	padding: 20px;
	display: block;
}
.toggle_prompt {
	font-size: 90%;
	color: #990000;
	text-decoration: underline;
	cursor: pointer;
}
ul#db_checkboxes li {
	padding-bottom:0
}
.list_head {
	background-color: #cccccc;
}
#pplace {
	width: 100%;
}
/*ul#search_input li {
	padding-bottom:10px
}*/
.search_form {
	display: none;
	padding-left:20px;
	padding-bottom:10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif
}
.formLabel {
	display:inline-block;
	width:100px
}
/*p.db {
	width:85%\9;
}*/
.first, .second {
	display:inline-table;
	width:250px
}
select {
	display: block;
	margin-left: 20px;
	padding: 2px;
}
#submit_btn {
	padding-left:250px;
	margin-top:-30px
}
/*Shopping Cart*/
#cart {
	position: fixed;
	top: 22em;
	right: 0;
	width: 225px;
	height: 325px;
	border: 1px solid black;
	background: #ddeeff;
	display: none;
}
#hide {
	height: 100%;
	width: 25px;
	background: #cccccc;
	position: absolute;
	color: #0000ff;
	cursor: pointer;
}
#cart ul {
	height: 245px;
	overflow: auto;
	margin-left: 30px;
}
#cart li {
	font-style: italic;
}
.item_info {
	font-style: normal;
	color: #000099;
	font-size: 75%;
}
#cart_prompts {
	position: absolute;
	margin-left: 30px;
	bottom: 0;
	padding: 5px;
	text-align: center;
	font-size:.9em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif
}
.cart_prompt {
	font-size: 75%;
	color: #990000;
	text-decoration: underline;
	cursor: pointer;
	margin: 0 10px;
}
.remove {
	color: #990000;
	border: 1px solid #990000;
	font-style: normal;
	font-size: 80%;
	margin-left: 5px;
	cursor: pointer;
	width: 10px;
	display: inline;
	white-space: nowrap;
}
.remove span {
	background: #ffffff;
	position: absolute;
	display: none;
}
.remove:hover span {
	display: inline;
	margin-left: 2px;
}
#print {
	position: absolute;
	top: 0;
	right: 5px;
	color: #990000;
	text-decoration: underline;
	cursor: pointer;
	font-size: .75em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif
}