/* CSS Document */

body {font-size: 95%; margin:0; padding: 0; background-color: #72A4A3;}
.hidden {display: none}
#topbar {display: none}
#menubar {display: none}

h1 {font-size:2em;color:#275763; margin-bottom: 10px; margin-left: 10px; margin-top: 10px;font-family:Georgia, "Times New Roman", Times, serif}  
h2 {font-size:1.25em; color:#330066; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom: 0}  /* displayed at 15px */
h3 {font-size:1.1em; 
background-color:#CCCCCC; 
margin:0;
margin-left: 10px; 
margin-bottom: 10px;
padding: 3px; padding-left: 10px; margin-right: 10px; 
border-bottom:#007370 solid 1px;} /* displayed at 14?px */
h4 {font-size:1em;color:#275763; margin-bottom: 0}  /* displayed at 12px */
h5 {font-size:1em; margin-left: 10px; margin-bottom: 0}  /* displayed at 12px */
h6 {font-size:1em; display: inline; color:#330066;margin-bottom: 0}

h3.special {font-size:1.1em; 
color: #663399;
background-color:#CCCCCC; 
margin:0;
margin-left: 0; 
margin-bottom: 0;
margin-top: 0;
margin-right:0; 
padding: 3px; padding-left: 5px;
border:#007370 solid 1px;}


#wrap_center {
	width: 780px; /*was 750px*/
	margin-top:0;
	margin-left:auto;
	margin-right: auto;
	background-color:#fff;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #275763;
	border-top: none;

}

/*MARGINS, PADDING, SPACING, CLEARING
-------------------------------------*/
.pad_left {padding-left: 10px}
.pad_right {padding-right: 10px}
.pad_sides {padding-left: 10px; padding-right: 10px}
.pad_sides_more {padding-left: 30px; padding-right: 30px}
.pad_sides_p p{padding-left: 10px; padding-right: 10px}/*when you don't want the h3 or other tags padded*/
.pad_sides_p div{padding-left: 10px; padding-right: 10px}/*when you don't want the h3 or other tags padded*/
.padded {padding: 3px}
.spaced {margin: 3px}
.spaced_more {margin: 14px}
.space_top {margin-top: 10px}
.space_top_bit {margin-top: 5px}
.space_top_more {margin-top: 20px}
.space_top_extra {margin-top: 40px}
.space_bottom_bit {margin-bottom: 5px}
.space_left {margin-left: 20px}
.space_right {margin-right: 10px}
.bottomless {margin-bottom: 0}
.topless {margin-top: 0}
.topless_p p{margin-top: 0}
.borderless {border: none}
.bordered {border: solid 1px #007370 }
.bordered_grey {border: solid 1px #666 }
.bordered_gold {border: dotted 1px #c93 }
.border_bottom {border-bottom: dotted 1px #c93}
.clearing {clear:both}

/*.box_right {float: right; width: 230px;margin-right: 5px} /*these 3 were originally in children.css*/
.box_right {display: none} /*contributors page*/
.bordered_special {border: solid 1px #007370; padding:8px; border-top: none; background-color:#FFFFCC; }
.link_right {float: right; width: 200px}
.set_width_sm {width: 105px}
.hr_gold {border-top: dotted 1px #c93; width: 100px; margin-left: auto; margin-right: auto; height: 3px; margin-top: 3px;}

/*COLORS, BOLDING
-------------------------*/
.color_start {color:#9cf}
.color_alt {color:#fcc}
.color_some{color:#CCff33}
.color_other{color:#99ff66}
.bold {font-weight: 800}
.bold_special {font-weight: 800; color:#103E3D}
.quieter {color:#666666}
.red_dull {color:#CC3333}
.booktitle {color:#CC0033} /*how to display a book title, underline in print*/

.back_paley {background-color:#FFFFCC}
.back_mustard {background-color:#DEBC4E}

#footer {text-align:center}

/*LINKS
-------------------------------------*/
.links_sm a, .links_sm a:visited{font-size: smaller; color:#0033FF}
.links_sm a:hover{color:#007370;}
a.special {
color: #275763; /*0033FF, 00738F, */
background-color: #fff;
font-weight: bold;
text-decoration:none;
}

a.special:hover{
color: #007370;
text-decoration:underline
}

a.special2, #area_left a, #area_center a {
color: #006699; /*0033FF, 00738F*/
font-weight: bold;
text-decoration:none;
}

a.special2:hover, #area_left a:hover, #area_center a:hover {
color: #007370;
text-decoration:underline
}

a.darklink {
color: #fff; /*0033FF, 00738F, */
text-decoration:none;
}

a.darklink:hover{
color: #ffc;
text-decoration:none
}


/*FONTS
-------------------------------------*/
.smaller {font-size: smaller}
.italic {font-style:italic}
.larger {font-size: larger}

/*ALIGNMENT
-------------------------------------*/
.righten {text-align: right}
.centered {text-align: center}
.middle {
	margin-right: auto;
	margin-left: auto;
	display: table
	}/*ask*/


.booktitles_table TD {vertical-align:top; font-size: smaller}

/*LIBRARY ICONS, pic floats
-----------------*/
.person {float: left; width: 25px}
.icon_tiny {width: 20px; float: left; margin-right: 10px} /*mail icon home page*/
.icon_th {width: 40px; float: left; padding-right: 3px}
.icon_sm {width: 50px; float: left; padding-right: 5px}
.icon {width: 67px; float: left; padding-right: 5px}
.icon_big {float: left; width: 80px; padding-right: 5px}
.pic_left {float: left; width: 210px}
.pic_left_med {float: left; width: 155px}
.pics_right {float: right; width: 200px;margin-right: 5px; margin-left: 15px;}
.pic_right {float: right; width: 250px;margin-right: 10px; margin-left: 10px}
.pic_right_sm {float: right; width: 120px;}
.pic_right_th {float: right; width: 40px;}

/*FOR EACH PAGE
---------------------------*/
#location_row {font-size:12px; padding-left: 10px; color: #007370; font-weight: 800;}
#main_table {padding: 0; margin: 0;  margin-top: 10px; width: 100%; clear: both}
#main_table TD {vertical-align: top; padding: 0}
.col {width: 330px}
.col_pub {width: 180px; padding-right: 3px}

#col_left{width: 240px;border-right: solid 1px black;} /*was 225px*/
#col_right{width: 270px; } /*was 300px*/
.col_narrow{width: 200px; }
.col_narrower{width: 170px; }
.col_mini {width: 100px} /*location.php*/
#col_center {width: 240px; border-right: solid 1px black;}/*was 225px*/
#col_combined {width: 480px} /*children's page was 450*/
.border_rt {border-right: solid 1px black;}
.width_in {width: 650px; clear: both} /*sitemap*/
.width_in TD {vertical-align: top; padding: 0}
.width_form {}

/*HEADER
-----------------------------------*/
#head_right {float: right; width: 230px; clear: both }
#logo_left {width: 110px; float: left; padding-top: 5px;}
#outside_hppl {margin-left: 5px}
#hppl_right {width: 670px; float: left; background-color:#fff;margin-bottom: 0; padding:0}/*was 640px*/
#hppl { background-color:#fff;  margin-bottom: 0; margin-top: 0px; text-align:right;}
#hppl img{vertical-align: bottom; margin: 0; padding: 0}
/*#hppl_title {float: left; width: 500px; padding-left: 5px; border:0;} delete?*/
#topbar {margin:0; padding:0; } /*margin-left: 55px; */

#topbar ul{
padding: 0;
margin: 0;
background-color: #275763;
color: White;
float: left;
font-family: arial, helvetica, sans-serif;
height: 28px; /*was 25*/
width: 100%;
}

#topbar ul li
{
display: inline;
list-style-type: none;
font-size: .75em;
}

#topbar ul li img {margin: 0; border: none; vertical-align:top}

#topbar ul li a, #topbar ul li a.blank { 	
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px; 

}


#topbar ul li a.end:link, #topbar ul li a.end:visited, #topbar ul li a.blank:link, #topbar ul li a.blank:visited{
    background-color:#275763; 
	color: #FFFFFF;
	border-color: #fff;
	border-style:solid;
	border-top-width: 0;
	border-bottom-width:0;
	border-left-width: 0;
	border-right-width: 0;
	text-decoration: none;
	float: left;
	white-space: nowrap;
}
#topbar ul li a.end { 	
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 0; 

}

/*older topbar stuff*/
/*#topbar  {margin: 0;margin-left: 100px; padding: 0; }




#topbar ul li a { 	
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 0; 

}

#topbar ul li a.end { 	
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 0; 

}*/


#topbar ul li a:link, #topbar ul li a:visited{
    background-color:#275763; 
	color: #FFFFFF;
	border-color: #fff;
	border-style:solid;
	border-top-width: 0;
	border-bottom-width:0;
	border-left-width: 0;
	border-right-width: 1px;
	text-decoration: none;
	float: left;
	white-space: nowrap;
}

/*#topbar ul li a.end:link, #topbar ul li a.end:visited{
    background-color:#275763; 
	color: #FFFFFF;
	border-color: #fff;
	border-style:solid;
	border-top-width: 0;
	border-bottom-width:0;
	border-left-width: 0;
	border-right-width: 0;
	text-decoration: none;
	float: left;
	white-space: nowrap;
}*/

#topbar ul li a:hover{
	background-color: #007370;
	color: #fff;
	
}

#topbar ul li a.end:hover {
	background-color:#275763; 
}

#menubar {margin: 0;margin-left: 5px; margin-right: 5px; margin-top: 5px; padding: 0;clear:both;  }
#menubar ul{
padding: 0;

margin: 0;
background-color: #666;
color: White;
float: left;
font-family: arial, helvetica, sans-serif;
width: 100%
}

#menubar ul li
{
display: inline;
list-style-type: none;
}

#menubar ul li a { 	
	padding-right: 25px; /*change from 29, 28*/
	padding-left: 24px;
	padding-bottom: 4px;
	padding-top: 4px; 

}

#menubar ul li a:link, #menubar ul li a:visited{
    background-color:#666; 
	font-size: 10pt;/*.85em;*/
	color: #FFFFFF;
	border-color: #333;
	border-style:solid;
	border-top-width: 0;
	border-bottom-width:0;
	border-left-width: 0;
	border-right-width: 1px;
	text-decoration: none;
	float: left;
	white-space: nowrap;
}


#menubar ul li a.end:link, #menubar ul li a.end:visited{
    background-color:#666; 
	font-size: 10pt;/*.85em;*/
	color: #FFFFFF;
	border-color: #333;
	border-style:solid;
	border-top-width: 0;
	border-bottom-width:0;
	border-left-width: 0;
	border-right-width: 0;
	text-decoration: none;
	float: left;
	white-space: nowrap;
	padding-right: 24px;
}

#menubar ul li a:hover, #menubar ul li a.end:hover{
	background-color: #007370;
	color: #fff;
	
}

/*LISTS
------------------------------------------------------------*/
.peopled_list {clear: both}
.peopled_list ul{list-style-type:none;margin:0; padding:0; }
.peopled_list ul li {
padding-left: 25px;
padding-bottom: 10px;
padding-top: 5px;
background-image: url(../images/bullet/person.gif);
background-repeat: no-repeat;
background-position: .2em .01em;}

ul.plain_list {list-style-type:none;margin:0; padding:0; }

ul.events_list {list-style-type:none;margin:0; padding:0; }/*events page*/
ul.events_list li {
padding-left: 10px;
padding-bottom: 4px;
padding-top: 4px;
/*background-image: url(../images/bullet/star_red.gif);
background-repeat: no-repeat;
background-position: .3em .1em;*/
}

ul.events_list li a{
color: #006699; 
background-color: #fff;
font-weight: bold;
text-decoration:none;
}

ul.events_list li a:hover {
color: #007370;
text-decoration:underline
}

ul.dots_simple {list-style-type:none;margin:0; padding:0; }
ul.dots_simple li {
padding-left: 18px;
background-image: url(../images/bullet/orange_bullet.jpg);
background-repeat: no-repeat;
background-position: .5em .3em;}



ul.dots {list-style-type:none;margin:0; padding:0; } /*tech, reference page*/
ul.dots li {
padding-left: 18px;
padding-bottom: 5px;
padding-top: 5px;
background-image: url(../images/bullet/orange_bullet.jpg);
background-repeat: no-repeat;
background-position: .5em .7em;}

ul.dots li a{
color: #006699; 
background-color: #fff;
font-weight: bold;
text-decoration:none;
}

ul.dots li a:hover {
color: #007370;
text-decoration:underline
}


/*HOME PAGE SPECIFICS
------------------------------------------------------------*/
#howdoi{float: right; width: 190px; margin-right: 0;background-color:#72A4A3; border: solid 1px #275763; padding-left:10px; padding-top: 5px}
#pics_row {background-color:#fff; clear: both; margin-left: 5px; margin-bottom: 0; margin-top: 0; margin-right: 5px;}
#featured_photo {text-align:center; margin-bottom: 10px}
#featured_photo div {font-size:10px; color: #333}
#toplinks {text-align: right; margin-right: 10px;}

/*is this being used???*/
/*#recommended {font-size:smaller} 
#recommended a:link, #recommended a:visited{color: #0033FF}
#recommended a:hover {color: #007370}*/
#button_friends {width: 140px; margin-bottom: 5px; margin-top: 5px;padding: 5px; border-right: 2px solid #666;
 border-bottom: 2px solid #666; background-color: #275763; text-align:center; font-size:smaller}


#menu_side { padding-right: 5px}/*border-right: solid 1px black;*/

#menu_side ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: arial, Helvetica, sans-serif;
text-align:right;
}

#menu_side .section {font-weight:800; text-align: right; color: #007370; margin-top: 5px;}

#menu_side ul li { margin: 0; }

#menu_side ul li a
{
width: 180px;
color: #00c;
background-color: #fff;
text-decoration: none;
font-weight: bold;
font-size: .85em;
}

.events ul {margin: 0; padding: 0; padding-left: 10px;text-align: left; margin-right: 5px}
.events ul li {
list-style: none; 
clear: both;
}


/*.events ul li div.events_info {float: left; width: 200px; }*/
.events_info {float: left; width: 190px; }
.events_info_long{float: left; width: 300px; }

.events_pic {width: 50px; margin-right: 3px; float: left} /*was 52px*/

.events_date {font-weight: 800; color:#666666;margin-bottom: 8px}
.events_date2 {font-weight: 800; color:#666666;margin-bottom: 2px}

.events ul li a{
color: #006699; /*0033FF, 00738F, 275763*/
background-color: #fff;
font-weight: bold;
text-decoration:none;
}

.events ul li a:hover{
color: #007370;
text-decoration:underline
}


#resources {margin-left: 20px}
#resources ul{margin: 0; padding: 0;text-align: left; }
#resources ul li {
list-style:inside;
color: #275763;
}

#resources ul li a {
color: #933; /*CC6666, 0033FF, 00738F,0848A1*/
background-color: #fff;
font-weight: 800;
text-decoration:none;
}

#resources ul li a:hover
 {
color: #007370;
text-decoration:underline
}

#resources_icons {font-size:smaller}
#resources_icons div a{ color: #933; text-decoration: none; font-weight:800}
#resources_icons div a:hover{ 
color: #007370;
text-decoration:underline
}
#resources_icons div span a{ color: #0033FF; text-decoration: underline; font-weight:400}
#resources_icons div span a:hover{ 
color: #007370;
text-decoration:underline
}

/*td sizing
------------------*/
td.sized {font-size: smaller; width: 150px} /*coretta scott king books*/

/*contributors page
--------------------------*/
.donor_section {text-align:center; margin: 0; padding: 0;margin-left: 150px; }
#col_combo {width: 540px}