/* 
-------------------------------------------
Library Secondary Page Style Sheet
Contains styles specific to secondary pages
Author(s): K. Halbrook,
Upated: 06.11.08

1. Layout divs
2. User tools
3. Breadcrumbs
4. Content
5. Right column
6. Miscellaneous - table style, hrs, etc.
7. CSS tabs - used on subject pages
-------------------------------------------
*/

/* 1. Layout divs
-------------------------------------------*/
#userTools {
	width: 520px;
	margin: 0 auto;
	padding: 19px 0px 20px 442px;
	}
	
#breadcrumbs {
	font-size: 60%;
	width: 840px;
	margin: 0 auto;
	padding: 0 60px;
	color: #646464;
	}
	
#contentLineBackground {
	background: url(/lib/images/backgrounds/back_column-divider-repeat.gif) repeat-y;
	border: 1px solid white;
	}

#content {
	float: left;
	width: 840px;
	padding: 0 30px 0 0;
	}
	
#rightColumn {
	float: left;
	width: 171px;
	padding: 0 0 0 20px;
	}	
	
#ad {
	margin: 30px 0 15px;
	}


/* 2. User Tools
-------------------------------------------*/
#userTools ul {
	padding: 37px 0 0 0;
	float: left;
	padding: 0;
	margin: 4px 0 0 0px;
	list-style-type: none;
	font-size: 70%;
	}
	
#userTools ul li {
	margin-right: 20px;
	display: inline;
	}
	
#userTools a:link, #userTools a:visited {
	color: #757575;
	text-decoration: none;
	}
	
#userTools a:hover, #userTools a:active, #userTools a:focus {
	color: #b9b659;
	}
	
#userTools ul img {
	margin-right: 4px;
	}
	
#userTools form {
	margin: 0;
	display: inline;
	}
	
#userTools form input {
	color: #636363;
	font-size: 60%;
	height: 15px;
	}

#userTools form input.text {
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;		
	height: 14px;
	font-size: 60%;
	width: 83px;
	}

#userTools form select {
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	height: 18px ;
	font-size: 60%;
	color: #636363;
	}

html>/**/body #userTools form select {
	height: 16px;
	}
#userTools form input.button {
	background-color: #acacac;
	color: #f7f7f7;
	font: 65% Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #7d7d7d;
	border-bottom: 1px solid #636363;
	border-left: 1px solid #bebebe;
	cursor: pointer;
	padding: 0 0 2px 0;
	margin: 0 0 0 5px;
	height: 18px;
	width: 50px;
	}
	
html>/**/body #userTools form input.button { /* for Firefox */
	padding-bottom: 1px;
	}	

	
/* 3. Breadcrumbs
-------------------------------------------*/	
#breadcrumbs span.current {
	color: #8b8b8b;
	}
	
#breadcrumbs a:link, #breadcrumbs a:visited {
	color: #646464;
	text-decoration: none;
	}
	
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {
	color: #646464;
	text-decoration: underline;
	}

	
	
/* =4. Content
-------------------------------------------*/	
#content h1 {
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	color: #064b51; 
	letter-spacing: 0.01em;	
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#content h2 {
	font: bold 95% Verdana, Arial, Helvetica, sans-serif;
	color: #5a5304;
	margin: 20px 0 15px 0;
	padding: 0;
	}
	
#content h3 {
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	}
	
#content p, #content td {
	font-size: 70%;
	line-height: 160%;
	color: #494949;
	}
	
#content td p {
	font-size: 100%;
	}
	
#content ul {
	list-style-type: none;
	}
	
#content ul li {
	background: url(/images/general/bullet_square-gray.gif) no-repeat 0px 7px;
	font-size: 70%;
	color: #494949;
	padding: 0 0 5px 10px;
	}
	
html>/**/body #content ul li {
	background: url(/images/general/bullet_square-gray.gif) no-repeat 0px 4px;
	}
	
#content ul li ul {
	margin: 15px 0 5px 15px;
	}
	
html>/**/body #content ul li ul {
	margin: 15px 0 5px;
	}
	
#content ul li ul li {
	font-size: 100%;
	}
	
#content ol {
	padding: 0 0 5px 25px;
	font-size: 70%;
	color: #494949;
	}
	
#content ol li {
	margin: 0 0 5px 0px;
	}
	
html>/**/body #content ol li {
	margin: 0 0 5px 35px;
	}
	
#content ol li ol {
	margin: 10px 0 5px 0px;
	}
	
html>/**/body #content ol li ol {
	margin: 10px 0 5px -12px;
	}
	
#content ol li ol li {
	font-size: 140%;
	}	
	
#content td ul {
	margin: 0;
	padding: 0;
	font-size: 140%;
	}

#content td ol {
	/* added by JR 10-14-08 */
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

#content td ul li {
	background: url(/images/general/bullet_square-gray.gif) no-repeat 0px 7px !important;
	}
	
#content p a:link, #content p a:visited, #content table a:link, #content table a:visited, #content li a:link, #content li a:visited, #content h3 a:link, #content h3 a:visited, table.output a:link, table.output a:visited {
	color: #9d0a0e; 
	text-decoration: none;
	border-bottom: 1px solid #f0edd8; 
	}
	
#content p a:hover, #content p a:active, #content table a:hover, #content table a:active, #content li a:hover, #content li a:active, #content h3 a:active, table.output a:hover, table.output a:active {
	color: #323232;
	border-bottom: 1px solid #c7c7c7;
	}
	
/* =5. Right column
-------------------------------------------*/
	
#rightColumn p.ask {
	color: #610f0c;
	font-weight: bold;
	font-size: 80%;
	margin: 0;
	padding: 0;
	}
	
#rightColumn p.ask a {
	color: #610f0c;
	text-decoration: none;
	}
	
#rightColumn p.ask a:hover, #rightColumn p.ask a:focus {
	color: #323232;
	border-bottom: 1px solid #c7c7c7;
	}
	
#rightColumn h2 {
	font-size: 80%;
	color: #096a73; /* #3d3d3d; */
	margin: 20px 0 15px;
	}
	
#rightColumn h2 a {
	color: #096a73; /* #3d3d3d; */
	text-decoration: none;
	}
	
#rightColumn h2 a:hover, #rightColumn h2 a:active, #rightColumn h2 a:focus {
	color: #323232;
	border-bottom: 1px solid #c7c7c7;
	}
	
#rightColumn dl {
	color: #5a5a58;
	font-size: 65%;
	line-height: 135%;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
#rightColumn dt {
	font-weight: bold;
	}
	
#rightColumn dd {
	margin: 0;
	}
	
#rightColumn dl a:link, #rightColumn dl a:visited {
	color: #3d3d3d;
	text-decoration: none;
	}
	
#rightColumn dl a:hover, #rightColumn dl a:active, #rightColumn dl a:focus {
	color: #323232;
	border-bottom: 1px solid #c7c7c7;
	}
	
	
/* 6. Miscellaneous
-------------------------------------------*/

.databaselist a {
	/* This is used for the A-Z jumplinks at the top of the databases page */
	font-size: 1.1em;
	border: 1px solid #4a4d4a;
	border-bottom: 3px solid #4a4d4a;
	color: #9d0a0e;
	margin: 2px 0px 0px 0px;
	padding: 1px 3px 2px 3px;
	text-decoration: none;
	}
	
.delicious-posts {
	font: 125% Verdana, Arial, Helvetica, sans-serif;
	}

table.format {
	/* Table with thin borders */
	border: 1px solid #d9d9d9;
	border-collapse: collapse
	}	
	
table.format th {
	border: 1px solid #d9d9d9;
	font-weight: bold;
	background-color: #eee;
	font-size: 75%;
	color: #494949;
	padding: 5px;
	}	
	
table.format td {
	border: 1px solid #d9d9d9;
	background-color: #fff;
	padding: 5px;
	}
	
table.format td table td {
	border: none;
	}

div.hr {
	height: 15px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 25px;
	}	
	
div.hr hr {
	display: none;
	}	
	
.imgRight { /* for images floating right */
	float: right;
	margin: 0 0 15px 15px;
	}
	
.imgLeft { /* for images floating left */
	float: left;
	margin: 0 15px 15px 0;
	}	
	
.librarian-box {
	/* This is used to display librarians' photos on subject pages */
	width: 156px; 
	margin: 16px 0px 12px 0px; 
	padding: 6px 4px 6px 4px; 
	border: solid; 
	border-width: 1px; 
	border-color: #DCDCDC; 
	text-align: left;
	font-family: verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight: bold;
	color: #494949;
 	}	

.librarian-box img {
	margin: 8px 0 8px 0;
	border: 1px solid black;
	}
	
.noBorder, a.noBorder, table.noBorder td a { /* apply this to an <a> or table tag that has linked images so they have no border underline */
	border: none !important;
	}
	
table.noBorder th, table.noBorder td {
	padding: 5px;
	}
	
.photoCaptionBox {
	/* When used as a div, this displays photos at the top right-corner of a page, with room for a text caption below */
	float: right;  
	margin: 0 0 14px 20px; 
	padding: 0px 0px 0px 0px; 
	border: none; 
	text-align: center;
	font-size: 70%;
 	}

.right {
	text-align: right;
	}
	
.topright-box {
	/* Can be used to display special textboxes in top-right corner of pages */
	float: right; 
	width: 180px; 
	margin: 0 0 10px 20px; 
	padding: 0px 4px 4px 4px; 
	border: solid; 
	border-width: 1px; 
	border-color: #DCDCDC; 
	text-align: center;
 	}

.topright-box ul {
	text-align: left;
	margin: 8px 0 0 0px;
	}	
	

/* 7. CSS tabs - Used on subject pages
-------------------------------------------*/	

ul#tabsnav { /* general settings */
	text-align: center; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 16px verdana, arial, helvetica, sans-serif; /*  bold 11px verdana, arial, sans-serif;  set font as desired */
	border-bottom: 1px solid #dcdcdc; /* #6c6; set border COLOR as desired */
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	}

ul#tabsnav li { /* do not change */
	display: inline;
	background: none; /* this removes square box bullet style */
	padding: 0 0;  /* this removes square box bullet spacing style */
	}

#tabpg1 li.tab1, #tabpg2 li.tab2, #tabpg3 li.tab3, #tabpg4 li.tab4, #tabpg5 li.tab5, #tabpg6 li.tab6 { /* settings for selected tab */
	/* border-bottom: 1px solid #dcdcdc;  set border color to page background color */
	/* background-color: #fff; /* set background color to match above border color */
	list-style-type: none;
	}

#tabpg1 li.tab1 a, #tabpg2 li.tab2 a, #tabpg3 li.tab3 a, #tabpg4 li.tab4 a, #tabpg5 li.tab5 a, #tabpg6 li.tab6 a { /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 0px;
	padding-top: 3px; /* must change with respect to padding (X) above and below */
	border-bottom: 1px solid #dcdcdc;
	}

ul#tabsnav li a { /* settings for all tab links */
	padding: 3px 6px 3px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #dcdcdc; /* #6c6; set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #dcdcdc; /* #cfc;  set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 2px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: 1px solid #dcdcdc;
	}

ul#tabsnav a:hover { /* settings for hover effect */
	background: #fff;    /* set desired hover color */
	border-bottom: 1px solid #dcdcdc; 
	}