/* 	Styles for the IPL home page and main wrapper. 

Formerly cssnav.css, but changed to main.css 
by M. Galloway 5/13/2008.
cssnav.css was intended for use with css hover menus, which we're 
removed in early 2008.

Format for using CSS to import individual style sheets
@import url("/div/potus/potus.css");

If you have a problem with the CSS not working on the IPL homepage, 
one likely cause is that it can't find one of the CSS files below.
You may not see an error message telling you this.

*/


/* Settings for POTUS */
<& /div/potus/styles/potus.css &>
/* Settings for Native American section */
<& /div/natam/natam.css &>
/* Settings for Music History section */
<& /div/mushist/mushist.css &>
/* Settings for Detroit Jazz section */
<& /div/detjazz/detjazz.css &>
/* Settings for Quiltshow section */
<& /div/quiltshow/quiltshow.css &>
/* Settings for Dino section */
<& /div/dino/dino.css &>
/* Settings for Pottery section */
<& /div/pottery/pottery.css &>
/* Settings for FARQ section */
<& /div/farq/FARQ.css &>
/* Settings for Pathfinders section */
<& /div/pf/PF.css &>
/* Settings for Kelsey section */
<& /div/kelsey/kelsey.css &>
/* Settings for isler section */
<& /div/isler/isler.css &>
/* Settings for contact section */
<& /div/contact/contact.css &>
/* Settings for election section */
<& /div/election/election.css &>
/* Settings for Genesis/euphrates section */
<& /div/euphrates/euphrates.css &>
/* Settings for labadie section */
<& /div/poisonsafe/poisonsafe.css &>
/* Settings for lighthouse section */
<& /div/light/lighthouse.css &>
/* Settings for about section */
<& /div/about/about.css &>
/* Settings for litcrit section */
<& /div/litcrit/litcrit.css &>
/* Settings for germanref section */
<& /div/germanref/GermanRef.css &>
/* Settings for timeline page in About the IPL */
<& /div/about/timeline/timeline.css &>
/* Settings for askus, Adult Ask a Question Form */
<& /div/askus/askus.css &>
/* Settings for find a library/library locator search box */
<& /div/liblocator/liblocator.css &>


/* wrapper classes */
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
}
table {
	margin: 0; 
	padding: 0;
	border: 0; 
}
img {
	border: none;
}
blockquote {
	margin: 0 0 .5em 0;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 1.4em;
	color: #000000;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 13px;
	color: #000000;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: .9em;
	color: #000000;
}

table#iplwrapper {
	width: 100%; 
	min-width: 40em;
}
table.banner {
	width: 100%; 
	table-layout: fixed;
	border: 2px solid #C90;
	background-image: url("/common/images/logo130x2.gif"); 
	background-repeat: repeat; 
	position: relative;
	z-index: 30;
}
table.banner div#bannertextNsrch {
	width: 100%; 
	height: 100%;
	padding: 0;
}
h1.bannerText {
	font-size: 2em;
	font-weight: bold;
	margin-top: 0px;
}
h1.SearchHeading { /* text in top banner over searchform */
	display: inline;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	margin-right: 0.5em;
	color: #000;
}
a.bannerLink {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	color: #FFF;
	padding-right: .5em;
	text-decoration: none;
}
a.bannerLink:hover {
	color: #8BF;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
}
/* searchbar appears at top of all pages in common ipl and kidspace */
div#iplsearchbar {
	float: right; 
	margin-right: 1em; 
	font-size: .8em; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; 
}
div.iplsearchbaritem {
	float: left; 
	padding-right: .5em;
}
#Title {
	text-align: right;
	margin: 0;
	padding: 0;
	height: 126px;
}
#contentBrowse {
	margin-top: .5em;
	margin-left: .5em;
}
#Search {
        /* padding: 3px 7px;
        color: #000;
				border: 1px solid #8BF;*/
}
#SearchText {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
        /* background-color: #8BF;*/
        color: #000;
}
#SearchText:focus {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
        background-color: #FFF;
        color: #000;
}
#SearchSelect {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
        background-color: #8BF;
        color: #000;
}
#SearchSelect:focus {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
        background-color: #FFF;
        color: #000;
}
#SearchSubmit {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
        background-color: #8BF;
        color: #000;
}
#TrailLabel {
        z-index: 3;
        font-size: 0.8em;
}
#Trail {
        z-index: 4;
        padding: 3px 7px;
				font-size: .9em;
				text-decoration: none;
}
#SeeLabel {
				margin: .5em 0 0 .5em;
        font-size: 0.8em;
        padding: 3px 7px;
        background-color: #9C9;
        color: #FFF;
        border: 1px solid #9C9;
}
#See {
        font-size: 0.8em;
        padding: 3px 7px;
        background-color: #CFC;
        color: #FFF;
        border: 1px solid #9C9;
}

/* START of CSS tabs for IPL advanced search or sitesearch page  */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 2px solid #CC9900; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

div.tab1 li.tab1, div.tab2 li.tab2, div.tab3 li.tab3, div.tab4 li.tab4 { /* settings for selected tab */
border-bottom: 2px solid #FFFF99; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

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

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

div.tab1 ul#tabnav li.tab1 a.a1,
div.tab2 ul#tabnav li.tab2 a.a2
{
background-color: #FFFF99;
color: #0000EE;
position: relative;
top: 2px;
padding-top: 5px;
}


div.hideme { display: none; }
div.tab1 div#panel1, div.tab2 div#panel2, div.tab3 div#panel3, div.tab4 div#panel4  { 
    display: block;
    border-right: 2px solid #CC9900;    
    border-bottom: 2px solid #CC9900;
    border-left: 2px solid #CC9900;
    padding: 10px;
    background-color: #FFFF99;
}

/* end of CSS tabs for IPL advanced search or sitesearch page */

/* CSS for cssnav side navigation bar*/
/* CSS for cssnav side navigation bar*/
/* CSS for cssnav side navigation bar*/

td.nav {
	width: 20%;
	vertical-align: top;
	background-color: #FFFF99;
	border-left: 2px solid #C90;
	border-bottom: 1px solid #C90;
	border-right: 2px solid #C90;
	margin: 0;
	padding-top: 0.5em;
}

div #Nav {
	vertical-align: top;
}

#Nav h1 {
	height: 1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: .8em;
	text-indent: .5em;
	margin: .1em 0 .1em 0;
	color: #0000FF;
}
#Nav h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: .8em;
	font-weight: normal;
	text-indent: 1em;
	margin: 0;
	padding: 0;
	color: #00F;
}
#Nav ul {
	margin: 0;
	padding: 0;
	background: #FF9;
}
#Nav li {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	}

#Nav li a {
	display: block;
	padding: 0;
	text-decoration: none;
}
#Nav li a:hover {
	background-color: #039;
	color: #FFF;
}
#Nav ul ul {
	display: block;
	z-index: -10;
}

div#askanipllibnavbaricon1
{
  padding-left: 0.5em;
  padding-bottom: 0.25em;
  border-top: 2px solid #C93;
  border-bottom: 2px solid #C93;
  font-weight: bold;
  font-size: 0.8em;
}

div#askanipllibnavbaricon2
{
  padding-left: 0.5em;
  padding-bottom: 0.25em;
  border-bottom: 2px solid #C93;
  font-weight: bold;
  font-size: 0.8em;
}

/* end CSS for cssnav side navigation bar*/

/* CSS for main content area. */
/* CSS for main content area. */
/* CSS for main content area. */

/* Specific divs/directories may have their own CSS as well. */

td.contentMain { /* for content on the home page only */
	height: 100%;
	width: 80%;
	min-width: 500px;
	vertical-align: top;
	font-size: .8em;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #C90;
}
td.content {
	height: 100%;
	width: 80%;
	min-width: 500px;
	vertical-align: top;
	font-size: .8em;
	padding: 1em 0.5em 0.5em 1em;
	margin: 0;
	border-bottom: 1px solid #C90;
	border-right: 1px solid #C90;
}
td.contentMain table#iplindex{
	width: 100%;
	height: 100%;
}
td.spotlight {
	padding: 0 1em 0 1em;
	width: 50%;
	vertical-align: top;
	background-color: #FFFFFF;
}
.spotlight h1 {
	text-align: center;
	color: #C90;
}

div#askanipllibspotlight
{
  border-bottom: 1px solid #C90;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

td.inside {
	width: 50%;
	border-left: 1px solid #C90;
	border-right: 1px solid #C90;
	padding: 0 1em 0 1em;
}
.inside h1 {
	text-align: center;
	color: #C90;
}
td.insidetext {
	background-color: #FFF;
	background-image: none;
}
td.foot {
	background-image: url("/common/images/foot_bkgd.gif");
	background-repeat: no-repeat;
	color: #336699;
}

.headingabstract {
	margin: 0;
	padding: 0 0 .5em .5em;
}

div#askanipllibbannerad
{
  border-bottom: 2px solid #C90;
  padding-top: 0.5em;
  padding-bottom: 0.75em;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
}

div#askanipllibbannerad div#adbnrtxt a#biglink
{
  font-size: 1.5em;
}

div#askanipllibbannerad div#adbnrtxtsmall
{
  font-size: 0.8em;
}

div#askanipllibbanneradcontactpg
{
  width: 100%;
  text-align: center;
  font-size: 1.1em;
}

div#askanipllibbanneradcontactpg span#adbnrtxtbig
{
  color: #C90;
  font-size: 1.3em;
  font-weight: bold;
}

td.content h3.head {
	font-size: 1.2em;
}

td.content dl {
	margin: 0.2em 0 0 0;
	padding: 0;
	color: #000000;
}
td.content dt strong.head {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #000000;
}
td.content dt a {
	text-decoration: none;
}
td.content dd {
	margin: 0;
	padding: 0 0 1em 1em;
	font-size: .9em;
	color: #000000;
}
td.content dd.subheadAbstract {
	margin: 0;
	padding: 0 0 .1em 1em;
	font-size: .9em;
	color: #000000;
}
td.content h3 {
	margin: 0;
	padding: 0;
}

.fauxColumn {
	width: 1px;
	height: 0em;
	background: #fff url(/common/images/spacer.gif) repeat-y left top;
}

td.sponsorship {
	font-size: small;
	text-align: center;
	border-top: 1px solid #C90;
	border-left: 1px solid #C90;
}

td.sponsorship2 {
	font-size: small;
	border-top: 1px solid #C90;
	text-align: center;
	border-right: 1px solid #C90;
}

td.sponsorshipIndex {
	text-align: center;
	border-top: 1px solid #C90;
	border-left: 1px solid #C90;
}

td.sponsorshipIndex2 {
	text-align: center;
	border-top: 1px solid #C90;
	border-right: 1px solid #C90;
}

div.invsText {
/* only used in feature column of Index page, but should be useful in the future */
	text-decoration: none; 
	visibility: hidden;	
	line-height: 0.1em;
}

img.invspixel {
	 position: absolute;
}

img.invslineNoIe {
/* Hide from all browsers except IE \ */
position: absolute;
/* no more hiding */
}

.clear_both {
	clear: both;
} 

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}

.access {
	position: absolute;
	left: -9999px;
}

.skipmain_content {	
display: none;
}

.font1em {
	font-size: 1em;
}

.font1_2em {
	font-size: 1.2em;
}

.font2_3em {
	font-size: 2.3em;
}

.font120 {
	font-size: 120%;
}

.font80 {
	font-size: 80%;
}

span.font_neg1em {
/* font size=-1*/
	font-size:0.85em;
}

span.font_1pt15em {
/* font size=4*/
/* header 3*/
/* font size=+1*/
	font-size:1.15em;
}

span.font_1pt5em {
/* font size=5*/
	font-size:1.5em;
}

.valignTOP {
	vertical-align: top;
}

.width100 {
	width: 100%;
}

.width95 {
    width: 95%;
}

.width80 {
	width: 80%;
}

.width20 {
	width: 20%;
}

.center {
	text-align: center;
}

table.ctrtable {
  margin-left: auto;
  margin-right: auto;  
}

table.ctrtableandtext {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

br.clearAll {
	clear: both;
}

.imgCenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.no_border {
	border: 0px;
}

ul.nobullets, ol.nobullets {
	list-style-type: none;
}

.no_underline
{
  text-decoration: none;
}

hr.halfwidth {
	width: 50%;
}

input.noyellowfields {
	/*Google Toolbar auto fill feature automatically makes some fields yellow.*/
	background-color: white ! important;
}

div.iplpartnerhr {
  border-top: 1px solid #FC6;
  width: 80%;
}

div.widget {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div.widget div {
  margin-left: auto;
  margin-right: auto;
}