/*Clearwater Public Library System Kids Style Sheet */

h1,h2,h3,h4,h5,h6 {
font-family: comic sans ms,tahoma,arial,helvetica,sans-serif;
color: #660099;
}
body {
background-color: #ffffff;  }


p {
font-family: arial,helvetica,sans-serif;
}


.footer {
	font-family: comic sans ms,arial,helvetica,sans-serif;
	font-size: 8;
	font-style: italic;
	font-color: #990099;
		}

dt {font-family: arial,helvetica,sans-serif; 
	}
	
dd {font-family: arial,helvetica,sans-serif; 
	}
ul  { font-family: arial,helvetica,sans-serif; 
	}
.biglist {list-style-image: url(kids-images/list1.gif);}
.kidslist {list-style-image: url(kids-images/kidsbullet.gif);}


.date {
font-family: arial,helvetica,sans-serif;
font-style: italic;
font-size: 10pt;
	  }

.footer {
	font-family: arial,helvetica,sans-serif;
	font-style: italic;
	font-color: #990099;
	font-size: 8pt;
		}


.top {
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	}	


.navbar {font-family: comic sans ms,arial,helvetica,sans-serif;
		font-size: 95%;
		background-color: yellow;
		}
.main
	{ font-color: navy;
	  font-size: 95%;
	}

dl {font-family: arial,helvetica,sans-serif;
}
dt {font-family: arial,helvetica,sans-serif; 
	}
	
dd {font-family: arial,helvetica,sans-serif; 
	}

ul  {font-family: arial,helvetica,sans-serif; 
	}
ol  {font-family: arial,helvetica,sans-serif; 
	}
li {font-family: arial,helvetica,sans-serif; 
	}

a:link       { color: #ff0000; }
a:active     { color: #0000ff; }
a:hover      { color: #ffff00;  }

hr { color: #0000ff;}.sr03 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009900;
}
.bc      {
	color: #333333;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .65em;
}
.bc a:link       {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.bc a:visited       {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.bc a:active       {
	color: #333333;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.bc a:hover       {
	color: #CC6600;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.backtotop {

	list-style-position: outside;
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	
}
.ut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
	font-weight: bold;
}
.ut a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
	text-decoration: underline;
}
.ut a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
	text-decoration: underline;
}
.ut a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
	text-decoration: underline;
}
.ut a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
	text-decoration: underline;
}

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 0px ;
margin-left: 0px;
border:0px ;
border-bottom: none;
background: ;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: ;
}

#tabcontentcontainer{
width: 600px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: ;
}

.tabcontent{
display:none;
}