@charset "utf-8";
/*
Template Name: School Education
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
File: Featured Slider CSS
*/

#featured_slide{display:block; position:relative; width:960px; height:300px; margin:0 auto; overflow:hidden; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#22C0FD;}
#featured_slide a{color:#01425A; background-color:#22C0FD;}
#featured_slide a, #featured_slide ul, #featured_slide img{margin:0; padding:0; border:none; outline:none; list-style:none; text-decoration:none;}
#featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{margin:0 0 15px 0; padding:0 0 8px 0; line-height:normal; font-size:32px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px dotted #CCCCCC;}

/* ----------------------------------------------Content------------------------------------- */

.featured_box{display:block; position:relative; width:960px; height:300px;}
.featured_box img{display:block; float:left; width:450px; height:300px;}
.featured_box .floater{display:inline; float:right; width:450px; margin:30px 30px 0 0;}
.featured_box p{margin:0 0 15px 0; padding:0; line-height:1.6em;}
.featured_box p.readmore{display:block; width:100%; margin:0; padding:0; text-align:right; line-height:normal; text-transform:uppercase;}

/* ----------------------------------------------Navigation Buttons------------------------------------- */

/*

Navigation dynamically created using: jquery.cycle.min.js

HTML Output:

<div id="fsn">
  <ul id="fs_pagination">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
  </ul>
</div>

*/

#fsn{display:block; position:relative; width:960px; height:25px; margin:10px auto -5px; text-align:center; background-image:url("images/trans.png"); z-index:1000;}
#fsn ul{display:block; position:relative; width:125px; height:20px; margin:0 auto; padding:5px 0 0 0; overflow:hidden; list-style:none;}
#fsn ul li, #fsn ul li a{display:block; float:left; width:15px; height:15px; margin:0 10px 0 0; padding:0;}
#fsn ul li a{float:none; border:none; margin:0; outline:none; text-indent:-5000px; text-decoration:none; background:url("images/slide.png") 50% 50% no-repeat;}
#fsn ul li a:hover, #fsn ul li.activeSlide a{background:url("images/slide.png") 0% 50% no-repeat;}