body.img
{ 
background: white url(images/back05.gif) repeat-y;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 0px;
 padding-right: 0px;
}

body.white
{ 
background-color:white;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 0px;
 padding-right: 0px;
}

hr{color:blue;
background-color:blue;
width:75%;
height:3px;
border:0
}

.sidenav{
margin-left:6px;
}

.sidenav p,td {margin-top:1px;margin-bottom:3px}

.sidenav span 
{ 
text-decoration: underline;
} 

.sidenav a:link{color:white;font-size:11px;font-family:arial;text-decoration:none;}
.sidenav a:visited{color:#ffcccc;font-size:11px;font-family:arial;text-decoration:none}
.sidenav a:hover{color:#cccccc;font-size:11px;font-family:arial;text-decoration:none}


/*all 2 col w sidenav */
.leftcol{
float:left;
width:153px;
font-size:22px;
color:white;
font-family:arial;
margin-left:2px;
margin-top:35px
}

/*all 2 col w sidenav */
.rightcol{
position:absolute;
top:0px;
left:163px;
width:807px;
}

/*for homepage */
.arialred{
color:#bb2222;
font-family:arial;
font-size:16px;
text-align:center;
font-weight:bold;
margin-left:196px
}

/*for other page w/navbar */
.arialred2{
color:#bb2222;
font-family:arial;
font-size:16px;
text-align:center;
font-weight:bold;
margin-left:-5px
}

/*for other page w/o navbar */
.arialred3{
color:#bb2222;
font-family:arial;
font-size:16px;
text-align:center;
font-weight:bold;
margin-left:60px
}

/* used in footer.txt */
.arialwhite{
text-align:center;
color:white;
font:14px arial;
width:500px;
padding-top:5px;
padding-bottom:5px
}
.arialwhite a:link{color:white;font-size:14px;font-family:arial;text-decoration:none}
.arialwhite a:visited{color:white;font-size:14px;font-family:arial;text-decoration:none}
.arialwhite a:hover{color:#cccccc;font-size:14px;font-family:arial;text-decoration:underline}

.smallverdana{
width:460px;
font: 10px verdana;
text-align:center;
margin-left:75px
}

.smallverdana a:link{color:#666699;font-size:10px;font-family:verdana;text-decoration:none}
.smallverdana a:visited{color:#666699;font-size:10px;font-family:verdana;text-decoration:none}
.smallverdana a:hover{color:blue;font-size:10px;font-family:verdana;text-decoration:underline}

.smallverdana2{
width:460px;
font: 10px verdana;
color:black;
text-align:center;
margin-left:0px
}

.smallverdana3{
font: 10px verdana;
text-align:left;
margin-left:2px
}

.smallverdana3 a:hover{color:red}

.smallverdana4{
font: 10px verdana;
text-align:center;
margin-left:2px
}

.medverdana{
font-family:verdana;
text-align:left;
font-size:13px;
margin: 10px 5px 5px 10px;
list-style-position:inside
}

.medverdana a:link{color:#666699;font-size:10px;font-family:verdana;text-decoration:none}
.medverdana a:visited{color:#666699;font-size:10px;font-family:verdana;text-decoration:none}
.medverdana a:hover{color:blue;font-size:10px;font-family:verdana;text-decoration:underline}


.medverdanactr{
font-family:verdana;
font-size:13px;
text-align:center;
margin: 10px 5px 5px 10px;
list-style-position:inside;
}

/*storytime plus on events pages */
.medverdanactrblue{
font: bold 13px verdana;
text-align:center;
border:1px solid blue;
background-color:#ddddff;
padding: 5px 5px 5px 5px;
margin-left:10%;
margin-right:10%
}



.white{
color:white;
background-color:#0066ff;
font-family:verdana;
font-size:13px;
text-align:left;
padding-left: 15px;
margin:10px 10px 10px 10px;
}

.whitectr{
color:white;
background-color:#0066ff;
font-family:verdana;
font-size:13px;
text-align:center;
padding-left: 15px;
margin:auto;
}


.activity{
background-color:#0066ff;
padding:5px 5px 5px 5px;
margin:5px 5px 5px 5px;
list-style-position:outside;
width:770px
}

.activity a:link{color:white;font-size:14px;font-family:arial;text-decoration:underline;line-height:150%}
.activity a:visited{color:white;font-size:14px;font-family:arial;text-decoration:underline;line-height:150%}
.activity a:hover{color:#cccccc;font-size:14px;font-family:arial;text-decoration:underline;line-height:150%}


.directions
{
font-family: 'comic sans ms';
font-size:13px;
color:white;
padding: 1px 5px 1px 5px;
margin-left:10%;
margin-right:10%
}

.materials
{
font-family: 'comic sans ms';
font-size:13px;
color:white;
padding: 1px 5px 1px 5px;
background-color:#3366cc;
margin-left:10%; 
margin-right:20%;
border: 4px double #0033cc
}

/* to position pics in paragraphs in Activities starting 12/05 */

.floatright{
float:right;
margin: 0 0 10px 10px
}

.floatleft{
float:left;
margin: 0 10px 10px 0
}

/* add center 9/08 */
.ctrimg{
display:block;
margin-left:auto;
margin-right:auto
}