/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }
body { margin: 0; font-size: 17px; line-height: 26px; height: 100%; -webkit-font-smoothing: antialiased;}
body, button, input, select, textarea { font-family: sans-serif; color: #444; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #ffaa33; color: #fff; text-shadow: none; }
::selection { background: #1771b7; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a:visited { color: #804180; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a { color: #1771b7; }
a:hover, a:active { outline: 0; text-decoration: underline; color: #ee8800;}
a:focus {color: #DB0A5B;}
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 30px; }
dd { margin: 0 0 0 20px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; font-size: 15px; line-height: 22px;}
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: Michael Vendivel
========================================================================== */
/* CCSD 2011 */
@font-face {
font-family: 'AdobeCaslonProRegular';
src: url('assets/acaslonpro-regular-webfont.eot');
src: url('assets/acaslonpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/acaslonpro-regular-webfont.woff') format('woff'),
url('assets/acaslonpro-regular-webfont.ttf') format('truetype'),
url('assets/acaslonpro-regular-webfont.svg#AdobeCaslonProRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AdobeCaslonProItalic';
src: url('assets/acaslonpro-italic-webfont.eot');
src: url('assets/acaslonpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('assets/acaslonpro-italic-webfont.woff') format('woff'),
url('assets/acaslonpro-italic-webfont.ttf') format('truetype'),
url('assets/acaslonpro-italic-webfont.svg#AdobeCaslonProItalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MyriadPro-Regular';
src: url('assets/myriadpro-regular.eot');
src: url('assets/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
url('assets/myriadpro-regular.woff') format('woff'),
url('assets/myriadpro-regular.ttf') format('truetype'),
url('assets/myriadpro-regular.svg#myriadpro-regular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
color: #444;
margin: 0 0 40px;
padding: 0 0 10px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
::-webkit-input-placeholder {
color: #999;
}
:-moz-placeholder {
color: #999;
}
p {
line-height: 26px;
}
a {
color: #1771B7;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
text-decoration: underline;
line-height: 160%;
}
input[type="text"], input[type="password"], textarea {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
body a:hover, .main-content-index-wrap a:hover, .main-content-wrap a:hover, .sidebar-wrap a:hover {
color: #0D3A5D;
text-decoration: underline;
}
.round-3 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.round-5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.float-right {
float: right !important;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.clear-both {
clear: both;
}
.no-space {
margin: 0 !important;
padding: 0 !important;
}
.no-border {
border: 0 !important;
}
.horiz-rule {
width: 100%;
height: 1px;
background-color: #ddd;
}
.horiz-rule-margins {
width: 100%;
height: 1px;
background-color: #ddd;
margin: 20px 0px;
}
#page_wrap, #top_wrap {
clear: both;
margin: 0 auto;
width: 960px;
}
#l2_wrap, #content_wrap {
margin: 0 auto;
width: 958px;
background-color: #fff;
height:auto !important;
}
/** HEADER **/
header {
margin-top: 10px;
padding: 10px 0 5px;
overflow: auto;
position: relative;
}
.logo-wrap {
float: left;
margin: 10px 0 0;
}
.logo-wrap a:focus{
background-color: white;
}
.search-wrap {
/*
background-color: #ddd;
border: 1px solid #bbb;
*/
float: right;
padding: 5px 0px;
/* width: 320px;*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.search-wrap div {
float: left;
}
#search_area {
color: #ffffff;
margin-top: 8px;
font-size: 11px;
margin-right: 10px;
text-indent: -9999em;
}
.search-wrap input {
border: 1px solid #bbb;
border-right: 0;
font-size: 17px;
padding: 5px;
height: 32px;
width: 280px;
font-family: "proxima-nova", helvetica, arial, sans-serif;
/*
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
*/
}
.search-submit {
cursor: pointer;
}
.search-submit input {
border: 0;
background: transparent url(/_static/images/search-icon-orange.png) 0 0 no-repeat;
height: 32px;
margin: 0;
padding: 0;
width: 40px;
text-indent: -9999em;
}
.lt-ie8 .search-submit input {
position: relative;
margin-top: 1px;
}
/** NAVIGATION **/
.quick-nav-wrap {
font-size: 14.5px;
/* border: 1px solid #eee; */
border-bottom: 0;
padding: 10px 27px 10px 30px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.quick-nav-list {
overflow: auto;
}
.quick-nav-list li {
float: left;
margin-right: 30px;
}
.quick-nav-list li:last-child {
margin-right: 0px;
}
.quick-nav-list a {
color: #1771b7;
display: inline;
font-size: 15px;
line-height: 25px;
text-decoration: underline;
}
.quick-nav-list a:focus {
color: #DB0A5B;
}
.quick-nav-icon, .twitter-icon, .facebook-icon {
/* background: transparent url(https://ccsd.net/_static/images/transparent.gif) !important; */
padding-left: 26px;
}
.quick-nav-icon {
width: 25px;
height: 25px;
/*
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
*/
}
.quick-nav-icon:hover {
opacity: 0.5;
}
.twitter-icon {
background: transparent url(/_static/images/social-sprite.png) 0 -75px no-repeat;
padding-left: 26px;
}
.facebook-icon {
background: url(/_static/images/social-sprite.png) 0 -50px no-repeat;
padding-left: 26px;
}
.gplus-icon {
background: transparent url(/_static/images/social-sprite.png) 0 -100px no-repeat;
}
.email-icon {
background: transparent url(/_static/images/social-sprite.png) 0 0 no-repeat;
}
.rss-icon {
background: transparent url(/_static/images/social-sprite.png) 0 -25px no-repeat;
}
/* MAIN NAVIGATION */
.main-nav-wrap {
overflow: visible;
}
.main-nav-list {
position: relative;
z-index: 5;
}
.main-nav-item {
background: #0D3A5D; /* Old browsers */
float: left;
width: 191px;
text-align: center;
height: 72px;
border-right: 1px solid #115387;
}
.main-nav-title-wrap {
position: relative;
height: 50px;
z-index: 1;
}
.main-nav-title {
color: #ffffff;
display: block;
font-size: 26px;;
font-weight: bold;
text-transform: capitalize;
padding-top: 15px;
height: 72px;
}
.main-nav-title:hover {
color: #ffffff !important;
height: 72px;
z-index: 10;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-bottom: 5px solid #1771b7;
}
.main-nav-title::after {
background-image: url(/_static/images/icons/down-arrow-white.svg);
box-sizing: content-box;
content:"";
display: inline-block;
width: 9px;
height: 9px;
margin-left: 8px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
}
.main-nav-title a {
text-decoration: none !important;
color: #ffffff;
padding-top: 16px;
z-index: 10;
}
#main_nav_wrap .main-nav-title a:hover {
color: #ffffff;
}
/*
.main-nav-stu {
border-top: 10px solid #2281E7;
}
.main-nav-par {
border-top: 10px solid #006600;
}
.main-nav-emp {
border-top: 10px solid #FF6633;
}
.main-nav-tru {
border-top: 10px solid #D62222;
}
.main-nav-com {
border-top: 10px solid #7744A3;
}
*/
/* MEGA DROP DOWN NAVIGATION */
.sub-nav-wrap {
border-top: 1px solid #3e5874;
/* border-bottom: 1px solid #3e5874; */
/* margin-top: 22px; */
background-color: #fff;
left: -9999em;
padding: 20px 10px;
top: 72px;
position: absolute;
width: 940px;
height: 390px;
-moz-box-shadow: 0px 2px 10px rgba(102,102,102,.5);
-webkit-box-shadow: 0px 2px 10px rgba(102,102,102,.5);
box-shadow: 0px 2px 10px rgba(102,102,102,.5);
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=10);
z-index: 3;
font-size: 14px;
}
.sub-nav-col {
float: left;
padding: 10px;
width: 215px;
text-align: left;
}
.sub-nav-list {
margin: 3px 10px 1em 0;
padding: 0;
list-style-type: none;
}
.sub-nav-title {
color: #3e5874;
font-weight: bold;
font-size: 130%;
}
.sub-nav-list li a {
background: transparent url(/_static/images/sub-nav-item-bg-lt-grey.png) 0 9px no-repeat;
display: block;
font-size: 100%;
padding: 3px 0 3px 16px;
text-decoration: underline;
line-height: 150%;
}
/** EMPLOYEES CATEGORIES LIST **/
.gradient-bg li{
width:300px;
height:70px;
margin-bottom: 10px;
list-style-type: none;
background-color: #DBDBDB;
/*background-image: url(/_static/images/employee-category-bg.png);*/
background-image: -webkit-gradient(linear, 0% 100%, 0% 100%, from(#CCCCCC), to(#EEEEEE));
background-image: -webkit-linear-gradient(top, #CCCCCC, #EEEEEE);
background-image: -moz-linear-gradient(top, #CCCCCC, #EEEEEE);
background-image: -ms-linear-gradient(top, #CCCCCC, #EEEEEE);
background-image: -o-linear-gradient(top, #CCCCCC, #EEEEEE);
-moz-border-radius: 15px;
border-radius: 15px;
}
.gradient-bg li a{
background: transparent url(/_static/images/sub-nav-item-bg-lt-grey.png) 10px 30px no-repeat; /*change to 100px 30px*/
display: block;
font-size: 100%;
padding: 25px 10px 25px 30px; /* change the last value to 115px when descriptive pictures are ready*/
text-decoration: none;
font-weight:bold;
text-transform: uppercase;
}
.content-full-wrap {
/*clear: both;*/
width: 960px;
}
.content-full-wrap2 {
/*clear: both;*/
/* width: 960px; */
margin: 38px;
padding-right: 20px;
}
/** Areas **/
.area-img {
background-color: #fff;
border: 1px solid #ddd;
margin: 0 20px 10px 20px;
padding: 10px;
float:left;
-moz-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
-webkit-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
box-shadow: 0px 2px 3px rgba(204,204,204,.5);
height: 100px;
width: 100px;
}
.area-nonimg {
background-color: #fff;
margin: 0 20px 10px 20px;
padding: 10px;
float:left;
height: 40px;
width: 100px;
}
/** MAIN NAVIGATION - TRUSTEES SUBNAV **/
.trustee-nav-title {
font-family: 'AdobeCaslonProRegular', Georgia, 'Times New Roman', Times, serif;
border-bottom: 1px solid #ddd;
font-size: 100%;
font-weight: normal;
letter-spacing: .5em;
position: relative;
margin-bottom: 5px;
text-transform: uppercase;
}
.trustee-nav-title span {
color: #666;
background-color: #fff;
position: relative;
top: 7px;
padding: 0 10px;
}
.trustee-nav-table {
margin-top: 20px;
}
.trustee-nav-table td {
text-align: center;
}
.trustee-nav-table a {
color: #888;
font-size: 95%;
padding: 5px;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.trustee-nav-table a:hover {
background-color: #eee;
color: #555;
}
.trustee-nav-name {
border-bottom: 1px solid #ddd;
display: block;
margin-bottom: 3px;
}
.trustee-nav-frame {
background-color: #fff;
border: 1px solid #ddd;
margin: 5px auto;
padding: 5px;
height: 80px;
width: 100px;
}
.trustee-nav-img {
height: 80px;
width: 100px;
background: #fff url(/_static/images/sprites/trustee-sprite.png) 0 0 no-repeat;
}
.trustee-nav-district {
text-decoration: underline;
}
.district-c {
background-position: 0 0 !important;
}
.district-a
{
background-position: -100px 0 !important;
}
.district-e
{
background-position: -200px 0 !important;
}
.district-d
{
background-position: -300px 0 !important;
}
.district-g
{
background-position: -400px 0 !important;
}
.district-f
{
background-position: -500px 0 !important;
}
.district-b
{
background-position: -600px 0 !important;
}
.live-streaming-header {
color: #5588bb !important;
/* font-family: "Helvetica Neue", Helvetica, Arial sans-serif !important; */
font-size: 250%;
font-weight: bold!important;
margin: 0 !important;
padding: 0 !important;
text-decoration: underline;
}
/** FEATURED **/
.featured-wrap {
border: 1px solid #ddd;
clear: both;
height: 210px;
padding: 10px;
position: relative;
width: 938px;
}
.featured-list-wrap {
overflow: hidden !important;
position: relative;
width: 928px;
margin-left: 5px;
}
.featured-list {
height: 220px;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
width: 9999px;
}
.featured-item {
float: left;
list-style: none;
width: 940px;
}
.featured-info-wrap {
float: left;
padding: 10px 20px 0 5px;
width: 268px;
}
.featured-image-wrap {
float: left;
overflow: hidden;
width: 640px;
height: 210px;
}
.featured-image-wrap img {
display: block;
width: 630px;
height: 210px;
}
.featured-list-options {
clear: both;
background-color: #ccc;
}
.featured-info-date {
background-color: #5588bb;
color: #fff;
padding: 3px 10px;
text-align: center;
}
.featured-title {
font-family: 'rooney-web', 'AdobeCaslonProRegular', Georgia, 'Times New Roman', Times, serif;
font-size: 150%;
font-weight: normal;
line-height: 1.1em;
margin: 10px 0;
padding: 0;
}
.featured-title a {
color: #444;
text-decoration: none;
}
.featured-text {
font-size: 1em;
margin: 0;
padding: 0;
width: 280px;
}
.featured-item-link {
color: #444;
text-decoration: none !important;
}
.featured-item-link:hover {
color: #444;
}
/** NEWS ITEMS - FRONT PAGE **/
#news_box {
position: relative;
width: 710px;
height: 385px;
/* margin-bottom: 5em; */
}
#news_box > a {
color: inherit;
}
.news-item-wrap {
position: absolute;
/*top: 50px;*/
width: 710px;
height: 385px;
}
.news-copy-wrap {
position: absolute;
width: 650px;
z-index: 4;
margin-left: 28px;
top: 265px !important;
}
.news-copy-wrap .more-btn {
margin: 10px 20px;
padding: 1em 2em;
color: #fff;
display: inline-block;
font-size: 1.2em;
border: 0;
border-radius: 3px;
background-color: #333;
}
.news-copy-wrap button:hover {
background-color: #444;
box-shadow: none;
}
.news-copy {
/*
background: #fff;
opacity: .8;
filter: alpha(opacity=80);
*/
color: #fff;
padding: 20px;
text-shadow: 0px 1px 5px #222;
}
.news-copy h3 {
font-size: 40px;
line-height: 42px;
margin: 0;
padding: 0;
position: relative;
top: -60px;
}
.news-shadow {
position: absolute;
z-index: 1;
width: 710px;
height: 285px;
top: 101px;
background: transparent url('../images/shadow-slider.png') repeat-x;
}
.news-item-wrap .news-img {
position: absolute;
z-index: 0;
top: 90px;
width: 710px;
height:385px;
}
.news-item-list-w {
width: 100%;
position: relative;
top: -1em;
}
.news-items-list * {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.news-items-list {
margin: 0 auto;
padding: 0;
list-style: none;
position: relative;
width: 100%;
z-index: 5;
height: 101px;
}
.news-items-list li {
border-top: 8px solid #fff;
float: left;
/*width: 20%;*/
width: 192px;
display: block;
text-align: center;
}
.news-items-list li img {
width: 100%;
max-width: 100%;
/*border-bottom: 4px solid #fff;*/
/* box-shadow: 0px 3px 5px rgba(0,0,0,0.25); */
cursor: pointer;
}
.news-items-list li img:hover {
border-bottom: 2px solid #fff;
}
.news-items-list li.active {
border-top: 8px solid #fff;
position: relative;
background: #fff;
}
.news-items-list li.active img {
border-bottom: 8px solid #336699;
}
.news-items-list li.active:after {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.news-items-list li.active:after {
/*
border-color: rgba(0, 0, 0, 0);
border-bottom-color: #fff;
*/
border-width: 30px;
left: 50%;
margin-left: -30px;
}
/* For modern browsers */
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
zoom:1;
}
/** TRENDING **/
.trend-box {
width: 250px;
height: 365px;
background-color: #000;
float: right;
padding-top: 20px;
}
h2.trend-title {
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
margin: 0 0 0 25px
}
.trend-title::before {
background-image: url(/_static/images/icons/trending.svg);
background-size: 19px 20px;
box-sizing: content-box;
content: "";
display: inline-block;
width: 19px;
height: 20px;
margin-right: 8px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
position: relative;
top: -4px;
}
.trend-list {
margin: 0 10px;
padding: 0;
list-style-type: none;
}
.trend-item {
font-size: 16px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.trend-item a {
/* background: transparent url(/_static/images/list-item-bg-orange.png) 0 6px no-repeat; */
color: #aaaaaa;
display: block;
padding: 18px 10px 1px 12px;
text-decoration: underline;
font-size: 14px;
font-weight: 400;
-webkit-font-smoothing: initial;
}
.trend-item a:hover{
/* background: transparent url(/_static/images/list-item-bg-orange.png) 0 6px no-repeat; */
color: #ffffff;
display: block;
padding: 18px 10px 1px 12px;
text-decoration: underline;
font-size: 14px;
}
/** CONTENT **/
.content-index-wrap, .content-wrap {
clear: both !important;
margin: 20px 0;
overflow: auto !important;
width: 960px;
height: 100% !important;
}
.content-wrap {
border: 1px solid #ddd;
border-top: 0;
padding-bottom: 20px;
width: 958px;
margin-bottom: 40px !important;
height: auto !important;
}
.internal .content-wrap, .content-wrap-top {
border-style: solid;
border-width:1px;
border-color: #eee;
padding-top: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#l2_wrap {
border: 1px solid #ddd;
border-bottom: 0;
clear: both;
position: relative;
}
.breadcrumbs-wrap {
clear: both;
height: 36px;
display: none;
/*margin-bottom: 20px;*/
/*background-color: #eee;*/
/*border-bottom: 1px solid #ddd;*/
}
.breadcrumbs-list {
list-style-type: none;
margin: 0 0 0 20px;
padding: 0;
overflow: hidden;
height: 36px;
}
.breadcrumbs-list li {
background: transparent url(/_static/images/breadcrumbs-arrow.svg) right 15.5px no-repeat;
float: left;
margin-right: 5px;
padding: 8px 20px 10px 10px;
}
.breadcrumbs-list a {
color: #444;
font-size: 14px;
text-decoration: underline;
text-transform: capitalize;
}
.breadcrumbs-list a:hover {
color: #444444;
}
.ribbon-title-wrap {
margin: 0;
position: relative;
}
.ribbon-title-wrap span {
display: none;
}
.ribbon-title-wrap span a {
/* background: transparent url(/_static/images/ribbon-end.png) -7px -6px no-repeat; */
color: #fff;
font-size: 27px;
font-weight: 400;
height: 43px;
padding-left: 20px;
text-decoration: underline;
text-transform: capitalize;
}
.ribbon-title-wrap span a:hover {
color: #ffffff;
text-decoration: underline;
}
.ribbon-title-wrap span a:focus {
color: #f1f227;
}
.ribbon-title, .ribbon-title-students, .ribbon-title-parents, .ribbon-title-employee, .ribbon-title-trustees, .ribbon-title-community {
background: #1771b7; /* Old browsers */
padding-top: 10px;
padding-bottom: 10px;
width: 959px;
}
.neon-align {
width: 100px;
float: left;
padding-right: 10px;
}
.main-content-index-wrap {
float: left;
overflow: visible;
width: 660px;
}
.main-content-wrap {
/*background-color: #eee;*/
float: left;
margin-left: 20px;
padding: 20px 20px 0 20px;
overflow: visible;
width: 598px;
height: auto !important;
}
.main-content-full-wrap {
/*background-color: #eee;*/
float: left;
margin-left: 20px;
padding: 20px 20px 0 20px;
overflow: visible;
width: 878px;
}
.main-content-wrap-full-new {
padding-bottom:0px !important;
}
.main-content-wrap-new {
margin-bottom:20px !important;
}
.content-holder {
background-color: #fff;
/*border: 1px solid #ddd;*/
/* margin: 21px 0 5px 0; */
/*margin-bottom: 20px;*/
/*padding: 20px;*/
/*overflow: auto;*/
}
.content-holder2 {
min-height: 475px;
}
.content-holder-border {
border-left: 2px solid #ebebeb;
margin-left: 240px !important;
min-height: 475px;
}
.content-holder-new {
padding-left: 20px !important;
}
.content-res-wrap, .journal-contact-wrap {
font-size: 16px;
}
.content-res-wrap ul li {
color: #aa9;
}
.content-res-wrap a {
color: #1771b7;
}
.content-res-wrap a:hover {
color: #0D3A5D;
}
.content-res-wrap a:focus {
color: #DB0A5B;
}
h1.hidden {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.content-holder h1 {
color: #1771b7;
font-size: 39px;
line-height: 37px;
font-weight: 700;
margin: 10px 0 20px;
padding: 0;
}
.content-holder h2 {
color: #0D3A5D;
font-size: 28px;
line-height: 30px;
margin: 30px 0 -5px;
font-weight: bold;
padding: 0;
}
.content-holder h3 {
color: #444;
font-size: 21px;
line-height: 27px;
margin: 20px 0 10px;
font-weight: bold;
padding: 0;
}
.content-holder h4 {
color: #666;
font-size: 19px;
line-height: 27px;
margin: 2em 0 10px;
font-weight: bold;
padding: 0;
}
.content-holder hr {
margin-top: 30px;
border-top: 1px solid #eee;
}
.sidebar-wrap {
float: right;
padding: 20px;
width: 260px;
}
.sidebar-wrap-left {
float: left;
padding: 10px 10px 15px 20px;
width: 235px;
height: 100% !important;
min-height: 100% !important;
top: 800px;
position: absolute;
}
.parent-resources-images {
.border: 1px solid #ebebeb;
}
.section-title, .section-title-lined, .video-section-title {
color: #444444;
font-size: 23px;
font-weight: bold;
letter-spacing: 0;
margin: 0 0 10px;
padding: 0;
text-transform: none;
}
.section-subtitle {
font-weight: bold;
text-transform: none;
}
/** SIDEBAR **/
.sidebar-wrap section {
margin-bottom: 2em;
}
.dept-list-wrap ul, .dept-res-wrap ul {
margin: 0 0 1em;
padding: 0;
list-style-type: none;
}
.dept-list-wrap ul {
max-height: 500px;
overflow: auto;
overflow-x: hidden;
}
.dept-list-wrap ul > li, .dept-res-wrap ul > li {
background: transparent url(/_static/images/sub-nav-item-bg-lt-grey.png) 0 8px no-repeat;
padding: 2px 0 2px 16px;
text-decoration: none;
}
.registration-legislative {
/* height: 95px; */
width: 960px;
margin-top: 25px;
margin-bottom: 25px;
}
.registration-legislative-full {
height: 59px;
width: 960px;
margin-top: 25px;
margin-bottom: 25px;
border: 1px solid #dddddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.legislative-container {
float: left;
width: 473px;
height: 95px;
border: 1px solid #dddddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
}
.registration-container {
float: right;
width: 473px;
height: 95px;
border: 1px solid #dddddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
}
.registration-image {
float: left;
padding-right: 15px;
}
.legislative-image {
float: left;
padding-right: 15px;
}
.legislative-image-round {
-moz-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.legislative-conatainer-text {
margin-top: 20px;
}
.legislative-container-text-link {
font-size: 16px;
text-decoration: none;
font-weight: bold;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #5588bb;
}
.registration-conatainer-text {
margin-top: 20px;
}
.registration-container-text-link {
font-size: 16px;
font-weight: bold;
text-decoration: none;
/*
padding-left: 6px;
padding-right: 7px;
*/
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #5588bb;
}
/** EXPLORE BOX/NEWSBOX **/
.explore-wrap, .newsbox-wrap {
margin-bottom: 20px;
position: relative;
overflow: auto;
width: 660px;
}
.explore-nav-wrap, .newsbox-nav-wrap {
height: 260px;
position: relative;
overflow: auto;
}
.explore-list, .newsbox-list {
min-width: 660px;
margin: 0;
padding: 0;
list-style-type: none;
}
.explore-content-wrap {
background: #eee url(/_static/images/explore-arrow.png) 50px -3px no-repeat;
overflow: hidden;
position: absolute;
left: 0;
padding: 20px 5px 10px;
width: 650px;
text-align:left;
}
.explore-item {
float: left;
width: 20%;
text-align: center;
}
.explore-item-title {
background: #336692; /* Old browsers */
background: -moz-linear-gradient(top, #336692 0%, #77a3d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336692), color-stop(100%,#77a3d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #336692 0%,#77a3d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #336692 0%,#77a3d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #336692 0%,#77a3d6 100%); /* IE10+ */
background: linear-gradient(top, #336692 0%,#77a3d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336692', endColorstr='#77a3d6',GradientType=0 ); /* IE6-9 */
color: #fff;
padding: 10px 0;
cursor: pointer;
}
.explore-item-title-active {
background: #6699cc;
}
.explore-block-wrap {
background-color: #fff;
float: left;
margin: 5px;
padding: 10px;
width: 186px;
text-align: left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.explore-pic-wrap {
width: 186px;
position: relative;
}
.explore-caption {
background-color: #333;
color: #fff;
display: block;
opacity: .8;
padding: 5px;
position: absolute;
bottom: 0;
}
.explore-block-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.explore-block-item a {
color: #666;
display: block;
text-decoration: none;
background: transparent url(/_static/images/list-item-bg-grey.png) 5px 5px no-repeat;
padding: 2px 10px 2px 22px;
}
.explore-block-title {
border-bottom: 1px solid #ddd;
display: block;
font-size: 120%;
margin-bottom: 10px;
}
/** NEWS BOX **/
.newsbox-wrap {
margin-bottom: 20px;
overflow: auto;
width: 660px;
}
.newsbox-nav-wrap {
height: 300px;
}
.newsbox-content-wrap {
background: rgb(245,245,245) url(/_static/images/newsbox-arrow.png) 95px -3px no-repeat;
overflow: hidden;
position: absolute;
left: 0;
padding: 20px 10px 10px;
width: 640px;
text-align:left;
}
.newsbox-list {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.newsbox-item {
float: left;
width: 220px;
text-align: center;
}
.newsbox-item-title, #news_source_choice {
background: #808080; /* Old browsers */
background: -moz-linear-gradient(top, #808080 0%, #acacac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#acacac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #808080 0%,#acacac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #808080 0%,#acacac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #808080 0%,#acacac 100%); /* IE10+ */
background: linear-gradient(top, #808080 0%,#acacac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#acacac',GradientType=0 ); /* IE6-9 */
color: #fff;
padding: 10px 0;
cursor: pointer;
}
.newsbox-item-title-active, .news-source-active {
background: #aaaaaa;
}
.newsbox-content-wrap h6 {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}
.newsbox-content-wrap h6 a {
text-decoration: none;
}
.nb-top-header {
font-size: 160% !important;
font-weight: bold !important;
}
/** NEWS **/
.news-controls-wrap {
background-color: #eee;
width: 560px;
margin-bottom: 2em;
padding-bottom: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.news-nav-list-wrap {
background: #eee url(/_static/images/newsbox-arrow.png) 0 0 no-repeat;
padding-top: 15px;
width: 560px;
}
.news-source {
background-position: 78px -3px;
}
.press-source {
background-position: 126px -3px;
}
.procedure-source {
background-position: 265px -3px;
}
.faq-source {
background-position: 450px -3px;
}
.news-nav-list {
list-style-type: none;
margin: 0;
padding: 5px 10px;
overflow: auto;
width: 540px;
}
.news-nav-list li {
float: left;
margin-left: 4px;
}
.news-nav-list li a {
display: inline-block;
padding: 5px 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
}
.news-nav-list li a:hover, .news-nav-active {
background-color: #5588bb;
color: #fff !important;
}
/** NEWS & PRESS RELEASES **/
#news_source_choice {
overflow: auto;
padding: 0;
text-align: center;
width: 558px;
text-transform: uppercase;
}
#news_source_choice a {
color: #fff;
display: block;
float: left;
font-size: 120%;
padding: 10px;
width: 166px;
text-decoration: none;
}
/*#news_source_choice a.last {
width: 168px;
}*/
#news_source_choice a:hover {
color: #fff !important;
}
#news_page_wrap .news-page-title {
color: #444 !important;
/*font-family: "Helvetica Neue", Helvetica, Arial sans-serif;*/
font-weight: bold !important;
font-size: 170%;
margin: 0;
padding: 0;
}
#news_pag_wrap {
margin-top: 35px;
}
h3.news-page-title a {
font-weight: bold !important;
}
#news_page_wrap article {
margin: 1em 0;
padding: 0 10px;
}
.news-page-article p {
line-height: 1.4em;
}
.news-page-thumb {
background-color: #fff;
border: 1px solid #ddd;
float: right; margin: 0 0 10px 10px;
height: 90px;
padding: 10px;
width: 120px;
}
.news-page-date {
margin-bottom: .5em;
}
.news-page-date span {
background: transparent url(/_static/images/sub-nav-item-bg-lt-grey.png) 0 4px no-repeat;
color: #888;
font-family: 'rooney-web', 'AdobeCaslonProRegular', Georgia, 'Times New Roman', Times, serif;
letter-spacing: .05em;
padding-left: 15px;
text-transform: uppercase;
font-size: 100%;
}
.news-page-category {
color: #888;
margin-bottom: .5em;
text-transform: uppercase;
font-size: 90%;
}
.news-page-category a {
color: #888 !important;
}
.disqus-wrap {
background-color: rgb(240,240,240);
padding: 1px 20px;
}
.dsq-login-button-openid {
display: none !important;
}
.pr-article {
padding: 20px;
}
.pr-article aside {
border: 1px solid #ddd;
margin: 0 0 20px 0;
padding: 20px 20px 10px;
}
.pr-aside-section {
margin-bottom: 1em;
}
.pr-aside-title {
color: #999;
text-transform: uppercase;
}
.pr-date {
background: transparent url(/_static/images/list-item-bg-grey.png) 5px 4px no-repeat;
color: #999;
font-size: 110%;
margin-bottom: 1em;
}
.pr-title {
color: #444 !important;
font-family: "Helvetica Neue", Helvetica, Arial sans-serif !important;
font-weight: bold !important;
}
.pr-date span {
padding-left: 25px;
}
.pr-contact-wrap {
margin: 3em 0 0;
}
.pr-contact-header {
border-bottom: 1px solid #ddd;
color: #5588bb !important;
text-transform: uppercase;
font-weight: normal;
}
/** 3 COLUMNS **/
/** USE ONLY IN .main-content-full-wrap **/
.col-3-wrap, .news-col-wrap {
border: 1px solid #ddd;
overflow: auto;
margin-bottom: 20px;
padding: 20px 10px;
width: 938px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.col-3-list, .news-col-list {
margin: 0;
padding: 0;
overflow: auto;
list-style: none;
margin-bottom: 20px;
}
.news-col-list {
margin-bottom: 0;
}
.col-3-item {
float: left;
margin: 0 10px;
width: 292px;
}
.news-col-item {
float: left;
margin: 0 10px 20px;
width: 292px;
}
.col-3-title {
border-bottom: 1px solid rgb(182, 208, 234);
color: #5588bb;
display: block;
font-size: 140%;
font-weight: 200;
letter-spacing: 0.05em;
margin-bottom: 10px;
padding-bottom: 2px;
text-transform: uppercase;
}
.news-col-title {
background-color: #efefef;
color: #888;
display: block;
font-size: 110%;
font-weight: 600;
letter-spacing: 0.05em;
margin-bottom: 10px;
padding: 5px 10px;
text-transform: capitalize;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.col-3-sub-list, .news-col-sub-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.col-3-sub-item a {
background: transparent url(/_static/images/list-item-bg-blue.png) 5px 5px no-repeat;
color: #555;
display: block;
padding: 2px 10px 2px 20px;
text-decoration: none;
}
.news-col-sub-item {
clear: both;
}
.news-col-sub-item a {
background: transparent url(/_static/images/list-item-bg-grey.png) 5px 5px no-repeat;
color: #555;
display: block;
font-size: 95%;
padding: 2px 10px .25em 20px;
text-decoration: none;
}
.col-3-sub-title {
color: #999;
font-weight: bold;
margin: 5px 0;
text-transform: uppercase;
}
.full-videos-wrap {
margin: 20px 0;
}
.more-link {
background-color: #1771b7;
box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.4);
border-radius: 5px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding:12px 20px;
letter-spacing: -0.21px;
cursor: pointer;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 10px 0 0;
float: left;
}
.more-link:hover {
background-color: #145F9A;
text-decoration: none;
color: white;
cursor: pointer;
}
.more-link:visited {
color: white;
}
.more-link:focus {
color: white;
background-color: #DB0A5B;
}
.set-record {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
overflow: auto;
margin-bottom: 27px;
}
.set-record h2 {
color: #336699;
margin-bottom: -5px;
font-size: 1.6em;
}
.set-record-straight {
text-decoration: none;
color: #336699;
}
.set-record-photo {
background: transparent url(/_static/images/magnifying-glass.jpg) 0 0 no-repeat;
height: 160px;
width: 315px;
}
.set-record-content {
width: 620px;
float: right;
margin-left: 10px;
}
.set-record-straight-title {
line-height: 1.35em;
font-size: 17px;
}
.set-record-more {
color: #fd7a26;
font-weight: bold;
text-decoration: none;
}
#featured_list .more-link {
font-size: 100%;
position: relative;
top: 1px;
}
/** TRENDING **/
.trending-wrap {
margin: 0 0 40px;
}
.trending-list {
margin: 0 15px;
padding: 0;
list-style-type: none;
}
.trending-item {
font-size: 120%;
}
.trending-item a {
background: transparent url(/_static/images/list-item-bg-orange.png) 0 6px no-repeat;
color: #555;
display: block;
padding: 2px 15px 2px 20px;
text-decoration: none;
}
/** DIVISIONS/DEPARTMENTS **/
#nameplate_wrap {
background: #ebebeb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
border: 1px solid #ddd;
margin: 0 auto;
padding: 20px 0 20px 20px;
position: relative;
width: 898px;
height: 200px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
z-index: 4;
}
.nameplate-tag {
position: absolute;
right: -1px;
top: -1px;
}
.nameplate-img-wrap, .nameplate-content-wrap {
float: left;
}
.nameplate-img-wrap {
width: 302px;
height: 202px;
}
.dept-avatar {
background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
-moz-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
-webkit-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
box-shadow: 0px 2px 3px rgba(204,204,204,.5);
width: 280px;
height: 180px;
}
.dept-avatar-small {
background-color: #fff;
border: 1px solid #ddd;
margin-right: 20px;
padding: 5px;
position: absolute;
top: -3px;
left: 0;
-moz-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
-webkit-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
box-shadow: 0px 2px 3px rgba(204,204,204,.5);
width: 93px;
height: 60px;
-moz-transform:rotate(-8deg);
-webkit-transform:rotate(-8deg);
-o-transform:rotate(-8deg);
-ms-transform:rotate(-8deg);
}
.nameplate-content-wrap {
width: 596px;
}
.nameplate-title-wrap {
border-bottom: 1px solid #ccc;
height: 80px;
padding: 0 50px 0 20px;
}
.nameplate-l2-title-wrap {
background-color: #eee;
border-top: 1px solid #ddd;
position: relative;
margin: 20px 20px 0;
padding: 10px 20px 10px 120px;
}
.nameplate-l2-title-wrap + .dept-nav-wrap {
margin-top: 0 !important;
}
.nameplate-title-wrap a, .nameplate-l2-title-wrap a {
color: #444 !important;
font-size: 225%;
font-weight: bold;
text-decoration: none;
line-height: 110%;
}
.nameplate-title-wrap a:hover, .nameplate-l2-title-wrap a:hover {
text-decoration: underline;
}
.nameplate-info-wrap {
background: #ebebeb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
border-top: 1px solid #fff;
height: 100px;
padding: 10px 20px;
width: 556px;
}
.nameplate-info-col-1, .nameplate-info-col-2 {
float: left;
margin-right: 10px;
width: 268px;
}
.nameplate-info-title {
border-bottom: 1px solid #ccc;
color: #666;
display: block;
font-weight: bold;
text-transform: uppercase;
}
.nameplate-info {
margin-top: 10px;
line-height: 1.5em;
font-size: medium !important;
}
.nameplate-shadow {
/* position: absolute; */
z-index: 3;
margin-top: -3px;
}
.dept-nav-wrap {
border-top: 1px solid #ddd;
clear: both;
margin: 17px auto 0;
padding: 0 0 20px;
width: 918px; /* */
}
.dept-nav-list {
background: #ebebeb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
border-top: 1px solid #fff;
height: 45px;
}
.dept-nav-item {
float: left;
padding: 10px 10px 0;
position: relative;
text-align: center;
width: 163px;
}
.dept-nav-title {
color: #555;
display: block;
font-size: 100%;
font-weight: bold;
padding: 5px 10px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
text-decoration: none;
}
.dept-nav-title:hover {
text-decoration: underline;
}
.dept-sub-nav-wrap, .dept-sub-nav-cols-wrap {
-moz-box-shadow: 0px 2px 2px rgba(102,102,102,.5);
-webkit-box-shadow: 0px 2px 2px rgba(102,102,102,.5);
box-shadow: 0px 2px 2px rgba(102,102,102,.5);
z-index: 10;
}
.dept-nav-item:hover .dept-nav-title, .dept-nav-active {
color: #fff !important;
background-color: #5588bb;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.dept-no-sub-nav, .dept-sub-nav-wrap, .dept-sub-nav-cols-wrap {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.dept-sub-nav-wrap, .dept-sub-nav-cols-wrap {
-moz-border-radius-topleft: 0;
-webkit-top-left-radius: 0;
border-top-left-radius: 0;
}
.dept-sub-nav-wrap {
background-color: #5588bb;
margin-left: -9999em;
padding: 10px;
position: absolute;
width: 250px;
text-align: left;
z-index: 5;
}
.dept-sub-nav-list {
margin-bottom: 1em;
}
.dept-sub-nav-list li {
margin: 0 10px;
}
.dept-sub-nav-list span {
/*border-bottom: 2px solid #6699cc;*/
color: rgb(189, 229, 255);
font-weight: bold;
display: block;
margin: .5em 0 .25em;
}
.dept-sub-nav-list li a {
background: transparent url(/_static/images/sub-nav-item-bg-lt-blue.png) 0 6px no-repeat;
color: #fff;
display: block;
font-size: 100%;
padding: 2px 0 0 16px;
text-decoration: none;
}
.dept-sub-nav-list li a:hover {
color: #fff !important;
text-decoration: underline;
}
.dept-tertiary-nav-list{
margin-left: 5px;
}
.dept-tertiary-nav-list li a {
border-left: 4px solid #6699cc;
background: none !important;
color: rgb(225, 240, 255);
display: block;
font-size: 90%;
padding: 2px 0 0 8px;
}
.dept-nav-item:hover .dept-sub-nav-wrap, .dept-nav-item:hover .dept-sub-nav-cols-wrap {
margin-left: 0;
}
.lt-ie8 .dept-nav-item:hover .dept-sub-nav-wrap {
margin-left: -81px;
}
.dept-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.dept-list li a {
display: block;
font-size: 110%;
}
/** FORMS **/
.simple-form {
padding: 30px 20px 10px 0;
}
.simple-form-notes {
margin: 0 0 1em 0;
}
.simple-form input, .simple-form textarea {
font-size: 120%;
margin: 10px 0 20px;
}
.simple-form input[type="text"], .simple-form textarea {
font-size: 120%;
margin: 10px 0 20px;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.simple-form input:hover, .simple-form textarea:hover {
background-color: #ffffee;
}
.simple-form select {
margin: 10px 0 20px;
}
.simple-form input[type="checkbox"], .simple-form input[type="radio"] {
margin: 0;
}
.simple-form input[type="text"], .simple-form input[type="password"] {
border: 1px solid #ccc;
padding: 5px;
width: 295px;
}
.simple-form input.short[type="text"] {
border: 1px solid #ccc;
padding: 5px;
width: 75px;
}
.simple-form input.medium[type="text"] {
border: 1px solid #ccc;
padding: 5px;
width: 200px;
}
.simple-form textarea {
border: 1px solid #ccc;
padding: 10px;
width: 480px;
height: 200px;
}
#main_content_wrap fieldset textarea {
width: 450px;
}
.simple-form label {
font-size: 110%;
font-weight: bold;
}
.simple-form input[type="submit"], .simple-submit {
background: #1771B7;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.4);
border-radius: 5px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding:12px 20px;
cursor: pointer;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 10px 0 15px;
border: none;
}
.simple-form input[type="submit"]:hover, .simple-submit:hover {
background-color: #145F9A;
text-decoration: none;
color: white;
cursor: pointer;
}
.submit-inline {
display: inline;
}
.simple-form-warning {
background-color: #eee;
border: 1px solid #ddd;
margin-bottom: 1em;
padding: 10px;
}
.simple-form fieldset {
background-color: #eee;
border: 1px solid #ddd;
margin: 10px 0 20px;
padding: 20px;
-moz-box-shadow: 0px 3px 1px rgba(204,204,204, 0.6);
-webkit-box-shadow: 0px 3px 1px rgba(204,204,204, 0.6);
box-shadow: 0px 3px 1px rgba(204,204,204, 0.6);
}
.simple-form legend {
background-color: #1771b7;
color: #fff;
padding: 10px;
-moz-box-shadow: 0px 3px 1px rgba(204,204,204, 0.6);
-webkit-box-shadow: 0px 3px 1px rgba(204,204,204, 0.6);
box-shadow: 0px 3px 1px rgba(204,204,204, 0.6);
}
.found-matches {
color: #757575;
margin-bottom: .5em;
}
.required-label {
background: transparent url(/_static/images/asterisk.png) right -1px no-repeat;
padding-right: 18px;
}
/** TABLES **/
.simple-table {
border: 1px solid #ddd;
}
.simple-table th, .simple-table td {
border: 1px solid #eee;
padding: 10px;
}
.simple-table th {
/*background-color: #ddd;*/
}
.simple-table-rows th, .simple-table-rows td {
border: 1px solid #ddd;
padding: 10px;
}
.simple-table-rows th {
background-color: #ddd;
}
.simple-table-rows tr.even {
border: 1px solid #ddd;
background-color: #f8f8f8;
}
.simple-table-rows tr.odd {
border: 1px solid #ddd;
background-color: #ffffff;
}
.required {
color: red;
}
.alert {
color: red;
}
.bully-links {
color: #5588bb;
text-decoration: none;
font-weight: bold;
}
.bully-bottom {
padding-bottom: 20px;
}
.resource-box {
border: 1px solid #ddd;
padding: 20px 20px 20px;
}
.resource-box-text {
color: #ffffff;
font-size: 42px;
margin-top: 90px;
margin-left: 160px;
font-family: 'AdelleBold', Georgia, 'Times New Roman', Times, serif;
z-index: 3;
position: absolute;
}
.resource-box-img {
z-index: 1;
border: 0px;
position: relative;
}
/** IMAGES **/
.portrait {
background-color: #fff;
border: 1px solid #ddd;
margin: 0 20px 10px 20px;
padding: 10px;
float:left;
-moz-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
-webkit-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
box-shadow: 0px 2px 3px rgba(204,204,204,.5);
}
.portrait-natural {
background-color: #fff;
border: 1px solid #ddd;
margin: 0 20px 10px 20px;
padding: 10px;
float: none;
-moz-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
-webkit-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
box-shadow: 0px 2px 3px rgba(204,204,204,.5);
}
.flickr-thumb {
background-color: #fff;
border: 1px solid #ddd;
margin: 0 10px 10px 10px;
padding: 10px;
float:left;
-moz-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
-webkit-box-shadow: 0px 2px 3px rgba(204,204,204,.5);
box-shadow: 0px 2px 3px rgba(204,204,204,.5);
}
.flickr-thumb:hover {
background-color: #5588bb;
border: 1px solid #336699;
}
.sup-name {
font-size: 27px;
font-weight: bold;
color: #0d3a5d;
}
.supt-tape-pic {
position: absolute;
top: -30px;
left: 8px;
-moz-transform:rotate(1deg);
-webkit-transform:rotate(1deg);
-o-transform:rotate(1deg);
-ms-transform:rotate(1deg);
}
/** MISC **/
.fb-recommendations {
margin: 20px 0;
}
#google_translate_element {
height: 10px;
float: left;
padding: 10px 0;
margin-left: 0px;
}
#have_question {
font-size: 14px;
height: 10px;
text-align: right;
padding: 11px 0 13px 0;
}
.question-orange {
font-weight: bold;
}
.contact-normal {
color: #444444;
font-weight: normal;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
height: 10px;
text-align: right;
}
.phone-bold {
color: #444444;
font-weight: bold;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
height: 10px;
text-align: right;
padding: 10px 0;
}
#hr-divide {
margin-top: 20px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
width: 100%;
}
.parent-link-sb {
opacity: 1;
}
.parent-link-sb:hover {
opacity: .65;
}
.parent-link-infinite{
background: transparent url(/_static/images/infinitecampus.png) 0 0 no-repeat;
height: 475px;
width: 557px;
padding-bottom: 10px;
margin-bottom: 20px;
}
.parent-link-in-camp{
width: 550px !important;
text-align: center;
padding-top: 115px;
color: #ffffff;
font-size: 115%;
font-weight: bold;
}
.parent-link-in-camp-coming {
width: 550px !important;
text-align: center;
color: #ffffff;
padding-top: 25px;
font-size: 150%;
font-style: italic;
font-weight: bold;
}
.parent-link-in-camp-text {
width: 510px !important;
color: #ffffff;
font-weight: 500;
line-height: 1.35em;
font-size: 100%;
padding-left: 27px;
}
.parent-link-in-camp-transform {
background: transparent url(/_static/images/infiniteribbon.png) 0 0 no-repeat;
float: right;
width: 380px;
height: 38px;
margin-top: 10px;
}
.month-bar, .lang-bar, .tab-bar {
background-color: #eee;
color: #aaa;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 95%;
margin-bottom: 2em;
padding: 5px;
text-align: center;
}
.addr-wrap, .dl-wrap {
background-color: #FFFFEE;
border-top: 1px solid #ddddcc;
border-bottom: 1px solid #ddddcc;
color: #888877;
margin: 0 0 1em 0;
padding: .5em 1em;
text-align: center;
}
#to_top {
background-color: #000;
color: #fff;
cursor: pointer;
position: fixed;
bottom: 40px;
right: 40px;
padding: 20px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
opacity: 0.5;
z-index: 5;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
#to_top:hover {
opacity: 0.9;
}
#spf_wrap {
position: relative;
}
#compare_wrap {
background-color: #eee;
border: 1px solid #ddd;
position: absolute;
margin-left: 584px; /* can't use right: 0; due to flow issues */
width: 250px;
}
#compare_wrap b {
color: #888;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
#compare_wrap ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#compare_wrap ul li {
background-color: #ddd;
border-bottom: 1px solid #ccc;
padding: 5px 10px;
display: block;
font-size: 110%;
}
.actions-wrap {
padding: 10px;
background-color: #eee;
}
.actions-wrap input {
margin: 1em 0;
}
.crisis-header {
color: #ff9900 !important;
font-family: "Helvetica Neue", Helvetica, Arial sans-serif !important;
font-size: 250%;
font-weight: 400 !important;
margin: 0 !important;
padding: 0 !important;
}
/*
.loading-bar-wrap {
background-color: #ddd;
border: 1px solid #ccc;
color: #999;
font-weight: bold;
padding: 10px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
-moz-box-shadow:inset 0px 1px 0 rgba(255,255,255,.5);
-webkit-box-shadow:inset 0px 1px 0 rgba(255,255,255,.5);
box-shadow:inset 0px 1px 0 rgba(255,255,255,.5);
}
*/
.loading-bar-wrap {
text-align: center;
}
.loading-bar-wrap a {
background: rgb(51,102,153); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTg4YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(51,102,153,1) 0%, rgba(85,136,187,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,102,153,1)), color-stop(100%,rgba(85,136,187,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(51,102,153,1) 0%,rgba(85,136,187,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(51,102,153,1) 0%,rgba(85,136,187,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(51,102,153,1) 0%,rgba(85,136,187,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(51,102,153,1) 0%,rgba(85,136,187,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336699', endColorstr='#5588bb',GradientType=0 ); /* IE6-8 */
border: 1px solid #225577;
color: #FFFFFF !important;
font-weight: bold;
color: #ffffff !important;
padding: 10px;
display: block;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
-moz-box-shadow:inset 0px 1px 0 rgba(255,255,255,.3);
-webkit-box-shadow:inset 0px 1px 0 rgba(255,255,255,.3);
box-shadow:inset 0px 1px 0 rgba(255,255,255,.3);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.loading-bar-wrap a:hover {
background: #5588bb; /* Old browsers */
}
/** DIRECTORY **/
.dir-list {
list-style-type: none;
}
.dir-list > ul {
list-style-type: none;
border-left: 1px solid #ddd;
}
.dir-list ul li {
padding-left: 10px;
}
/** DATE POP **/
.dp-calendar {
background-color: #fff;
border: 1px solid #ccc;
width: 300px;
margin-top: -100px;
padding: 10px 20px;
position: absolute;
left: 200px;
-moz-box-shadow: 0px 0px 5px rgba(153, 153, 136,0.5);
-webkit-box-shadow: 0px 0px 5px rgba(153, 153, 136,0.5);
box-shadow: 0px 0px 5px rgba(153, 153, 136,0.5);
z-index: 5;
}
.dp-select {
background-color: #eee;
font-size: 120%;
padding: 5px 10px;
margin-bottom: 10px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.date-picker {
font-size: 120%;
}
.dp-day-header {
border-bottom: 2px solid #ff9900;
background-color: #ccc;
font-weight: bold;
padding: 5px;
}
.dp-date {
color: #666;
text-align: center;
}
.dp-date span {
display: block;
padding: 5px;
cursor: pointer;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.dp-date span:hover, .dp-today {
background-color: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.table-sort-ASC {
background: transparent url(//static.ccsd.net/edge/images/ui/arrow-down.png) 95% 8px no-repeat;
}
.table-sort-DESC {
background: transparent url(//static.ccsd.net/edge/images/ui/arrow-up.png) 95% 8px no-repeat;
}
.sortby {
background: transparent url(//static.ccsd.net/edge/images/ui/data_table-sortby.png);
}
.data-table th.sortable, .scroll-table th.sortable {
cursor:pointer;
}
/** UI **/
.ui-shadow {
-moz-box-shadow: 0px 0px 5px rgba(153, 153, 136,0.5);
-webkit-box-shadow: 0px 0px 5px rgba(153, 153, 136,0.5);
box-shadow: 0px 0px 5px rgba(153, 153, 136,0.5);
}
/*#--------------------------#*/
/*## PERFORMANCE ZONES ##*/
/*#--------------------------#*/
.pz-box {
clear: both;
margin-bottom: 2em;
}
.pz-subheader {
background-color: #eeeecc !important;
border: 1px solid #ccccaa !important;
border-bottom: 1px solid #ccccaa !important;
color: #777755 !important;
font-size: 150% !important;
font-weight: normal !important;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial sans-serif;
letter-spacing: .01em;
margin: 0 !important;
padding: .4em .5em;
text-transform: uppercase;
}
.pz-details {
background-color: rgb(245,245,245);
border: 1px solid #ddd;
padding: 20px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.pz-map-link {
background-color: #ddd;
display: inline-block;
font-weight: bold;
margin-right: 5px;
padding: 3px 5px;
display: inline-block;
text-align: center;
-moz-transition: background-color .2s ease-in;
-o-transition: background-color .2s ease-in;
-webkit-transition: background-color .2s ease-in;
transition: background-color .2s ease-in;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
-webkit-transition: color .1s linear;
transition: color .1s linear;
text-decoration: none;
}
.pz-map-link:hover {
color: #fff !important;
background-color: #5588bb;
text-decoration: none;
}
.pz-dl {
margin: 0 0 1em;
padding: 0;
}
.pz-dl dt {
font-weight: bold;
margin: 10px 0;
}
.pz-dl dd {
margin-left: 20px;
}
.pz-download-box {
text-align: right;
float: right;
background-color: rgb(245,245,245);
border: 1px solid #fff;
padding: 5px 10px;
width: 350px;
}
.pz-sections {
background-color: #eeeecc;
color: #777755;
margin: 0 0 10px 10px;
padding: 10px 20px;
float: right; width: 200px;
border: 1px solid #ddddbb;
line-height: 1.45em;
}
/**AUX NAV**/
.aux-nav-wrap {
background-color: #eee;
width: 560px;
margin-bottom: 2em;
padding-bottom: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
#aux_nav_choice {
overflow: auto;
padding: 0;
text-align: center;
width: 560px;
text-transform: uppercase;
}
#aux_nav_choice a {
color: #fff;
display: block;
float: left;
font-size: 120%;
padding-top: 5px;
/* width: 186px; */
text-decoration: none;
}
#aux_nav_choice a.last {
width: 150px;
}
#aux_nav_choice a:hover {
color: #fff !important;
}
.aux-nav-title {
color: #444 !important;
font-family: "Helvetica Neue", Helvetica, Arial sans-serif !important;
font-weight: bold !important;
font-size: 130%;
margin: 0;
padding: 0;
}
.aux-nav-title, #aux_nav_choice {
background: #808080; /* Old browsers */
background: -moz-linear-gradient(top, #808080 0%, #acacac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#acacac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #808080 0%,#acacac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #808080 0%,#acacac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #808080 0%,#acacac 100%); /* IE10+ */
background: linear-gradient(top, #808080 0%,#acacac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#acacac',GradientType=0 ); /* IE6-9 */
color: #fff;
padding-top:0px;
padding-bottom: 5px;
cursor: pointer;
}
.aux_nav_choice {
background-position: 78px -3px;
}
.aux-nav-list-wrap {
background: #eee url(/_static/images/newsbox-arrow.png) 0 0 no-repeat;
padding-top: 15px;
width: 560px;
}
.aux-nav {
background-position: 80px -3px;
}
.aux-nav-active {
background: #aaaaaa;
}
.procedure-nav {
background-position: 265px -3px;
}
.faq-nav {
background-position: 450px -3px;
}
.aux-sub-nav-list {
list-style-type: none;
margin: 0;
padding: 2px 10px;
overflow: auto;
width: 540px;
}
.aux-sub-nav-list li {
float: left;
margin-left: 5px;
}
.aux-sub-nav-list li a {
display: inline-block;
padding: 2px 9px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
}
.aux-sub-nav-list li a:hover, .news-nav-active {
background-color: #5588bb;
color: #fff !important;
}
/**PAGINATE**/
.pagin8 div {
text-align: center;
display: inline;
}
.num-list {
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #efefef 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid #eee;
border-top: 1px solid #ddd;
clear: both;
font-size: 100%;
margin: 2px 0;
padding: 3px 10px;
text-align: center;
line-height: 10px;
}
.num-list ul {
list-style: none;
display: inline;
margin: 0;
padding: 5px 12px;
}
.num-list ul li {
display: inline;
margin: 2px 0;
padding: 12px 12px;
text-decoration: none;
}
.num-list .num-current {
background-color: #dddddd;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
padding: 5px 10px;
}
.num-list li a {
padding: 5px 10px;
text-decoration: none;
}
.num-list li a.active {
background-color: #dddddd;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
padding: 5px 5px;
}
.num-list-item, .show-all-item {
display: inline;
padding: 0 2px;
text-align: left;
}
.num-link, .show-all-link {
background-color: #fff;
border: 1px solid #ddd;
border-collapse: collapse;
color: #0072bc;
display: inline-block;
font-size: 13px;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.num-link:hover, .num-current {
background-color: #1771b7 !important;
color: #fff !important;
padding: 5px 10px;
}
/**ALPHALIST**/
.alpha-wrap {
background: #fff;
border: 1px solid #ddd;
clear: both;
height: 20px;
padding: 10px;
}
.alpha-list {
display: inline;
line-height: 20px;
list-style: none;
height: 20px;
overflow: auto;
margin: 0;
padding: 0;
text-align: left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.alpha-list-item {
display: inline;
text-align: left;
}
.alpha-link, .alpha-empty {
background-color: #fff;
border: 1px solid #ddd;
border-collapse: collapse;
color: #0072bc;
float: left;
width: 9.445px;
font-size: 13px;
padding: 0px 5px;
text-decoration: none;
/*-moz-box-shadow: 0px 0px 3px 0px rgb(230,230,230);
-webkit-box-shadow: 0px 0px 3px 0px rgb(230,230,230);
box-shadow: 0px 0px 3px 0px rgb(255,255,255);*/
}
.alpha-empty {
background-color: #eee; !important;
color: #bbb; !important;
}
.alpha-link:hover, .alpha-current {
background-color: #ffaa33 !important;
border: 1px solid #ee9922;
color: #fff !important;
}
.round-right-3px {
border-top-right-radius:3px;
border-bottom-right-radius:3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-radius-topright:3px;
-webkit-border-radius-bottomright:3px;
}
.round-left-3px {
border-top-left-radius:3px;
border-bottom-left-radius:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-radius-topleft:3px;
-webkit-border-radius-bottomleft:3px;
}
/**DISCLAIMER**/
.note {
color: #757575;
font-size: 85%;
}
/**ADDRESS BAR + MAP**/
.addr-txt {
/*background: #efefef;*/ /* Old browsers */
/*background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%);
background: -o-linear-gradient(top, #efefef 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #efefef 0%,#ffffff 100%);
background: linear-gradient(top, #efefef 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );*/
margin-top: 15px;
/*color: #777;*/
margin: 0 0 1em;
padding: 0.5em 0em;
text-align: left;
}
/** VIDEO SECTION BLOCK **/
.video-section-title {
margin: 0 !important;
}
.video-section-subtitle, .video-section-subtitle a {
color: #999 !important;
font-weight: bold;
}
.video-section-subtitle a:hover {
color: #666 !important;
}
.video-section-icon {
margin-top: -5px;
padding-left: 5px;
}
.video-list-wrap {
border: 1px solid #ddd;
margin: 1em 0;
padding: 10px;
position: relative;
}
.video-list-frame {
position: relative;
overflow: hidden;
/* width: 534px; */
}
.video-list {
list-style-type: none;
margin: 0;
position: relative;
padding: 0;
/* width: 2236px; */
width: 2600px;
}
.video-list li {
float: left;
margin: 0 5px;
width: 168px;
}
.video-item-info {
position: relative;
}
.video-item-info img {
width: 168px;
height: 126px;
opacity: .6;
}
.video-item-info span {
background-color: #333;
color: #fff;
display: block;
padding: 5px 10px;
position: absolute;
opacity: .8;
top: 0;
width: 148px;
z-index: 5;
}
.video-item-info a {
text-decoration: none !important;
}
.video-item-info a:hover img, .video-item-info a:hover span {
opacity: 1;
}
.video-controls-back, .video-controls-fwd {
margin-top: 88px;
}
.video-controls-back, .back-control {
background: transparent url(/_static/images/ui/video-box-controls-sprite.png) 0 0 no-repeat;
margin-left: -21px;
}
.video-controls-fwd, .fwd-control {
background: transparent url(/_static/images/ui/video-box-controls-sprite.png) -21px 0 no-repeat;
margin-right: -11px;
right: 0;
}
.video-controls-back:hover, .back-control:hover {
background: transparent url(/_static/images/ui/video-box-controls-sprite.png) 0 -100px no-repeat;
margin-left: -21px;
}
.video-controls-fwd:hover, .fwd-control:hover {
background: transparent url(/_static/images/ui/video-box-controls-sprite.png) -21px -100px no-repeat;
margin-right: -11px;
right: 0;
}
.video-list-sb-wrap {
margin-top: 10px;
}
.video-list-sb {
background-color: #eee;
margin: 0;
padding: 10px;
list-style: none;
}
.video-list-sb li {
list-style-type: none;
}
.video-list-sb a {
display: block;
margin: 5px 0;
}
.video-list-sb img {
width: 260px;
height: 150px;
}
.video-list-sb span {
background-color: #000;
color: #ddd !important;
display: block;
position: absolute;
opacity: 0.8;
z-index: 4;
top: 0;
width: 220px;
padding: 10px;
}
.video-list-sb a:hover span {
display: block;
color: #fff !important;
}
.video-list-sb a:hover img {
opacity: 0.5;
}
/** CONTROLS **/
.back-control, .fwd-control, .video-controls-back, .video-controls-fwd {
cursor: pointer;
height: 100px;
position: absolute;
width: 21px;
top: 0;
z-index: 2;
}
.back-control, .fwd-control {
margin-top: 70px;
}
/** DIRECTORY **/
.dir-list {
/* margin: 20px; */
padding: 0;
}
.dir-list ul {
margin: 10px 20px;
padding: 0;
}
.dir-list li {
/*text-transform: capitalize;*/
}
/** CALENDARS **/
.cal-alert {
color: red;
}
.new-item {
color: orange;
}
/** JOBS **/
.regular-view-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.regular-view-list {
margin: 0 20px;
}
.regular-view-list li {
padding: 1em 0;
border-bottom: 1px solid #eee;;
}
.regular-view-list li:last-child {
border: 0 !important;
}
a.job-opp {
font-size: 1.5em;
color:#999;
text-decoration: none !important;
}
a.job-opp .view {
background-color: #dddddd;
margin: 0 10px 10px 0;
float: left;
text-align: center;
display: inline-block;
padding: .25em 1em;
font-weight: bold;
text-decoration: none !important;
color: #999;
}
a.job-opp:hover .view {
background-color: #5588bb !important;
margin: 0 10px 10px 0;
float: left;
text-align: center;
display: inline-block;
padding: .25em 1em;
font-weight: bold;
text-decoration: none !important;
color: #ffffff;
}
a.job-opp .label {
background-color: #fff;
color: #999!important;;
}
a.job-opp:hover .label {
color: #5588bb!important;;
}
a.label:hover {
color: #5588bb!important;
}
.job-opp a {
font-size: 1.4em;
color:#999;
text-decoration: none !important;
line-height: 140%;
}
.job-opp .view {
background-color: #f2f2f2;
margin: 0 10px 10px 0;
float: left;
text-align: center;
display: inline-block;
padding: 1em;
font-weight: bold;
text-decoration: none;
color: #999;
}
.job-opp:hover .view {
background-color: #5588bb !important;
}
.job-opp:hover .view a {
color: #fff;
}
.job-opp:hover .label {
background-color: #fff;
}
.job-opp:hover .label a {
color: #5588bb!important;
}
.label {
line-height: 33px!important;
}
.job-label {
line-height: 56px!important;
}
/** FOOTER **/
footer {
clear: both;
margin-top: 10px;
padding-top: 0px;
width: 100%;
background-color: #222;
bottom:0px;
position: relative;
}
footer h2 {
font-size: 15px;
margin-top: 0;
padding-top: 0;
}
.footer-links-wrap {
font-size: 15px;
padding: 40px 0 20px 0;
width: 960px;
margin: 0 auto;
color: #fff;
}
footer .footer-links-wrap a {
text-decoration: underline;
color: #aaa;
}
footer .footer-links-wrap a:hover {
color: #fff;
}
#contact_info, #useful_links, #legal {
float: left;
}
#contact_info {
padding-right: 39px;
margin-right: 35px;
border-right: 1px solid #393939;
height: 255px;
}
#social-media {
margin-bottom: 30px;
width: 422px;
position: relative;
margin: 0 auto;
}
.social-media-link {
float: left;
width: 75px;
text-align: center;
margin-right: 40px;
}
.social-media-link img {
width: 24px;
position: relative;
margin: 0 auto;
display: block;
}
.social-media-link:nth-child(4) {
margin-right: 0;
}
#social_media ul{
padding-right: 0px;
}
#legal {
float: left;
padding-left: 35px;
border-left: 1px solid #393939;
height: 255px;
}
#legal ul {
padding-right: 0 !important;
}
#legal-disclaimer {
color: #aaa;
width: 380px;
position: relative;
margin: 30px auto 0 auto;
}
#sub-footer {
margin-top: 30px;
}
#footer_main ul {
float: left;
padding-right: 70px;
}
.footer-title {
color: #fff;
display: block;
font-weight: bold;
margin-bottom: 5px;
text-transform: uppercase;
}
.footer-links-wrap ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.footer-links-wrap li a {
color: #aaa;
display: block;
padding-bottom: 13px;
font-size: 15px;
text-decoration: underline;
}
.footer-links-wrap li a:hover {
color: #fff;
text-decoration: underline;
}
.btn-white-blue-text {
width: 90px !important;
background: #fff;
box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.4);
border-radius: 5px;
font-size: 16px !important;
font-weight: bold;
color: #1771b7 !important;
padding: 12px 20px !important;
cursor: pointer;
text-align: center;
text-decoration: none !important;
display: inline-block;
margin: 10px 0 15px;
}
.full-width-horiz-rule {
height: 1px;
width: 100%;
background-color: #393939;
margin-top: 40px;
}
.social-icon {
display: inline;
margin-right: 10px;
}
.supt-full-wrap {
background-color: #fff;
border: 1px solid #ddd;
width: 888px;
padding: 30px 35px;
/* overflow: auto; */
}
.supt-full-wrap h2 {
padding: 0;
margin: 0;
font-size: 34px;
color: #333;
margin-bottom: 25px;
width: 550px;
}
.supt-blog-wrap {
float: left;
width: 511px;
padding-right: 30px;
border-right: 1px solid #ddd;
}
.supt-quote-wrap {
float: right;
width: 302px;
text-align: center;
}
.supt-fp-article-wrap {
float: left;
width: 100%;
font-size: 17px;
}
.supt-article-wrap h6 {
font-size: 120%;
margin: 0;
padding: 0;
}
.supt-blog-wrap h3 {
font-size: 24px;
line-height: 33px;
color: #444;
margin: 0 0 15px;
}
.supt-blog-wrap h6 {
font-size: 140%;
}
.supt-blog-wrap h4 {
background-color: #f2f2f2;
border-bottom: 1px solid #ddd;
margin: 0 0 10px;
padding: 5px 20px;
font-weight: normal;
color: #999;
text-transform: uppercase;
}
.supt-blog-wrap h4 a {
color: #999;
text-decoration: none;
}
.supt-blog-wrap h5, .supt-blog-wrap h6 {
margin: 0 0 .5em;
padding: 0;
font-weight: bold;
}
.supt-blog-wrap h5 a, .supt-blog-wrap h6 a {
text-decoration: none;
line-height: 125%;
}
.supt-blog-wrap p {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 17px;
line-height: 26px;
margin-top: 0;
}
a.supt-blog-more-button {
background-image: linear-gradient(-180deg, #FCFCFC 0%, #DCDADA 100%);
border: 1px solid #B6B6B6;
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15);
float: left;
border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 16px;
font-weight: bold;
color: #555555;
padding:8px 15px;
letter-spacing: -0.21px;
cursor: pointer;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 10px 0 0 12px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
a.supt-blog-more-button:hover {
text-decoration: none;
cursor: pointer;
color: #555555;
}
a.supt-blog-more-button:focus {
color: white;
background-image: linear-gradient(-180deg, #DB0A5B 0%, #B00648 100%);
}
.supt-blog-date-wrap {
text-align: left;
margin-bottom: 10px;
}
.journal-contact-wrap {
color: #888877;
margin-top: 110px;
margin-bottom: 2em;
text-align: center;
}
.supt-date-span {
color: #757575;
font-size: 14px;
}
.supt-quote-header {
color: #5588bb;
font-family: 'AdobeCaslonProItalic', Georgia, 'Times New Roman', Times, serif;
font-size: 250%;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
clear: both;
}
.supt-quote-content {
padding: 0 10px 10px 10px;
}
.dispatch-byline {
color: #757575;
font-size: 14px;
font
}
.dispatch-byline span {
font-size: 125%;
color: #777;
}
.supt-pic {
background: transparent url(/_static/images/superintendent-thumbnail.jpg) 0 -2px no-repeat;
height: 150px;
width: 212px;
}
.supt-quote {
color: #888;
font-family: 'AdobeCaslonProItalic', Georgia, 'Times New Roman', Times, serif;
font-size: 120%;
margin: 1em 0;
}
.supt-sig {
color: #444;
margin: 10px 0 10px;
font-size: 19px;
text-align: center;
font-weight: bold;
}
.supt-dollars {
padding-top: 10px;
text-align: center;
height: 460px;
border-left:1px solid #ddd;
}
.supt-dollars2 {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-align: left;
height: auto;
border-left:2px solid #ddd;
}
.supt-dollars-title {
font-size:15px;
/* font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; */
color: #5588bb;
font-weight: bold;
}
.supt-dollar-title-link {
font-size:15px;
/* font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; */
color: #5588bb;
font-weight: bold;
text-decoration: none;
}
.supt-dollar-title-link2 {
font-size:13px;
/* font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; */
color: #5588bb;
font-weight: bold;
text-decoration: none;
}
.supt-dollar-image {
height: 110px;
width: 112px;
text-align: center;
padding: 15px 15px 15px 70px;
}
.supt-dollar-links {
float: left;
padding-left: 10px;
text-align: left;
width: 215px;
}
.supt-dollar-links a {
font-size:13px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #5588bb;
text-decoration:none;
list-style-type: none;
padding-bottom: 8px;
line-height: 1.5em;
}
.supt-dollar-image-full {
text-align: center;
padding-bottom: 10px;
margin-top: -10px;
}
.supt-dollars p {
text-align: left;
line-height: 1.5em;
}
.supt-dollar-links-full {
text-align: left;
padding-top: 5px;
}
.supt-dollar-links-full a {
font-size:13px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #5588bb;
text-decoration:none;
list-style-type: none;
line-height: 1.5em;
}
/* New Sup Section*/
#new_sup_section {
border: 1px solid #ddd;
padding: 13px 13px 30px 13px;
margin-bottom: 20px;
}
.sup-content {
padding: 0 90px;
}
.sup-content h2{
font-size: 37px;
font-weight: bold;
color: #1771b7;
}
.sup-content h3{
font-size: 27px;
font-weight: bold;
color: #0d3a5d;
}
/* New Slider styles */
.slider-trending {
position: relative;
width: 960px;
height: 385px;
}
.image-switching {
position: absolute;
padding-top: 5px;
left: 530px;
z-index: 2;
}
.img-switch ul {
list-style-type: none !important;
padding: 2px !important;;
height: 17px !important;;
width: 16px !important;
}
.img-switch li {
display: inline;
padding: 2px;
height: 17px;
width: 16px;
}
.img-switcher img {
padding: 3px;
width: 14px;
}
.step-active {
background: url(/_static/images/active-dot.png) no-repeat;
}
.step-inactive{
background: url(/_static/images/inactive-dot.png) no-repeat;
}
.slider-left {
position: absolute;
padding-top: 135px;
}
.slider-left-btn {
position: absolute;
background: url(/_static/images/slider-left.png) no-repeat;
/* padding-top: 136px; */
width: 52px;
height: 80px;
z-index: 2;
}
.slider-left-btn:hover {
position: absolute;
background: url(/_static/images/slider-left-hover.png) no-repeat;
/* padding-top: 136px; */
width: 52px;
height: 80px;
z-index: 2;
}
.slider-right {
position: absolute;
padding-top: 135px;
left: 658px;
}
.slider-right-btn {
position: absolute;
background: url(/_static/images/slider-right.png) no-repeat;
/* padding-top: 136px; */
width: 52px;
height: 80px;
z-index: 2;
}
.slider-right-btn:hover {
position: absolute;
background: url(/_static/images/slider-right-hover.png) no-repeat;
/* padding-top: 136px; */
width: 52px;
height: 80px;
z-index: 2;
}
/* Homepage cards*/
.card-wrapper {
float: left;
width: 228px;
height: 440px;
border: 1px solid #dddddd;
margin-bottom: 20px;
margin-top: 20px;
position: relative;
}
.card-wrapper a:hover {
color: #1771b7;
}
.card-image {
float:left;
height: 200px;
margin-bottom: 10px;
}
.card-content{
padding: 13px ;
}
h2.card-title {
font-size: 22px;
font-weight: bold;
line-height: 130%;
margin: 0 13px;
}
.card-title
.card-text {
color: #444444;
font-size: 17px;
line-height: 26px
}
.card-horiz-rule {
width:100%;
height: 1px;
background-color:#ddd;
position: absolute;
bottom: 44px;
}
.card-link {
font-size: 14px;
position: absolute;
bottom: 10px;
}
.card-link a{
text-decoration: none;
}
.card-link a:hover {
text-decoration: underline;
}
.card-link::after {
background-image: url(/_static/images/icons/blue-arrow-right.svg);
background-size: 9px 8px;
box-sizing: content-box;
content: "";
display: inline-block;
width: 9px;
height: 8px;
margin-left: 6px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
}
.cards-bottom-row {
margin-bottom: 20px;
}
#card1 {
margin-right: 13px;
}
#card2 {
margin-right: 13px;
}
#card3 {
margin-right: 13px;
}
#card4 {
margin-right: 0px;
}
#card5 {
margin-right: 13px;
margin-top: 0px;
}
#card6 {
margin-right: 13px;
margin-top: 0px;
}
#card7 {
margin-right: 13px;
margin-top: 0px;
}
#card8 {
margin-right: 0px;
margin-top: 0px;
}
#faq-banner {
margin-left: 20px;
background-color: #0D3A5D;
height: 95px;
width: 915px;
margin-bottom: 20px;
}
.icon-banner {
margin-top: 25px;
margin-left: 48px;
}
.banner-question {
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
margin-left: 110px;
margin-top:-35px;
width: 208px;
font-weight: bold;
}
.banner-help {
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
margin-left: 347px;
margin-top:-40px;
width: 285px;
text-align: center;
}
.banner-contact{
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
margin-left: 690px;
margin-top:-53px;
width: 150px;
text-align: center;
}
.banner-phone{
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
}
.sidebar-banner {
width: 262px;
height: 280px;
background-color: #0D3A5D;
margin-bottom: 30px;
}
.sidebar-banner2 {
width: 262px;
height: 320px;
background-color: #333333;
margin-bottom: 30px;
}
.sidebar-icon {
margin-top: 23px;
margin-left: 108px;
margin-bottom: 14px;
}
.sidebar-question {
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: bold;
text-align: center;
padding-bottom: 23px;
}
.sidebar-help {
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
text-align: center;
padding-bottom: 18px;
}
.sidebar-contact {
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
text-align: center;
}
.sidebar-phone{
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
}
/* =============================================================================
Header Alert
========================================================================== */
#header_alert {
width: 100%;
color: white;
background-color: #1771b7;
padding: 1px 0;
font-size: 15px;
font-weight: 600;
text-align: center;
}
/* =============================================================================
New Accessibility Styles
========================================================================== */
#toolbar_banner{
background-color: #F0F0F0;
padding-bottom: 10px;
}
#toolbar_banner_inner {
width: 960px;
margin: 0 auto;
}
button#main_search_field {
background-color: #1771b7 !important;
padding:6px 10px 6px 10px;
color: white;
border: none;
-webkit-appearance: inherit;
font-family: inherit;
font-size: 16px;
font-weight: bold;
}
button#main_search_field:focus {
background-color: #DB0A5B !important;
}
a.button-blue-standard {
background: #1771B7;
box-shadow: 0px 3px 6px 0 rgba(0,0,0,0.4);
border-radius: 5px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding:12px 20px;
cursor: pointer;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 10px 0 15px;
}
a.button-blue-standard:hover {
background-color: #145F9A;
text-decoration: none;
color: white;
cursor: pointer;
}
a.button-ghost-standard {
background: #1771B7;
border-radius: 5px;
font-size: 15px;
color: #1771b7;
padding:10px 15px;
letter-spacing: -0.21px;
cursor: pointer;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 10px 0 15px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
}
a.button-ghost-standard:hover {
background-color: #1771b7;
text-decoration: none;
color: white;
cursor: pointer;
}
ul.list-extra-spacing li {
padding-bottom: 20px;
}
/*
li.list-extra-spacing {
padding-bottom: 20px;
}
*/
.external-link{
background: url(/_static/images/icons/external-link.svg) no-repeat 100%;
padding-right: 22px;
}
.external-link::after {
content: " - External Link";
position: absolute;
left: -10000px;
top: auto;
}
.PDFlink:after {
content: " (PDF)";
}
a.skip-to-content {
position: absolute;
top: -99px;
left: 100px;
}
a.skip-to-content:focus {
top: 10px;
left: 100px;
padding: 10px 15px;
color: white;
background-color: #DB0A5B;
font-weight: bold;
text-decoration: none;
cursor: pointer;
border-radius: 5px;
}
.quick-tip {
background: rgba(23,113,183,.05);
border: 1px solid #ddd;
padding: 30px 20px 30px 20px;
max-width: 500px;
}
.qt-icon {
margin-bottom: 15px;
}
.qt-headline {
font-weight: bold;
color: #000;
display: block;
}
/* AddSearch Styles*/
.hidden {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
input.addsearch {
cursor: auto;
font-size: 19px;
padding: 20px 40px 20px 10px;
color: #444;
margin-bottom: 10px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 95% 50%;
background-size: 20px 20px;
border-left: 1px solid #D7D7D7;
border-top: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
position: relative;
left: 4px;
}
input.addsearch-pols-regs {
width: 55%;
cursor: auto;
font-size: 19px;
padding: 10px 40px 10px 10px;
color: #444;
margin-bottom: 20px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 95% 50%;
background-size: 20px 20px;
border: 1px solid #D7D7D7;
}
input.search-btn {
height: 43px;
width: 90px;
color: white;
background-color: #1771b7;
font-weight: bold;
border: 0;
box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, .4);
border-radius: 0px 5px 5px 0px;
}
/* NEW NEWS AREA STYLES*/
#news_box {
float: left;
margin-bottom: 17px;
}
#news_story_1, #news_story_2, #news_story_3 {
width: 312px;
float: left;
position: relative;
}
#news_story_1, #news_story_2 {
margin-right: 12px;
}
#news_thumbs {
margin-bottom: 20px;
}
#news_thumbs a {
text-decoration: none;
cursor: pointer;
}
#new_sup_section {
margin-bottom: 20px;
}
.story-img {
margin-bottom: 8px;
}
.story-img img {
border: 1px solid #ddd;
}
.story-headline {
font-size: 18px;
line-height: 23px;
color: #1771b7;
font-weight: bold;
text-decoration: underline;
}
.story-headline::after {
background-image: url(/_static/images/icons/blue-arrow-right-2.svg);
background-size: 7px 11px;
box-sizing: content-box;
content: "";
display: inline-block;
width: 7px;
height: 11px;
margin-left: 4px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: middle;
}
.news-horiz-rule {
margin: 35px 0 20px;
clear:both;
float: left;
width: 100%;
height: 1px;
background-color: #ddd;
}
label.search {
font-weight: bold;
color: #757575;
display: block;
}
/* New Board Meeting Notification */
section.live-stream-notification {
font-size: 1.375rem;
text-align: center;
background-color: #F5FBFF;
color: #1771b7;
border: 1px solid #ddd;
padding: 20px 40px;
}
section.live-stream-notification p {
margin: 10px 0;
}
section.live-stream-notification a, a:hover {
color: #1771b7;
}
.board-meeting-alert-header {
font-size: 1.6rem;
font-weight: bold;
text-align: center;
}
.board-meeting-language {
font-size: 1.25rem;
text-align: center;
}
.board-meeting-disclaimer {
font-size: .8125rem;
line-height: 14px;
}
.board-meeting-disclaimer-spanish p{
font-size: .8075rem;
line-height: 20px;
}
.special-notice {
width: 768px;
height: 192px;
border: 1px solid #dddddd;
margin-left: auto;
margin-right:auto;
margin-bottom: 40px;
margin-top: 20px;
position: relative;
}
.BTSR-notice {
display:inline-block;
width: fit-content;
/* height: 192px; */
margin-left: auto;
margin-right:auto;
/* margin-bottom: 40px; */
margin-top: 20px !important;
position: relative;
font-size: 22px !important;
font-weight: bold !important;
}
.BTSR-notice2 {
display:inline-block;
width: fit-content;
/* height: 192px; */
margin-left: auto;
margin-right:auto;
/* margin-bottom: 40px; */
margin-top: 20px !important;
position: relative;
font-size: 22px !important;
font-weight: bold !important;
align-content: center !important;
}
.BTSR-label {
font-size: 22px;
font-weight: bold;
line-height: 130%;
margin-bottom: 13px;
padding-bottom: 20px;
}
.BTSG {
border: none;
border-radius: 5px;
color: #1771b1;
background-color: #e8e8e8;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin-top: 15px;
margin-right: 2px;
margin-bottom: 15px;
margin-left: 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.BTSG:hover {
color: #1771b1 !important;
}
.BTSG1 {
background-color: #1771b1 !important;
color: #ffffff!important;
border: 0px !important;
}
.BTSG1:hover {
background-color: #145f9a !important;
color: #ffffff !important;
text-decoration: none;
}