/*This CSS serves all pages except: index page.*/

/*Basics*/

html, body
{
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
background: #fff;
color: #000;
behavior: url(csshover.htc);} /* WinIE behavior call */

.printtext {
display: none;
}

a:link
{
color: #336699;
}

a:visited
{
color: #006699;
}

a:hover, a:active
{
color: #fff;
background-color: #336699;
}

h1
{
background: #fff;
color: #336699;
font-size: 100%;
font-family: Arial, Verdana, serif;
text-align: center;
}

h2
{
background: #fff;
color: #336699;
font-size: 100%;
font-family: Arial, Verdana, serif;
text-align: center;
}


h3
{
background: #fff;
color: #336699;
font-size: 100%;
font-family: Arial, Verdana, serif;
text-align: center;
}




h4
{
background: #fff;
color: #336699;
font-size: 100%;
font-family: Arial, Verdana, serif;
text-align: center;
}

h5
{
background: #fff;
color: #336699;
font-size: 100%;
font-family: Arial, Verdana, serif;
text-align: center;
}


ul
{
font-family: Arial, Verdana, serif;
}

 
/*Begin header*/
div#header
{
height: 95px;
background-position: 0 0;
margin: 4px 0 0 4px;
border-bottom: 1px solid #336699;
position: relative;
}

/*Globelogo*/
div#logo
{ 
float: left;
margin: 0 0 0 0; 
padding: 0 2px 0 0;
}

/*Lnk's address logo*/
div#textlnk
{
padding: 15px 0 0 0;
}
/*End header*/

 
/*Horizontal blue tabs*/
#tabs
{
margin: 0;
padding: 0;
}

#tabs li
{
list-style: none;
float: right;
margin-right: 10px;
padding-right: 4px;
font-size: 10px;
line-height: 20px;
white-space: nowrap;
border-top: 1px solid #336699;
background: #eee url(http://www.lincolnwoodlibrary.org/images/tabs2-big.gif) 100% 100% no-repeat;
}


#tabs a
{
display: block;
float: right;
padding-left: 4px;
text-decoration: none;
font-weight: bold;
background: #eee url(http://www.lincolnwoodlibrary.org/images/tabs2-big.gif) 0 100% no-repeat;
color: #336699;
width: .1em;
}

html>body #tabs a {width: auto;} /*fixes IE6 hack*/
/*Commented Backslash hack hides rule from IE5-Mac\*/
#tabs a {float: none;}  /*End IE5-Mac hack*/

#tabs a:hover
{
color: #663366;
}

#tabs #current, #tabs #current a
{
color: #6699cc;
background: #336699;
background-image: url(http://www.lincolnwoodlibrary.org/images/tabs2-big-ct.gif)
}
/*End of horizontal tabs*/

 
/*Left navigation menu*/
div#nav 
{
float: left; 
margin: 0 0 0 2px;
width: 170px;
background: #eee; 
font-family: Arial, Verdana sans-serif;  
font-size: 14px;
}

div#nav ul 
{
margin: 0; 
padding: 0; 
width: 170px; 
background: #eee;
border: 1px solid; 
border-color: #006699 #336699 #006699 #336699;
text-align: left;
}

div#nav li 
{
position: relative; 
list-style: none; 
margin: 0; 
border: 1px solid #336699; 
padding: 0 0 0 4px;
}

div#nav li:hover 
{
background: #336699;
}

div#nav li.submenu:hover 
{
background: #336699;
}

/*Width 164 for browsers who add padding and borders*/
div#nav li a 
{
display: block; 
width: 170px; 
padding: 3px 2px 3px 2px;
text-decoration: none; 
voice-family: "\"}\""; 
voice-family:inherit;
width: 166px;
} 


html>body div#nav li a  /*Be nice to Opera*/
{
width: 166px; 
}


div#nav>ul a 
{
width: auto;
}

div#nav ul ul 
{
position: absolute; 
top: 0; 
left: 170px; 
display: none;
}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 
{
display:block;
}

div#nav a:link
{
color: #003366;
}

div#nav a:visited
{
color: #336699;
}

div#nav a:hover
{
background: #336699; 
color: #fff;
}

/*End Navigation menu*/



/*Main content area*/

#main
{
background: #fff;
color: #000;
line-height: 1.64;
margin-left: 170px;
margin-right: 8%;
margin-top: 0;
padding: 2.5% 5%;
font-family: Arial, Verdana, sans-serif;
voice-family: "\"}\""; 
voice-family:inherit;
right: 0;
}


#footer
{
clear: both;
height: 20px;
color: #000;
background: #eee;
border-top: 1px solid #336699;
text-align: center;
}


/*Special divs*
/*Table in ref_sites.html*/
#refsites table
{ 
 background-color: #eee; 
 color: #000000; 
 margin: 4px 6px 4px 32px;
 padding: 38px; 
 border: 1px solid #d7e5f2; 
 border-collapse: collapse;
} 

/*Special classes*/
/*Boxes in ablib_loc*/
p.lnkaddress
{
width: 80%;
padding: 4px;
background: #fff;
color: #000;
border: 1px solid #336699;
}


/*Lnk's address in supp_friends*/
p.lnkaddress2
{
width: 70%;
padding: 4px;
background: #fff;
color: #006699;
font-size: 14px;
font-weight: bold;
border: 1px solid #336699;
text-align: center;
}

/*Library name in grey in ablib _loc.html*/
span.name
{
background: #eee;
color: #000033;
font-weight: bolder;
}

/*Friends boxes*/
p.friends
{
width: 60%;
padding: 4px;
background: #eee;
color: #000;
border: none;
text-align: center;
}

/*Box in images.html*/

/*Photo gallery text in grey in images.html*/
span.gallery
{
width: 100%;
padding: 10px;
font-size: 14px;
background: #eee;
color: #006699;
border: 1px solid #336699;
}

/*Home icon in images.html*/
#homesign
{
margin-left: 8px;
width: 12%;
background: #eee;
color: #000;
border: none;
text-align: center;
}


/*Horizontal rule*/
hr
{
width: 96%;
color: #006699;
text-align: center;
}