/*----------
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: #663366 url(/images/teenbggrad.jpg) repeat-x;
font-family: Lucida Sans, Verdana, Tahoma;
font-size: 14px;
}
 
/* ----------------------
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: #0f0510;
		width:772px;
        height:346px;
		padding:0px;
		float:left;
		margin-top: -10.5px;
		position: relative;
        border-left: 0px solid #812578;
        border-right: 0px solid #812578;
        .margin-top: -25px;
		}
		
	#logo {
	display: block;
	width: 772px;
	height: 93px;
	margin: 0 0 0 0;
	background: url(/images/teenheader1.jpg) no-repeat top center;
}

.hide {
	display: none;
}
		
/* ---------------------
Navigation button 'Wrapper' 
------------------------*/
		
	#navigation {
	width:798px;
	height: 200px;
	position: relative;
    margin-top: -250px;
    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;
	
}

#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: #0f0510 url(/images/T-Accounts.jpg);
	background-repeat: no-repeat;
}

#kwick .opt2 {
	background: #0f0510 url(/images/T-Catalog.jpg);
	background-repeat: no-repeat;
}

#kwick .opt3 {
	background: #0f0510 url(/images/T-Events.jpg);
	background-repeat: no-repeat;
}

#kwick .opt4 {
	background: #0f0510 url(/images/T-Research.jpg);
	background-repeat: no-repeat;
}

#kwick .opt5 {
	background: #0f0510 url(/images/T-Reads.jpg);
	background-repeat: no-repeat;
}

#kwick .opt6 {
	background: #0f0510 url(/images/T-Blog.jpg);
	background-repeat: no-repeat;
	border-right: 0;
}

#kwick .opt7 {
	background: #0f0510 url(/images/T-Myspace.jpg);
	background-repeat: no-repeat;
	border-right: 0;
}

#kwick .opt8 {
	background: #0f0510 url(/images/T-internet.jpg);
	background-repeat: no-repeat;
	border-right: 0;
}
	
	
	
/* ------------------
Includes the main text area 
--------------------- */	
	
   #contentcenter {
	background-image: url(/images/Header_02.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
		width:772px;
		padding:0px;
		float:left;
	    border-left: 0px solid #812578;
        border-right: 0px solid #812578;
		}
		
		* html #contentcenter {overflow-x: hidden;}
	
/* --------------- 
Includes the news box gradient 
------------------- */
		
		#newsheader {
		
		background-repeat: no-repeat; 
        color: #000;
		width: 585px;
		height: 35px;
		margin-left: 17px;
		margin-top: 75px;
		}
		
	
/* ----------- 
Footer 
--------- */
		
#footer {
	position:relative;
	top:0px;
	background:#fff;
	width:772px;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
	word-spacing: 10px;
	color:#660901;
	letter-spacing: 2px;
	border-left: 0px solid #812578;
    border-right: 0px solid #812578;
	}
	
	#footer a, a:visited {
	color: #560e56;
	text-decoration: none;
	}
	
	#footer a:hover, a:active {
	color: #812578;
	}
	
/* This is for free floating text below the news */
	
#textcontent {
	margin: 0px;
	padding: 0px;
	width: 650px;
	margin-right:auto;
	margin-left:auto;
    	.margin-top: 10px;
	.width: 705px;
  	border: 0px solid;
}

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

#textcontent img {border: #fff;}

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

.h1 {
    text-indent: 0px;
	padding: 0px;
	margin: 0px;
	color: #560e56;
}

#textcontent a, a:visited {
	color: #560e56;
	text-decoration: none;
	}
	
	#textcontent a:hover, a:active {
	color: #812578;
	}
	
	#textcontentleft {
	width: 300px;
	margin-left: -19px;
	}
	
	#textcontentright {
	width: 250px;
	margin-left: 370px;
	margin-top: -695px;
	.margin-top: -775px;
	}

    
  #linksspecial {
width:650px;
margin:-50px 0 0 20px;
padding:0;
.margin-top: -130px;
}

#poll {
	margin-left: 490px;
	margin-top: 20px;
    width: 200px;
    position: absolute;
    .margin-left: 500px;
  _width: 150px;
    _margin-left: 500px;
	font-size: 13px;
    }
	

.teen {list-style: none;
line-height: 22px;
}

.teen li {padding-left: 20px; background: url(/images/pipteen.png) no-repeat left;}