@import url(//fonts.googleapis.com/css?family=Raleway:400,700);
@import url(//fonts.googleapis.com/css?family=Raleway:400,700);
@import url(//fonts.googleapis.com/css?family=Raleway);
@import url(//fonts.googleapis.com/css2?family=Raleway);

html,
#aspnetForm {
  overflow-x: hidden;
}

body {
 background: #ffffff;
 color: #005e9e;
 text-align: left !important;
 font-size: 100%;
 font-family: 'Raleway', sans-serif;
 margin: 0px;
 padding: 0px;
}

#backr {
 height: 640px;
 display: block;
 position: absolute;
 top: -35px;
 left: 0px;
 width: 100%;
 border-bottom: 5px solid #ffffff;
}
#backr img { top: auto !important; bottom: -28% !important; }

body #pub-wrapper {
 background: none transparent;
 border-bottom: none;
}

#pub-container {
 max-width: 960px;
 width: 100% !important;
 padding: 5px;
}


#wrapper {
 width: 100%;
 height: 100%;
 position: relative;
}



.container {
 max-width: 980px;
 margin: 0px auto;
}

.float-left {
 float: left;
}

.float-right {
 float: right;
}

.clear {
 clear: both;
}

.break-word {
 word-wrap: break-word;
}

.padding {
 padding: 20px;
}

p {
 line-height: 150%;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0px;
 font-family: inherit;
}

td, p, li {
 font-size: 100%;
 font-family: inherit;
}

a, a:hover {
 font-size: 100%;
 font-family: inherit;
}

a:link, a:visited, a:active {
 text-decoration: none;
}

a:hover{
 text-decoration: underline;
}

#search {
 width: 150px !important;
 font-size: inherit !important;
 top: 0px !important;
}

.divSearchBox {
 margin: 0px !important;
 padding: 0px !important;
}

.divSearchBox input {
 height: 19px !important;
 border: 1px solid #808080;
 padding: 0px !important;
 margin: 0px !important;
}

.divSearchBox .SearchButton {
 padding: 0px !important;
}

#pub-school-dropdown {
 padding: 0px 10px 0px 0px !important;
}

#pub-translate-dropdown {
 padding: 0px 0px 0px 8px !important;
}

#userlink,
#userlink a {
/* color: #005e9e !important; */
 text-transform: uppercase;
 font-family: 'Raleway', sans-serif !important;
 font-weight: 400;
 top: 5px !important;
 text-decoration: none;
}

#userlink a:hover {
 font-family: 'Raleway', sans-serif !important;
 font-weight: 400;
}

#pub-links {
 width: auto !important;
 position: relative;
 top: 3px;
 padding-top: 0px !important;
}

.PublishedLinkMenu li a:link, .PublishedLinkMenu li a:active, .PublishedLinkMenu li a:visited {
/* color: #005e9e !important; */
 text-transform: uppercase;
 font-family: 'Raleway', sans-serif !important;
 font-weight: 400;
 text-decoration: none;
}

.PublishedLinkMenu li a:hover {
 font-family: 'Raleway', sans-serif !important;
 font-weight: 400;
 color: #ffffff;
}

.PublishedLinkMenu ul.pl_more_topnav li #more_link {
/* color: #005e9e !important; */
}

html .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a {
 color: #0000000 !important;
}

html .PublishedLinkMenu ul.pl_more_topnav li ul.pl_more li a:hover {
 color: #ffffff !important;
}

.modal {
    display: none; 
    position: fixed; 
    z-index: 90000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    z-index: 90000;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 0px 20px 20px 20px;
    border: 3px solid rgb(253, 185, 19);
    width: 50%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal img {
    max-width: 100%;
    max-height: 100%;
}

/* ==============================
             COLORS
============================== */

/*** Green ***/
.dominant-color {
 background: #FDB913;
}

.telerik_main_menu .rmRootGroup a { 
 color: #fdb913;
}

.telerik_main_menu .rmRootGroup a span {
 color: #fdb913;
}

.telerik_main_menu .rmRootGroup a.rmExpanded span.rmExpandDown {
 background: #ffffff;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup {
 border: 6px solid #FDB913;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 {
 border-top: 6px solid #FDB913;
 border-bottom: 6px solid #FDB913;
 border-right: 6px solid #FDB913;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmItem {
 border-left: 6px solid #FDB913;
}
.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmLast {
 border-left: 6px solid #FDB913;
}

.homepage .main-content h1.title,
.homepage .sidebar h1.title,
.subpage .main-content h1.title {
 border-bottom: 4px solid #FDB913;
}

#news-summary .content a.title:hover {
 color: #FDB913;
}

#news-summary .content a.read-more {
 background: #FDB913;
}

#news-summary .content a.read-more:hover {
 color: #FDB913;
}

.ptl_upcomingevents_date .ptl_upcomingevents_month {
 background: #ffffff;
}

.ptl_upcomingevents_details .event_title:hover {
 color: #FDB913;
}

.ptl_upcomingevents_footer .more_events:link, 
.ptl_upcomingevents_footer .more_events:visited, 
.ptl_upcomingevents_footer .more_events:active {
 background: #FDB913;
}

.quicklinks li:before {
 background: #FDB913;
}

.quicklinks li a:hover {
 color: #ffffff;
}

.sitenavl0 a:hover {
 color: #FDB913;
}

.currentpage a {
 color: #fdb913;
}
      
.sitenavl1 a:before {
 background: #FDB913;
}

.sitenavl1 a:hover {
 color: #FDB913;
}

.label_skin_corporation,
.label_skin_corporation a {
 color: #FDB913;
}



/*** Blue ***/
.secondary-color {
 background: #005e9e;
}

#userlink,
#userlink a {
 color: #005e9e !important;
}

.PublishedLinkMenu li a:link, .PublishedLinkMenu li a:active, .PublishedLinkMenu li a:visited {
 color: #005e9e !important;
}

.PublishedLinkMenu ul.pl_more_topnav li #more_link {
 color: #005e9e !important;
}

.telerik_main_menu .rmGroup a {
 color: #005e9e;
}

.telerik_main_menu .rmGroup a span {
 color: #005e9e;
}

.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
 background: #005e9e;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
 background: #005e9e;
}

.telerik_main_menu .rmLevel2 a:hover,
.telerik_main_menu .rmLevel2 a.rmExpanded,
.telerik_main_menu .rmLevel2 a.rmFocused,
.telerik_main_menu .rmLevel2 a.rmSelected {
 background: #005e9e !important;
}

.banner h3 a{
 color: #FDB913;
 font-size: 22px;
 background: #FDB913;
 padding: 6px 10px;
}

.banner h3 a:hover{
 text-decoration: none;
}

.ribbon .ribbon-content:before {
 border-color: transparent transparent #005e9e transparent;
}

.ribbon .ribbon-content:after {
 border-color: transparent transparent transparent #005e9e;
}

.homepage .main-content h1.title,
.homepage .sidebar h1.title,
.subpage .main-content h1.title {
 color: #005e9e;
}

#news-summary .content a.title {
 color: #005e9e;
}

#news-summary .content a.read-more {
 color: #005e9e;
}

#news-summary .content a.read-more:hover {
 background: #005e9e;
}

.ptl_upcomingevents_footer .more_events:link, 
.ptl_upcomingevents_footer .more_events:visited, 
.ptl_upcomingevents_footer .more_events:active {
 color: #005e9e;
}

#breadcrumbs a {
 color: #005e9e;
}



/* ==============================
           HEADER STYLES
============================== */

#header {
    height: 140px;
    background-color: rgb(253,185,19) !important;
}

#header .container {
/*  background-image: url('/Common/resources/DesignPortfolio/SiteThemes/prestige/green/logo-watermark.png'); */
 background-repeat: no-repeat;
 background-position: top right;
}

#header .logo {
 background-image: url('http://www.hebrewday.org/UserFiles/Servers/Server_106016/Image/New%20HDS%20Logo/HDS_logo_isolated2.png');
 background-repeat: no-repeat;
 background-position: top left;
 height: 130px;
 width: 90%;
 margin: 8px 0px;
}

#header .logo h1 {
  margin: 20px 0 10px 70px;
}

#header .logo h1 a {
 margin-left: 180px;
 color: #005e9e;
 /*font-family: 'Raleway', sans-serif;*/
 font-family: 'Raleway', sans-serif;
 text-transform: Capitalize;
 font-size: 110%;
 font-weight: 400;
}

#header .logo h1 a:hover {
 text-decoration: none;
 opacity: 0.8;
}

#header .logo h2 {
 /*font-family: 'Raleway', sans-serif;*/
/* color: #D7FF81; */
 font-family: 'Raleway', sans-serif;
 font-size: 160%;
 font-weight: 400;
 margin-left: 250px;
 line-height: 20pt;
}

#header .container .float-right {
 width: 0%;
}

/* ==============================
            MENU STYLES
============================== */

#menubar {
 height: 50px;
 position: relative;
}

.inner-bar {
 padding-top: 7px;
}

/* ==============================
                      TELERIK MENU STYLES
============================== */

/* == TOP LEVEL == */

.telerik_main_menu a,
.telerik_main_menu a:hover {
 text-decoration: none;
 font-size: 115%;
 font-weight: bold;
}

.telerik_main_menu .rmText {
 padding-top: 8px !important;
 padding-bottom: 10px !important;
}

.RadMenu .rmItem {
 height: auto;
}

.RadMenu .rmText {
 color: #FFFFFF;
 font-weight: 400;
}

.RadMenu .rmLink {
 float: left;
 outline: 0 none;
 padding-left: 0px !important;
}

.RadMenu .rmHorizontal .rmText {
 padding-right: 13px !important;
 padding-left: 13px !important;
}

.RadMenu .rmGroup .rmText {
 margin-left: 0px !important;
}

.rmrootGroup .rmHorizontal li.rmItem {
 margin-left: 10px;
}

/* == TOP LEVEL NORMAL STATE == */
.telerik_main_menu .rmRootGroup a {
 text-decoration: none;
/* color: #FDB913; */
}

.telerik_main_menu .rmRootGroup a span {
 text-decoration: none;
/* color: #FDB913; */
}

/* == TOP LEVEL OVER AND FOCUSED STATE == */
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused span,
.telerik_main_menu .rmRootGroup a.rmFocused {
 text-decoration: none;
 color: #ffffff;
}

.telerik_main_menu .rmRootGroup a:hover span {
 color: #FFFFFF;
}

.telerik_main_menu .rmRootGroup a.rmExpanded span.rmExpandDown {
 text-decoration: none;
 color: #fdb913;
/* background: #FDB913; */
 border-radius: 5px 5px 0px 0px;
}

/* == DROPDOWN NORMAL STATE == */
.telerik_main_menu .rmGroup a {
 background: #F5F5DB;
/* color: #005e9e; */
 text-decoration: none;
 font-size: 90%;
 font-weight: normal;
 text-shadow: none;
}



.telerik_main_menu .rmGroup a span {
 background: #FFFFFF;
/* color: #005e9e; */
 text-decoration: none;
 font-size: 112.5%;
 font-weight: light;
 text-shadow: none;
}

.telerik_main_menu .rmGroup .rmItem .rmExpandRight {
 background: url('/Common/resources/DesignPortfolio/SiteThemes/wave/v2/icon-arrow.png') no-repeat;
 background-position: 235px 12px;
}

/* == DROPDOWN OVER AND FOCUSED STATE == */
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
/* background: #005e9e; */
 color: #FFFFFF;
 text-decoration: none;
 border-bottom: none !important;
 text-shadow: none;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
/* background: #005e9e; */
 color: #FFFFFF;
 text-decoration: none;
 border-bottom: none !important;
 text-shadow: none;
}

.wrapword .rmGroup .rmLink {
 width: 250px !important;
}

/* == LEVEL ONE SUBMENU NORMAL OVER - EXPANDED == */
.telerik_main_menu .rmLevel1 li:hover span.rmExpandRight,
.telerik_main_menu .rmLevel1 a.rmExpanded .rmExpandRight,
.telerik_main_menu .rmLevel1 a.rmFocused .rmExpandRight,
.telerik_main_menu .rmLevel1 a:hover .rmExpandRight {
 background-color : #F5F5DB;
 color: #093349;
 text-decoration: none;
 background-image: url('/Common/resources/DesignPortfolio/SiteThemes/wave/v2/icon-arrow.png');
 background-position: 235px 12px;
 background-repeat: no-repeat;
}



.telerik_main_menu .rmLevel1 li:hover span.rmExpandRight,
.telerik_main_menu .rmLevel1 a:hover .rmExpandRight {
 background-color : #005e9e;
 color: #FFF;
} 


.telerik_main_menu .rmLevel2 li:hover span.rmExpandRight,
.telerik_main_menu .rmLevel2 a:hover .rmExpandRight {
 background-color : #005e9e;
 color: #FFF;
} 



.telerik_main_menu .rmLevel1 li .rmLevel2 span.rmExpandRight {
 background: none;
color:#093349;
}




.telerik_main_menu .rmLevel1 li:hover .rmLevel2 span.rmExpandRight
.telerik_main_menu .rmLevel1 a:hover .rmLevel2 span.rmExpandRight{
 background: none;
    color:#FFF; 
}

.telerik_main_menu .rmLevel1 a.rmExpanded .rmExpandRight a:hover,
.telerik_main_menu .rmLevel1 a.rmExpanded .rmExpandRight:hover,
.telerik_main_menu .rmLevel1 a.rmExpanded .rmExpandRight a:active,
.telerik_main_menu .rmLevel1 a.rmExpanded .rmExpandRight:active{
color: #FFF !important;
}


.telerik_main_menu .rmLevel1 .rmLink a.rmFocused .rmExpandRight:hover {
color: #FFF !important;
}


.telerik_main_menu .rmLevel2 li span.rmExpandRight,
.telerik_main_menu .rmLevel2 a .rmExpandRight {
background-color : #F5F5DB;
 color: #093349;
} 








/* == DROPDOWN BORDER == */
.RadMenu .rmRootGroup .rmItem ul.rmGroup {
/* border: 7px solid #FDB913; */
 padding-bottom: 0;
 border-radius: 0px 5px 5px 5px;
}

.RadMenu .rmRootGroup .rmItem ul.rmFirst {
 border-radius: 5px 5px 0px 0px
}

.RadMenu .rmRootGroup .rmItem ul.rmLast {
 border-radius: 0px 0px 5px 5px
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 {
/* border-top: 7px solid #FDB913; */
/* border-bottom: 7px solid #FDB913; */
/* border-right: 7px solid #FDB913; */
 border-left: none;
 border-radius: 0px 5px 5px 5px;
 padding-bottom: 0px;
 position: relative;
 top: -6px !important;
 background: #f5f5db;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmItem {
/* border-left: 6px solid #FDB913; */
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmFirst {
 border-left: 6px solid #f5f5db !important;
}

.RadMenu .rmRootGroup .rmItem ul.rmGroup li ul.rmLevel2 li.rmLast {
/* border-left: 6px solid #FDB913; */
}

 /* == LEVEL TWO SUBMENU NORMAL STATE == */
.telerik_main_menu .rmLevel2 li,
.telerik_main_menu .rmLevel2 a span,
.telerik_main_menu .rmLevel2 a:hover
{
 background: #F5F5DB;
 color: #093349;
 text-decoration: none;
}

/* == LEVEL TWO SUBMENU OVER STATE == */ 
.telerik_main_menu .rmLevel2 a:hover,
.telerik_main_menu .rmLevel2 a.rmExpanded,
.telerik_main_menu .rmLevel2 a.rmFocused,
.telerik_main_menu .rmLevel2 a.rmSelected {
/* background: #ffffff !important; */
 color: #FFFFFF !important;
}

/* ==============================
         MOBILE MENU CSS
============================== */

#mobile-bar {
 height: 34px;
 display: none;
 position: relative; 
 top: 0px;
 width: 100%;
 z-index: 2;
 text-align: left !important;
 padding-top: 16px;

}

.reso-m-btn {
 background: url('/Common/resources/DesignPortfolio/SiteThemes/prestige/green/reso-m-btn.png');
 background-position: 0px 0-2px;
 background-repeat: no-repeat;
 width: 25px;
 height: 25px;
 display: block;
 cursor: hand;
 margin: 0px 10px 0px 20px;
 float: left;
}

.mm-list > li > a, .mm-list > li > span{
 text-align: left;
 font-size: 100%;
 font-family: inherit;
}

a#mobile-bar:link,
a#mobile-bar:hover {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 112%;
 font-family: inherit;
}


/* ==============================
        HOME PAGE STYLES
============================== */

/* == BANNER == */
.banner {
 /*margin-top: 20px;*/
 margin-top: 50px;
}

.banner .col {
 width: 33%;
 float: left;
 position: relative;
 text-align: center;
}

.banner h3 {
 margin-top: 35px;
 text-transform: uppercase;
 color: #FDB913;
 padding: 10px;
 position: relative;
}

.banner p {
 margin: 0px 15px 15px;
 font-size: 87.5%;
}

.banner .ptl_portlet_vertical {
 overflow: visible;
 overflow-x: visible;
}

.homepage .nivoSlider {
 box-shadow: none !important;
 border-radius: 50%;
 border: 6px solid #ffffff;
 box-sizing: border-box;
 -moz-box-sizing:border-box; /* Firefox */
 behavior: url('/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc');
}

.homepage .nivoSlider img {
 box-shadow: none !important;
 border-radius: 50%;
 behavior: url('/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc');
}

.bannerContainer {
 z-index: 10;
 margin: 0px auto;
 padding: 0px 5px;
}

.banner h3:before {
 background: url('/Common/resources/DesignPortfolio/SiteThemes/prestige/green/banner-shadow.png');
 background-repeat: no-repeat;
 background-size: 100%;
 max-width: 300px;
 max-height: 40px;
 width: 100%;
 height: 100%;
 content: "";
 display: block;
 margin: 0px auto;
 position: absolute;
 top: -52px;
}

/* == WELCOME RIBBON == */


/* == QUICK LINKS ANIMATION == */

.hoverImages li img {
    float:left;
    display: block;
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;    
    transition: transform 0.2s ease-out;    
    margin: 7px;
}
 
.hoverImages li img:hover {
    -ms-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -moz-transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    transform: translate(0px, -5px);
}

.welcome-message {
 position: relative;
 z-index: 1;
 margin-bottom: 0px;
}

.subpage .welcome-message {
 margin-top: 60px;
}

.ribbon {
 font-size: 16px !important;
 position: relative;
 color: #Ffffff;
 text-align: center;
 padding: 10px;
 margin: 1em auto 0em; 
}

.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 top: -1em;
 border: 3.5em solid #E2A412;
 z-index: -1;
}

.ribbon:before {
 left: -5em;
 border-right-width: 5em;
 border-left-color: transparent;
}

.ribbon:after {
 right: -5em;
 border-left-width: 5em;
 border-right-color: transparent;
}

.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 top: -1em;
}

.ribbon .ribbon-content:before {
 left: 0;
 border-width: 0em 0em 1em 3.5em;
}

.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 0 0 3.5em;
}

.ribbon-content .inner {
 border: 2px solid #BC870B;
 min-height: 125px;
 padding: 5px 10px 10px;
}

.subpage .ribbon-content .inner {
 min-height: inherit;
 padding: 0px;
}

.welcome-message h1 {
 font-family: 'Lusitana',serif;
 text-transform: uppercase;
 font-weight: 400;
}

.subpage .welcome-message h1 {
 font-size: 175%;
}

.welcome-message p {
 margin: 0px;
 font-family: 'georgia',serif;
 font-style: italic;
 color: #3c5310;
 font-size: 110%;
}

.homepage #page {
 padding-bottom: 30px;
}


.homepage #page .row {
 margin-bottom: 0px;
}

.homepage .main-content,
.subpage .main-content {
 width: 65%;
}

.homepage .main-content .inner {
 padding-right: 20px;
}

.homepage .sidebar .inner {
 padding: 0px 10px 20px;
}

.homepage .main-content .row,
.homepage .sidebar .row {
 padding: 30px 0px 0px;
}

.homepage .main-content h1.title,
.homepage .sidebar h1.title,
.subpage .main-content h1.title {
 font-family: 'Lucinda',serif;
 font-weight: 400;
 text-transform: uppercase;
/* color: #005e9e; */
/* border-bottom: 4px solid #FDB913; */
 font-size: 175%;
 padding: 0px;
 margin-bottom: 20px;
}

.homepage .sidebar,
.subpage .sidebar {
 width: 35%;
 background-image: url('/Common/resources/DesignPortfolio/SiteThemes/prestige/green/diagonal-texture-40.png');
 min-height: 421px;
}

.homepage .sidebar h1.title {
 color: #ffffff;
 text-align: center;
}

/* == NEWS SUMMARY == */

#RSSLink {
  position: absolute;
  right: 0px;
  top: -62px;
}

.homepage .main-content .row .ptl_portlet_vertical {
 overflow: visible !important;
}

.homepage .main-content .row #divContent {
  position: relative;
}

#news-summary .row {
 padding: 0px;
 margin-bottom: 25px !important;
}

#news-summary .content a.title {
/* color: #005e9e; */
 font-size: 110%;
 padding: 0px;
}

#news-summary .content a.title:hover {
/* color: #FDB913; */
}

#news-summary .content .summary {
 font-size: 87.5%;
}

#news-summary .content a.read-more {
/* background: #FDB913; */
/* color: #005e9e; */
 font-size: 87.5%;
}

#news-summary .content .date {
 font-size: 75%;
}

#news-summary .content a.read-more:hover {
/* background: #005e9e; */
/* color: #FDB913; */
}

/* == UPCOMING EVENTS == */

.ptl_upcomingevents {
 padding: 0px 10px;
}

.ptl_upcomingevents_item {
 height: auto;
}

.ptl_upcomingevents_events {
 margin-left: 65px !important;
}

.ptl_upcomingevents_date {
 float: left;
 font
 text-align: center;
 width: 52px;
 height: 52px;
 border: none !important;
 box-shadow: none !important;
 background: #F5F5DB !important;
}

.ptl_upcomingevents_date .ptl_upcomingevents_month {
/* background: #FDB913; */
 color: #fdb913;
 display: block;
 font-size: 100%;
 font-family: 'droid sans', sans-serif;
 letter-spacing: 1px;
 text-transform: uppercase;
 font-weight: 700;
 padding: 1px;
}

.ptl_upcomingevents_details .event_title {
 color: #FFFFFF;
 font-size: 100%;
 font-weight: normal;
}

.ptl_upcomingevents_date .ptl_upcomingevents_day {
 color: #093349;
 display: block;
 font-size: 175%;
 font-family: 'droid sans', sans-serif;
 font-weight: 400;
 position: relative;
 top: -2px;
 padding: 0px;
}

.ptl_upcomingevents_details .event_title:hover {
 font-size: 100%;
/* color: #FDB913; */
 font-weight: normal;
 text-decoration: none;
} 

.ptl_upcomingevents_details {
 margin-bottom: 1.5em;
}

.ptl_upcomingevents_details .event_time {
 font-family: arial, sans-serif;
 color: #848487; 
 font-weight: light;
}

.ptl_upcomingevents_footer .more_events:link, 
.ptl_upcomingevents_footer .more_events:visited, 
.ptl_upcomingevents_footer .more_events:active {
/* background: #FDB913; */
/* color: #005e9e; */
 padding: 5px;
 text-decoration: none;
 font-size: 85%;
 font-weight: 400;
 padding: 4px 10px;
}

.ptl_upcomingevents_footer .more_events:hover {
 text-decoration: underline;
}

.ptl_upcomingevents_footer .ptl_upcomingevents_buttons {
 margin-left: 7px !important;
 margin-right: 20px !important;
}

.ptl_upcomingevents_footer {
 height: 30px;
 margin-top: 10px;
}

/* == Quick Links == */

ul.quicklinks {
 padding-left: 10px;
}

.quicklinks li {
 padding: 5px 0px;
 list-style: none;
}

.quicklinks li:before {
 width: 10px;
 height: 10px;
 display: block;
/* background: #FDB913; */
 border-radius: 50%;
 content: "";
 float: left;
 position: relative;
 top: 4px;
 margin-right: 10px;
 behavior: url('/common/resources/designportfolio/sitethemes/commonlib/scripts/PIE.htc');
}

.quicklinks li a {
 color: #FFFFFF;
 font-size: 112.5%;
}

.quicklinks li a:hover {
/* color: #FDB913; */
 text-decoration: none;
}

.social-media {
 text-align: center;
}

/* ==============================
        SUBPAGE STYLES
============================== */

#breadcrumbs {
 padding: 5px;
 background-color: rgba(249, 179, 11, .9) !important;
 color: #FFFFFF;
}

#breadcrumbs div {
 border: 2px solid #E2A412;
 padding: 3px;
}

#breadcrumbs a {
/* color: #005e9e; */
}

#breadcrumbs a:hover {
 text-decoration: none;
 color: #FFFFFF;
}

.subpage .main-content {
 width: 70%;
}

.subpage .sidebar {
 width: 30%;
}

.subpage .main-content .inner {
 padding: 20px;
 background: #ffffff;
 min-height: 381px;
}

.subpage #page {
 margin-top: 30px;
}

.subpage #page .one {
 
}

/*== START OF SUB NAV STYLES ==*/

#inside-nav {
 padding: 15px 0px;
}

.sitenavl0 {
 padding-left: 0px;
}

.sitenavl0 a {
 padding: 10px 20px;
 color: #fdb913;
 display: block;
}

.sitenavl0 a:hover {
/* color: #FDB913; */
 text-decoration: none;
}

.currentpage a {
/* color: #FDB913; */
}

.sitenavl1 {
 padding: 2px 15px 2px 40px;
 position: relative;
}

.sitenavl1 a:before {
/* background: #FDB913; */
 width: 9px;
 height: 9px;
 content: "";
 position: absolute;
 left: 20px;
 top: 7px;
 border-radius: 50%;
}

.sitenavl1 a {
 padding: 2px 0px;
 color: #FFFFFF;
 display: block;
 font-size: 90%;
}

.sitenavl1 a:hover {
 text-decoration: none;
/* color: #FDB913; */
}


/*******/

.title {
 text-align: center;
 position: relative;
 padding: 15px 0px !important;
}

.title .dot-left,
.title .dot-right {
 position: absolute;
 top: 26px;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 display: block;
}

.title .dot-right {
 right: 0px;
}


.title span {
 display: inline-block;
 font-size: 140%;
 font-weight: 700;
 text-transform: capitalize;
 letter-spacing: -1px;
 padding: 0px 10px;
}

.title span:before, .title span:after {
 border-top: 4px solid #005e9e;
 display: block;
 content: "";
 width: 40%;
 position: absolute;
 left: 0px;
 top: 28px;
 z-index: 1;
}

.title span:after {
 right: 0px;  
 left: auto; 
}



/* ==============================
             FOOTER
============================== */

#footer {
 min-height: 100px;

}

#footer .float-left {
 width: 65%;
 font-size: 87.5%;
}

#footer .float-left .inner {
 padding-right: 20px;
}

#footer .float-right {
 width: 35%;
 padding: 15px 0px;
}

#footer .float-right h2 {
 font-family: 'Raleway',serif;
 text-transform: uppercase;
 font-size: 150%;
 font-weight: 400;
}

#footer .float-right ul {
 padding: 0px;
 color: #005e9e;
 margin: 5px 0px;
 font-size: 90%;
}

#footer .float-right li {
 list-style: none;
 padding: 2px 0px;
}

#footer .credits {
 text-align: center;
 padding: 15px;
}

#footer span.footer-phone a {
 color: #fff;
} 

.label_skin_corporation,
.label_skin_corporation a {
 font-size: 9pt;
/* color: #FDB913; */
}

/* ==============================
          MEDIA QUERIES
============================== */

@media screen and (max-width: 950px) {
 .RadMenu_PageControls, #divMenuOffset {
  display: none;
 }

 .banner {
  margin-top: 30px !important; 
 } 

}

@media screen and (max-width: 900px) {
 .container {
  margin: 0px 20px;
 }

 #pub-wrapper {
  display: none;
 }
 
 #mobile-bar {
  display: block;
 }

 #menubar {
  display: none;
 }

#backr { top:-80px;}
#header .logo { width: 100%; }
#header .logo h1 a { font-size: 90%; }
#header .logo h2 { font-size: 150%; }
.title span:before, .title span:after { width: 35%; }
}

@media screen and (max-width: 768px) {
 #backr {
  height: 400px;
 }

 #header .logo h1 a {
  font-size: 58%;
 }

 #header .logo h2 {
  font-size: 140%;
 }

 .homepage .main-content,
 .subpage .main-content {
  width: 60%;
 }

 .homepage .sidebar,
 .subpage .sidebar {
  width: 40%;
 }

 .welcome-message h1, .homepage .main-content h1.title, .homepage .sidebar h1.title {
  font-size: 150%;
 }

 .ribbon .ribbon-content:before, .ribbon .ribbon-content:after, 
 .ribbon:before, .ribbon:after {
  display: none !important;
 }
}

@media screen and (max-width: 768px) {
 #backr {
  height: 350px;
 }

 .hoverImages li img {
    float:left;
    display: block; 
     padding: 5px;
     margin: 0;
}
 
.hoverImages li img:hover {
    margin-top: 0px;
}
    
    
}

@media screen and (max-width: 600px) {

.title span:before, .title span:after { width: 30%; }

    .hoverImages li img {
    float:left;
    display: block;
        padding: 2px;
}  
    
 #backr {
  height: 310px;
 }

#header { height: 130px; }

 #header .logo {
  width: 100%;
 }

 #header .logo {
  background-image: none !important;
 }

#header .logo h1 { margin-left: 0; }

 #header .logo h1 a {
  font-size: 75%;
 }

 #header .logo h1 a,
 #header .logo h2 {
  margin-left: 0px;
 }

 #header .logo h1 {
  margin-top: 15px;
 }

#header .logo h2 { font-size: 130%; }

 .homepage .main-content,
 .homepage .sidebar {
  width: 50%;
 }

 .subpage .sidebar {
  display: none;
 }

 .subpage .main-content {
  width: 100%;
  float: none;
 }

 #RSSLink {
  top: 0px;
 }
}






@media screen and (min-width: 551px) and (max-width:599px) {

    
    
        .hoverImages li img {
    float:left;
    display: block;
     padding: 7px;
}
    
}
   



@media screen and (max-width: 550px) {

     .hoverImages li img {
     padding: 2px;
}

    


}

 



@media screen and (max-width: 480px) {
 
 .hoverImages li img {
     padding: 3px;
     margin: 0px;
}

.banner .col {
width: 100%;
 
 }

 .welcome-message {
  margin-top: 30px;
 }

 .homepage .main-content, .homepage .sidebar,
 .subpage .main-content, .subpage .sidebar {
  width: 100%;
  float: none;
 }

.title span:before, .title span:after { width: 12% !important; }

 #RSSLink {
  top: -55px;
 }

 #footer {
  padding-top: 5px;
 } 

 #footer .float-left,
 #footer .float-right {
  width: 100%;
 float: none;
 }
}

@media screen and (max-width: 320px) {

 #RSSLink {
  top: 0px;
 }

 
}
background: #005e9e; /*background: #005e9e;*/

.googleCalendar{
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 100% ;
}

.googleCalendar iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.nav-table td {
    vertical-align: unset !important;
    float: left !important; }