* { 	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	/*FONT-WEIGHT: normal;*/
	FONT-STYLE: normal;
	WORD-SPACING: normal;
	LETTER-SPACING: normal;
	FONT-SIZE: 10pt; 
}

body {
margin-top: 0px;
text-align: center; /* for IE */
background-color: #D6F4D6/*ffffcc*/; 
}

div#wrapper {
text-align:left; /* reset text alignment */
width:765px; /* width of site */
margin:0px auto; /* for non-IE browsers */
} 

div#innerwrapper {
	background-color:#FFFFFF;
	border: #339999/*FFCC33*/ 1px solid;
	border-top-width: 0px;
}

.ulsquare {
list-style-type:square;
color:#006699;
}

.ulsquare li { font-size:14pt; }

/* control width of table cells used for indenting paragraphs (ref/db and ref/bib sections) */
.tdoffset {	width: 50px; }

/* style for legacy headings called style3 in (ref/db section) */
.style3 { FONT-WEIGHT: bold; FONT-SIZE: 12pt; }

div.spacetop {	padding-top:10px; }
.topbutton {	margin: 10px 10px 5px 0px; }

a.hovering {
	DISPLAY: block; 
	COLOR: #000; 
	text-decoration: none;
	MARGIN: 4px 0px;
	padding: 2px 5px;
	background-color: #99CCFF;
	}

.hovering:hover { color: #000; background-color: #FFCC33; }

.logo, .logo span, .logo a { FONT-SIZE: 30pt; 
	COLOR: #006699; 
	COLOR: #00829B;
	text-decoration: none;
	}
.logo { width: 580px; }
#logobold {
	FONT-WEIGHT: 900; 
}
#logo { FONT-WEIGHT: normal;
}
#logotag {
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	margin-left: 4px;
}

.menu_container {
	CLEAR: both;
}


DIV.parent_attach {
	FLOAT: left; 
	VERTICAL-ALIGN: middle; 
	PADDING: 0px;
	DISPLAY: block; 
	font-size: 0pt;
	TEXT-ALIGN: left;
	
	
}

A.parent_attach {
	PADDING: 2px 5px 2px 5px;
	COLOR: #000; 
	TEXT-DECORATION: none; 
	FONT-WEIGHT: bold;
	DISPLAY: block; 
	WIDTH: auto; 
}

A.child_attach {
	BORDER: white 1px solid; 
	PADDING: 0px 5px 2px 5px; 
	DISPLAY: block; 
	TEXT-DECORATION: none;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 8pt; 
	COLOR: #000; 
	BACKGROUND-color: none transparent scroll repeat 0% 0%; 
	WIDTH: auto; 
	BORDER-BOTTOM-STYLE: none;
	TEXT-ALIGN: left;
}



#menu_parent_about { border-left-width: 0px; }
#menu_parent_services { border-right-width: 0px; }

#menu_parent_about, #menu_child_about {		WIDTH: 129px;}
#menu_parent_childrens {	WIDTH: 114px;}
#menu_child_childrens {	WIDTH: 124px;}
#menu_parent_support, #menu_child_support {	WIDTH: 139px;}
#menu_parent_programs, #menu_child_programs {	WIDTH: 129px;}
#menu_parent_reference { WIDTH: 113px;}
#menu_child_reference { WIDTH: 143px;}
#menu_parent_services, #menu_child_services {	WIDTH: 129px;Clear:right;}

a.child_attach:hover { BACKGROUND-COLOR: #FFFF99; }
.menu_parent_on  { BACKGROUND-COLOR: #FFFFFF; BORDER-BOTTOM: #FFFFFF 1px solid; }
div.child_on    { BACKGROUND-COLOR: #FFCC33; BORDER-BOTTOM: white 1px solid; }
.menu_parent_off, div.child_off { BACKGROUND-COLOR: #FFCC33; BORDER-BOTTOM: #FFFFFF 1px solid; }
.menu_parent_on, .menu_parent_off { BORDER-LEFT: white 1px solid; BORDER-RIGHT: white 1px solid; }
a.parent_attach:hover { BACKGROUND-COLOR: #FFFF99;}


.section {
	text-decoration: none; 
	PADDING: 5px 0px; 
	WIDTH: 100%; /* breaks in IE7 */
	COLOR: #fff; 
	vertical-align: middle;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #ccc;
	
}
.subnav {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12pt; 
	COLOR: #ffffff; 
}
.crumbs {
	FONT-SIZE: 10pt; 
	COLOR: #006699; 
	text-decoration: none;
	MARGIN: 0px 2px;
}
a.crumbs { MARGIN: 0px 5px;}
a.crumbs:hover {text-decoration: underline;}

.notification {
	FONT-SIZE: 10pt; 
	COLOR: #FFFFFF; 
	text-decoration: none;
	MARGIN: 5px;
}

A.subnav {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff; }
A.subnav:hover {
	COLOR: #ffffff; 
	TEXT-DECORATION: underline
}
A.subnav:active {
	COLOR: #ffffff
}
.default {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
}
.link {	color: #0000FF; text-decoration:none; }
.link:hover { COLOR: #990000; }

.caption {
font-size: 8pt;
padding: 1px 0px 0px 0px;
text-align: right;
font-style: italic;
}

.emphasis {
	font-style: italic;
}

.title {
	font-style: italic;
}

.attn {
	FONT-WEIGHT: bold;
}
.outdated {
	text-decoration: line-through;
}
.highlight {
	color:#3399CC;
	font-weight:bold;
	font-size:12px;
}
a.highlight:hover { COLOR: #990000; }

.textblock {
	 margin: 15px 0px;
	 padding: 0px 7px;
	 text-align: left;
	 clear: both;
}
.subblock {
	float:left;
	padding:10px;
	border-left: 1px solid #0000FF;
	min-height: 130px;
	display:block;
	height:100%;
}
.topnav {
	FONT-SIZE: small; 
	COLOR: #000000; 
}
.bottomnav {
	FONT-WEIGHT: normal; 
	WORD-SPACING: normal; 
	COLOR: #000000; 
	vertical-align: middle;
	TEXT-ALIGN: center;
	FONT-SIZE: 9pt; 
	LINE-HEIGHT: 140%;
}


.surveyfooter {
	width:765px;
	margin-top:20px;
	PADDING: 8px 0px;
	background:#FFFFFF;
	border: #339999/*FFCC33*/ 1px solid;
}
.txtHdr {
	PADDING: 5px 4px;
	TEXT-ALIGN: center;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16pt; 
	COLOR: #006699;
}

/* book letters */
/* default list name (shows up on published webpages, e-newsletters) */
.bk_cnlname {
	PADDING: 5px 4px;
	TEXT-ALIGN: center;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16pt; 
	COLOR: #006699; 
	MARGIN: 10px;
	DISPLAY: block;
}
/* list name that shows up on list sign up page inside a link tag */
a.bk_cnlname {
	PADDING: 0px;
	TEXT-ALIGN: left;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10pt; 
	COLOR: #990000; 
	MARGIN: 0px;
	DISPLAY: inline;
}

a.txtHdr{
	TEXT-DECORATION: none;
	COLOR: #006699;
}

a.txtHdr:hover {
	COLOR: #990000;
	}
	
#fact, #blog {
   position: relative;
   overflow: hidden;
   height: 30px;
   width: 96%;
   margin: 0px;
   background-color: white;
 }

 #blog { /*height: auto;*/ }

 .fact, .blog {
   position: absolute;
   top: 40px;
   left: 5px;
   height: 35px;
   width:100%;
   margin: 6px 2px;
   /*background-color: red;*/
 }
 .blog { position: relative; top: 0px;}


 .nifty{ background: #FFF;/*#FFCC33 #CCFFFF*/}
 b.rtop, b.rbottom{display:block;background: #FFF;}
 b.rtop b.r0, b.rbottom b.r0 {background: #0000FF; height: 1px;}
 b.rtop b, b.rbottom b{display:block;height: 1px;
     overflow: hidden; background: #FFF; /*#FFCC33 #CCFFFF*/}
 b.r0{margin: 0 7px;}
 b.r1{margin: 0 5px; border-left: 3px solid #0000FF; border-right: 3px solid #0000FF;}
 b.r2{margin: 0 3px; border-left: 2px solid #0000FF; border-right: 2px solid #0000FF;}
 b.r3{margin: 0 2px; border-left: 1px solid #0000FF; border-right: 1px solid #0000FF;}
 b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px; border-left: 1px solid #0000FF; border-right: 1px solid #0000FF;}


	
	
.main {

	PADDING: 5px 5px;
	/*WIDTH: auto;*/
	TEXT-ALIGN: center;
}



.search {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #ba5252; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.springFling2008 {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	BACKGROUND: #99cc66; 
	PADDING-BOTTOM: 10px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 10px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

.hidden { 
	display:none; 
	margin: 2px 0px 10px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #666666;
}

.screen_reader {
	display:none;
	visibility:hidden;
}

.shown { 
	display:block; 
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.defaultTable
{
    margin: 5px 0px;
    background-color: #FFF;
    border: none;  
    padding: 5px;  
    border-collapse: collapse;
    width: 100%;
    
    text-align:left;
    border-bottom: solid 1px #555;
    
}
.defaultTable td
{   
    padding: 10px;
    border: none;
    border-top: solid 1px #555; 
    text-align:left;
}

.defaultTable th
{
	padding: 4px;
    	border: none;
    	background-color: #DDD;
	height: 25px;
}


.cleanTable {
	margin: 10px 3px 10px 3px;
	padding: 5px 0px;
	background: #FFF;
	/*border: solid 1px #009966;*/ 
	border: none;
	padding: 0px;  
	border-collapse: collapse;
	width: 100%;
}

.cleanTable td
{   
    padding: 0px;
    margin: 0px;
    border: none;
}

.cell
{
	padding: 5px;
	background:#EEE;
	margin:5px 10px 5px 10px;
}

.list
{
	padding: 3px;
	background:#EEE;
	margin:1px 5px 2px 5px;
	height: 20px;
}

.listheight 
{
	padding: 3px;
	margin: 2px auto;
	height: 20px;
}

.width250 { width:275px; display:block; float:left; }

.bookTable
{
    margin: 5px 0px;
    background: #DDD;
    border: none;  
    padding: 5px;  
    border-collapse: collapse;
    width: 100%;
    
    text-align:left;
    
}
.bookTable td
{   
    padding: 2px;
    border: none;
    border-top: solid 2px #F7FBDF; 
    
    text-align:left;
}

.bookTable th
{
	background: #CCC;
	height: 25px;
}

/* events calendar */
/* calendar grid */
table.cal-grid {
font-weight: normal;
font-size: 10pt;
text-align: left;
width: 100%;
background-color: #FFFFFF;
border: 1px solid #777777;
font-family: arial, verdana, sans-serif;
}

table.cal-grid tbody tr td {
vertical-align: top;
border: 1px solid #777777;
padding: 5px;
overflow: auto;
}

table.cal-grid tbody tr th {
vertical-align: top;
border: 1px solid #777777;
padding: 5px;
overflow: auto;
width: 14%;
}

.cal-grid-date {
display:inline;
float:right;
font-weight: normal;
font-size: 14pt;
color: #777777;
margin: 0px 5px 5px 0px;
}

.cal-grid-date-closed {
color: red;
}

.cal-grid-weekday {
display:inline;
float:right;
font-weight: bold;
font-size: 10pt;
color: #777777;
margin: 0px 5px 5px 0px;

}


table.cal-grid tbody tr td ul {
color: #000000;
margin: 0px;
padding: 0px;
list-style-type: none;
}

table.cal-grid tbody tr td ul li {
margin-bottom: 5px;
}

table.cal-grid tbody tr td ul li a {
color: blue;
text-decoration: none;
}

table.cal-grid tbody tr td ul li a:hover {
text-decoration: underline;
}


/* calendar sections */

div.cal-section {
font-weight: normal;
font-size: 10pt;
text-align: left;
background-color: #FFFFFF;
border: 0px;
font-family: arial, verdana, sans-serif;
margin: 10px 10px 25px 10px;
overflow: auto;
}

.cal-subsection-left {
display:inline;
float:left;
margin:0 20px 5px 0;
}

.cal-subsection-right {
display:inline;
float:right;
margin:0 0 5px 20px;
}

.cal-subsection-left img, .cal-subsection-right img {
border: 3px solid #000000;
}

div.cal-section h1, div.cal-section h1 * {
font-size: 14pt;
margin: 10px auto;
text-align: center;
}

div.cal-section h2, div.cal-section h2 * {
font-size: 12pt;
margin: 10px auto;
text-align: center;
}

.cal-subsection-left img.borderless, .cal-subsection-right img.borderless {
border: 0px;
}


div.cal-section p {
margin: 10px auto;
}

ul.cal-section-ul {
overflow: auto;
padding: 0 0 0 15px;
}

/* calendar old */

.cal-detail-event
{
	width:725px;
	text-align:left;
	overflow:auto;
	background:#FFF;
	padding:10px;
}

.cal-detail-img-left
{
	float:left;
	display:inline;
	margin:0 10px 5px 0;	
}

.cal-detail-img-right
{
	float:right;
	display:inline;
	margin: 0 0 5px 10px;
}

/* flickr */
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_scrapbook .flickr_badge_image img { float: left; border: 0; margin: 10px; }
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
.style1 {
	color: #FF0000;
	font-weight: bold;
}

/* mini calendar */
.cal_tiny { border:1px solid #0000FF; margin: auto; padding: 0px; }
.cal_tiny a {  font-size: 6pt; text-decoration: none; }
.cal_tiny td { border: 1px solid #CCFFFF; width: 10px; height: 10px; font-size: 6pt; padding: 0px 2px; }
.cal_tiny th { font-size: 8pt; background-color: #CCFFFF; }
td.cal_weekend { background-color: pink; }
td.cal_holiday { background-color: red; }


/* hover popup links */
.popup { }
.popup a, .popup a:visited { position: relative; text-decoration: none; border-bottom: 1px dashed; }
.popup a span {display: none;}
.popup a:hover { background-color: #e9e9e2; }
.popup a:hover { color: #f00; background-color: #e9e9e2; text-indent: 0; } /* added the default value - the IE correction rule */
.popup a:hover span{
	display: block;
	position: absolute;
	left: 0px;
	top: 20px;
	width: 200px;
	margin: 0px;
	padding: 10px;
	color: #335500;
	background: #CCFFFF;
	text-align: left;
	font-weight: normal;
	border: #0000FF 1px solid;
}

/* bibliographies */
.bib-item { font-weight: normal; font-style: normal; margin: 2px 0px 7px 0px; }
.bib-title { font-weight: bold; }
.bib-comment { font-style: italic; }
.bib-callno { font-family: courier; background-color: #FFF; }
.bib-description { margin: 0px 0px 0px 20px; } 

/* Remove Frames header */
#announceMsg {
background:#FFE583 none repeat scroll 0 0;
height: 22px;
padding:10px 0px;
position:absolute;
text-align:center;
z-index:100;
width:100%;
background:transparent url('http://www.newtonfreelibrary.net/images/util/bg_shadow_down.png') repeat-x scroll bottom;
}

#announceBgColor {
background:#FFE583 none repeat scroll 0 0;
height:36px;
}