@charset "utf-8";
/* CSS Document */
/*color palette cream=#FDFBE0  lhtblue=#C3E5D7  brown=#603913  drkbrown(text)=#3D240C  hotred=#ef4136  drkpink=#D4007F */
body {
	background-image: url(../rosie/assists/build%20graphics/background.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	line-height: 1.5;
}
img{
  border-style: none;
}
#mainContent ul {
	text-decoration: none;
	text-align: left;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	color: #3D240C;
}

#pageWrapper {
	width: 785px;
	top: 10px;
	background-position: center;
	margin: 0 auto;
}
/*top of page elements --------------------------------------------------------------------------------- */

#header {
	background-image: url(../rosie/assists/build%20graphics/rosie_header.jpg);
	height: 323px;
	background-repeat: no-repeat;
	width: 785px;
	background-color: #603814;
	border: medium solid #603814;
}
#header  h4{
	background-image:url(../rosie/assists/build%20graphics/dmpl_logo-button_drk-pink.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	background-repeat: no-repeat;

}
#header h5 {
	background-image: url(../rosie/assists/build%20graphics/storytime_alink.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;
	background-image: url(../rosie/assists/build%20graphics/storytime_alink.gif);
	background-repeat: no-repeat;

}
/*navigation --------------------------------------------------------------------------------- */
#mainNav ul {
margin:0;
padding:0;
list-style:none;
float:left;
}
#mainNav li {
float:left;
list-style:none;
}

#mainNav li a:link, #mainNav a:visited{
	display: block;
	background:#F279AF;
	font:bold .92em/1.2 Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#3D240C;
	margin-right:0.45em;
	padding-top: 0.2em;
	padding-right: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 0.4em;
	list-style-type: none;
	list-style-image: none;
}
#mainNav li a:hover, #mainNav li a:active{
	background-color:#C3E5D7;
	list-style-type: none;
}
#mainNav {
	height: 30px;
	width: 785px;
	margin: 0px;
	padding: 0px;
	font-family: bold .90em/1.2 Arial, Helvetica, sans-serif;
	color: #603814;
	list-style-type: none;
}


#mainNav li a.current, #mainNav li a.current:hover, #mainNav li a.current:active {
	color:#3D240C;
	background:#FDFBE0;
	list-style-image: none;
	list-style-type: none;

}


/*text --------------------------------------------------------------------------------- */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #3D240C;
	cursor: default;
	line-height: normal;
	background-position: left;
	text-align: left;
	margin-left: 0.7em;
	}

.booktitleBold    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #3D240C;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #EC008C;
	margin-left: 0.6em;
	margin-top: 0em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #EF4136;
	font-weight: bold;
	margin-top: 2em;
	margin-left: 21.6em;
}

blockquote {
	margin-top: 1em;
	margin-right: 10%;
	margin-left: 10%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85px;
	line-height: 1.2em;
	list-style-image: none;
}

a:link, a:visited {
	font-size: 1em;
	color: #3D240C;
	text-decoration: none;
}

a:hover {
	font-size: 1em;
	color: #F7941D;
	text-decoration: none;
}


/*main content elements --------------------------------------------------------------------------------- */

#mainContent {
	background-color: #FDFBE0;
	width: 785px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

/* h1 image replacement headers-------------------------------------------------*/
/*rosie reads */
#mainContent  p.rosiereads{
	background-image: url(../rosie/assists/build%20graphics/rosie-reads_headline.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;
}
/*welcome */
#mainContent  p.welcome{
	background-image:url(../rosie/assists/build%20graphics/Welcome_headline.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;
}
/*note from rosie */
#mainContent  p.note{
	background-image:url(../rosie/assists/build%20graphics/Note_headline.gif); 
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;	
}
/*early lit */
#mainContent  p.earlylit{
	background-image:url(../rosie/assists/build%20graphics/EarlyLit_headline.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;	
}
/*books */
#mainContent  p.books{
	background-image:url(../rosie/assists/build%20graphics/books_headline.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;
}
/*fingerplays */
#mainContent  p.fingerplays{
	background-image:url(../rosie/assists/build%20graphics/fingerplays_headline.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;
}
/*spotlight*/
#mainContent  p.spotlight{
	background-image: url(../rosie/assists/build%20graphics/spotlight_headline.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;
}
/* parents */
#mainContent  p.parents{
	background-image: url(../rosie/assists/build%20graphics/Parents_headline.gif);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -1000em;
	margin-top: 0.25em;
}

/*sidebar elements ------------------------------------------------------------------------*/
#sidebar {
	background-color: #C3E5D7;
	width: 250px;
	border: medium solid #603913;
	position: absolute;
}
#sidebar p {
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 1em;
}

#sidebar h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FDFBE0;
	padding: 5px;
	background-color: #603913;
	margin: 0 auto;
}


/*footer elements ------------------------------------------------------------------------*/

#footer {
	background-color: #D4007F;
	margin-top: 2em;
}
#footer p {
	text-align: center;
}
.storytime_link {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #C3E5D7;
}
.storytime_link a:link, a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #C3E5D7;
}
.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #F7941D;
	text-decoration: none;
}


.storytime_link a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #FBEA80;
	text-decoration: none;
}

.knockoutText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FDFBE0;
}

.knockoutText a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FDFBE0;
	text-decoration:none;
}

.knockoutText a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #D6DF2C;
	text-decoration:none;
}



#headerstars {
	background-image: url(../rosie/assists/build%20graphics/blue-green-stars-background.gif);
	background-repeat: repeat;
	height: 50px;
}


.contactlink {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.6 em;
	color: #603814;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.contactlink a:link, a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #603814;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	background-color: #F7941D;
}
.contactlink a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.6em;
	font-weight: bold;
	color: #603814;
	text-decoration: none;
	background-color: #C4E5D7;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}

#curtianbkground {
	background-image: url(../rosie/assists/build%20graphics/curtians_sides.gif);
	background-repeat: repeat;
}
#cutianTop {
	background-image: url(../rosie/assists/build%20graphics/curtians_top.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 566px;
}


/* library logo button----------------------------------------------------------------------*/
.imagereplace {
	background-image: none;
	background-repeat: no-repeat;
	text-decoration: none;
}
#treetops {
	background-image: url(../rosie/assists/build%20graphics/trees-_top.gif);
	background-repeat: no-repeat;
	height: 96px;
}
#treetrunk {
	background-image: url(../rosie/assists/build%20graphics/trees-_trunks.gif);
	background-repeat: repeat-y;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #FDFBE0;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 6px;
}