﻿/*@import url("/theme/base/css/reset.css"); */
@import url('/theme/base/css/framework.css?v=1.27');
@import url('/theme/base/css/iconsweets.css');
@import url("/theme/base/css/grouplinks.css?v=12");
@import url('/7.0/css/jquery-ui-1.10.4.custom.min.css');
@import url('/7.0/css/colorbox.css');
@import url('/7.0/css/fullcalendar.css');
@import url('/7.0/css/jquery.jgrowl.css');
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Raleway:300,400,700&display=swap');
/* global */
.mceContentBody {
 background: #fff !important;
 background-image:none;
 padding: 10px !important;
 font-size: 100% !important;
}

* { box-sizing: border-box; }
html, body {  height: 100% !important; font-family:Raleway, Helvetica, sans-serif;  font-size: 100% !important;}
body { -webkit-font-smoothing: antialiased; padding-top: 152px !important; }
img {max-width:100%; height: auto;}
a, a:visited{ color: #21577f; }
a {text-decoration:none;}
a:hover, a:active {color:#163a54; text-decoration:underline; background-color: transparent;}
a img, img {border:0;}
ul, ol, table, object { margin-bottom:0; }
strong, b {font-weight:bold;}
em, i {font-style:italic;}
hr {border:0 solid #ccc ;border-top-width:1px; height:0; clear:both;}
.hidden {display:none;}
.clear {clear:both;height:0px;border:none;margin:0;padding:0;font-size: 1px;line-height: 0px;overflow: hidden }/* clear float */
.hover { -webkit-user-select: none; -webkit-touch-callout: none; }

.inneroverlay{
	position: absolute;
	top: -60%;
	width: 100%;
	height:70%;
	visibility:hidden;
	padding-top: 20px;
    opacity: 0.0;
	text-align:center;
}
.inneroverlay img{ max-height: 100%;} 

::-webkit-input-placeholder, form input::-webkit-input-placeholder { color: #b6b6b6 !important; }
:-moz-placeholder, form input::-moz-placeholder { /* older Firefox*/ color: #b6b6b6 !important; }
::-moz-placeholder, form input::-moz-placeholder { /* Firefox 19+ */ color: #b6b6b6 !important; } 
:-ms-input-placeholder, form input:-ms-input-placeholder {  color: #b6b6b6 !important; }

.error { color: #b94a48; background-color:#f7eeed;  }

form label, label { margin: 0px 0 0px 0px; padding: 3px 0px; text-align: left; color: #373737; font-weight:bold; width: auto; float:none; display:block; height: 20px; line-height: 20px; vertical-align:middle;}
/*
form input[type="password"], form input[type="text"] {width:auto; margin: 4px 0 0px 0px; text-align: left; color: #373737; padding: 3px 5px; height: 28px; line-height: 28px; border-radius: 5px; vertical-align:middle; border: 1px solid #d2ceb6;}
form textarea { width: 100%; margin: 0px 0 0px 0px; text-align: left; color: #373737; padding: 3px 5px; border: 1px solid #d2ceb6; }
*/
form select { width: 100%; margin: 0px 0 0px 0px; text-align: left; padding: 7px 5px; line-height: 20px; height: 20px; vertical-align: middle; min-height: 37px;}
form select[disabled] { cursor: not-allowed;  background-color: #eeeeee; }
form input[type="password"], form input[type="text"] { outline: none;padding: 3px 5px; }

.tb-t {border-top:1px solid #e2e2e2; }
.tb-r {border-right:1px solid #e2e2e2; }
.tb-b {border-bottom:1px solid #e2e2e2; }
.tb-l {border-left:1px solid #e2e2e2; }		
.ui-dialog {z-index: 99999 !important;}

.required {background-image:url(/theme/common/images/bg_required.png); background-position:top left; background-repeat:no-repeat;}

.checkbox_align label {
	display: block;
	padding-left: 15px;
	text-indent: -15px;
	font-weight:normal;
}
.checkbox_align input {
	width: 13px;
	height: 13px;
	padding: 0;
	margin:0 0 0 15px;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	*overflow: hidden;
}

/* toolbar */
#toolbar {background:#7296bb; position:relative; z-index:202;}
#toolbar .wrap {min-height:33px;}

#crumbs {font-size:90%;}
#breadcrumbs, #inner-slideshow {clear:right; color:#a2a093; float:left; margin-left:25px; width:auto; }
#breadcrumbs a {color:#a2a093;font-weight:bold;}
#breadcrumbs a:hover {color:#5d5943;}

a span.pdf, a.pdf {background-image:url(/theme/base/images/pdf.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;}
a span.link, a.link {background-image:url(/theme/base/images/link.gif);background-repeat:no-repeat;padding:0px 0 4px 20px;}
a span.xls, a.xls {background-image:url(/theme/base/images/xls.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;}
a span.doc, a.doc {background-image:url(/theme/base/images/doc.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;}
a span.pps, a.pps {background-image:url(/theme/base/images/pps.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;}
a span.file, a.file {background-image:url(/theme/base/images/file.gif);background-repeat:no-repeat;padding:3px 0 5px 20px;}
a span.audio, a.audio {background-image:url(/theme/base/images/audio.gif);background-repeat:no-repeat;padding:1px 0 4px 20px;}
a span.video, a.video {background-image:url(/theme/base/images/video.gif);background-repeat:no-repeat;padding:1px 0 4px 20px;}
a span.externalapp, a.externalapp {background-image:url(/theme/base/images/externalapp_icon.gif);background-repeat:no-repeat;padding:1px 0 4px 20px;}
a span.email, a.email {background-image:url(/theme/base/images/envelope.gif);background-repeat:no-repeat;padding:1px 0 4px 20px;}

.floatRight {float:right;margin:5px 0 5px 10px;}
.floatLeft {float:left;margin:5px 10px 5px 0;}

figure {
  margin-top:0; margin-left:0; margin-right:0;
  overflow: hidden;
  border-radius:10px;
  margin-bottom: 20px;
}

figure img {
  display: block;
  max-width: 100%;
}

.round-button {
	display:inline-block;
	width: 40px;
	height: 0;
	padding-bottom: 40px;
	border-radius: 50%;
	border: 0px solid;
	overflow: hidden;
	box-shadow: 0 0 3px gray;
	margin-right: 1em;
}
.round-button:hover {
	background: #e3a41c;
}
.round-button img {
	display: block;
	width: 100%;
	padding: 0%;
	height: auto;
}

.custom_btn {
  background: #004168;
  background-image: -webkit-linear-gradient(top, #7296bb, #004168);
  background-image: -moz-linear-gradient(top, #7296bb, #004168);
  background-image: -ms-linear-gradient(top, #7296bb, #004168);
  background-image: -o-linear-gradient(top, #7296bb, #004168);
  background-image: linear-gradient(to bottom, #7296bb, #004168);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 4px #8f8f8f;
  -moz-box-shadow: 0px 2px 4px #8f8f8f;
  box-shadow: 0px 2px 4px #8f8f8f;
  color: #ffffff;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
  border:none;
}

.custom_btn:hover,.custom_btn:focus,.custom_btn:active {
  background: #003c60;
  text-decoration: none;
}

.custom_btn[disabled], .custom_btn[disabled]:hover, .custom_btn[disabled]:focus, .custom_btn[disabled]:active {
  text-shadow: none !important;
  background: #004168;
  background-image: -webkit-linear-gradient(top, #7296bb, #004168);
  background-image: -moz-linear-gradient(top, #7296bb, #004168);
  background-image: -ms-linear-gradient(top, #7296bb, #004168);
  background-image: -o-linear-gradient(top, #7296bb, #004168);
  background-image: linear-gradient(to bottom, #7296bb, #004168);
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
 		
.custom_btn_black {
  background: #454444;
  background-image: -webkit-linear-gradient(top, #9e9e9e, #454444);
  background-image: -moz-linear-gradient(top, #9e9e9e, #454444);
  background-image: -ms-linear-gradient(top, #9e9e9e, #454444);
  background-image: -o-linear-gradient(top, #9e9e9e, #454444);
  background-image: linear-gradient(to bottom, #9e9e9e, #454444);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 4px #8f8f8f;
  -moz-box-shadow: 0px 2px 4px #8f8f8f;
  box-shadow: 0px 2px 4px #8f8f8f;
  color: #ffffff;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
  border:none;
}

.custom_btn_black:hover {
  background: #050505;
  background-image: -webkit-linear-gradient(top, #4a4a4a, #050505);
  background-image: -moz-linear-gradient(top, #4a4a4a, #050505);
  background-image: -ms-linear-gradient(top, #4a4a4a, #050505);
  background-image: -o-linear-gradient(top, #4a4a4a, #050505);
  background-image: linear-gradient(to bottom, #4a4a4a, #050505);
  text-decoration: none;
}

.custom_btn_small {padding: 6px 15px 6px 15px !important;}
a.custom_btn, a.custom_btn:visited, a.custom_btn:hover, a.custom_btn:active { color: #fff; text-decoration:none; font-weight:normal; width:104px !important; display: block; text-align:center;}

/* GL Specific */
/* Messaging inpage */
.headercontainer {width:960px; height:255px; display:block; position:relative; overflow:hidden; }
.headercontainer img {position:absolute;top:0;left:0; width:960px;}

#NewsMainBox { width: 100%; }
#NewsMainBox p {margin-top: 6px; margin-bottom: 6pm; font-size: 90%; }
#NewsMainBox .date {font-size: 80%; margin-top: 3px; margin-bottom: 3px; color:#666666; display:block; font-style:italic;}		
#NewsMainBox .title {font-size: 110%;color: #004b8d;}

#EventsMainBox { list-style-type: none; padding: 0; margin: 0;  font-size: 90%;}
#EventsMainBox li { background-image: url("/theme/base/images/bg-related-docs.gif"); background-repeat: no-repeat; background-position: .5em .2em; padding-left: 2em; }
#EventsMainBox .date {font-size: 80%; margin-top: 0px; padding-top:0; margin-bottom: 2px; color:#666666; display:block; font-style:italic;}		
#EventsMainBox .title {font-size: 110%;}

.imghover {
    opacity: 0.5;
    filter: alpha(opacity=40);
}

.imghover:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

/* **************************************************** */
/* Site Specific */
#masthead {
	position:relative;
	background-color:#163a54;  /*92B76C*/
	width:auto; 
	overflow: hidden;
	margin:0; 
	padding: 0em 1em;
/*	font-family: Roboto, Arial; */
	font-size: 1em;
	color: #fff;
	height:42px;
	line-height:42px;
	max-height:42px;
	vertical-align:middle;
}

#masthead a:active,#masthead a:link, #masthead a, #masthead a:visited { color: #fff; text-decoration:none; }
#masthead a:hover { color: #d8effd; }

#masthead .mastIcons { text-decoration:none; color:#fff; }
#masthead .mastIcons:hover {color:#d8effd; }

#masthead .left {float:left; margin:0; padding:0; height:42px; line-height:42px;}
#masthead .right {float:right; text-align:right; margin:0; padding:0; height:42px; line-height:42px;}
#masthead span {white-space:normal; margin-right: 1em; vertical-align:middle;}

@media (max-width: 768px) {
	#mast_phone, #mast_add, #masthead .left, #mastSearch {display: none;}
	
	.hidebg {background-image:none !important; margin-right: auto !important;}
}

/* menu */
.header-row {
      display: flex;
      flex-grow: 1;
      align-items: center;
      align-self: stretch;
      max-height: 120px;
	  height: 120px;
      margin:0 0;
    }
    .header-column {
      display: flex;
      align-self: stretch;
      align-items: center;
      flex-grow: 1;
      flex-direction: column;
	  padding-right: 0;
	  padding-left: 0;
    }
    .header-column .header-row {
      justify-content: inherit;
    }
    
    .fixed {
      position: fixed;
      top: 0;
      width:100% !important;
      z-index: 9999;
      box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
    }
    
    /* NAV */
    #icon-main-menu {
        display: none;
        }
        
    .nav-span {
        width: 100%;
/*        background: #fff; */
        display: table;
        }	
    
        .nav {
            position: relative;
            display: inline-block;
            z-index: 99;
            display: table-cell;
            }
            
            /* NAV - 1st LEVEL */
            ul.nav-level-1 {
                margin: 0;
                padding: 0;
                width: 100%;
                display: flex;
                flex-flow: row nowrap;
                justify-content: flex-start;
                }
                
                ul.nav-level-1 > li {
                    margin: 0;
                    padding: 0 20px;
                    list-style: none;
                    position: relative;
                    width: auto%;
                    transition: .1s;
                    float:left;
                    }
                    ul.nav-level-1 > li > a {
                        display: block;
                        color: #000;
                        font-size: 18px;
						font-weight: 500;
/*                        font-family: Palatino,'Book Antiqua',serif; */
                        text-align: center;
                        padding: 12px 0;
						text-decoration:none;
                        }
                        
                        ul.nav-level-1 li a {
                            color: #fff;
							font-size: 18px;
							font-weight: 500;
/*                            font-family: Palatino,'Book Antiqua',serif; */
							text-decoration:none;
                            }
                    
                    /* OFF STATES */
                    ul.nav-level-1 li#navstyle1 { border-bottom: 0px solid #ffcc4f; }
                    ul.nav-level-1 li#navstyle2 { border-bottom: 0px solid #67B5C9; }
                    ul.nav-level-1 li#navstyle3 { border-bottom: 0px solid #92B76C; }
                    ul.nav-level-1 li#navstyle4 { border-bottom: 0px solid #C14E42; }
                    ul.nav-level-1 li#navstyle5 { border-bottom: 0px solid #936F85; }
                    ul.nav-level-1 li#navstyle6 { border-bottom: 0px solid #FF8A5E; }
                    ul.nav-level-1 li#navstyle7 { border-bottom: 0px solid #257565; }
                    ul.nav-level-1 li#navstyle8 { border-bottom: 0px solid #67c9cf; }
                    ul.nav-level-1 li#navstyle9 { border-bottom: 0px solid #393761; }
                    ul.nav-level-1 li#navstyle10 { border-bottom: 0px solid #035380; }
                    
                    /* HOVER STATES */
                    ul.nav-level-1 li#navstyle1:hover, ul.nav-level-1 li#navstyle1:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle2:hover, ul.nav-level-1 li#navstyle2:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle3:hover, ul.nav-level-1 li#navstyle3:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle4:hover, ul.nav-level-1 li#navstyle4:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle5:hover, ul.nav-level-1 li#navstyle5:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle6:hover, ul.nav-level-1 li#navstyle6:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle7:hover, ul.nav-level-1 li#navstyle7:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle8:hover, ul.nav-level-1 li#navstyle8:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle9:hover, ul.nav-level-1 li#navstyle9:hover > a {	background: #53a4b7; color:#fff !important; border-radius:8px;}
                    ul.nav-level-1 li#navstyle10:hover, ul.nav-level-1 li#navstyle10:hover > a { background: #53a4b7; color:#fff !important; border-radius:8px;}
                            
                    /* ACTIVE STATES */

                    ul.nav-level-1 li#navstyle1:active { }
                    ul.nav-level-1 li#navstyle2:active { }
                    ul.nav-level-1 li#navstyle3.active { }
                    ul.nav-level-1 li#navstyle4.active { }
                    ul.nav-level-1 li#navstyle5.active { }
                    ul.nav-level-1 li#navstyle6.active { }
                    ul.nav-level-1 li#navstyle7.active { }
                    ul.nav-level-1 li#navstyle8.active { }
                    ul.nav-level-1 li#navstyle9.active { }
                    ul.nav-level-1 li#navstyle10.active { }
                                                                
                        /* MAIN NAV - 2nd LEVEL FLYOUT */
                        ul.nav-level-1 li .nav-flyout {
                            display: none;
                            position: absolute;
                            left: 0;
                            top: 45px;
                            width: 250px;						
                            /* border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; */						
                            }
                        ul.nav-level-1 li#navstyle1 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle2 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle3 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle4 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle5 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle6 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle7 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle8 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle9 .nav-flyout { background: #53a4b7; }
                        ul.nav-level-1 li#navstyle10 .nav-flyout { background: #53a4b7; }
                        
                        /* MAIN NAV - 2nd LEVEL */
                        ul.nav-level-2 {						 
                            margin: 0;
                            padding: 15px 23px 25px 23px;
                            }
                        ul.nav-level-2 li {
                            float: none;
                            margin: 0;
                            padding: 0;
                            list-style: none;
                            background: none;
                            position: relative;
                            }
                            ul.nav-level-2 li a {							
                                display: block;
                                height: auto;
                                padding: 7px;
                                margin: 0;
                                text-decoration: none;
                                font-size: 14px;
                                line-height: 16px;							
                                color: #fff;
                                cursor: pointer;
                                background: none;								
                                }
                            ul.nav-level-2 li:hover {
                                color: #fff;								
                                }
                            ul.nav-level-1 li#navstyle1 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle2 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle3 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle4 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle5 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle6 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle7 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle8 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle9 ul.nav-level-2 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle10 ul.nav-level-2 li:hover { background: #21577f; }

						
                                /* MAIN NAV - 3rd LEVEL */
                                ul.nav-level-3 {
                                    display: none;
                                    position: absolute;	
                                    left: 246px;
                                    top: -68px;		
                                    width: 250px;			 
                                    margin: 0;
                                    padding: 15px 23px 25px 23px;
                                    background: inherit;	/* 035380 */
                                    }
                                ul.nav-level-3 li {
                                    float: none;
                                    margin: 0;
                                    padding: 0;
                                    list-style: none;
                                    background: none;
                                    }
                                    ul.nav-level-3 li a {							
                                        display: block;
                                        padding: 7px;
                                        margin: 0;
                                        text-decoration: none;
                                        font-size: 14px;
                                        line-height: 14px;							
                                        color: #fff;
                                        cursor: pointer;
                                        background: none;											
                                        }
										
                            ul.nav-level-1 li#navstyle1 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle2 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle3 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle4 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle5 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle6 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle7 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle8 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle9 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
                            ul.nav-level-1 li#navstyle10 ul.nav-level-2 li ul.nav-level-3 li:hover { background: #21577f; }
																	
                                    ul.nav-level-3 li a:hover {
                                        color: #fff;	
							
                                        }
   

    
    /* 05.d 850 - 650 -------------------------------------*/
    @media (max-width: 991px) {
        /*Mobile Nav*/
        .nav-span {
            box-sizing: border-box;
/*            background-color:#fff; */
            }
            .nav {
                display: none;
                position: absolute;
                width: 300px;
                right: 0;
                top: 41px;
                background: rgba(83, 164, 183, .95); */
                }
                ul.nav-level-1 {
                    display: block;
                    width: 100%;
                    }
                    ul.nav-level-1 > li {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                        position: relative;
                        width: 100%;
                        transition: .1s;
                        }
                        ul.nav-level-1 > li > a {
                            border-right: none;
                            font-size: 17px;
							text-decoration:none;
                            }


                    /* HOVER STATES */
                    ul.nav-level-1 li#navstyle1:hover, ul.nav-level-1 li#navstyle1:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle2:hover, ul.nav-level-1 li#navstyle2:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle3:hover, ul.nav-level-1 li#navstyle3:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle4:hover, ul.nav-level-1 li#navstyle4:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle5:hover, ul.nav-level-1 li#navstyle5:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle6:hover, ul.nav-level-1 li#navstyle6:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle7:hover, ul.nav-level-1 li#navstyle7:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle8:hover, ul.nav-level-1 li#navstyle8:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle9:hover, ul.nav-level-1 li#navstyle9:hover > a {	background: #21577f; color:#fff !important; border-radius:0px;}
                    ul.nav-level-1 li#navstyle10:hover, ul.nav-level-1 li#navstyle10:hover > a { background: #21577f; color:#fff !important; border-radius:0px;}
					
					ul.nav-level-1 li#navstyle1 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle2 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle3 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle4 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle5 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle6 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle7 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle8 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle9 .nav-flyout { background: #41889b; }
					ul.nav-level-1 li#navstyle10 .nav-flyout { background: #41889b; }
						
                            ul.nav-level-1 li .nav-flyout {
                                z-index: 12;
                                width: 100% !important;
                                }
								/* 2nd Level */
                                ul.nav-level-2 {						 
                                    margin: 0;
                                    padding: 15px 23px 25px 23px;
                                    }
                                ul.nav-level-2 li {
                                    width: 100%;
                                    text-align: center;
                                    }
                                    ul.nav-level-2 li a {
                                        padding: 10px 7px;
										text-decoration:none;										
                                        }
                                    ul.nav-level-2 li a:hover {
                                        color: #fff;	
                                        background: #21577f;								
                                        }                                
                                
								/* 3rd level */
                                ul.nav-level-3 {
                                    position: static;
                                    box-sizing: border-box;
                                    width: 100%;
                                    opacity: .85;
                                    padding: 5px 0 10px 0;	
                                    }
                                ul.nav-level-3 li {
                                    float: none;
                                    margin: 0;
                                    padding: 0;
                                    list-style: none;
                                    background: none;
                                    }
                                    ul.nav-level-3 li a {							
                                        display: block;
                                        padding: 11px 7px;
                                        margin: 0;
                                        text-decoration: none;
                                        font-size: 14px;
                                        line-height: 14px;	
                                        color: #fff;
                                        cursor: pointer;
                                        background: none;											
                                        }
                                    ul.nav-level-3 li a:hover {
                                        color: #fff;	
                                        background: #b76526;								
                                        }
        /*Nav Button*/	
        #icon-main-menu {
            display: block;
            margin: 9px 10px 11px auto;
            width: 34px;
            height: 22px;
            position: relative;
            /*margin: 10px;*/
            transform: rotate(0deg);
            transition: .5s ease-in-out;
            cursor: pointer;
            }	
            #icon-main-menu span {
                display: block;
                position: absolute;
                height: 5px;
                width: 100%;
                background: #fff;
                border-radius: 1px;
                opacity: 1;
                left: 0;
                transform: rotate(0deg);
                transition: .3s;
                }
                #icon-main-menu span:nth-child(1) {
                    top: 0px;
                    }
                #icon-main-menu span:nth-child(2),
                #icon-main-menu span:nth-child(3) {
                    top: 10px;
                    }
                #icon-main-menu span:nth-child(4) {
                    top: 20px;
                    }
                    #icon-main-menu.open span:nth-child(1) {
                        top: 10px;
                        width: 0%;
                        left: 50%;
                        }
                    #icon-main-menu.open span:nth-child(2) {
                        transform: rotate(45deg);
                        height: 3px;
                        top: 11px;
                        }
                    #icon-main-menu.open span:nth-child(3) {
                        transform: rotate(-45deg);
                        height: 3px;
                        top: 11px;
                        }
                    #icon-main-menu.open span:nth-child(4) {
                        top: 10px;
                        width: 0%;
                        left: 50%;
                        }
	}
/* end menu */

/* Slider */
.ls-video { 
  position: absolute;
  top:0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  overflow:hidden;
}

.sssprev, .sssnext { z-index:50; }
.slider { }

/*==========SCALE-IN==========*/
@-webkit-keyframes scale-in {
     0%   {transform: scale(6, 6); opacity: 0;}
    100% {transform: scale(1, 1); opacity: 1;}
}

@keyframes scale-in {
    0%   {transform: scale(6, 6); opacity: 0;}
    100% {transform: scale(1, 1);  opacity: 1;}
}

@-webkit-keyframes fadeInUpSD {0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUpSD {0% {opacity: 0;-webkit-transform: translateY(100px);transform: translateY(100px);}100% {opacity: 1;-webkit-transform: none;transform: none;}}.fadeInUpSD {-webkit-animation-name: fadeInUpSD;animation-name: fadeInUpSD;}

.slider_header {
font-size: 3em;
line-height: 1.1;
color:#fff;
z-index: 1;
margin:0 0 0 0;
padding: 0 0 0 0;
margin-block-start: 0em;
margin-block-end: 0em;
text-shadow: 2px 2px 4px #393939;
}

.slider_text {
color:rgba(0, 0, 0, 0.9);
/* font-family: Helvetica, sans-serif;  */
font-weight:600;
font-size: 1.5vmin;
line-height: .9;
margin:0 0 0 0;
padding: 0 0 0 0;
margin-block-start: 0em;
margin-block-end: 0em;
}

.slider h1, .slider p{
 animation-name: fadeInUpSD;
    animation-duration: 2s;
    opacity: 1; 
}

@media all and (max-width: 991px) {
  .slider h1{
    font-size: 5vw;
  }
  .slider p{
    font-size: 1.5vw;
  }
 
}
/* end slider */
	
	
.box_text{
	padding: 0px;
	color:white;
	text-align:left;
	font-size: 100%;
}
.box_text a { color: #fff; }

.box_text_dark{
	padding: 10px;
	color:#0F3956;
	text-align:left;
	font-size: 90%;
}
.box_text_dark a { color: #0F3956; }


.shrinkmouse img{
	transition: 0.4s ease;
}

.shrinkmouse:hover img{
	filter: invert(48%) sepia(13%) saturate(2207%) hue-rotate(130deg) brightness(95%) contrast(80%);
	transition: 0.4s ease;
}
		
video:focus { outline:none; }

.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	border:1px solid #97d1fa;
	width: 160px;	
	height: auto;
	margin-bottom: 1em;
	margin-right: 1em;	
/*	font-family: Helvetica, sans-serif;	*/
	line-height:1.4em;
	text-align: center;
	font-size: 18px;			
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(103, 181, 201, 1);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
	display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: center;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox-layer_top a,.hvrbox-layer_top a:hover {color:#fff; text-decoration:none; height:100%; width:100%;display: -webkit-flex;
	display: flex;
	align-items: center;	
	justify-content: center;}

#site-footer{color:#fff; margin: 0 auto; padding: 50px 0 30px 0; background: #21577f; width: 100%;font-size: 14px; line-height: 1.6em;}
	#site-footer ul{ margin: 0; padding: 0;}
	#site-footer li{ list-style: none; list-style-type: none;}
	#site-footer a, #site-footer a:visited{ color: #fff; text-decoration:underline;}
	#site-footer a:hover{ color:#67B5C9}
	#site-footer p{ margin:0; padding:0}

#footer-copyright{width: 100%; background: #163a54; padding: 20px 0;color: #fff;}
	#footer-copyright p{margin: 0 0 0 0; color: #fff; font-size: 15px; line-height: 2em;}
	#footer-copyright a{color: #fff;}

@media (max-width: 991px) { 
  #site-footer{ padding-top:10px; }	  
  .col-md { margin-top: 2em;}
}


@media (max-width: 768px) { 
  .tpadsmall img {margin-top: 1.5em;}		
}

.socialicon img{
}

.socialicon:hover img{
	filter: brightness(0) invert(16%) sepia(89%) saturate(760%) hue-rotate(171deg) brightness(90%) contrast(93%);
}
.socialicon:hover {
	color: #0F3956 !important;
}

.socialicon_footer img{

}
.socialicon_footer:hover img{
	filter: invert(1) invert(80%) sepia(84%) saturate(2178%) hue-rotate(162deg) brightness(83%) contrast(87%);
}

.submitbtn {
	color: #ffffff;
	width: 100%;
	position: relative;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	border: 0px solid #67B5C9;
	user-select: none;    
	align-items: flex-start;
	text-align: center;
	box-sizing: border-box;
	text-rendering: auto;
	background: #67B5C9;
	text-transform: none;
	border-radius: 1px;
	padding: 12px 18px 12px 18px;
	min-height: 38px;
	line-height: 38px;
	padding-top: 0;
	padding-bottom: 0;
	
}
.submitbtn:hover {
background: #0F3956;
color: #fff;
border: 0px solid #0F3956;
}	

.header-image {
    display: flex;
    flex-direction: column;
    max-height: 280px;
    justify-content:flex-end;
    overflow: hidden;
}
.header-image img {
    display: block;
    height: auto;
	width:100%;
}

a:hover .hinvert {   }

.arrowtext:hover {  filter: invert(1) invert(93%) sepia(6%) saturate(0%) hue-rotate(249deg) brightness(90%) contrast(102%); }


ul.listblue {
  list-style: none; /* Remove HTML bullets */
  padding: 0;
  margin: 0;
}

ul.listblue li { 
  padding-left: 1em; 
  line-height: 1.2em;
margin: 0 0 1em 0;  
}

ul.listblue li::before {
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #67b5c9; /* Or a color you prefer */
  margin: 0 0 0 -1em;
  display: inline-block; width: 1em;  
}


ul.listbluepad {
  list-style: none; /* Remove HTML bullets */
  padding: 0;
  margin: 1.5em 0 1.5em 2em;
}

ul.listbluepad li { 
  padding-left: 1em; 
  line-height: 1.2em;
  margin: 0 0 1em 0;  
}

ul.listbluepad li::before {
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #67b5c9; /* Or a color you prefer */
  margin: 0 0 0 -1em;
  display: inline-block; width: 1em;  
}


.noDecoration, a:link, a:visited {
    text-decoration: none;
}

.sidedivlink {  text-align:center; padding: .75em; width:100%; color:#fff; margin-bottom: .5em; }
a:hover div.sidedivlink img {
transition: transform .5s ease-in-out;
transform: scale(1) rotate(-10deg);
}

.portaldivlink {  text-align:center; padding: 40px; width:100%; height: 100%;}
div.portaldivlink h1 {font-weight:600; font-size: 1.5em; line-height: 1; font-familt: Palatino,'Book Antiqua',serif; color: inherit;}
div.portaldivlink p { font-size: .75em; line-height: 1.2; /* font-family: Helvetica, sans-serif; */ color: inherit;}
a:hover div.portaldivlink { filter: brightness(90%); }
a:hover div.portaldivlink img {
transition: transform .5s ease-in-out;
transform: scale(1) rotate(-10deg);
}
.whitetext { color: #fff !important; }
.navytext { color: #0F3956 !important; }

/* HOME PAGE */
.div-covid, .div-covid:visited, .div-covid:active { 
	background-color:#c14e42; 
	width:100%; 
	padding:10px 40px 10px 85px !important; 
	margin: 0px auto;
	position: relative;
	background-image:url(/theme/base/images/icons/virus_icon.png); background-size: 35px 35px; background-repeat:no-repeat; background-position: top 2px left 40px; 
	color: #fff;
	}
.div-covid:hover {
  background-color:#983832;
  color:#fff;
}

.div-covid-yellow, .div-covid-yellow:visited, .div-covid-yellow:active { 
	background-color:#FFCC4F; 
	color: #0F3956;
	width:100%; 
	padding:10px 45px !important; 
	margin: 0px auto;
	position: relative;
	background-image:url(/theme/base/images/icons/masked-man-no-outline.png); background-size: 35px 35px; background-repeat:no-repeat; background-position: top 2px left 40px; }
.div-yellow:hover {
  background-color:#ffb505;
  color: #0F3956;
}

.videofullwidth, .housevid {
  width: 100%    !important;
  height: auto   !important;
}


.btnLightBlue,.btnLightBlue:active,.btnLightBlue:visited {
	color: #ffffff;
	background-color: #53a4b7;    
	max-width: 400px;
	width: 95%;
	position: relative;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	border: 0px solid #67b5c9;
	user-select: none;    
	align-items: flex-start;
	text-align: center;
	box-sizing: border-box;
	text-rendering: auto;
	text-transform: none;
	border-radius: 1px;
	padding: 20px 20px;
	font-size: 1.2em;
}
.btnLightBlue:hover {
	background: #67b5c9;
	text-decoration:none;
	color: #fff;
}
.btnPink,.btnPink:active,.btnPink:visited {
	color: #ffffff;
	background-color: #a40045;    
	max-width: 400px;
	width: 95%;
	position: relative;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	border: 0px solid #a40045;
	user-select: none;    
	align-items: flex-start;
	text-align: center;
	box-sizing: border-box;
	text-rendering: auto;
	text-transform: none;
	border-radius: 1px;
	padding: 20px 20px;
	font-size: 1.2em;
}
.btnPink:hover {
	background: #e379a8;
	text-decoration:none;
	color: #fff;
}

.btnGreen,.btnGreen:active, .btnGreen:visited {
	color: #ffffff;
	background-color: #017144;    
	max-width: 400px;
	width: 95%;
	position: relative;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	border: 0px solid #017144;
	user-select: none;    
	align-items: flex-start;
	text-align: center;
	box-sizing: border-box;
	text-rendering: auto;
	text-transform: none;
	border-radius: 1px;
	padding: 20px 20px;
	font-size: 1.2em;
	margin-bottom: .5em;
}
.btnGreen:hover {
	background: #5ea581;
	text-decoration:none;
	color: #fff;
}	


.btnBlue,.btnBlue:active, .btnBlue:visited {
	color: #ffffff;
	background-color: #21577f;    
	max-width: 400px;
	width: 95%;
	position: relative;
	display: inline-block;
	text-decoration: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	border: 0px solid #21577f;
	user-select: none;    
	align-items: flex-start;
	text-align: center;
	box-sizing: border-box;
	text-rendering: auto;
	text-transform: none;
	border-radius: 1px;
	padding: 20px 20px;
	font-size: 1.2em;
	margin-bottom: .5em;
}
.btnBlue:hover {
	background: #1c4868;
	text-decoration:none;
	color: #fff;
}	

.btnWhiteText { color: #fff !important; }
.btnSmaller, .btnSmaller:active { font-size: 95%; width:auto; }

.form_text {
	color: #8b8d94;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 5px 15px 5px 15px;
	border-color: rgba(51,51,51,0.12);
	background-color: #fdfdfd;
	border-radius: 1px;
	align-items: stretch; 
	width: 100% !important; 
	font-size: 14px; 
	line-height: 25px; 
	margin-bottom: 10px; 
	border-style: solid; 
	box-sizing: border-box; 
}

.rightcolpadding {margin: 0 0 0 2em;}

/* Patient Care Stories */
.story_normal, .story_hover { width:100%;  }
.display-none {
    display: none;
}
.divStory1 {cursor: url('/theme/base/images/cursor-plus.png'), auto;	}
.storydiv_click {cursor: url('/theme/base/images/cursor-minus.png'), auto;	}


.hover_image:hover {text-decoration: none}
.hide {display:none}
.hover_image:hover img:first-child{display:none}
.hover_image:hover img:last-child{display:inline-block}

.bluediv {
	background-color: #0f3956; padding: 30px 50px; color: #fff; width:100%; margin-top:1em; margin-bottom: 1em;
}
.bluediv h3 {
	color: #ffcc4f; font-size: 20px; /* font-family: Helvetica, sans-serif; */ margin-bottom:1em;
}
.bluediv p {
	color: #fff; font-size: 14px; 
}
.bluediv a, .bluediv a:active, .bluediv a:visited{
	color: #ffcc4f; text-decoration:none;
}
.bluediv a:hover{
	color: #ffcc4f; text-decoration:underline;
}

/* Accordion Styles */
.accordion {
  width: 100%;
  margin: 1em auto;
}
.accordion .ui-accordion-content {
  width: 100%;
  padding: 1em 2em;
  margin: -2px 0 0 0 !important;
  border:0;
  background-color: #f7f7f7 !important;
  background-image:none;
  filter: none;
}
.ui-widget-content { background-color: inherit !important; background-image:none !important;}
.accordion .ui-accordion-content a, .accordion .ui-accordion-content a:focus, .accordion .ui-accordion-content a:active {
  color: #777;
  text-decoration:none;
}
.accordion .ui-accordion-header {
  background-color: #92B76C; /*C66058*/
  background-image:none;  
  margin: 0 0 0 0 !important;
  outline: none;
  border:0;
  border-radius: 0;
}

.accordion .ui-accordion-header:hover {
  background-color: #809E5E; /*C14E42*/
  background-image:none;
}

.accordion .ui-accordion-header.ui-state-active,
.accordion .ui-accordion-header.ui-state-active:hover { background-color: #f7f7f7;  }

.accordion .ui-accordion-header.ui-state-active,
.accordion .ui-accordion-header.ui-state-active a:hover, 
.accordion .ui-accordion-header.ui-state-active,
.accordion .ui-accordion-header.ui-state-active a:visited, 
.accordion .ui-accordion-header.ui-state-active,
.accordion .ui-accordion-header.ui-state-active a:active, 
.accordion .ui-accordion-header.ui-state-active,.accordion 
.ui-accordion-header.ui-state-active a { color: #0F3956 !important;  }

.accordion .ui-accordion-header a { font-size: 1em; }
.accordion .ui-accordion-header a, 
.accordion .ui-accordion-header a:focus, 
.accordion .ui-accordion-header a:active, 
.accordion .ui-accordion-header a:visited {
  color: #fff;
  line-height: 32px;
  display: block;
  width: 100%;
  text-decoration:none;
  outline: none;
  border: none;
}
.accordion .ui-accordion-content {
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, .4),
        inset 0px 1px 1px 0px rgba(0, 0, 0, .2);
}

.accordion .ui-accordion-content:last-of-type {
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .2),
        inset 0px 0 0px 0px rgba(0, 0, 0, .5);
}

.accordion-table { /* font-family: Helvetica, sans-serif; */ width: 100%; border-spacing: 0px; border-collapse: separate; margin-top: 0; margin-bottom: 2em;}
.accordion-table > tbody > tr:first-child > td {
     padding: 1.5em .5em; 
	 font-size: 15px; 
	 border-top: 1px solid #000; 
	 margin:0; 
	 font-weight:600;
	 min-width:110px;
}
.accordion-table td { /* font-family: Helvetica, sans-serif; */ padding: 1.2em .5em; font-size: 13px; border-bottom: 1px solid #000; line-height:1.4em; vertical-align:top; color: #0F3956; }

.accordion-table td a, .accordion-table td a:visited, .accordion-table td a:active, .accordion-table td a:focus { text-decoration:none; color: #92B76C !important; }
.accordion-table td a:hover { 	color: #58832d !important;	text-decoration: underline; }
.accordion p { /*font-family: Helvetica, sans-serif; */ font-size: 16px; color: #0F3956; margin-bottom: 1em; margin-top: 0em;}

.accordion .ui-state-default .ui-icon {
margin-top: -6px !important;
}

.accordion .ui-accordion .ui-accordion-icons {
    padding-left: 2.5em !important;
}

.accordion .ui-icon-triangle-1-e {    
	background-image: url(/theme/base/images/down.png) !important;
	background-size: contain;
	width: 25px;
	height: 12px;
	background-position: center center !important; 
	}
.accordion .ui-icon-triangle-1-s {
	background-image: url(/theme/base/images/up.png) !important;
	background-size: contain;
	width: 25px;
	height: 12px;
	background-position: center center !important; 
 }
 
.yellowpuzzle {height: 463px; width: 430px; padding-left: 0; margin-top: 0 auto; margin-bottom: 0; padding-top: 0; padding-bottom: 0; background-image: url('http://proto.westviewpcn.ca/data/photos/yellow-puzzle-cc.png'); background-size: 424px 425px; background-repeat: no-repeat;}
.navypuzzle {height: 463px; width: 430px; padding-left: 0; margin-top: 0 auto; margin-bottom: 0; padding-top: 0; padding-bottom: 0; background-image: url('http://proto.westviewpcn.ca/data/photos/navy-puzzle-cc.png'); background-size: 424px 425px; background-repeat: no-repeat;}

.yellowpuzzle div {padding-top: 100px; padding-left: 105px; padding-right: 55px; color: #0f3956;}
.navypuzzle div {padding-top: 100px; padding-left: 105px; padding-right: 55px; color: #ffcc4f;}

.yellowpuzzle div p, .navypuzzle div p { font-size: 14px; line-height: 18px; }

.yellowpuzzle div a, .yellowpuzzle div a:active, .yellowpuzzle div a:visited {color: #0f3956;}
.navypuzzle div a,.navypuzzle div a:active,.navypuzzle div a:visited {color: #ffcc4f;}

.yellowpuzzle div a:hover {color: #0f3956; text-decoration:underline;}
.navypuzzle div a:hover {color: #ffcc4f; text-decoration:underline;}


.greendiv { background-color: #92b76c; padding: 2em 2em 1em 2em; margin-top:0em; margin-bottom: 2em; }
.greendiv p {color: #fff; }
.greendiv p a, .greendiv p a:active, .greendiv p a:visited {color: #0f3956;}
.greendiv p a:hover {color: #0f3956; text-decoration:underline;}
