@import url('normalize.css');
/* @fontface */

@import url(//fonts.googleapis.com/css?family=Oswald:400,700,300|Open+Sans:400,700);
/* -------- General -------- */

body {
    font-family: 'Oswald', Arial, Helvetica, sans-serif;
    color: #000;
    background: #d5e14d;
    font-size: 13px;
}
/* Links */

a {
    color: #f0812c;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}
/* Text Selection */

::-moz-selection {
    background: #008ea8;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #008ea8;
    color: #fff;
    text-shadow: none;
}

a.arrow {
    display: block;
    color: #f68428;
    padding: 0 0 0 18px;
    margin-bottom: 8px;
    line-height: 13px;
    background: url(../images/green-link-arrow.png) no-repeat 0 0;
}
/* Typography */

h1,
h2,
h3,
h4 {
    margin-bottom: 15px;
    font-weight: 400;
}

h6 {
    margin-bottom: 5px;
    font-weight: 400;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 25px;
    color: #2A77BB;
    bold
}

h5 {
    font-size: 25px;
}

h6 {
    font-size: 25px;
    color: #CA0002;
    bold
}
/* Nested Images */

img.left {
    margin: 0 10px 10px 0;
}

img.right {
    margin: 0 0 10px 10px;
}
/* Site Container */

#container {
    background-color: #fff;
    margin-top: 10px;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
}

#details {
    left: 0px !important;
    top: 80px !important;
}
/* Header */

header#top {
    position: relative;
    background: #008fa8;
    min-height: 137px;
}

.oeGlobalTab header#top {
    position: static;
}
/* Logo */

a.logo {
    width: 122px;
    height: 137px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../images/brand.jpg) no-repeat 0 0;
    margin: 0 0 0 20px;
    float: left;
}

a.logo-2 {
    width: 408px;
    height: 137px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    background: url(../images/brand-new.png) no-repeat 0 0;
    margin: 0 0 0 20px;
    float: left;
}


.social {
    position: absolute;
    right: 20px;
    top: 10px;
}

a.facebook,
a.youtube {
    position: relative;
    float: right;
    display: block;
    height: 26px;
    width: 26px;
    margin: 10px 0 0;
    text-indent: -9999px;
}

a.facebook {
    background: url(../images/facebook.jpg) no-repeat;
    margin: 10px 10px 0 0;
}

a.youtube {
    background: url(../images/youtube.jpg) no-repeat;
}
/* Navigation (Dropdown with other jQuery effects) */

nav {
    position: relative;
    float: right;
}

nav .title {
    color: #fff;
    font-size: 30px;
    line-height: 32px;
    font-weight: 400;
    text-align: right;
    margin: 18px 20px 18px 0;
}

nav ul {
    float: right;
}

nav ul li {
    list-style: none;
    border-right: 1px solid #fff;
    text-transform: uppercase;
}

nav ul li.last {
    border-right: none;
}

nav ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    display: block;
    padding: 0 18px;
    cursor: pointer;
}

nav ul li a:hover {
    color: #f0812c;
}
/* Drop Down Nav */

.nav,
.nav ul,
.sub-nav ul {
    list-style: none;
    font-weight: 400;
}

.nav {
    float: right;
    font-size: 14px;
}

.nav > li {
    float: left;
}

.nav > li > a {
    color: #fff;
    position: relative;
}

.nav > li:hover > a {
    color: #f0812c;
}

.nav li a,
.sub-nav li a {
    display: block;
    text-decoration: none;
}
/* drop down style */

.nav ul,
.sub-nav ul {
    position: absolute;
    display: none;
    z-index: 999;
    padding: 5px 0 5px 8px;
    background: url(../images/white-90.png);
}

.sub-nav ul {
    width: 117px;
    margin: 0;
    text-align: left;
}

.nav ul li,
.sub-nav ul li {
    border: none;
    padding: 0;
}

.nav ul li a,
.sub-nav ul li a {
    border-right: none;
    border-bottom: 1px solid #444;
    display: block;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 22px;
    color: #444;
    font-weight: 400;
    text-transform: none;
    cursor: pointer;
}

.nav ul li:hover a,
.sub-nav ul li:hover a {
    color: #008ea8;
}

.sub-nav ul li:hover a {
    text-transform: uppercase;
}

.nav li:hover ul.noJS {
    display: block;
}

.sub-nav {
    position: relative;
    color: #fff;
    line-height: 27px;
    margin: 15px 0 0 0;
    padding: 0;
    text-align: center;
}

.sub-nav > li {
    width: 125px;
    height: 30px;
    display: inline-block;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
}

.sub-nav > li > a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.sub-nav > li:hover a {
    background-image: url(../images/white-40.png);
}

.box-color-1,
.fusia {
    background-color: #b51a92;
}

.box-color-2,
.lightblue {
    background-color: #41bed6;
}

.box-color-3,
.purple {
    background-color: #532691;
}

.box-color-4,
.green {
    background-color: #c0d026;
}

.box-color-5,
.orange {
    background-color: #f0812c;
}

.box-color-6,
.bluegreen {
    background-color: #81cec7;
}

.box-color-7,
.pink {
    background-color: #dd0078;
}

.box-color-8,
.spark {
    background-color: #00728F;
}

.box-color-9,
.benefirRed {
    background-color: #000000;
}
/* Main Site Area */

#main {
    margin: 10px 0;
    position: relative;
}

ul.no-bullet {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.search {
    list-style: none;
    padding: 0;
    margin-left: 20px;
    position: relative;
    z-index: 10;
}

ul.search li {
    margin: 10px 0 0 0;
    font-size: 14px;
    position: relative;
}

ul.search > li > a {
    display: block;
    text-decoration: none;
    line-height: 35px;
    position: relative;
    z-index: 9;
    padding: 0 0 0 20px;
    background: url(../images/circle-arrow.jpg) no-repeat 0 10px;
}

ul.search li .info-box {
    display: none;
}

ul.search li:hover .info-box {
    display: block;
    position: absolute;
    z-index: 5;
}

.info-box {
    width: 420px;
    min-height: 35px;
    background: #fff;
    padding: 0 10px 0 123px;
    position: absolute;
    top: 0;
    left: -10px;
    box-shadow: #ddd 0 0 10px;
    -webkit-box-shadow: #ddd 0 0 10px;
    -moz-box-shadow: #ddd 0 0 10px;
    behavior: url(http://www.sabesjcc.org/css/PIE.htc);
}

.info-box p {
    height: 15px;
    list-style: none;
    margin: 5px 0 0 0;
    line-height: 15px;
    padding: 3px 0 5px 0;
    border: 1px solid #ddd;
    text-align: center;
}

.info-box p a {
    display: inline-block;
    font-size: 12px;
    padding: 0 10px;
    margin: 0;
    border-right: 1px solid #444;
    color: #444;
    text-decoration: none;
}

.info-box p a:hover {
    color: #f0812c;
}

.info-box p a:last-child {
    border: none;
}

.col1,
.col2,
.col3 {
    padding: 10px 0 0;
}

.col1 h2 {
    color: #532691;
    margin-left: 20px;
}

.cal {
    border: 2px solid #008ea8;
}

.cal h2 {
    font-size: 24px;
    color: #b51a92;
    padding: 10px;
    font-weight: 400;
}

.boxes {
    background: #cfe5eb;
    margin: 25px 0 20px 0;
    min-height: 300px;
    position: relative;
}

.boxes p,
.boxes ul {
    font: 11px/18px 'Open Sans', Arial, Helvetica, sans-serif !important;
}

.boxes p {
    padding: 0 10px 10px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    color: #444;
}

.boxes p.signup {
    padding: 0;
    position: absolute;
    bottom: 63px;
    left: 3px;
    width: 100%;
}

.boxes ul {
    color: #444;
    margin-top: 25px;
}

.boxes h3 {
    color: #fff;
    background: #008ea8;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    font-weight: 300;
}

a.button {
    display: block;
    width: 150px;
    line-height: 28px;
    background: #f0812c;
    text-align: center;
    cursor: pointer;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 35px;
    display: block;
    text-decoration: none;
}

a:hover.button {
    color: #f0812c;
    background: #f0812c url(../images/white-90.png);
}

a.button.login {
    bottom: 48px;
}
/* Footer */

footer {
    background: #008ea8;
    padding: 30px 0; /* Alex's Change 3.21.16 */
    position: relative;
}

footer p {
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
    margin: 0;
    color: #fff;
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer a:hover {
    color: #000;
}

footer p.copyright {
    text-align: center;
    font-size: 12px;
}

.site-map {
    width: 100%;
    margin: 20px 0 40px 0;
}

.column {
    float: left;
    width: 110px;
    margin-left: 20px;
}

.site-map a {
    display: block;
    text-decoration: none;
}

.site-map a:hover {
    color: #f0812c;
    text-decoration: underline;
}

.site-map h3 {
    font-size: 16px;
    font-weight: normal;
}

.site-map ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-map ul li a {
    font: 12px/14px Arial, Helvetica, sans-serif;
    color: #444;
    padding: 5px 0;
}

.site-map p {
    color: #ddd;
    padding-left: 10px;
}
/* --------- Custom -------- */

.box {
    min-height: 180px;
    background-color: #ddd;
    padding: 5px 20px;
    margin-bottom: 10px;
}
/* Category/Single Page Templates */

.inside #main {}




/* Sidebar Menu2 */ /* Alex's Addition 3.2.16 */

/*
ul.level1,
ul.level1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.level1 {
    min-height: 500px;
    margin-top: 103px;
    padding: 0 10px 0 0;
    border-right: 1px solid #008ea8;
}

ul.level1 li {
    margin-bottom: 3px;
}

ul.level1 li a {
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    text-decoration: none;
}

ul.level1 > li > a {
    padding: 7px;
    color: #008ea8;
}

.menu2 ul ul {
    position: absolute;
    top: 0;
    left: 7em;
    display: none;
}

.menu2 li:hover ul {
    position: absolute;
    top: 0em;
    left: 10em;
    display: block;
}

.menu2 li a {
    display: block;
    padding: 0.25em 0 0.25em 0.5em;
    text-decoration: none;
}

.menu2 li:hover {
    background: #008ea8;
}

.menu2 li.submenu {
    background: url(../images/white-90.png);
}

.menu2 ul.level1 li.submenu:hover ul.level2,
.menu2 ul.level2 li.submenu:hover ul.level3 {
    display:fixed;
}

ul.menu2,
ul.menu2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.menu2 {
    min-height: 500px;
    margin-top: 103px;
    padding: 0 10px 0 0;
    border-right: 1px solid #008ea8;
}
ul.menu2 li {
    margin-bottom: 3px;
}
*/


/* End of menu2 */




/* Sidebar Menu */

ul.menu,
ul.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.menu {
    min-height: 500px;
    margin-top: 103px;
    padding: 0 10px 0 0;
    border-right: 1px solid #008ea8;
}

ul.menu li {
    margin-bottom: 3px;
}

ul.menu li a {
    display: block;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    text-decoration: none;
}

ul.menu > li > a {
    padding: 7px;
    color: #008ea8;
}

ul.menu > li > a:hover,
.crrnt1 ul.menu > li.crrnt1 > a,
.crrnt2 ul.menu > li.crrnt2 > a,
.crrnt3 ul.menu > li.crrnt3 > a,
.crrnt4 ul.menu > li.crrnt4 > a,
.crrnt5 ul.menu > li.crrnt5 > a,
.crrnt6 ul.menu > li.crrnt6 > a,
.crrnt7 ul.menu > li.crrnt7 > a,
.crrnt8 ul.menu > li.crrnt8 > a,
.crrnt9 ul.menu > li.crrnt9 > a,
.crrnt10 ul.menu > li.crrnt10 > a {
    background: #008ea8;
    color: #fff;
}

/* Child menu */

ul.menu li ul {
    padding: 0 7px 7px 7px;
    background: #008ea8;
    display: none;
}

ul.menu li ul li {
    margin: 0;
}

ul.menu li ul li:first-child {
    padding-top: 7px;
    border-top: 1px solid #fff;
}

ul.menu li ul li a {
    display: block;
    text-transform: uppercase;
    color: #fff;
}

ul.menu li ul li a:hover {
    text-decoration: underline;
}

.crrnt1 ul.menu li.crrnt1 ul,
.crrnt2 ul.menu li.crrnt2 ul,
.crrnt3 ul.menu li.crrnt3 ul,
.crrnt4 ul.menu li.crrnt4 ul,
.crrnt5 ul.menu li.crrnt5 ul,
.crrnt6 ul.menu li.crrnt6 ul,
.crrnt7 ul.menu li.crrnt7 ul,
.crrnt8 ul.menu li.crrnt8 ul,
.crrnt9 ul.menu li.crrnt9 ul,
.crrnt10 ul.menu li.crrnt10 ul {
    display: block;
}

/* Inside Main Content */

article {}

.single article {
    padding: 0 0 0 20px;
}

.full article {
    padding: 0 20px;
}

article header {
    min-height: 63px;
    margin: 30px 0 -3px 0;
}

article header hgroup {
    min-height: 45px;
}

article header hgroup h1,
article header hgroup h2 {
    margin: 0;
}

article header hgroup h1 {
    line-height: 30px;
    color: #008ea8;
    text-transform: lowercase;
    font-weight: 300;
}

article header hgroup h2,
article h2 {
    color: #b92c92;
    text-transform: uppercase;
    font-weight: 400;
}

article h2,
article h3,
article p,
article ul,
article ol {
    margin-bottom: 18px;
    font-weight: 400;
}

article p,
article ul,
article ol {
    font: 14px/22px 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

article h2 {
    word-spacing: 4px;
}

article .link-boxes {
	min-height: 170px;
	text-align: center;
	font-family: Oswald, Arial, Helvetica, sans-serif;
}

article .link-boxes a {
    width: 111px;
    min-height: 161px;
    float: left;
    display: block;
    margin: 0 8px 8px 0;
    padding: 9px 9px 9px 9px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: lowercase;
}

article .link-boxes a img {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
}

article .link-boxes a.last {
    margin: 0 0 8px 0;
}

article .link-boxes a:hover {
    background-image: url(../images/white-40.png);
}
/* Main Sidebar */

aside {
    margin-top: 103px;
}

aside img {
    margin-bottom: 10px;
}

aside h2,
aside h3 {
    font-size: 17px;
    line-height: 19px;
    margin: 0 0 17px 0;
    font-weight: 300;
}

aside h2 {
    text-transform: lowercase;
}

aside h3 {
    text-transform: uppercase;
}

aside p.footnote {
    font-size: 11px;
    font-style: italic;
}

aside.cta {
    padding: 12px;
    background-color: #522f91;
}

aside.cta img {
    margin: 0;
}

aside.cta h2 {
    color: #c3cf21;
}

aside.cta h3 {
    color: #f1df00;
}

aside.cta p,
aside.cta ul,
aside.cta ol {
    color: #fff;
    font-weight: 300;
}
/* --------- Tools/Effects -------- */
/* Slideshows */

.effect-container {
    position: relative;
}
/* <---- Add to any grid_12 surrounding jQuery effect */

.slide {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    background: #eee;
}
/* Slideshow Navigation*/

.slider-styles {
	margin-left: 6px !important;
	/* margin-right: 5px !important; */
	width: 950px !important;
}

#slider-nav,
.navi {
    text-align: center;
    padding: 10px 0;
}

#slider-nav a,
.navi a {
    background-color: #bbb;
    margin: 0 2px;
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    behavior: url(http://www.sabesjcc.org/css/PIE.htc);
    box-shadow: inset #444 0 1px 0;
    -webkit-box-shadow: inset #444 0 1px 0;
    -moz-box-shadow: inset #444 0 1px 0;
    behavior: url(http://www.sabesjcc.org/css/PIE.htc);
}

#slider-nav a.current,
.navi a.active {
    background-color: #666;
}

#slider,
a.backward,
a.forward {
    height: 300px;
}
/* <--- Set Slideshow height */

#slider,
.scrollable {
    position: relative;
    z-index: 5;
}

a.backward,
a.forward,
a.prev,
a.next {
    width: 25px;
    position: absolute;
    top: 0;
    z-index: 6;
    text-indent: -9999px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-color: none;
    display: block;
}

a.backward,
a.prev {
    left: 0;
    background-image: url(../images/backward.png);
    background-position: left center;
}

a.forward,
a.next {
    right: 0;
    background-image: url(../images/forward.png);
    background-position: right center;
}
/* Slideshow */
/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/

.flexslider {
    width: 99%;
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    max-width: 100%;
    display: block;
    width: 100%;
    height: auto;
}

.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme
*********************************/

.flexslider {
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    zoom: 1;
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides > li {
    position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {
    zoom: 1;
    position: relative;
}
/* Caption style */
/* IE rgba() hack */

.flex-caption {
    zoom: 1;
}

.flex-caption {
    width: 100%;
    height: 100px;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/blue-overlay.png) repeat;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 142, 168, .3);
    font-size: 16px;
    line-height: 18px;
}

.flex-caption h2 {
    font-size: 24px;
    padding: 20px 0 0 50px;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}

.flex-caption p {
    padding-left: 50px;
    margin: 0;
}
/* Direction Nav */

.flex-direction-nav {
    height: 0;
}

.flex-direction-nav li a {
    width: 52px;
    height: 52px;
    margin: -13px 0 0;
    display: block;
    background: url(../images/bg_direction_nav.png) no-repeat;
    position: absolute;
    top: 344px;
    cursor: pointer;
    text-indent: -999em;
}

.flex-direction-nav li .next {
    background-position: -52px 0;
    right: 0;
}

.flex-direction-nav li .prev {
    left: 0;
}

.flex-direction-nav li .disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default;
}
/* Control Nav */

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
    display: none;
}

.flex-control-nav li {
    margin: 0 0 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-nav li:first-child {
    margin: 0;
}

.flex-control-nav li a {
    width: 13px;
    height: 13px;
    display: block;
    background: url(../images/bg_control_nav.png) no-repeat;
    cursor: pointer;
    text-indent: -999em;
}

.flex-control-nav li a:hover {
    background-position: 0 -13px;
}

.flex-control-nav li a.active {
    background-position: 0 -26px;
    cursor: default;
}
/* Scrollable */

.scrollable,
a.prev,
a.next,
.items div {
    height: 300px;
}
/* <--- Set Scrollable height */

.scrollable {
    overflow: hidden;
    width: 100%;
}

.scrollable .items {
    width: 20000em;
    position: absolute;
    clear: both;
}

.items div {
    width: 700px;
    float: left;
}
/* <--- Set width/height of slide */
/* Accordian Horizontal */

#accordion-hori {
    background: #eee;
    height: 115px;
    padding: 14px 0 14px 14px;
    border: 1px solid #ddd;
}
/* accordion header */

#accordion-hori img {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#accordion-hori img.current {
    cursor: default;
    opacity: 1;
    filter: alpha(opacity=100);
}
/* accordian content */

#accordion-hori div {
    width: 0px;
    float: left;
    display: none;
    margin-right: 10px;
    overflow: hidden;
}

#accordion-hori div h3,
#accordion-hori div p {
    width: 270px;
}
/* <--- Set width of accordian content */

#accordion-hori div h3 {
    color: #444;
    margin: 0 0 -10px 0;
}
/* Accordian Vertical */

#accordion-vert {
    background: #333;
    width: 98%;
    border: 1px solid #333;
    -background: #666;
}
/* accordion header */

#accordion-vert h2 {
    background: #ccc;
    margin: 0;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: normal;
    border: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

#accordion-vert h2.current {
    cursor: default;
    background-color: #fff;
}
/* accordion content */

#accordion-vert .pane {
    border: 1px solid #fff;
    border-width: 0 2px;
    display: none;
    height: 155px;
    padding: 15px;
    color: #fff;
}
/* Tabs */

ul.tab-nav {
    border-bottom: 1px solid #666;
    margin: 0 !important;
    padding: 0;
    height: 30px;
}

ul.tab-nav li {
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.tab-nav a {
    border: 1px solid #666;
    background-color: #efefef;
    color: #777;
    font-size: 13px;
    padding: 5px 30px;
    float: left;
    text-decoration: none;
    display: block;
    border-bottom: 0px;
    height: 18px;
    margin-right: 2px;
    position: relative;
    top: 1px;
    outline: 0;
}

ul.tab-nav a:hover {
    background-color: #F7F7F7;
    color: #333;
}

ul.tab-nav a.current {
    background-color: #ddd;
    border-bottom: 1px solid #ddd;
    color: #000;
    cursor: default;
}
/* tab content */

.panes {
    position: relative;
    margin-bottom: 10px;
}

.panes .tab {
    min-height: 128px;
    background-color: #ddd;
    border: 1px solid #666;
    padding: 15px 20px;
    border-width: 0 1px 1px 1px;
    display: none;
}
/* Tooltips (add .tip and a title to any link - <a class="tip" href="#" title="Tooltip contents"></a>) */

.tooltip,
.error {
    color: #fff;
    background-color: #222;
    font-size: 12px;
    /* <---- Set Tooltip Color */
    
    min-height: 15px;
    margin: 0 0 2px;
    padding: 6px 12px 4px 12px;
    position: relative;
    z-index: 9;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(http://www.sabesjcc.org/css/PIE.htc);
}

.tooltip em,
.error em {
    border: 10px solid;
    border-color: #222 transparent transparent;
    /* <---- Set Tooltip arrow color */
    
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 43%;
    bottom: -18px;
}

.tooltip p,
.error p {
    margin: 0;
}
/* Overlay */

.overlay {
    /* Set width of model window */
    
    min-width: 300px;
    padding: 20px;
    display: none;
    background: #fff;
    z-index: 10000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: #222 0 2px 5px;
    -webkit-box-shadow: #222 0 2px 5px;
    -moz-box-shadow: #222 0 2px 5px;
    behavior: url(http://www.sabesjcc.org/css/PIE.htc);
}

.overlay .close {
    height: 28px;
    width: 28px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    z-index: 10000;
    background-image: url(../images/apple-close.png);
}
/* Gallery Thumbnails */

.gallery a {
    margin: 0 4px 4px 0;
    display: inline-block;
}
/* Custom Twitter Feed */

#twtr-widget-1 {}

.twtr-hd,
.twtr-ft,
.twtr-user {
    display: none !important;
    visibility: hidden !important;
}

.twtr-tweet-text em,
.twtr-tweet-text em a {}
/* --------- Helper Classes -------- */
/* For image replacement */

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.ir br {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.clear {
    clear: both
}
/* --------- Media Queries -------- */

@media only screen and (min-width: 480px) {
    /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports 768px and over go here */
}
/* --------- Print Styles -------- */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}