F
/* CSS Created by Clavel Macias - AE TEAM @ Seminole Tribe of Florida. */

/* 
Reset Stylesheet
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small,  sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, meter, nav, section, summary, time, mark, audio, video 
{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight: normal;background:transparent;-webkit-appearance: none;}

@font-face {
    font-family: 'fairviewregular';
    src: url('../fonts/fairview_regular-webfont.eot');
    src: url('../fonts/fairview_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fairview_regular-webfont.woff') format('woff'),
         url('../fonts/fairview_regular-webfont.ttf') format('truetype'),
         url('../fonts/fairview_regular-webfont.svg#fairviewregular') format('svg');
    font-weight: normal; font-style: normal;
}


h1{margin:0!important;padding:0 0 15px 0; color:#202020;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:34px!important; text-transform:uppercase}
#footer h2{margin:0!important; color:#bbb;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }
#grayarea h2{margin:0!important; color:#6C6C6C;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }
#grayarea  {font-size:12px; line-height:24px!important; color:#525252}

.forms h2{padding:15px 0; margin:0!important; color:#6C6C6C;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }



.programs h5{font-style:normal; margin:0!important;padding:0 0 15px 0; color:#202020;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase; }
strong {font-family: 'Segoe UI', Arial, sans-serif; font-weight:bolder}

h5{ color:#6C6C6C;font-family: 'Segoe UI', Arial, sans-serif; font-size:18px!important;font-style:italic;font-weight:normal!important;line-height:32px!important }
h6{padding:5px 0 0 0; color:#bbb;font-family:  Arial, sans-serif; font-size:14px!important;font-style:normal;font-weight:normal!important;line-height:32px!important }

.programstitlefront {padding:15px 0 0 0;line-height:28px!important; text-align:center;font-size:28px!important}
.programstitlefront a{color:#202020; font-size:28px!important}
.programstitlefront a:hover{color:#0A85B2; font-size:28px!important}

input, textarea{padding:5px!important}

body {margin-top:40px;  background: #222427 url(/images/seminoleeducationlibraries/website-assets/mainbg.jpg) no-repeat;background-size: cover; font-family: 'Istok Web', sans-serif; font-size: 14px; color: #202020;
}








#header {
    background-color: #fff;
    height: 230px;
    background: transparent url(/images/seminoleeducationlibraries/website-assets/tribecolors.png) no-repeat
}

.logo {margin:-16px 0 0 22px;height:200px; width:200px}

hr{color:#f00;background-color: #222222;border:none;height:2px;margin-top:30px;}
.copy {color:#525252!important; font-size:12px}

.topmenuarea {margin:48px 0 0 0; height:72px;  background: transparent url(../images/education/BG_topbarmenu.png) repeat; }

#display {border-top:5px solid #202327;border-bottom:5px solid #202327}
.unoslider{border-top: 1px solid #000;border-bottom:1px solid #000}

.sfContentBlock ul {padding:0;margin:0}


#content{padding:30px;width:1040px;line-height:25px;  background: #fff url(../images/education/bg_content.png) no-repeat top;}

.newsdisplay {font-family: 'Segoe UI', Arial, sans-serif;  background-color:#FFFFFF; width:360px!important; height:170px!important}
.newsdisplay a {color:#0A85B2;font-size:13px!important;}
.newsdisplay a:hover {color:#000}
.newsdisplay h2 {padding-bottom:10px;font-size:13px!important;}
.newsdisplay li {background: transparent url(../images/education/arrowbullet.png) no-repeat ; padding:0 0 0 0; }

#footer{ font-size:13px;font-family: 'Segoe UI', Arial, sans-serif; color:#bbb!important;padding:30px;width:1040px;background: transparent url(/images/seminoleeducationlibraries/website-assets/tribecolors.png) no-repeat; background-color:#000000; height:403px; clear:both}

.footermenu li a{color:#787878!important;}
.footermenu li:hover { background-color:#000;color:#bbb!important;text-decoration:none!important}
.footermenu li{border:1px solid #000!important;background-color:#222222;border:#222222;padding:10px;color:#787878!important; }
.footermenu {margin:5px 0 0 0!important;}
.footermenu .sfNavVertical a.sfSel, .sfNavVertical a.sfSel:hover{color:#787878!important; background-color:#222222;border:#222222; font-size:14px!important; font-weight:normal!important;text-decoration:none!important}
.footermenu .sfSel:hover  { background-color:#000;color:#bbb!important;text-decoration:none!important}

#grayarea {padding:30px;width:1040px;background-color:#EEEEEE}

.sidegraybox {background-color:#EEEEEE;border:solid 0px #CCCCCC;margin:0 0  }
.sidegraybox h2{margin:0!important;padding:15px 0 ; color:#6C6C6C;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }
ul.listblack  {margin: 10px 30px}
.listblack li{ list-style-image:url(../images/education/bullet_black.png);font-size:12px;line-height:30px }


.sidebox_k12 {background-color:#EEEEEE;border:solid 0px #CCCCCC; }
.sidebox_k12 h2{margin:0!important;padding:15px 0 ; color:#6C6C6C;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }
ul.listpurple  {margin: 10px 30px}
.listpurple li{ list-style-image:url(../images/education/bullet_purple.png);font-size:13px;line-height:30px; color:#5900B2 }
a.purple:hover  {color:#5900B2}


.sidebox_higheredu {background-color:#EEEEEE;border:solid 0px #CCCCCC; }
.sidebox_higheredu h2{margin:0!important; padding:15px 0 ;color:#6C6C6C;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }
ul.listorange  {margin: 10px 30px}
.listorange li{ list-style-image:url(../images/education/bullet_orange.png);font-size:13px;line-height:30px; color:#FF8306}
a.orange:hover  {color:#FF8306}

.sidebox_professionaldev {background-color:#EEEEEE;border:solid 0px #CCCCCC; }
.sidebox_professionaldev h2{margin:0!important;padding:15px 0 ; color:#6C6C6C;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }
ul.listblue  {margin: 10px 19px}
.listblue li{ list-style-image:url(../images/education/bullet_blue.png);font-size:13px;line-height:30px; color:#0059B2}
a.blue:hover  {color:#0059B2}

.sidebox_supportservices {background-color:#EEEEEE;border:solid 0px #CCCCCC; }
.sidebox_supportservices h2{margin:0!important;padding:15px 0 ; color:#6C6C6C;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }
ul.listred  {margin: 10px 30px}
.listred li{ list-style-image:url(../images/education/bullet_red.png);font-size:13px;line-height:30px; color:#FF0000}
a.red:hover  {color:#FF0000}


.sidebox_library  {background-color:#EEEEEE;border:solid 0px #CCCCCC; }
.sidebox_library  h2{margin:0!important;padding:15px 0 ; color:#6C6C6C;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }
ul.listgreen  {margin: 10px 30px}
.listgreen li{ list-style-image:url(../images/education/bullet_green.png);font-size:13px;line-height:30px; color:#008C00}
a.green:hover  {color:#008C00}


/* .sfNavHorizontalDropDown, .sfNavList, .k-widget, .k-reset, .k-header, .k-menu, .k-menu-horizontal
{background:none; font-family:'fairviewregular', sans-serif;text-transform:uppercase; text-decoration:none; font-size:28px; font-weight:normal}




Horizontal with drop-down menus (Kendo UI) */
.mainmenu{padding:12px 0 0 180px ;background:none!important; font-family:'fairviewregular', sans-serif;text-transform:uppercase; text-decoration:none; font-size:28px; font-weight:normal;}
 .sfNavWrp, .sfNavHorizontalDropDownWrp, .mainmenu a {background-color:none!important;color:#fff!important}

.mainmenu li{border-right: 0px solid #fff!important;background-color: transparent;}
.mainmenu li a:hover {background-color:#000}
.sfNavHorizontalDropDown .k-i-arrow-s, .sfNavHorizontalDropDown .k-i-arrow-e{background:none ;color:#808080!important;}

.mainmenu a:hover{background-color:transparent; color:#808080!important;}

.mainmenu a.sfSel, .mainmenu  a.sfSel:hover{background-color:transparent!important;font-weight:normal;}

.sfNavHorizontalDropDown{background-color:transparent!important;}

.sfNavHorizontalDropDown .k-popup{ color:#808080!important; background-color:#202327!important; border: 0; margin-left: 0 !important;font-family:Arial!important;font-size:13px!important;text-transform:initial!important;margin:9px 0 0 0!important}
.sfNavHorizontalDropDown:hover{background-color:#434952;}


.topnavmini{text-align:right; margin:11px 20px 0 0}

.topnavmini a {font-size:12px;color:#000; font-family:arial}
.topnavmini a:hover {color:#0A85B2}



.sfsearchTxt{  width:150px!important;font-family:Arial!important; padding:5px!important; font-size:16px!important; font-weight:bold; font-style:italic;color:#000!important}
.sfsearchSubmit{border: 1px solid #CDCDCD!important;background: #D8D8D8!important;color:#666666!important;font: bold 11px 'Trebuchet MS'!important;padding: 6px!important;cursor: pointer!important;-moz-border-radius: 3px!important;-webkit-border-radius: 3px!important;}

.randomquotes {width:1100px; height:62px; background: transparent url(../images/education/bg_randomquotes.png) no-repeat}
.randomquotes  h6{  text-align:center; width:1100px; padding:10px 0;list-style:none;color:#fff; line-height:40px;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:34px!important; }


.bar_k12 {width:1100px; height:141px; background: transparent url(../images/education/bar_k12.jpg) no-repeat;border-top: 1px solid #fff;border-bottom:1px solid #fff}
.bar_k12 h6{ width:700px; padding:45px 20px;list-style:none;color:#fff; line-height:40px;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:34px!important; }


.bar_higheredu {width:1100px; height:141px; background: transparent url(../images/education/bar_higheredu.jpg) no-repeat;border-top: 1px solid #fff;border-bottom:0px solid #fff}
.bar_higheredu h6{ width:900px; padding:45px 20px;list-style:none;color:#000; line-height:40px;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:34px!important; }


.bar_professionaldev {width:1100px; height:141px; background: transparent url(../images/education/bar_professionaldev.jpg) no-repeat;border-top: 1px solid #fff;border-bottom:0px solid #fff}
.bar_professionaldev h6{ width:700px; padding:45px 20px;list-style:none;color:#fff; line-height:40px;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:34px!important; }

.bar_supportservices {width:1100px; height:141px; background: transparent url(../images/education/bar_supportservices.jpg) no-repeat;border-top: 1px solid #fff;border-bottom:0px solid #fff}
.bar_supportservices h6{ width:700px; padding:45px 20px;list-style:none;color:#fff; line-height:40px;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:34px!important; }

.bar_library {width:1100px; height:141px; background: transparent url(../images/education/bar_library.jpg) no-repeat;border-top: 1px solid #fff;border-bottom:0px solid #fff}
.bar_library h6{ width:700px; padding:45px 20px;list-style:none;color:#000; line-height:40px;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:34px!important; }

sub {font-size:13px!important;font-family:Arial;line-height:30px;padding:10px;}

#randommessages{ text-align:center;	padding:40px 0;	list-style:none;color:#fff;	font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:34px!important; }

.edulist { float:left;width:200px}

.acordiontitle h2 {font-family: 'Segoe UI', Arial, sans-serif; font-weight:bold;font-size:13px!important; margin:10px 0}

.acordiontitle a { color: #0A85B2; line-height:22px}
.acordiontitle a:hover { color:#000;}

.sflistItemContentExp {background-color:#EEEEEE;margin:15px  0;padding:5px; font-size:12px}

.sflistExpandAllLnk, .sflistCollapseAllLnk {color:#fff!important}

.sfnewsTitle, .sfeventTitle { font-family: 'Istok Web', sans-serif!important ; font-size:18px!important ;color:#0A85B2!important; font-weight:400!important}



/*#region --- New NAVIGATION --- */
/* Horizontal (one-level) */

.programssubmenu  {background-color:#202327; margin: 0 20px}
.programssubmenu li
{
    border-right: 0px solid #fff;
    background-color:transparent;
   
}
.programssubmenu a
{
    display: block; 
    color:#fff;
}
.programssubmenu a:hover
{
    background-color:#202327;
    color: #fff; 
}
 .programssubmenu a.sfSel, .programssubmenu a.sfSel:hover
{
    margin-top: 0;
    padding-top: 0;
    background-color:#202327; font-weight:normal
}

.contactustitle h6{color:#202020;font-weight:bold!important}


.sitemap li a{color:#0A85B2; font-family: 'Istok Web', sans-serif!important ; font-size:14px!important}

.listsite li{margin-left:20px; list-style-type:square}

.sfdownloadList .sfdownloadTitle {
    font-weight: normal!important;
}


.sfMetaInfo {display:none!important;}


.RadScheduler .rsAptSimple .rsAptContent{margin:0 0 0 10px;font-size:13px;  color:#fff;cursor:pointer }

.sfSmallIcns .sfdownloadList .sfdownloadFile, .sfLargeIcns .sfdownloadList .sfdownloadFile {
    padding-bottom: 10px!important;
}

.RadScheduler_Metro .rsHeader{background-color:#616366;border: 1px solid #616366; }


.sflistListItem {
	width:100%;
	float: left;
	padding:8px;
	font-weight:bold;
	font-size:13px;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #eee;
	border-bottom: 1px solid #FFFFFF;
	border-left:3px solid #ccc;
	cursor: pointer;
	color:#333;
	}
.sflistListItem a{color:#333;font-weight:bold; }

.sflistItemContent p{font-size:14px!important}


.sfexpandableListWrp .sflistItemContent{padding-bottom:0!important}

/* Sponsors/Partners rotator in-page placement */
    div#rotator {background-color:#fff}
	div#rotator ul li {position:absolute;list-style: none}
	div#rotator ul li img {border:0px solid #ccc;padding:0 0 0 20px;}
    div#rotator ul li.show {z-index:0}
	#rotator li{background:none!important}
	#rotator h2{margin-left:40px!important}


	.newbar{background:#fff!important;padding:20px 0 45px 0!important; margin:35px 0 0 0!important}

	.newsdisplayleft{ border-right:solid 1px #ddd!important; height:170px!important}


.findadvisornav{margin: 0 0 0 0}

.findadvisornav a{ font-family: 'Segoe UI', Arial, sans-serif!important; font-weight:600!important;  text-align:center!important; color:#fff!important;background-color:#0059B2!important ;  text-decoration:none; font-size:16px!important; font-weight:normal}

.findadvisornav a:hover{background-color:#00366C!important }

.findadvisornav li{  text-align:center!important; border:0px solid #0079F2!important;  background-color:transparent!important;margin-right:5px!important; margin-bottom:20px!important }

.formspacing{padding:20px; background-color:#eee!important}

.contactformsbtn {float:right; margin: 40px 20px 0 0!important }

.smallboxadvisorright{background-color:#fff; padding: 5px; margin-right:10px}

.smallboxadvisorleft{background-color:#fff; padding: 5px }

.biglbox{background-color:#fff; padding:10px; min-height:170px!important}

.staffmap {background-color:#eee!important;padding:30px 10px}

.nav-sitemap > li {
    display: table-cell;
    border-left: 5px solid #eee;
}


.sfNavHorizontalSiteMap li li a{font-size:14px!important;line-height:22px!important}

.sfNavHorizontalSiteMap > li > a, .sfNavHorizontalSiteMap > li > a:hover{color: #0059B2!important; font-weight:bold;font-size:16px!important; text-decoration:none!important}

.aphalbeticmanu a{padding:0 14px!important;margin:auto!important }

.aslogomain {background-color: #eee;padding:10px}

.whitebox{background-color:#fff;padding:10px}


#azindex {
background: #eee;
float: left;
margin: 5px 0 30px 10px;
padding: 0px 5px 15px 5px;transition: all .8s;

/*width: 100%;*/
}
* html #azindex {
padding: 5px 5px 10px 5px;
width: 490px;
}
#index {
font: bold 100% Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#index li {
float: left;
height: 2em;
list-style-type: none;
margin: 0.65em 0.3em;
padding: 0;
width: 2.2em;
}
* html #index li {
margin: 0.2em 0.2em;
}
#index a:link, #index a:visited {
background: #fff;
color: navy;
display: block;
height: 2em;
padding: 0.75em 0 0 0;
text-align: center;
text-decoration: none;
width: 2.2em;
}
#index a:hover {
background: #0059B2;
color: #fff;
text-decoration: underline;
}





/* css refresh*/

.maincanvas {
    background: #fff url(/images/seminoleeducationlibraries/website-assets/tribecolors.png) repeat-x
}

.subnav{background-color:#fff}

.maincontent {
    background-color: #fff
}

.Rtitle {
    margin: 0 !important;
    padding: 22px 34px;
    color: #202020;
    font-family: 'fairviewregular', sans-serif !important;
    font-weight: 400;
    font-size: 54px !important;
    text-transform: uppercase
}

.Rnav{ background-color:#000; height:82px }

.navbar-brand{display:none}


.Rlogotop {
    background: url(/images/seminoleeducationlibraries/website-assets/logotop.png) no-repeat bottom;
    width: 175px;
    height: 82px;
    padding: 125px 0 0 14px
}
.Rlogobottom{ background: url(/images/seminoleeducationlibraries/website-assets/logobottom.png) no-repeat top; width:175px; height:82px ;padding:0 0 0 360px!important}




/* Horizontal with drop-down menus (Kendo UI) */
.Rmainmenu{ padding:0 0 0 0 ;background:none!important; font-family:'fairviewregular', sans-serif;text-transform:uppercase; text-decoration:none; font-size:33px; font-weight:normal;}
 .sfNavWrp, .sfNavHorizontalDropDownWrp, .Rmainmenu a {background-color:none!important;color:#fff!important; }

.Rmainmenu li{border-right: 0px solid #000!important;background-color:none;}
.Rmainmenu li a:hover {background-color:#000}
.sfNavHorizontalDropDown .k-i-arrow-s, .sfNavHorizontalDropDown .k-i-arrow-e{background:none ;color:#808080!important;}

.sfNavHorizontalDropDown .k-popup li{border-top: 0px solid #fff !important; background-color:#000!important}

.Rmainmenu a:hover{background-color:transparent; color:#808080!important;}

.Rmainmenu a.sfSel, .mainmenu  a.sfSel:hover{background-color:transparent!important;font-weight:normal;}

.sfNavHorizontalDropDown{background-color:transparent!important;}

.sfNavHorizontalDropDown .k-popup{ color:#808080!important; background-color:#202327!important; border: 0; margin-left: 0 !important;font-family:'Segoe UI', Arial, sans-serif;font-size:16px!important;text-transform:initial!important;margin:9px 0 0 0!important}
.sfNavHorizontalDropDown:hover{background-color:#434952;}


.Rmenulinks {padding:22px 20px;}
.Rmenulinks .sfNavHorizontal li a{font-family:'Segoe UI', Arial, sans-serif;font-size:16px!important;font-weight:600!important; background-color:#fff!important; color:#3066B5!important; text-decoration:underline}

.Rmenulinks .sfNavHorizontal li a:hover{color:#000!important;font-family:'Segoe UI', Arial, sans-serif!important;}

    .Rmenulinks .nav-link {
        color: #3066B5 !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-decoration: underline;
        padding: 0 50px 0 0!important;
    }

.Rmenulinks a:hover{color:#000!important;}

.Rsearchtitle{font-family:'Segoe UI', Arial, sans-serif;font-size:18px; font-weight:bold; text-align:right; padding:34px 0  }

.sfsearchSubmit{ padding: 0 0 0 10px!important; width:56px; height:44px;  background: #fff url(../images/btnsearch.png) no-repeat!important; border:none!important; text-indent:-999999px!important}

.sfsearchTxt{margin:5px!important;font-family: 'Segoe UI', Arial, sans-serif!important; font-style:normal!important;font-size:18px!important; font-weight:bold!important;color:#3066B5!important; width:180px!important}

.sfsearchBox {text-align:right;margin:25px 15px 0 0}

#Rheader{background-color:#fff; background: transparent url(/images/seminoleeducationlibraries/website-assets/tribecolors.png) no-repeat}




.Rdisplay {padding:10px ; background-color:#000!important; border-top:3px solid #000;border-bottom:3px solid #000}

.Rdisplayinner { background-color:#EEEEEE;padding:30px 0; border-top:3px solid #000;border-bottom:3px solid #000}
    .Rdisplayinner h1 {
        font-size: 54px !important;
        padding: 6px 0 6px 40px !important
    }

.space{height:15px}

.Rpagesspaces{padding: 30px 20px!important}

#Rcontent{   background: #fff }


.Rgrayarea{line-height:24px!important; color:#525252}


.Rgrayarea{ background-color:#EEEEEE;padding:30px 0  }

.Rgrayarea h1{font-size:54px!important; padding:6px 0 6px 40px!important}

.Rgrayarea h2{font-size:20px!important; font-weight:600;padding:6px 60px 6px 0!important;margin-top:0!important;margin-bottom:0!important; font-family: 'Segoe UI', Arial, sans-serif!important;line-height:30px }

.Rgrayarea h6{ font-family: 'Segoe UI', Arial, sans-serif;color:#707070!important;font-size:18px!important;   }


.Rgrayarea p{padding:10px 0 0 0}


.Rfooter{ font-size:13px;font-family: 'Segoe UI', Arial, sans-serif; color:#bbb!important;padding:30px;background: transparent url(/images/seminoleeducationlibraries/website-assets/tribecolors.png) no-repeat; background-color:#000000;   clear:both}

.Rfooter h2{margin:0!important; color:#bbb;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:28px!important; text-transform:uppercase;font-style:normal;font-weight:normal!important }

.Rfooter p{ line-height:24px}


.Reventcalendarfront a {color:#3066B5!important; font-size:18px;font-family: 'Segoe UI', Arial, sans-serif;font-weight:600; text-decoration:underline}

.Reventcalendarfront a:hover {color:#000!important;font-size:18px;font-family: 'Segoe UI', Arial, sans-serif;font-weight:600}

.sfeventsListTitleCityDateContent, .sfeventContent{padding:6px 0 0 0!important;font-size:16px;font-family: 'Segoe UI', Arial, sans-serif;font-weight:600 }
.sfeventsListTitleCityDateContent .sfeventListItem{padding-bottom:30px!important}

.sfFormBox.sfTxtBoxLarge, .sfTxt{font-family: 'Segoe UI', Arial, sans-serif!important; font-style:normal!important;font-size:20px!important; font-weight:bold!important;color:#3066B5!important; width:350px!important}



.btnsubscribe input{cursor:pointer; margin:22px 0 0 130px!important; padding: 0 0 0 0!important; width:101px; height:43px;  background: #EEEEEE url(../images/education/btnssubscribe.png) no-repeat!important; border:none!important; text-indent:-999999px!important}


.sfContentBlock p{font-family: 'Segoe UI', Arial, sans-serif!important; font-style:normal!important;font-size:18px!important;font-weight: 400; line-height:32px}



*{ padding:0; margin:0 }
ul, li{ list-style: none }
div.nav { width: 100%; height:100%; padding:1%; position: relative; cursor:default }

.tab1 h1{text-align:right;padding: 10px 10px; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}
.tab1 h1:hover{text-align:right;padding: 10px 10px; color:#3066B5;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}

li.tab1 { border-bottom:1px solid #fff; width:350px; height:60px;background:rgba(238,238,238, 10) }
li.tab1:hover { background:rgba(217,226,240, 10);color:#3066B5; }

.tab2 h1{text-align:right;padding: 10px 10px; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}
li.tab2 {  width:350px; height:60px; background:rgba(238,238,238, 10) }
li.tab2:hover { background:rgba(217,226,240, 10); }
.tab2 h1:hover{color:#3066B5; }


.tab3 h1{text-align:right;padding: 10px 10px; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}
li.tab3 {border-top:1px solid #fff; width:350px; height: 60px; background:rgba(238,238,238, 10) }
li.tab3:hover { background:rgba(217,226,240, 10) }
.tab3 h1:hover{color:#3066B5; }


.tab4 h1{text-align:right;padding: 10px 10px; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}
li.tab4 {border-top:1px solid #fff; width:350px; height: 60px; background:rgba(238,238,238, 10) }
li.tab4:hover { background:rgba(217,226,240, 10) }
.tab4 h1:hover{color:#3066B5; }


.tab5 h1{text-align:right;padding: 10px 10px; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}
li.tab5 {border-top:1px solid #fff; width:350px; height: 60px; background:rgba(238,238,238, 10) }
li.tab5:hover { background:rgba(217,226,240, 10) }
.tab5 h1:hover{color:#3066B5; }



section{margin-top:4px;padding:20px 20px 20px 60px; display: block; width:630px; height:264px; position: absolute; right:21px; top:-9999px; color:#060000; background: rgb(217,226,240); z-index: 10; margin-left:-9999px}

li[data-role="thumb-1"], section[data-role="content-1"]  { z-index=1; top:2%;  } 
li[data-role="thumb-2"]:hover section[data-role="content-2"]{ top:2% }
li[data-role="thumb-3"]:hover section[data-role="content-3"]{ top:2% }
li[data-role="thumb-4"]:hover section[data-role="content-4"]{ top:2% }
li[data-role="thumb-5"]:hover section[data-role="content-5"]{ top:2% }


li[data-role="thumb-1"], .tab1[data-role="thumb-1"]{ background:rgba(217,226,240, 10); top:2% ;color:#3066B5!important}


section{font-family:'Segoe UI', Arial, sans-serif;font-size:20px;font-weight: 400; }

ul.programslist {padding:20px 0 0 0; text-align:left; color:#3066B5; font-style:italic;font-weight:bold;     }

.programslist li{margin-left:20px; list-style-image: url('/images/seminoleeducationlibraries/website-assets/programsbullets.png'); }



.lists {
    background: rgba(238,238,238, 10) !important;
}








.programsarea {
    background-color: #fff !important;padding:30px
}

#vtab {
    width: 730px;
    height: 304px;
}
#vtab > ul > li {
    width: 335px;
    height: 58px;
    background-color: #fff !important;
    list-style-type: none;
    display: block;
    text-align: center;
	cursor:default;
    
    border-bottom: 1px solid #fff;
    position: relative;
    border-right: none;
   
}
#vtab > ul > li.k12program {padding:5px 15px 0 0;  background:rgba(238,238,238, 10)!important; text-align:right; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}

#vtab > ul > li.highereducation {padding:5px 15px 0 0;  background:rgba(238,238,238, 10)!important; text-align:right; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}


#vtab > ul > li.tpd {padding:5px 15px 0 0;  background:rgba(238,238,238, 10)!important; text-align:right; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}


#vtab > ul > li.tutoring {padding:5px 15px 0 0;  background:rgba(238,238,238, 10)!important; text-align:right; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}


#vtab > ul > li.libraryservices {padding:5px 15px 0 0;  background:rgba(238,238,238, 10)!important; text-align:right; color:#2F3030;font-family: 'fairviewregular', sans-serif; font-weight: 400; font-size:36px!important; text-transform:uppercase;}



#vtab > ul > li.selected {
   
     
    z-index: 10;
    background-color:rgba(217,226,240, 10)!important;
    position: relative;color:#3066B5;
}
#vtab > ul {
    float: left;
    width: 100px;
    text-align: left;
    display: block;
    position: relative; 
    
}
#vtab > div {
    background-color: rgba(217,226,240, 10)!important;
    margin-left: 335px;
	height:289px;
    width:100%;
    padding:20px 30px 0 60px;
    position: relative;
    z-index: 9;
     font-family:'Segoe UI', Arial, sans-serif;font-size:18px;font-weight: 400;
}
#vtab > div > h4 {
   
}


.sfContentBlock h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
h3 {
    padding-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}



.row {
    display: flex;
    flex-wrap: wrap;
     margin-right: 0px!important; 
     margin-left: 0px!important; 
}

.gray {
    background-color: #F2F2F2 !important;
    padding: 20px
}


.newfront h2 {
    font-size: 15px;
    padding-top: 10px !important
}

.newfront span{font-size:12px;font-style:italic}






.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #000;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 16px !important;
    text-transform: initial !important;
}


.sfNavHorizontalDropDown .k-popup {
    color: #808080 !important;
    background-color: #202327 !important;
    border: 0;
    margin-left: 0 !important;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 16px !important;
    text-transform: initial !important;
    margin: 9px 0 0 0 !important;
}