/* CSS Document */

body {width: 90%; margin: 0 auto; font: 12px Verdana, Arial, Helvetica, sans-serif; behavior: url(csshover2.htc);}

body, #center_wp {background-color: #fcfcfc;}

#banner, #nav_container {width: 100%; margin: 0 auto; text-align: left; padding: 0;}

#banner {background-image: url(img/back.gif);}

#nav_container { height: 2em;}

#nav_container, #nav, #footer {background-color: #898989; color: #fff;}/* background color of the navigation bar an footer */

#nav {width: 100%; margin: 0 auto; text-align: center; height: 1.5em; padding: 0;}

#nav {z-index: 50;}

/* the tabs menu begins */
div#listmenu {
	width: 100%;
	margin: 0 auto;
	font-size: 1em;	
	position: relative;
	top: 0;
	}

div#listmenu ul {width: 100%; margin: 0; padding: 0;}

#home {width: 9.75%;} 

#about {width: 13.5%;}

#events {width: 13%;}

#links {width: 20.5%;}

#ct, #research {width: 20.75%;}

#home, #about, #research, #ct, #links, #events, #footer {font-weight: bold; font-size: 1.3em; text-align: center; height: inherit;vertical-align: middle;}/* navigation font settings */

div#listmenu li {
	float: left;	/* causes the list to align horizontally */
	position: relative; 
	list-style-type: none;	
	background-color: #898989;
	border: solid 1px #898989;
	height: inherit;
	
	}
	
div#listmenu li .active {
	background-color: #eaeaea;
	height: inherit; 
	color: #800000;
    border-left: solid 1px #1b1b1b;
	border-top: solid 1px #1b1b1b;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	}

div#listmenu li .active a {
    color: #800000;}

div#listmenu a { /* links' style */
	
	display: block;
	text-decoration: none;	 
	color: #fff;	
	}
	
div#listmenu a:hover {
	background-color: #eaeaea; 
	color: #333333;
	}
/* the tabs menu ends */


/* the drop-down */
div#listmenu ul li ul {
	font-size: .85em;
	text-align: left;
	margin: 0; 
	position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 100%; /* the width of the menu equels the width of the tab */
	left: 0; 
	background-color: #898989;
	}
	
div#listmenu ul li ul li {/* an element of the drop-down menu */
	width: 97%; 
	background-color: #898989; 
	padding: 1.5%;
	}


/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display: none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display: block; } /* shows the drop-down when the menu is hovered */

.clear {clear: both;}


/* main content CSS */

#content {width: 100%; margin: 0 auto;}

ul {margin: 0; padding: 0;}

h2 {font-weight: bold; font-size: 2em; text-align: center;}

h2 a {text-decoration: none;}

a.header_link {font: bold 1.2em Georgia, "Times New Roman", Times, serif; text-decoration: none;}

a.header_link:hover, h2 a:hover, a.subheader:hover, #left_wp li.subheader ul li a.header_link:hover {color: #800000; text-decoration: underline;}

.subheader {color: #0469b3;}

h4 {font-weight: bold; font-size: 1em;}

a.header_link, a.subheader, h2 a {color: #044476;} 

h3, .subheader, #vote {font-weight: bold; font-size: 1.2em;}

#date {font-weight: bolder; font-size: 1.1em;}

h4, h3, h2 { color: #800000;}

a.subheader {text-decoration: none;}

#date {color: #036; float: right; margin-top: 2.5%; margin-bottom: 2.5%;}

#left {width: 23%;}/* left column - home page */

#right {width: 22%;}/* right column - home page */

#center {width: 54%; background-color: #f5f5f5; border-left: solid 1px #ccc; border-right: solid 1px #ccc;}/* center column - home page */

#left, #center {float: left;}

#right {float: right;}

.column_content {width: 80%; margin: 0 auto;  margin-top: 2.5%; padding-bottom: 5px;}

#one_column_content {width: 75%; margin: 0 auto;  margin-top: 2.5%;}

.center {text-align: center;}/* center-aligning */

.box_center {text-align: center; margin: 2.5% auto;}/* box center-aligning */

.right {text-align: right; float: right; margin: 1.5% 0;}/* right-aligning */

.left_align {width: 49.75%; float: left;}/* left-aligning */

#center_list {margin-left: 15%;}

#slideshow {text-align: center; padding: 2.5% 0;}

#slideshow p {font-size: .9em; text-align: left;}

#google_search {text-align: center; margin: 1.5% 0;}/* right-aligning */

#mayor, #letter, #irs {display: none;}/* conceals the not-active library hours */

p a img, a img {border: none;}

#left p {line-height: 1.3em;}

#left img, #right img {padding-top: 2.5%;}

#right img {padding-bottom: 2.5%;}

#content_wp {width: 100%; margin: 2.5% auto 0; background-color: #eaeaea; overflow: hidden;}/* background-color setup for two-column pages -- all pagex except for children's and teens pages */

#content_ct {width: 100%; margin: 2.5% auto 0; background-color: #eaeaea; position: inherit; overflow: hidden;}/* background-color setup for two-column pages -- children's and teens pages */

#content_ct dl span {color: #990099;}

#left_wp {width: 21.5%; margin: 0; padding: 0 1.5%; float: left;}/* left column - all other pages - two-column design */

#center_wp {width: 75%; float: right; border-left: solid 1px #ccc;}/* center column - all other pages - two-column design */

#left_wp ul {list-style: none; margin: 5% 0;}

#left_wp ul li {padding: 5px 0;}

#left_wp li.subheader {color: #800000; background-color: #fdfdfd;}

#left_wp ul li.subheader ul {margin: 0; background-color: #fdfdfd;}

#left_wp li.subheader ul li a.header_link { font-size: .85em; color: #0469b3;}

#left_wp li.subheader, #left_wp li.subheader ul {padding-left: 5px;}

#ct_banner {margin-bottom: 5%; text-align: center;}

#box {width: 100%; margin: 0 auto; background: transparent url(img/bg_image.gif) no-repeat;}/* storytime schedule background image */

#offer {width: 95%; margin: 0 auto;}

#offer ul, .card ul {list-style: url(img/list.gif); color: #003; margin: 5% 15px;}

.card ul li {padding-bottom: 1.5%; padding-top: 1.5%;}/* list style - card.htm */

#offer ul li {padding-bottom: 2.5%; font-size: 1.1em; font-weight: bolder; 
line-height: 1.1em;}/* we offer - storytimes.htm */

.event ul {list-style: none; margin: 0 15px;}/* list in events.htm and card.htm */

.event ul li {padding-top: 1.5%;}

.event span {color: #0469b3;}

#st {text-align: center;}

dd {padding-bottom: 5%;}

dt {padding-bottom: 2.5%;}

span {font-style: italic; font-weight: bolder;  color: #4a4a4a;}

#db_list span {color: #cc0000;}

#src07 {float: right; padding-left: 2.5%;}/* align right */

ol li {padding: 2.5% 0;}

#info {font-style: italic;}

#footer {width: 100%; margin: 2.5% auto; height: 1.5em; text-align: center; font-size: 1.1em;}
/* footer font setting see the top of the style sheet, along with #home, #about, #research, #ct, #links, #events */

#footer a {color: #fff;}

.lft {float: left; padding-right: 2.5%;}

.left {text-align: left;}

.bca {color: #f39; font: bold 1.1em Georgia, "Times New Roman", Times, serif;}

.subtitles {color: #006699; font: bold 1em Georgia, "Times New Roman", Times, serif;}

.border img {border: #666666 3px solid; padding: 0; margin: 2.5%;}

.border {margin-top: 5%;}

.border .subheader {margin-top: 5%;}

.imgtgth #first {border-right: none; margin-right: 0;}

.imgtgth #second {border-left: none; margin-left: 0;}

#vote {color: #036;}

#middle {height: inherit; vertical-align: middle; padding: 2.5%;}

#search {width: inherit; margin: 0; vertical-align: middle; text-align: center; display: block; background-image: url(img/card.jpg); padding: 5px 0; margin-bottom: 15px;}

.underlined_top {border-top: dotted 1px #999;}/* dotted lines on the home paage */

ul.cr_nav_left li {padding-bottom: 5%}

/* #hours_winter {display: none;} */