@charset "utf-8";

/* CSS Document */
#home-logo { position: absolute; top: 6px; left: 45%; margin-left: -556px; background: transparent url(../images/home/seallogo.png) no-repeat; height: 210px; width: 380px; z-index: 2;  }
#home-bar { position: fixed; top: 0; margin: 0 0 10px 0; padding: 0; background: #000 url(../images/head.png) repeat-x; color: #ddd; overflow: visible; height: 60px; width: 100%; z-index: 1; }
header { position: fixed; top: 0; margin: 0 0 10px 0; padding: 0; color: #ddd; overflow: visible; height: 64px; width: 100%; z-index: 3; }


#home-focus-box-left { background: #ededed; border: 1px solid #ddd; float: left; width: 330px; height: 280px; margin-top: 20px;  -webkit-box-shadow:  0 0 5px rgba(90, 90, 90, .4); box-shadow:  0 0 5px rgba(90, 90, 90, .4); }
#home-focus-box-container { margin: 10px; padding: 10px 10px; height: 240px; background: #fff; }
#home-focus-box-container img { margin: 0 auto; display: block;  }
#home-focus-box-container h2 { font-size: 28px; line-height: 29px; padding-top: 0px; text-align: center; color: rgb(15,27,93) ; text-transform: capitalize; margin-bottom: 0; }
#home-focus-box-container p { font-size: 18px; line-height: 22px; text-align: center; color: #888; margin: 0;padding-top: 7px  }
#home-focus-box-container .btn {  text-align: center; margin-top: 0px; margin-top:9px}
#home-focus-box-container .btn a {padding: 4px 15px 4px; display: inline-block; color: rgb(204,204,204); font-size: 12px; font-weight: bold; text-transform: uppercase;  text-decoration: none; border: 2px solid rgba(204,204,204,.4); border-radius: 5px; background: #FFF;}
#home-focus-box-container .btn a:hover {  background: rgba(204,204,204,.9); color: rgb(65,64,66); }
#home-focus-box-container.btn a:active {  -webkit-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -moz-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -ms-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -o-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); filter: drop-shadow(0 -1px rgba(0,0,0,.2)); } 

header .btn {  text-align: center; margin-top: 11px !important;  }
header .btn a {padding: 8px 18px 8px; display: inline-block; color: rgb(204,204,204); font-size: 12px; font-weight: bold; text-transform: uppercase;  text-decoration: none; border: 2px solid rgba(204,204,204,.4); border-radius: 5px; background: rgb(0, 122, 255);}
header .btn a:hover {  background: rgba(221,221,221,.9); color: rgb(65,64,66); }
header.btn a:active {  -webkit-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -moz-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -ms-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -o-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); filter: drop-shadow(0 -1px rgba(0,0,0,.2)); } 

#home-focus-box-middle { border: 1px solid #ddd; float: left; width: 330px; background: #ededed; height: 300px; -webkit-box-shadow:  10px -5px 10px -5px rgba(90, 90, 90, .4); box-shadow:  10px -5px 10px -5px rgba(90, 90, 90, .4) }
#home-focus-box-middle-container { margin: 10px; height: 280px; background-image:url(../images/home/red_white_box.jpg);}
#home-focus-box-middle-container h2 {
	font-size: 28px; line-height: 30px; padding-top: 0px; text-align: center; color: rgb(15,27,93) ; text-transform: capitalize; margin-bottom: 0; }
}
#home-focus-box-middle-container h3 {
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	color: #FFFFFF;
	text-transform: none;
	font-weight: normal;
	padding: 0 20px;
	margin: 0;
	text-shadow: 0px 2px #000;
}
#home-focus-box-middle-container p { font-size: 18px; line-height: 22px; text-align: center; color: #888; margin: 0;padding-top: 7px  }
#home-focus-box-middle-container .btn { padding-top: 0px;  text-align: center; margin-top: 5px; }
#home-focus-box-middle-container .btn a {padding: 10px 10px 10px; display: inline-block; color: rgb(204,204,204); font-size: 13px; font-weight: bold; text-transform: uppercase;  text-decoration: none; border: 2px solid rgba(180,180,180,.4); border-radius: 3px; background: #fff}
#home-focus-box-middle-container .btn a:hover {  background: rgba(204,204,204,.9); color: rgb(65,64,66); }
#home-focus-box-middle-container.btn a:active {  -webkit-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -moz-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -ms-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -o-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); filter: drop-shadow(0 -1px rgba(0,0,0,.2)); }

#home-focus-box-right{ background: #ededed; border: 1px solid #ddd; float: left; width: 330px; height: 280px; margin-top: 20px; }


.focus-slider { width: 304px; height: 272px; float:left; overflow: hidden; position: relative; border: solid 4px #; }
.focus-slider img{ position: absolute; top: 0; left: 0; border: 0; }
.focus-slider p{ font-size: 18px; line-height: 28px; text-align: center; color: #fff; margin: 0; text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3) }
.focus-slider h2 { color: #fff; font-size: 50px; font-family: 'Archivo Narrow', sans-serif; line-height: 62px; margin: 25px auto 0px; text-align: center; text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); }
.focus-slider h3 { font-size: 24px; line-height: 30px; text-align: center; color: #fff; text-transform: capitalize; }
.focus-slider .btn { display: inline-block; margin: 0 auto; padding: 4px 15px 4px; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(204,204,204,.4); border-radius: 5px; background: #333;}
.focus-slider .btn a:link, .focus-slider .btn a:visited { display: inline-block; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; background: #333;}
.focus-slider .btn a:hover { display: inline-block; background: rgba(51,51,51,.9); color: #fff; }
.focus-slider .btn a:active {  display: inline-block; color: #fff; -webkit-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -moz-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -ms-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -o-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); filter: drop-shadow(0 -1px rgba(0,0,0,.2)); }

.caption .focus-slider-caption { top: 272px; left: 0; }

#latest-news {
	width: 544px;
	margin: 40px 0 100px 0;
	border: 1px solid #ddd;
	float: left;
	display: block;
	
}
#latest-news h2 { font-family: 'Archivo Narrow', sans-serif; font-size: 34px; font-weight: bold;  background: #0047b0; color: #fff; text-align: center; padding: 16px 0; margin-bottom: 0; }
#latest-news-slider { background-image: url(../images/home/news8.jpg); background-repeat: no-repeat; color: #fff; height: 400px; border: 14px solid #fff; padding: 100px; }


#from-the-office { width: 445px; margin-left: .6%; float: left; display: block; margin-top: 50px;  }
#from-the-office h3 { font-family: 'Archivo Narrow', sans-serif; font-size: 23px; text-align: left; color: black; margin-top: 0px; padding-left: 10px; font-weight: normal;text-shadow: -1px 1px 0px #FFF; }


/* Layout Assets */
body { font-family: 'Archivo Narrow', sans-serif; margin:0; padding: 0; color: #333; background: #F5F5F5 url(../images/home/back.png) repeat-y center top; min-width: 996px; }
#body-container {
}
.masthead1 { background: transparent url(../images/masthead/SB88_17.jpg) no-repeat center top; }
.masthead2 { background: transparent url(../images/masthead/DY_Fayette_17.jpg) no-repeat center top; }
.masthead3 { background: transparent url(../images/masthead/FHI_mast.jpg) no-repeat center top; }
.masthead4 { background: transparent url(../images/masthead/Senior_Staff_Mast.jpg) no-repeat center top; }
.logo { display: block; float: left; width: 140px; height: 50px; margin-top: 10px; }
#main { padding-top: 670px; overflow: auto; } 
#main #content-wrapper {
	background: transparent url(../images/home/highlights-back.png) no-repeat center 50px;
	text-shadow: 0px 0px;
}

.row { width: 997px; margin: 0 auto; overflow: auto; }


/* Navigation */
header .c12 { margin: 0 0 0 10px; padding: 0; background: transparent; z-index: 999; position: fixed; width: 1200px; }
header .row { width: 1200px; }
footer .row { padding: 5px;}

.nav-main { float: left; margin: 0; padding: 0; }
.nav-main li { list-style: none; display: block; float: left; background: transparent; }
.nav-main li ul.nav-sub { display: block; position: absolute; top: 60px; margin-left: 2px; -webkit-box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.5); padding: 0;  }
.nav-main li ul.nav-sub li { display: block; background: #444; float: none; padding: 5px 10px; width: 125px; }
.nav-main li ul li ul.nav-tertiary { display: block; position: absolute; margin-top: -22px; margin-left: 130px; -webkit-box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.5); padding: 0; }
.nav-main li ul li ul.nav-tertiary li { display: block; background: #333; float: none; padding: 5px 10px; width: 125px; }
.nav-main a { display: block; text-decoration: none; color: #fff; text-shadow: -3px 2px #000; font-weight: normal; text-transform: uppercase; font-size: 13px; padding: 21px 10px 24px 10px; margin: 0 2px; background: transparent; }
.nav-main a:visited { color: #fff; }
.nav-main a:hover, .nav-main a.nav-active { background: #333; color: #4db0ff; }

.nav-main a:active { background: #282828; text-decoration: none; color: #007AFF; }
.nav-main li ul li a  { display: inline; text-transform: none; margin: 0; padding: 0; background: transparent; text-shadow: none; }
.nav-main li ul li a.carat { float: right; text-shadow: none; }
.nav-main li ul.nav-sub li:hover a { background: transparent; color: #4db0ff; text-decoration: underline; text-shadow: none; }
.nav-main li ul.nav-sub li:hover a.carat { color: #4db0ff; text-decoration: none; text-shadow: none; }
.nav-main li ul.nav-sub li:hover ul li a { color: #ddd; text-decoration: none; text-shadow: none; }
.nav-main li ul.nav-sub li:hover ul li a:hover { color: #4db0ff; text-decoration: underline; text-shadow: none; }
#nav-secondary h2 { float: left; font-size: 14px; text-transform: uppercase; font-weight: normal; padding-top: 8px; text-shadow: none; }
#nav-secondary ul { margin: 0 0 0 160px; padding: 0; background-color: #000; }
#nav-secondary ul li { list-style: none; float: left; margin: 0; padding: 8px 20px 0 0; font-size: 14px; color: #fff; }
#nav-secondary a { list-style: none; float: left; margin: 0; padding: 2px 20px 0 0; font-size: 14px; color: #eee; text-decoration: none; }
#nav-secondary a:hover { list-style: none; float: left; margin: 0; padding: 2px 20px 0 0; font-size: 14px; color: #4db0ff; text-decoration: none; }
#nav-secondary a:active { list-style: none; float: left; margin: 0; padding: 2px 20px 0 0; font-size: 14px; color: #007AFF; text-decoration: none;}
/* Other header Assets */
#quick-links-button a { margin: 16px 10px 20px 10px; padding: 5px 40px 5px 10px; float: left; color: #ddd; -webkit-border-radius: 10px; border-radius: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #007aff; background-image: url(../images/carat-down-white.png); background-repeat: no-repeat; background-position: 80px center; text-decoration: none; }
#quick-links { display: block; float: none; position: absolute; top: 42px; left: 41%; width: 170px; background: #e6e6e6; color: #000; margin-left: 170px;  }
#quick-links ul { margin: 8px; padding: 0; border: 0; border-bottom: 1px solid #fff; }
#quick-links ul li { list-style: none; margin: 0; padding: 0;}
#quick-links ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 5px 3px; border: 1px; border-bottom: 0; border-color: #fff; border-style: solid; color: #000; text-decoration: none; display: block; }
#quick-links ul li a:hover { background: #73c7ff; }


#header-search { margin: 18px 0 10px 18px; float: left; padding: 0; width: 255px; }
#header-search .header-search-input { border: 2px solid #777; background: #222 url(../images/magnify-black.png) no-repeat 4px center; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 0 0 3px; width: 90px; color: #ddd; padding: 2px 10px 2px 30px; }


/* Home Styles */

.headlines {
	max-width: 1500px;
	margin: 0px auto 0;
	padding: 0;
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #F5F5F5;

}

.fa {
    color: #007aff;
    vertical-align: middle;
	
}

.twitter { float: left; width: 30%; margin-left: 15%; border: 10px solid #ededed; background color: #ededed; box-shadow:  0 0 5px rgba(90, 90, 90, .4);}
.headlines h3 { font-family: 'Archivo Narrow', sans-serif; font-size: 24px; margin-bottom: 0px; margin-top: 30px; text-align: left; font-weight: normal;  }
.banner { position: relative; float: left; max-width: 47%; overflow: auto; font-size: 18px; line-height: 24px; margin-bottom: 30px; text-align: center; }
.banner ul { list-style: none; margin: 0; padding: 0; }
.banner ul li { display: block; float: left; padding: 0 0 20px 0; height: 370px; /*		-webkit-background-size: 100% 100%;*/ -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; /*		background-size: 100% 100%;*/ }
.banner h1 { color: #007aff; font-size: 32px; font-family: 'Archivo Narrow', sans-serif; line-height: 40px; text-align: center; text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); }
.banner h2 { color: #007aff; font-size: 32px; font-family: 'Archivo Narrow', sans-serif; line-height: 40px; text-align: center; text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); }
.banner a  { color: #007aff; font-size: 40px; font-family: 'Archivo Narrow', sans-serif; line-height: 48px; text-align: center; text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); text-transform: none;  }
.banner h3 { font-family: 'Archivo Narrow', sans-serif; font-size: 20px; text-align: left; color: black; margin-top: 20px; padding-left: 10px; font-weight: normal;text-shadow: -1px 1px 0px #FFF; }
.banner h4 { font-family: 'Archivo Narrow', sans-serif; font-size: 22px; margin-bottom: 5px; text-align: left; font-weight: normal; text-transform: capitalize; color: #ccc; padding-top: 40px; padding-bottom: 10px; text-shadow: -1px 1px 1px #FFF; }
.banner p { color: #000; }
.banner .btn { display: inline-block; margin-top: 10px; padding: 2px 15px 2px; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 1px solid rgba(255,255,255,.8); border-radius: 5px; background: #333; max-height: 45px;}
.banner .btn a:hover { background: rgba(51,51,51,.9); }
.banner .btn a:active { -webkit-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -moz-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -ms-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); -o-filter: drop-shadow(0 -1px rgba(0,0,0,.2)); filter: drop-shadow(0 -1px rgba(0,0,0,.2)); }
.banner .btn a:visited { border: 1px solid rgba(255,255,255,.8); border-radius: 5px; }
.banner .btn h2 { color: #ccc; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; text-shadow: none; padding-top: 0px; padding-bottom: 5px;}
.banner .btn, .banner .dot { }
.banner .dots { position: absolute; left: 0; right: 0; bottom: 20px; margin: 0; padding: 0;}
.banner .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; background: #007aff; text-indent: -999em; border: 2px solid #ccc; border-radius: 6px; cursor: pointer; opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
.banner .dots li.active { background: #007aff; opacity: 1; margin: 0; padding: 0; }			
.banner .unslider-arrow { src: url(../images/home/arrow-back.png); }

/* Footer */
footer {  position: fixed; bottom: 0; margin: 0 auto; padding: 0; background: #333; color: #ddd; overflow: visible; width: 100%; z-index: 1000; font-family: Arial, Helvetica, sans-serif; }
footer .c12 { margin-bottom: 0; padding: 0; background: transparent; }
footer .row { width: 1200px;}
.nav-foot { float: left; margin: 0; padding: 0; }
.nav-foot li { list-style: none; display: block; float: left; }
.nav-foot a { display: block; text-decoration: none; color: #fff; font-weight: normal; font-size: 12px; padding: 8px; margin: 0; }
.nav-foot a:visited {color: #fff; }
.nav-foot a:hover, .nav-main a.nav-active { color: #4db0ff; }
footer #footer-search { float: right; }
footer #footer-search label { font-size: 12px; text-transform: uppercase; margin-right: 5px; }
footer #footer-search input { font-size: 11px; -webkit-border-radius: 8px; border-radius: 8px; width: 200px; margin-top: 5px; padding: 3px 8px; border: 0; background: #444 url(../images/magnify-blue.png) no-repeat 190px center; color: #ccc; }
.socialmedia { padding: 2px; }
.socialmedia a { margin: 0; padding: 0; }
.socialmedia img {padding: 0; width: 22px; height: 22px; }

.nav-foot-social { float: right; margin: 0; padding: 0; }
.nav-foot-social li { list-style: none; display: block; float: left; margin: 3px 5px 0 0; }


/* Style Assets */
h1, h2, h3, h4, h5, p { margin-top: 0; }

#main { min-height: 800px; }

.news .news-date { font-family: Arial, Helvetica, sans-serif; font-weight: bold; float: left; width: 56px; margin: 0 20px 20px 0; }
.news .news-date-day { background: #007aff; color: #ddd; text-align: center; font-size: 28px; padding: 2px 0; }
.news .news-date-month { background: #333; color: #ccc; text-align: center; text-transform: uppercase; font-size: 16px; padding: 2px 0; }
.news .newscenter-item { clear: left; margin-bottom: 32px; margin-right: 10px; }
#from-the-office .news .newscenter-item h3 { font-family: 'Archivo Narrow', sans-serif; font-size: 21px; margin-bottom: 4px; text-align: left; font-weight: normal;  }
#from-the-office .news .newscenter-item h4 { font-family: 'Archivo Narrow', sans-serif; font-size: 18px; margin-bottom: 10px; text-align: left; font-weight: normal; }
.news .newscenter-item a { color: #002b5d; } 
.news .newscenter-item a:link, .news .newscenter-item a:visited { color: #002b5d; text-decoration: none; } 
.news .newscenter-image { float: left; margin: 0 20px 20px 0; }
.news .news-read-more { text-transform: uppercase; }
.news p { font-family: Cambria, Georgia, serif; font-size: 15px; line-height: 22px; color: #000; margin-left: 76px; margin-top: 15px; }
.news .newscenter-item a:hover { text-decoration: underline; }
.news .button { font-size: 18px; padding: 15px 15px 0 15px; margin: 0 auto 15px auto; display: table; height: 35px; text-align: center; }
.news .button a:link { font-size: 18px; color: #000; text-align: center; text-decoration:none;  }
.news .button a:hover { font-size: 18px; color: #007aff; text-align: center; text-decoration:underline;  }
.news .button a:active { font-size: 18px; color: #007aff; text-align: center; text-decoration:underline;  }
.news .button a:visited { color: #000; text-decoration:  none; text-align: center;  }