/*
Template Name: School Education
File: Featured Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

/*#featured_slide, #featured_slide2 {
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	height:300px;
	overflow:hidden;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	//color:#FFFFFF;
	color:#666666;
	//background-color:#22C0FD;
	background-color: #F2F6F7;
	}

#featured_slide a, #featured_slide2 a{
	color:#01425A;
	background-color:#22C0FD;
	}

#featured_slide a, #featured_slide ul, #featured_slide img, #featured_slide2 a, #featured_slide2 ul, #featured_slide2 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,
#featured_slide2 h1, #featured_slide2 h2, #featured_slide2 h3, #featured_slide2 h4, #featured_slide2 h5, #featured_slide2 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;*/


/************************************************************************************/
/************************************************************************************/

.featured_slide, .featured_slide2 {
	position:relative;
	/*margin:0 auto 0;*/
	/*display:block;*/
	/*width:960px;*/
	/*width:100%;*/
	width:610px;
	height:300px;
	overflow:hidden;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	//color:#FFFFFF;
	color:#666666;
	//background-color:#22C0FD;
	background-color: #F2F6F7;
	}

.featured_slide a, .featured_slide2 a{
	color:#01425A;
	/*background-color:#22C0FD;*/
	}

.featured_slide a, .featured_slide ul, .featured_slide img, .featured_slide2 a, .featured_slide2 ul, .featured_slide2 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,
.featured_slide2 h1, .featured_slide2 h2, .featured_slide2 h3, .featured_slide2 h4, .featured_slide2 h5, .featured_slide2 h6
{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	line-height:normal;
	/*font-size:32px;*/
	font-size:16px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dotted #CCCCCC;
	}

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

.featured_box{
	position:relative;
	display:block;
	/*width:960px;*/
	width:100%;
	height:300px;
	}

.featured_box img{
	display:block;
	float:left;
	/*width:450px;*/
	width:350px;
	height:300px;
	}

.featured_box .floater{
	display:inline;
	float:right;
	/*width:450px;*/
	width:200px;
	margin:30px 30px 0 0;
	}

.featured_box p{
	margin:0 0 15px 0;
	padding:0;
	line-height:1.6em;
        text-align: justify
	}

.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.setup.js and jquery.cycle.min.js

HTML Output:

<div id="fsn">
  <ul id="fs_pagination">
    <li><a href="javascript:void()">1</a></li>
    <li><a href="javascript:void()">2</a></li>
    <li><a href="javascript:void()">3</a></li>
    <li><a href="javascript:void()">4</a></li>
    <li><a href="javascript:void()">5</a></li>
  </ul>
</div>

*/

#fsn{
	position:relative;
	margin:0px auto -5px;
	display:block;
/*	width:960px;*/
	width:610px;
	height:35px;
	text-align:center;
	background-image:url("trans.png");
	z-index:1000;
	}

#fsn ul{
	position:relative;
	margin:0 auto 0;
	display:block;
	/*width:125px;*/
	width:570px;
	height:35px;
	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;*/
        color: #666666;
	text-decoration:none;
	background:url("slide.png") 50% 50% no-repeat;
	}

#fsn .activeSlide{
	background:url("slide.png") 0% 50% no-repeat;
	}