/*  Libcat Style Sheet - designed by Dana Noonan - info@infomaven.com */

/*  DOCUMENT STRUCTURE  */
#header, #footer, #content, #sidebar { display : block; }

#headerprint, #footerprint { display : none; }

body {
width: 760px;
background: #778899;
color: #000;
FONT: 11px/16px 'Lucida Grande', Verdana, Sans-Serif;
text-align: center;
margin-left: auto; 
margin-right: auto;
}

#clearer {
height: 0;
clear: both;
}


/* HEADER */
#header {
width:760px;
margin:0 auto 0;
color: #7799aa; background: #fff; 
text-align: left;
float: left;
clear:both;
}

#header h1 { margin: 30px 0 0 0; padding: 0 0 5px 5px;
background-color: transparent; color:#7799aa; text-decoration:none; }

#header h1 a { text-decoration: none; }

#topbar 
{ width: 760px;
float: left;
clear:both;
margin:0 auto;
padding: 2px 0 2px 0;
font-size: 14px; font-weight: normal;
color: #000080; background: #abc;
font-family:  "Trebuchet MS", Verdana, sans-serif;
}

.navtop a { padding : 0px 3px; background: #abc; color : #000080; text-decoration : none; }
.navtop a:link { padding : 0px 3px; background: #abc; color : #000080; text-decoration : none; }
.navtop a:visited { padding : 0px 3px; background: #abc; color : #000080; text-decoration : none; }
.navtop a:hover { padding : 0px 3px; background: #abc; color : #ffffff; text-decoration: underline;  }


/* CONTENT */
#content {
width: 760px;
background: #ffffff url(http://www.librarysites.info/i/background-b.gif) repeat-y left;
float: left;
margin: 0;
}

#main {
width: 520px;
margin: 0;
padding: 5px 10px;
text-align: left;
float: right;
clear: right;
color: #000; background: transparent;
}


/* SIDEBAR */

#sidebar {
background: #ffffff url(http://www.librarysites.info/i/background-b.gif) repeat-y left;
float: left;
width: 210px;
margin: 0; 
clear: both;
text-align: center;
font: 1.2em "Trebuchet MS", verdana, arial, sans-serif; }

.navblock a { 
 margin: 0px; padding-bottom: 4px; color: navy; background-color: transparent; text-transform: uppercase; text-align: center; text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold;  display: block; cursor: default; }

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

.navdiv {height: 4px; width: 115px;  border-top: 4px solid #abc; padding-bottom: 8px;  } 


/* FOOTER */

#footer
{
width: 760px;
float: left;
clear:both;
margin:0 auto;
padding: 1px 0 1px 0;
font-size: 12px;
text-align: left;
font-size: 12px; font-weight: normal;
color: #000080; background: #abc;
font-family:  "Trebuchet MS", Verdana, sans-serif;
}

.navfoot a { background: #abc; color : #000080; text-decoration : none; }
.navfoot a:link { background: #abc; color : #000080; text-decoration : none; }
.navfoot a:visited { background: #abc; color : #000080; text-decoration : none; }
.navfoot a:hover { background: #abc; color : #ffffff; text-decoration: underline; }


/* HEADINGS */

h1 {font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 24px; text-align: left; color: #79a; background-color : transparent; }

h2 {font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 20px; text-align: left; color: navy; background-color : transparent; }

h3 {font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 16px; text-align: left; color: navy;}

/* LINKS */

/*a:link {  color:#c03; background : transparent; text-decoration: none;  }
a:visited {  color:#c03; background : transparent;  text-decoration:none;  }
a:hover {  color:#c03; background : transparent;  text-decoration:underline;  }
*/

#types { color: #7799aa;  background-color: transparent; text-decoration: none; }

.navtypes a { color: #7799aa;  background-color: transparent;  text-decoration: none; }
.navtypes a:link { color: #7799aa;  background-color: transparent;  text-decoration: none; }
.navtypes a:visited { color: #7799aa;  background-color: transparent;  text-decoration: none; }
.navtypes a:hover { color: #7799aa;  background-color: transparent;  text-decoration: none; }

a img {  border-width:0;  }



/*  IMAGES  first the old way then the new way */
img.center { display: block; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; }
img.left { display: block; margin-top: 5px; margin-bottom: 10px; margin-right: 10px; }
img.right {	 display: block; margin-top: 5px; margin-bottom: 10px; margin-left: 15px; }

.imgcenter { display: block; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; }
.imgleft { display: block; margin-top: 5px; margin-bottom: 10px; margin-right: 10px; float:left;padding: 5px 10px 0px 0px; }
.imgright {	 display: block; margin: 0px; float: right; padding: 2px 10px 5px 2px;}

/* Links */

.addblock {  margin:2px; padding: 4px; color: navy; background-color: #f0fff0;  text-align: center; font-family: Arial,Helvetica,sans-serif; font-size: 14px; /*font-weight: bold;*/ border: 2px solid navy; }

#main a { color: navy; background-color: transparent; text-decoration: none; }
#main a:link { color: navy; background-color: transparent; text-decoration: none; }
#main a:visited { color: #7799aa; background-color: transparent; text-decoration: underline; }
#main a:hover { color: #7799aa; background-color: transparent; text-decoration: underline; }

/* Other */

.center { text-align: center; }

.leftx {float:left;width:50%}
.rightx {float:right;width:50%;text-align:right}

/* MISC */

/*div.clearer {clear: left; line-height: 0; height: 0;}*/

.left { float: left;width: 50%; text-align: left; }
.right { float: right;width: 50%;text-align: right }

.center { text-align: center; }

.alert { color: #FF0000; background-color: transparent; } /* red */
.white { color: #fff; background-color: transparent; }
.highlight { color: #000000; background-color: #FFFF00; }
.red { color: red; background-color: transparent; }

.date {color: #FA7E02; background-color: transparent; font-weight:bold; }

.boxtitle {font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 16px; text-align:left;}

.boxad {width: 50%; font-family: Arial,Helvetica,sans-serif; font-weight: color: #000000; background-color: #FFFFff; text-align: center;  padding: 2 10 4 10px; border: 1px double #008000;}

.privacy a {color: #363636; background-color: transparent; font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: small; text-align: center; text-decoration: underline; }


/* FORMS */

div.row {   clear: both;   padding-top:4px;   }

.label { float: left; width: 30px; text-align: left; padding-top: 5px; }

.formw { float: left; width: 200px; text-align: left; padding: 0 0 0 1em; }