/*----------
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: #6C6A5C url(/images/background.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: #1a071a;
		width:772px;
        height:346px;
		padding:0px;
		float:left;
		margin-top: -9.4px;
		position: relative;
        border-left: 1px solid #660904;
        border-right: 1px solid #660904;
        .margin-top: -25px;
		}
		
	#logo {
	display: block;
	width: 772px;
	height: 93px;
	margin: 0 0 0 0;
	background: url(/images/Header_01.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;
	} 
	
	
	
/* ------------------
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: 1px solid #660904;
        border-right: 1px solid #660904;
		}
		
		* html #contentcenter {overflow-x: hidden;}
	
/* --------------- 
Includes the news box gradient 
------------------- */
		
		#newsheader {
		
		background-repeat: no-repeat; 
        color: #fff;
		width: 585px;
		height: 35px;
		margin-left: 17px;
		margin-top: 75px;
		}
		
		.newsheader h1 {
		color: #fff;
		font: 16px Helvetica, Arial, san-serif; 
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 2px;
		padding-left: 6px;
		padding-top: 12px;
		}
		
		#tableheader {
		width: 585px;
		height: 35px;
		margin-left: 0;
		background-image: url(/images/newsgradient.jpg)
		}
		
		.tableheader h1 {
		color: #fff;
		font: 14px Lucida Sans, Verdana, Tahoma; 
		font-weight: bold;
		letter-spacing: 2px;
		padding-left: 6px;
		padding-top: 12px;
		}
	
	
/* ----------- 
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: 1px solid #660904;
    border-right: 1px solid #660904;
	}
	
	#footer a, a:visited {
	color: #660901;
	text-decoration: none;
	}
	
	#footer a:hover, a:active {
	color: #8f1d13;
	}
	
	
	#newsbox  {
	    background-color: #fff;
	    font-family: Lucida Sans, Verdana, Tahoma;
	    color: #000000;
	    width: 100px;
	    height: 100px;
	    float: left;
	    padding:15px;
	    margin-top: 3px;
	    margin-left: 0;
	}
	
	
/* --------- 
For the news snippets 
----------------- */
	
	.newscontent { 
	color: #000000;
	display: inline; 
	width: 400px; 
	margin: 15px 0 7px; 
	padding-top: 2em; 
	.width: 350px; 
.margin: 5px 0 7px; 
.margin-left: -10px;
	}

.newscontent h1 { 
color: #1a071a;
font: 16px Lucida Sans, Verdana, Tahoma; 
font-weight: bold;
margin-bottom: -14px; 
.font: 1.4em weight:bold Lucida Sans, Verdana, Tahoma; 
.margin-bottom: -7px; 
}


/* ------------ 
Posted by __ on ___ 
----------------------- */

.newscontent h4 {
margin-left: 10px;
color: #1a071a;
line-height: 1px;
margin-bottom: 5px;
.font: 1.1em weight:bold Lucida Sans, Verdana, Tahoma;
.line-height: 1px;
}

.newscontent h1 a { color: #fff; }
	
/* ---------------- 
Styles the news snippets and avatars 
----------------------------------- */	
	
.leftCol { 
width: 102px; 
clear: both; 
margin-left: -10px;
.float: left;
.margin-left: -45px; 
.width: 128px; 
.clear: both; 
_margin-left: -30px; 
}

.leftCol img { float: right; .margin-right: -15px;}
.rightCol { width: 550px; padding-left: 15px; 
_padding-left: 0px;
_width: 510px;
.width: 500px;
.margin-left: -35px;
.padding-left: 10px;}
.leftCol img#mtz { margin: .5em 0 1.3em 0; border: 4px solid #fff; }

.rightCol h1 a{
	color: #1a071a;
	}
	
 .rightCol a {
	color: #660901;
	text-decoration: none;
	}
	
	.rightCol a:visited {
	color: #660901;
	}
	
	
	.rightCol a:hover, a:active {
	color: #8f1d13;
	}
	
	.rightCol h1 {
padding-bottom:20px;
}
	
	h1 {
	    font-size: 16px;
		padding-top:6px;
		padding-bottom: 0px;
		margin-top: 3px;
		.margin-top: 6px;
.margin-bottom: 5px;
.margin-left: -37px;
_margin-left: -32px;
.line-height: 1px;
		}
		
		h2 {
		color: #fff;
		}
		
	#contentheader h1 {
		font-size:16px;
		padding:10px;
		margin:0px;
		.font-size:1.4em;
		}
	
	#contentright p { font-size:12px; .font-size:1.0em}
	
/* This is for free floating text below the news */
	
#textcontent {
	margin: 0px;
	padding: 0px;
	width: 650px;
	margin-left: 20px;
	.width: 705px;
.margin-left: 20px;
.margin-top: 10px;
}

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

.p1 {
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
}

#textcontent h4, h3, h2 {
color: #1a071a;
}

.h1 {
    text-indent: 0px;
	padding: 0px;
	margin: 0px;
	color: #1a071a;
}

#textcontent a, a:visited {
	color: #660901;
	text-decoration: none;
	font-size: 14px;
	}
	
	#textcontent a:hover, a:active {
	color: #8f1d13;
	}
	
	#textcontentleft {
	width: 300px;
	margin-left: -19px;
	}
	
	#textcontentright {
	width: 250px;
	margin-left: 370px;
	margin-top: 0px;
	.margin-top: 0px;
	}
	
	#extracontent {
	margin-left: 423px;
	margin-top: -312px;
	.margin-top: -305px;
	}
	
	#bannerad {
	margin-left: 600px;
	margin-top: 0px;
    width: 160px;
    position: absolute;
    .margin-top: -10px;
.margin-left: 510px;
_margin-left: 515px;
    }
    
    #hot-topics a, a:visited{
color: #fff;
.color: #fff;
}
    
    #hot-topics img{
.border: none;
.color: #fff;
}