/*----------
Main CSS for Osceolalibrary.org, Website Redesign 2007
For all Main Pages
Webmaster & Developer: Kelley Minars, eLibrarian
Graphics& Design: Melissa Findley, Graphics Support
----------------*/

body {
text-align:center;
background: #004b00 url(/images/kids-bg.jpg) repeat-x;
font-family: Lucida Sans, Verdana, Tahoma;
font-size: 12px;
}
 
/* ----------------------
Outer Wrapper
------------------------- */
	
#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
		min-width: 800px;
		max-width: 1200px;
		.width: 850px;
		}
	
/* --------------------
Contentleft is now content on the top. Includes the header and the navigation 
----------------------- */	
		
#contentleft {
        background-color: #642576 url(/images/kids-nav.jpg);
        background-repeat: no-repeat;
		width:772px;
        height:346px;
		padding:0px;
		float:left;
		margin-top: -10.5px;
		position: relative;
        border-left: 1px solid #3366ff;
        border-right: 1px solid #3366ff;
        .margin-top: -25px;
		}
		
	#logo {
	display: block;
	width: 772px;
	height: 93px;
	margin: 0 0 0 0;
	background: url(/images/kids-header.jpg) no-repeat top center;
	.margin-top: -1px;
}

.hide {
	display: none;
}
		
/* ---------------------
Navigation button 'Wrapper' 
------------------------*/
		
	#navigation {
	width:798px;
	height: 200px;
	position: relative;
    margin-top: -230px;
    margin-bottom: 30px;
    margin-left: -15px;
    _margin-bottom:80px;
    .margin-bottom: 90px;
    .margin-left: 25px;
	} 
	
/*---------
Navigation Buttons/Menu
-----------*/

#kwick {
	position: relative;
	/*border-bottom: 3px double #333;*/
	margin-top: 10px;
}

#kwick .kwicks {
	display: block;
	height: 200px;
	margin: 0px;
}

#kwick li {
	float: left;
	list-style: none;
}


#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 90px;
	/*padding: 10px;*/
	background: #fff;
	/*border-right: 5px solid #202020;*/
}

#kwick .kwick span {
display: none;
}

#kwick .opt1 {
background:#53175f url(/images/1kids-Account.jpg);
background-repeat:no-repeat;
}

#kwick .opt2 {
background:#53175f url(/images/2kids-Catalog.jpg);
background-repeat:no-repeat;
}

#kwick .opt3 {
background:#53175f url(/images/3kids-Booklists.jpg);
background-repeat:no-repeat;
}

#kwick .opt4 {
background:#53175f url(/images/4kids-School.jpg);
background-repeat:no-repeat;
}

#kwick .opt5 {
background:#53175f url(/images/5kids-Storytime.jpg);
background-repeat:no-repeat;
}

#kwick .opt6 {
background:#53175f url(/images/6kids-Links.jpg);
background-repeat:no-repeat;
border-right:0;
}

#kwick .opt7 {
background:#53175f url(/images/7kids-Gallery.jpg);
background-repeat:no-repeat;
border-right:0;
}

#kwick .opt8 {
background:#53175f url(/images/8kids-Back.jpg);
background-repeat:no-repeat;
border-right:0;
}
#contentcenter {
background-image:url(/images/kids-kids.jpg);
background-repeat:no-repeat;
background-color:#fff;
width:772px;
float:left;
border-left:1px solid #36f;
border-right:1px solid #36f;
margin-top:-18px;
padding:0;
}

* html #contentcenter {
overflow-x:hidden;
}

#newsheader {
background-repeat:no-repeat;
color:#fff;
width:585px;
height:35px;
margin-left:17px;
margin-top:75px;
}

.newsheader h1 {
color:#fff;
font:14px Lucida Sans, Verdana, Tahoma;
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
padding-left:6px;
padding-top:12px;
}

.newscontent h1 {
color:#000;
font:20px Lucida Sans, Verdana, Tahoma;
margin-bottom:-7px;
}

#textcontent {
width:705px;
margin:10px 0 0 20px;
padding:0;
}

#textcontent p,h1 {
font-size:1.2em;
margin:0;
padding:8px 27px 8px 41px;
}

#textcontent h1 a {
color:#000;
}

#textcontent h4,h3 {
color:#000;
font-size:12px;
_font-size:14px;
}

#textcontent a,a:visited {
color:#36f;
text-decoration:none;
font-size:14px;
}

#textcontent a:hover,a:active {
color:#f60;
}

#textcontent img {
border:none;
}

.leftCol {
clear:both;
float:left;
width:128px;
margin-left:-50px;
_margin-left:-30px;
_padding-right:10px;
}

.leftCol img {
float:right;
margin-right:-15px;
}

.rightCol {
padding-left:15px;
padding-bottom: 10px;
margin-left:75px;
width:500px;
_width:420px;
_padding-left:0;
.padding-bottom: 5px;
}

.leftCol img#mtz {
border:4px solid #fff;
margin:.5em 0 1.3em;
}

.rightCol h1 a {
color:#2b0c2b;
}

.rightCol a {
color:#2b0c2b;
text-decoration:none;
}

h1 {
font-size:14px;
padding-top:6px;
padding-bottom:4px;
margin-top:3px;
}

.rightCol h1 {
margin-left:-40px;
_margin-left:-32px;
line-height:1px;
margin-top:6px;
}

#linksspecial {
width:650px;
margin:-10px 0 0 20px;
.margin-top: -30px;
_margin-top: 0px;
padding:0;
}

#poll {
margin-top:-30px;
width:190px;
position:absolute;
margin-left:560px;
_width:170px;
_margin-left:560px;
}

#gallery img {
border:none;
color:#fff;
}

#kids ul {
padding:0;
}

#kids li {
list-style-type:none;
background:url(/images/bluebullet.jpg) no-repeat left;
padding-left:20px;
font-size:15px;
margin-left:-25px;

}

#kids li a {
color:#000;
font-size:15px;
padding-bottom:0;
_padding-bottom:0;
}

#kids li a:hover {
font-size:15px;
padding-bottom:0;
_padding-bottom:0;
}

#footer {
position:relative;
top:0;
background:#fff;
width:772px;
clear:both;
text-align:center;
word-spacing:10px;
color:#660901;
letter-spacing:2px;
border-left:1px solid #36f;
border-right:1px solid #36f;
margin:0;
padding:1% 0;
}

#footer a,a:visited {
color:#36f;
text-decoration:none;
}

#footer a:hover,a:active {
color:#ff6501;
}

.hide,#kwick .kwick span {
display:none;
}

.rightCol a:visited,.rightCol a:hover,a:active {
color:#812578;
}

#gallery a,a:visited,#gallery a:hover,a:active {
color:#fff;
}

/* from icant.co.uk */

.flickrbadge *{
	background:#fff;
	margin:0;
	padding:0;
 	list-style:none;
	border:none;
	font-family:arial,sans-serif;
}
.flickrbadge ul ul{
    padding:0;margin:0;
}
.flickrbadge{
    font-size:120%;
	width:410px;
	padding:0 0 5px 10px;
	position:relative;
	text-align:left;
	border:1px solid #ccc;
	margin:10px;
}
.flickrbadge a{
	display:block;
	font-size:1em;
	color:#369;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
}
.flickrbadge a.flickrlink{
	padding-top:.3em;
	text-align:left;
	margin-right:60px;
}
.flickrbadgeopen{
    height:350px;
}
html>body .flickrbadgeopen{
    height:auto;
    min-height:350px;
}
.flickrimage{
    display:block;
    margin:10px auto;
}
.flickritems{
    padding-top:10px;
    height:80px;
    position:relative;
	width:420px;
}
html>body .flickritems{
	width:400px;
}
.flickritems ul li,
.flickritems ul.current li{
	height:75px;
	width:75px;
	padding-right:5px;
	float:left;
}
.flickritems ul{
    position:absolute;
    left:-4000px;
    top:10px;
}
.flickritems ul.current{
    position:absolute;
    left:0;
    top:10px;
}
.flickrbadge p{
	text-align:right;
	padding-right:13px;
}
.flickrbadge p a{
	color:#369;
	font-size:.8em;	
}
.flickritems li img{
    display:block;
	border:1px solid #ccc;
}
.flickrnav{
	background:transparent;
	position:absolute;
	top:3px;
	right:12px;
}

.flickrnav li{
	float:left;
}
.flickrnav *{
	background:transparent;
}
.flickrnav img{
	display:block;
}
.flickrnav span{
	color:#666;
	font-weight:bold;
	font-size:.8em;
	padding:0 .3em;
}

/* ----- Special ul for FLYP ------- */

#flyp ul {
padding:0;
}

#flyp li {
list-style-type:none;
padding-left:20px;
font-size:15px;
margin-left:-25px;
}

.hm {background:url(/images/piphart.png) no-repeat left;} 
.stc {background:url(/images/pipstc.png) no-repeat left;}
.bvl {background:url(/images/pipbvl.png) no-repeat left;}
.pc {background:url(/images/pippc.png) no-repeat left;}
.wo {background:url(/images/pipwo.png) no-repeat left;}
.ken {background:url(/images/pipken.png) no-repeat left;}

.flyp {font-size: 15px; margin-left: 20px; width: 520px;}

#apple {background:url(/images/apple.jpg) no-repeat;
height: 100px;
width: 100px;
right:225px;
top: 820px;
position: absolute;
z-index: 100;
}