/* Resets */

/*-----------------------------------------*/
/*-----------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/*Reset margins and padding*/
a:link, a:visited { text-decoration: none; outline: none; }
/*Reset link styles*/
html { overflow: -moz-scrollbars-vertical; }
/*Mozilla scrollbar fix*/
/*#skipto { position: absolute; left: -9999px; top: -9999px; }*/
#skipto { position: absolute; left: -9999px; top: -9999px;}
.hidden {visibility:hidden; display:none;}
/*Hides the skip to link-useful for screen readers*/
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*Automatically clears after any element with this class*/
/*-----------------------------------------*/

/* Wordmark */
/*-----------------------------------------*/
#wordmark { display: block; float: left; margin-top: 30px; width: 410px; position:relative; }
#wordmark a {color:#ffffff;}
/*-----------------------------------------*/


/* Typography */

/*-----------------------------------------*/
p { margin: 0 0 1.5em; }
ul {padding-left:35px; padding-bottom:15px;} /* was padding-bottom:30pc*/
ol {padding-left:35px; padding-bottom:30px;}
.noliststyle {list-style:none;}

/*-----------------------------------------*/


/* Layout */

/*-----------------------------------------*/
body { font-size: 13px; line-height:20px; font-family: Helvetica, Arial, sans-serif; color: #444444; height: 100%; background: #edebed; margin:0px; background-image:url(../assets/bg-blue.jpg); background-repeat:repeat-x; } /* bg color was #fcfffa */
#masthead, #panels, #footer, #legal, #header, #announce { width: 100%; clear: both; display: inline; background: #fcfffa; }
#impact { width: 100%; clear: both; background: #bb4455; }
#content { width: 100%; clear: both; display: inline;}
#masthead {background:url("../assets/bg-blue.jpg") repeat-x scroll 0 0; display:block; height: 120px; margin: auto; } /* #fffce5   margin-top: -40px; */
#announce {background-color: #5aa5dd; } /* #fffce5 */
#search {width: 29%;   float: right; padding-top:10px; padding-bottom:8px; text-align:right;} /* clear: both; display: inline;  margin-top:45px*/
#search a {color: #ededed;}
#search p a:focus {background-color:#444444;}
#header h1 { color: #fff; }
#container { width: 100%; }
.container { margin-left: auto; margin-right: auto; width: 960px; text-align: left; display: block; z-index: 1; position:relative; background-color: #edebed;} /*  fcfffa */
#content-hp .container {display: block; padding-bottom: 60px; padding-top: 10px; min-height: 330px; } /*edebe5*/
#content-hp { width: 100%; float: left; background-image:url(../assets/bg-blue-hp.jpg); background-repeat:repeat-x;}
#content .container {display: block; padding-bottom: 60px; padding-top: 10px; min-height: 330px; background-color: #edebed;}   /*edebe5*/
#content { width: 100%; float: left;}
#sidebar { float: left; display: inline;} /* REMOVED for conflict with calendar -  width: 300px; margin-left: 30px;  */
img { -ms-interpolation-mode: bicubic; }
#wrapper { background: #edebe5; height: 100%; display: block; left:0; top:0; padding:0; }
.titlebox {background-color:#333333; color:#ededed; padding: 15px 15px; } /* was #666666 */
.titletext {margin:auto; width:960px; } /* was #666666 */
#breadcrumb {font:Verdana; font-size:12px; text-transform:lowercase; padding-bottom:15px; padding-top:5px;}
.noborder {border: 0;}

.branding-statement {bottom: 0; margin-top: 0; position: absolute; text-align: center; width: 950px;}
   
   
   /* Links */

/*-----------------------------------------*/
a, a:link, a:visited { color: #386695; text-decoration: none; }
a:hover { color: #003399;  }
p a, p a:link, p a:visited, p a:active {color: #386695;}
p a:hover { text-decoration: underline; }
a img { text-decoration: none;  border: 0 none; }
a:focus, a:active {background: #bbecca;}


a[class ~="external-link"] {
   padding-right: 18px;
   background: transparent url(icons/icon_external.gif) no-repeat center right;
}


/*-----------------------------------------*/
   
   
/*Primary Nav*/

/*-----------------------------------------*/
#primary-nav {display: block; color: #222; position:relative; height:35px; width:100%; background: url("../assets/blue-swatch.jpg") repeat-x scroll 0 0}
#primary-nav .container dl { margin: 0; display: block; width: 100%; }
#primary-nav .container dt { float: left; font-weight: normal; margin: 0 16px; }
#primary-nav .container dd { float: left; font-weight: normal; margin: 0 24px; } /* was 0 16px  */ 
#primary-nav .container .link { display: block; font-size: 14px; height: 30px; margin: 0 14px; }
/*#primary-nav .container dt:hover { cursor: pointer; color: #222; background: url( "" ) no-repeat; background-position: bottom center; }
#primary-nav .current, #primary-nav .current:hover { cursor: pointer; background: url( "../assets/nav-indicator-red.png" ) no-repeat; background-position: bottom center; color: #222; }
#primary-nav .active, #primary-nav .active:hover { cursor: pointer; background: url( "../assets/nav-indicator-red.png" ) no-repeat; background-position: bottom center; color: #222; }*/
#primary-nav .container a {color: #ffffff;}
#primary-nav .container a:hover { color: #6bb0ee; }
#primary-nav a:focus, a:active {background: #444444;}
/*-----------------------------------------*/


/*  Main Navigation  */

/*----------------------------------------*/
#menu { background: #313131; height: 35px; width: 100%; margin: auto; text-align:center; padding-top:100px;}
#navigation { display: block; height: 35px; line-height: normal; margin: auto; position: relative; width: 900px; color: #ededed; }

#navigation dl { margin: 0; display: block; width: 100%; padding-top:8px;}
#navigation dt { float: left; font-weight: normal; width:140px; }
#navigation .link { display: block; font-size: 14px; height: 30px; margin: 0 14px; }
/*#navigation dt:hover { cursor: pointer; color: #6bb0ee; background: url( "../assets/nav-indicator-red.png" ) no-repeat; background-position: bottom center; }
#navigation .current, #primary-nav .current:hover { cursor: pointer; background: url( "../assets/nav-indicator-red.png" ) no-repeat; background-position: bottom center; color: #222; }
#navigation.active, #primary-nav .active:hover { cursor: pointer; background: url( "../assets/nav-indicator-red.png" ) no-repeat; background-position: bottom center; color: #222; } */
#navigation a { color: #ffffff; }
#navigation a:hover { color: #6bb0ee; }
#navigation a:focus, a:active {background: #444444;}


/* Buttons */
/*-----------------------------------------*/

.button {border-radius: 3px 3px 3px 3px; background-color: #f9f9f9; background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;  border-color:#cccccc #bbbbbb #a0a0a0; border-style: solid; border-width: 1px; color:#000000; cursor: default; margin:0 50px; padding: 3px 8px; text-align: center; whitespace: nowrap; verticle-align:middle;}
.button:hover  { border: 1px solid #bababa; cursor: pointer; background-color: #e3e3e3;}

.button-alpha {border-radius: 3px 3px 3px 3px; background-color: #f9f9f9; background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;  border-color:#cccccc #bbbbbb #a0a0a0; border-style: solid; border-width: 1px; color:#000000; cursor: default; margin:0; padding: 3px 8px; text-align: center; whitespace: nowrap; verticle-align:middle; float: left;}
.button-alpha:hover  { border: 1px solid #bababa; cursor: pointer; background: #d5e2ff;}


.button-noM {border-radius: 3px 3px 3px 3px; background-color: #f9f9f9; background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;  border-color:#cccccc #bbbbbb #a0a0a0; border-style: solid; border-width: 1px; color:#000000; cursor: default; margin:0; padding: 3px 8px; text-align: center; whitespace: nowrap; verticle-align:middle;}
.button-noM:hover  { border: 1px solid #bababa; cursor: pointer; background-color: #e3e3e3;}

.button-noM-alpha {border-radius: 3px 3px 3px 3px; background-color: #f9f9f9; background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent;  border-color:#cccccc #bbbbbb #a0a0a0; border-style: solid; border-width: 1px; color:#000000; cursor: default; margin:0; padding: 3px 8px; text-align: center; whitespace: nowrap; verticle-align:middle; float: left;}
.button-noM-alpha:hover  { border: 1px solid #bababa; cursor: pointer; background: #d5e2ff;}

.filteractive {background-color:#d5e2ff;}




/* Headings */

/*-----------------------------------------*/
h1 { font-size: 22px; line-height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
h2 { font-size: 22px; line-height: 26px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin:10px 10px 10px 0; }
h3 { color: #003366; font-size: 20px; line-height: 24px; font-family: Verdana; font-weight: normal;margin: 15px 0 10px 0;}
h4 { font-size: 14px; color: #990000; font-family:georgia} /* was   #262626 */
h5 { font-size: 15px; color: #444; margin: 5px 0; }
/*-----------------------------------------*/




/* Grid System: http://www.zurb.com/playground/css-grid-builder */

/*-----------------------------------------*/
.column-row, .row { margin: 0 0 18px 0; }  /*  was 0 0 18px -20px */
.row-bleed { margin: 0 0 5px -20px; }
.column, .columns { float: left; display: inline; margin: 10px 0 0 20px; }
.bleed-column { float: left; display: inline; }
.one { width: 40px; }
.two { width: 100px; }
.three { width: 160px; }
.four { width: 220px; }
.five { width: 280px; /*margin: 0 0 0 30px;*/}
.ten .five { width: 280px; margin: 0 0 0 20px; }
.six { width: 340px; } 
.seven { width: 400px; }
.eight { width: 460px; }
.nine { width: 520px; }
.ten { width: 580px; }
.eleven { width: 640px; }
.twelve { width: 700px; }
.thirteen { width: 760px; }
.fourteen { width: 820px; }
.fifteen { width: 880px; }
.sixteen { width: 940px; }
.one-third { width: 300px; }
.two-thirds { width: 620px; }

.twentypercent { width: 18%;}
.thirtypercent { width: 27%;}
.fourtypercent { width: 37%;}
.fiftypercent { width: 42%;} /* was 43  changed on 10/13/2015 */

.margin5 {margin: 5px !important;}

.offset-by-one-half { margin-left: 30px; }
.offset-by-one { margin-left: 60px; }
.offset-by-two { margin-left: 120px; }
.offset-by-three { margin-left: 180px; }
.offset-by-four { margin-left: 240px; }
.offset-by-five { margin-left: 300px; }
.offset-by-six { margin-left: 360px; }
.offset-by-seven { margin-left: 420px; }
.offset-by-eight { margin-left: 480px; }
.offset-by-nine { margin-left: 540px; }
.offset-by-ten { margin-left: 600px; }
.offset-by-eleven { margin-left: 660px; }
.offset-by-twelve { margin-left: 720px; }
.offset-by-thirteen { margin-left: 780px; }
.offset-by-fourteen { margin-left: 840px; }
.offset-by-two-thirds { margin-left: 640px; }
 
/* Clear the columns automagically, thanks @kneath */

/*-----------------------------------------*/
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
/*-----------------------------------------*/

/* Blue promotional blocks */
/*-----------------------------------------*/
.bluepromo  {max-width:295px; height:40px; background-color:#d5e2ff; padding:15px; border: 1px solid #dddddd; margin-bottom:5px; position:relative;}
.bluepromo:hover  { border: 1px solid #bababa; cursor: pointer;}
.bluepromo p a {display: block; height: 100%;  width: 100%; text-decoration: none;}

.bluepromofill  {width:90%; height:40px; background-color:#d5e2ff; padding:15px; border: 1px solid #dddddd; margin-bottom:5px; position:relative;}
.bluepromofill:hover  { border: 1px solid #bababa; cursor: pointer;}
.bluepromofill p a {display: block; height: 100%;  width: 100%; text-decoration: none;}

.bluepromobox  {height:40px; background-color:#d5e2ff; padding:15px; border: 1px solid #dddddd; margin-bottom:5px; position:relative;}
.bluepromobox:hover  { border: 1px solid #bababa; cursor: pointer;}
.bluepromobox p a {display: block; height: 100%;  width: 100%; text-decoration: none;}

/*-----------------------------------------*/




/* Slideshow  Homepage*/

/*-----------------------------------------*/
.hpslideshow-controls {  position: absolute; z-index: 9999; margin-left: 519px; width: 75px; height: 80px; background: url("../assets/ui.png") no-repeat; margin-top: 100px; background-position: -125px 0px;}
.hpslideshow-previous { display: block; float:left; width: 12px; height: 25px; background: url("../assets/ui.png") 105px 0; margin: 10px 2px 10px 15px; position:relative; z-index: 9999;  }
.hpslideshow-previous:hover { background-position: 105px 41px; cursor: pointer; }
.hpslideshow-next {  display: block; float: left;  width: 12px; height: 25px; background: url("../assets/ui.png")90px 0; margin: 10px 2px 10px 5px; position:relative; z-index: 9999; }
.hpslideshow-next:hover { background-position: 90px 41px; cursor: pointer; z-index:900;}
.hpslideshow div { display: none; min-height: 300px; }
.hpslideshow div.first { display: block; }
.hpslideshow-general .slideshow-controls { margin-top: 60px !important; }
.hpslideshow-general { margin-bottom: 20px;}
.hpslideshow-container { border-bottom: 3px solid #003366; margin-bottom: 20px; }

.opaque { padding: 10px 0 20px 20px; font-size: 18px; height: 50px; color: #e0e0e0; margin-top: -125px;  border: 1px solid #bababa; background: #010101; opacity:0.8; filter:alpha(opacity=70); /* For IE8 and earlier */ }

/* Slideshow 5 Column*/

/*-----------------------------------------*/
.slideshow5-controls {  position: absolute; z-index: 9999; margin-left: 222px; width: 75px; height: 80px; background: url("../assets/ui.png") no-repeat; margin-top: 100px; background-position: -125px 0px;}
.slideshow5-previous { display: block; float:left; width: 12px; height: 25px; background: url("../assets/ui.png") 105px 0; margin: 10px 2px 10px 15px; position:relative; z-index: 9999;  }
.slideshow5-previous:hover { background-position: 105px 41px; cursor: pointer; }
.slideshow5-next {background: url("../assets/ui.png") 90px 0; display: block; float: left;  width: 12px; height: 25px;  margin: 10px 2px 10px 5px; position:relative; z-index: 9999; }
.slideshow5-next:hover { background-position: 90px 41px; cursor: pointer; }
.slideshow5 div { display: none; min-height: 280px; }
.slideshow5 div.first { display: block; }
.slideshow5-general .slideshow-controls { margin-top: 60px !important; }
.slideshow5-general { margin-bottom: 20px;}
.slideshow5-container { border-bottom: 3px solid #003366; margin-bottom: 20px; }

/* Slideshow  for 6 Column*/

/*-----------------------------------------*/
.slideshow-controls {  position: absolute; z-index: 9999; margin-left: 282px; width: 75px; height: 80px; background: url("../assets/ui.png") no-repeat; margin-top: 30px; background-position: -125px 0px;}
.slideshow-previous { display: block; float:left; width: 12px; height: 25px; background: url("../assets/ui.png") 105px 0; margin: 10px 2px 10px 15px; position:relative; z-index: 9999;  }
.slideshow-previous:hover { background-position: 105px 41px; cursor: pointer; }
.slideshow-next {background: url("../assets/ui.png") 90px 0; display: block; float: left;  width: 12px; height: 25px;  margin: 10px 2px 10px 5px; position:relative; z-index: 9999; }
.slideshow-next:hover { background-position: 90px 41px; cursor: pointer; }
.slideshow div { display: none; min-height: 300px; }
.slideshow div.first { display: block; }
.slideshow-general .slideshow-controls { margin-top: 60px !important; }
.slideshow-general { margin-bottom: 20px;}
.slideshow-container { border-bottom: 3px solid #003366; margin-bottom: 20px; }


/*  IE6 Problems ---------- */

/*-----------------------------------------*/
body.ie .column-row { width: 960px; }
body.ie .eight .column-row   { width: 480px; }
body.ie .nine .column-row    { width: 540px; }
body.ie .ten .column-row     { width: 600px; }
body.ie .eleven .column-row { width: 660px; }
body.ie .twelve .column-row  { width: 720px; }
body.ie .thirteen .column-row   { width: 780px; }
body.ie .fourteen .column-row   { width: 840px; }
body.ie .fifteen .column-row    { width: 900px; }
body.ie .two-thirds .column-row { width: 640px; }
/*-----------------------------------------*/


/* Other */

/*-----------------------------------------*/
.right { float: right; }
.left { float: left; }
.imgleft {float: left; margin: 0px 10px 10px 5px;}
.imgright {float: right; margin: 0px 10px 10px 5px;}
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.aligncenterhv { text-align: center; margin-top:auto; margin-bottom:auto;}
.inline { display: inline; }
.clear { clear: both; }
.pad-5 { margin: 5px; }
.pad-9 { margin: 9px; }
.pad-10 { margin: 10px; }
.pad-10t { margin-top: 10px; }
.pad-10b { margin-bottom: 10px; }
.pad-10tb { margin:10px 0; }
.pad-10l { margin-left: 10px; }
.pad-10r { margin-right: 10px; }
.pad-10lr { margin: 0 10px; }
.pad-20 { margin: 20px; }
.pad-20t { margin-top: 20px; }
.pad-20b { margin-bottom: 20px; }
.pad-20tb { margin: 20px 0; }
.pad-20lr { margin: 0 20px; }
.pad-20l {margin-left: 20px; }
.pad-30 {margin: 30px; }
.pad-30t {margin-top: 30px; }
.pad-40t {margin-top: 40px; }
.pad-40l {margin-left: 40px; }
.pad-60t {margin-top:60px;}
.pad-60l {margin-left: 60px; }
.pad-110l {margin-left: 110px; }
.borderB1px {border-bottom:1px solid #dadada;}
.borderL2px {border-left:2px solid #dadada; padding-left:15px;}

.divpad-20 {padding:20px;}
.width99    {width:99%;}



/* Colors */

/*-----------------------------------------*/
.royalbluebg {background-color:#003366;}
.blueheader { color: #003366; font-weight: bold; }
.white { color: #fefefe; }
.red {color:#990000;}
.green {color:#beccaa;}
.bluegreen {color:#94baad;}
.lightblue {color:#d52eff;}
.babyblue {background-color:#d5e2ff;}
.sage {background-color:#94baad;}
.yellow {background-color:#e7e788;}
.whiteborder { border: 5px solid #069; }
.h3sized { color: #003366; font-size: 16px; line-height: 22px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal; margin:0 0 0.2em}
.h3head { color: #003366; font-size: 16px; line-height: 22px; font-family: Verdana, Helvetica, sans-serif; font-weight: normal;}
.bgRed {background-color:#bb4455;}


.big {font-size:1.5em;}
#impact a {color:#fcfcfc; text-decoration:underline;}
/*-----------------------------------------*/

#map_canvas {float:left;width:550px; height:550px}
#directionsPanel {float:right;width:40%;}

table {border-collapse:collapse; border-color: #bbbbbb; background-color:#fcfeff;}
th {padding-left: 10px; background-color:#fafafa}
td {padding: 10px; border-color: #cecece;}

#chart_div table{border-collapse:inherit;background-color:inherit;}

.directions table {border-collapse:collapse; border-color: #bbbbbb; background-color:#fcfeff;}
.directions th {padding-left: 10px; background-color:#ececec;}
.directions td{border-color: #cecece; padding: 0 10px 30px 0; background-color:#ececec;}



.article dt {float: left; padding-top:10px; width:90px;}
.article dd {padding-left: 20px; padding-top:10px;}

.quote {background-color: #e8e5d4 ;margin-left: 30px; border-left: 5px solid #069; border-top: 1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding: 15px; font-size:16px;}
.aim {background-color: #d5e2ff ;margin-left: 30px; border-left: 5px solid #069; border-top: 1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding: 15px; font-size:13px;}
.grey-border {border-left: 2px solid #dedede; border-right: 3px solid #003366;}

.subnav { list-style-type:none;}

.policy000 {display:none;}
.policy100 {display:none;}
.policy200 {display:none;}
.policy300 {display:none;}
.policy400 {display:none;}
.policy500 {display:none;}
.policy600 {display:none;}
.policy700 {display:none;}
.policy800 {display:none;}
.policy900 {display:none;}
.policy1000 {display:none;}
.policyApp {display:none;}
.cursor-hand {cursor: pointer;}
/*-----------------------------------------*/

.height75 {height:75px;}


/* Footer */

/*-----------------------------------------*/
#footer { height: auto; float: left; border-top: 14px solid #666666; padding-top: 20px; color: #272727; font-size: 11px; background: #d5e2ff; } /**/
#footer h3 { font-size: 13px; font-weight: bold; margin-bottom: 4px; }
#footer ul { list-style: none; padding: 1px; }
#footer p { margin: 0; }

/*#footer { background: #343434 url("http://isothermal.edu/files/images/accent/footerbg.jpg[/system-asset]") no-repeat top center; color: #ccc; }*/
#footer a, #homepage #footer a:link, #homepage #footer a:visited { color: #003366; }  /* REMOVED padding: 3px; */
#footer a:hover { background: #003399; color:#CCC}
#footer a:hover img {background: #eaebe9;}
#footer .container {background-color:#d5e2ff; }

#contact-info, #footer-links { padding: 15px 0; display: block; }
#legal { width: 100%; float: left; font-size: 11px; height: 34px; }
#legal-links a,#legal-links a:link,#legal-links a:visited { }
#legal-links { padding: 7px 20px 7px 0; float: left; }
#copyright { float: left; position: relative; padding: 7px 20px 7px 0; }

/* Facebook */
.social-fb { display: block; text-indent: 24px; height: 16px; width:16px; margin: 5px 0; background: url("../assets/ui.png") no-repeat -60px 0px; } 
/* Twitter */
.social-tw { display: block; text-indent: 24px; height: 16px; width:16px; margin: 5px 0; background: url("../assets/ui.png") no-repeat -76px 0px; } 
/* You Tube */
/*.social-yt { display: block; text-indent: 24px; height: 16px; width:16px; margin: 5px 0; background: url("../assets/ui.png") no-repeat 0 -32px; } */
/* iTunes U */
/*.social-it { display: block; text-indent: 24px; height: 16px; width:16px; margin: 5px 0; background: url("../assets/ui.png") no-repeat 0 -50px; } */
.social-email { display: block; text-indent: 24px; height: 16px; width:110px; margin: 5px 0; background: url("../assets/icon_mailto.gif") no-repeat; } 


/*-----------------------------------------*/


.feature {
    background: none repeat scroll 0 0 #fefefe; display: block; float: right; font-size: 11px; line-height: 24px; position: relative; width: 100%;}
.socialrail {margin: 0 2em;} /*  background-color:#ffffff; height:242px;    */


    
    
fieldset { padding: 20px;}
        
.ui-state-highlight { border-color:#036;}
    
    
/*Announcement System*/

/*-----------------------------------------*/  
.announcepad {padding: 30px 40px 20px 40px; }
#announcement-block { margin-bottom: 0px; background: #333333; top: 0; border-bottom:10px solid #333333; display:none;} /* display:none;  */
.announcement { margin: 10px 0; padding: 10px 0; display: block; }
.announcements { padding: 20px 40px; }
.announcement h3 { padding: 0 40px 10px; font-size: 18pt; color: #990000; } 
.announcement p { padding: 10px 0px; color: #666; margin: 0;  } 
.announcement-weather { border: 1px solid #333; margin: 10px 0; }
.announcement-security { border: 1px solid #990000; margin: 10px 0;  }
#close-announcements { position: absolute; right: 300px; top: 0; display: block; cursor: pointer; background: #990000; color: #fff; height: 25px; }
#close-announcements { padding-top: 2px; }
#toggle-announcements { display: none; margin-right: 5px; position: relative; float: left; cursor: pointer; background: #202020; color: #5a5a5a; }
#toggle-announcements:hover { background: #990000; }
/*-----------------------------------------*/    
    
.label {
font-weight: normal;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
text-align: center;
text-decoration: none;
line-height: 1;
white-space: nowrap;
display: inline-block;
position: relative;
margin-bottom: auto;
padding: 0.22222rem 0.44444rem 0.22222rem;
font-size: 0.61111rem;
background-color: #008CBA;
color: #FFFFFF;
}

.label.secondary {
background-color: #E7E788;
color: #333333;
margin: 5px 2px;
}

    
    
    /******* FORM *******/  
#customForm{  
    padding: 0 10px 10px;  
}  
#customForm label{  
    display: block;  
    color: #797979;  
    font-weight: 700;  
    line-height: 1.4em;  
}  
#customForm input{  
    width: 220px;  
    padding: 6px;  
    color: #333333;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 12px;  
    border: 1px solid #cecece;  
}  
#customForm input.radio{  
    width: 50px;  
    padding: 6px;  
    color: #949494;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 11px;  
    border: 1px solid #cecece; 
    margin-right: -10px; 
}  
#customForm input.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
#customForm textarea{  
    width: 550px;  
    height: 80px;  
    padding: 6px;  
    color: #adaeae;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-style: italic;  
    font-size: 12px;  
    border: 1px solid #cecece;  
}  
#customForm textarea.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
#customForm div{  
    margin-bottom: 10px;  
}  
#customForm div span{  
    margin-left: 10px;  
    color: #999999;  /* b1b1b1 */  
    font-size: 11px;  
    font-style: italic;  
}  
#customForm div span.error{  
    color: #e46c6e;  
}  
#customForm #send{  
    background: #6f9ff1;  
    color: #fff;  
    font-weight: 700;  
    font-style: normal;  
    border: 0;  
    cursor: pointer;  
}  
#customForm #send:hover{  
    background: #79a7f1;  
}  
#error{  
    margin-bottom: 20px;  
    border: 1px solid #efefef;  
}  
#error ul{  
    list-style: square;  
    padding: 5px;  
    font-size: 11px;  
}  
#error ul li{  
    list-style-position: inside;  
    line-height: 1.6em;  
}  
#error ul li strong{  
    color: #e46c6d;  
}  
#error.valid ul li strong{  
    color: #93d72e;  
}  
/******* /FORM *******/  



/* Calendar */

/*-----------------------------------------*/

.eventmonth {color: #5a5a5a; font-size: 16px; margin: 15px 0 10px 0; text-align:center;}
/*.eventdate {color: #990000; font-size: 24px; text-align:center;}*/
.pink {color: #ffccff;}



img[src="/css/icons/block_structureddata.gif"] {
 width: 16px !important;
 height: 16px !important;
}



  #help-image-select{text-align: center; padding-right: 90px;}
  .help-image img{border: 2px solid #edebed;}
  .help-image:hover img{border: 2px solid #330099;}
  .help-image:hover{color: #330099;}
  
  
  
.accordion {
        margin: 0;
        padding:10px;
        /*height:20px;*/
        border-top:#f0f0f0 1px solid;
        background: #d5e2ff;
        text-decoration:none;
        color: #333333;
        font-size:1em;
    }
.accordion:hover {cursor: pointer;}
    
.accordion-open {
        background:#cccccc;
        color: #333333;
    }  
    .accordion-open span {
        display:block;
        float:right;
        padding:10px;
    }
    .accordion-open span {
        background:url(../images/minus.png) center center no-repeat;
    }
    .accordion-close span {
        display:block;
        float:right;
        background:url(../images/plus.png) center center no-repeat;
        padding:10px;
    }
    
    div.accordiancontainer {
        padding:0;
        margin:0;
    }
    div.content {
        background:#f0f0f0;
        margin: 0;
        padding:10px;
        font-size:.9em;
        line-height:1.5em;
    }
    div.content ul, div.content p {
        padding:0;
        margin:0;
        padding:3px;
    }
    div.content ul li {
        list-style-position:inside;
        line-height:25px;
    }
    div.content ul li a {
        color:#555555;
    }
    
    
/* Search */
/*-----------------------------------------*/
 

/*-----------------------------------------*/
  .gsc-control-cse {
    font-family: Verdana, sans-serif;
    border-color: #EDEBE5;
    background-color: #EDEBE5;
  }
  input.gsc-input {
    border-color: #c0c0c0;
  }
  input.gsc-search-button {
    border-color: #ffffff;
    background-color: #e8d5a4;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #EDEBE5;
    background-color: #EDEBE5;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #EDEBE5;
    border-right-color: #EDEBE5;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #EDEBE5;
  }
  .gsc-webResult.gsc-result {
    border-color: #EDEBE5;
    background-color: #EDEBE5;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #E1DFD8;
    background-color: #E1DFD8;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #231F20;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #777777;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #990000;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #000000;
  }
  .gsc-cursor-page {
    color: #231F20;
  }
  a.gsc-trailing-more-results:link {
    color: #231F20;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #777777;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #333333;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #333333;
  }
  .gsc-cursor-box {
    border-color: #EDEBE5;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #EDEBE5;
    background-color: #EDEBE5;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #0000CC;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #0000CC;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
  
.gsc-control-cse, .gsc-table-result, .gsc-above-wrapper-area-container, .gsc-resultsHeader, .gsc-search-box  {background-color:#edebed;}


.gsc-search-box td { padding: 0; background-color:transparent;}
td.gsc-search-button { width: auto !important; }
input.gsc-input { min-height: 0; float: left; width: 210px !important; height: 24px; border: 1px solid #afa692 !important; color: #5a5a5a; font-size: 12px; margin: 0; }
#cse-search-form table { width: auto; }
td.gsc-input { width: 155px !important; }
input.gsc-search-button  { border: 1px solid #afa692 !important; margin-left: 0 !important; height: 28px !important; min-width:40px; width:54px; background: url(../assets/ui.png) no-repeat left; background-position: 0px 0px;  position:relative; text-indent: -9999px; font-size: 0; float: left; display: inline; line-height: 0; padding: 0 !important;}
.gsc-clear-button { display: none; margin-left: -90px !important; }
input.gsc-search-button:hover  { background-position: 0px -27px; }
input.ac_input { background: #fff !important; border: 1px solid #afa692 !important; border-right: 0 !important;  } 
table.gsc-search-box td.gsc-input { padding: 0 !important; }
/*-----------------------------------------*/    



.price-list__item {
  position: relative;
  margin-bottom: 30px;
  list-style: none;
}

.price-list__item-title {
  /*position: relative;*/
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 30px; /*  was 96*/
  background-color: white;
  text-align: left;
  
}

.price-list__item-title {
  background-color: #edebed;
}

li span.dots {
  
  bottom: 5px;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  border: 0;
  height: 3px;
  display: block;
  background-image: radial-gradient(circle closest-side, #b3b3b3 99%, rgba(0, 0, 0, 0) 1%);
  background-position: bottom;
  background-size: 6px 3px;
  background-repeat: repeat-x;
}

p.price-list__item-desc {
  margin-top: 10px;
}

.price-list__item-price {
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
  /*width: 96px;*/
  background-color: #edebed;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.27316;
  /* font-weight: bold; */
  float: right;
  text-align: right;
  color: #003366;
}

li img {float:left; margin: 0 10px 0 0}



#skip a {
        position:absolute;
        left:-10000px;
        top:auto;
        width:1px;
        height:1px;
        overflow:hidden;
    }
#skip a:focus { 
        position:static; 
        width:auto; 
        height:auto; 
    }


/* TIMELINE
------------------------------- */

.timeline ul {
  background: inheirit; /*#456990 */
  padding: 50px 0;
}

.timeline ul li {
  list-style-type: none;
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  background: #fff;
}

.timeline ul li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: inherit;
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  background: #bb4455; /* F45B69 */
}

.timeline ul li div::before {
  content: '';
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  border-style: solid;
}

.timeline ul li:nth-child(odd) div {
  left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
  left: -15px;
  border-width: 8px 16px 8px 0;
  border-color: transparent #bb4455 transparent transparent; /*#F45B69 */
}

.timeline ul li:nth-child(even) div {
  left: -468px; /* -439px */
}

.timeline ul li:nth-child(even) div::before {
  right: -15px;
  border-width: 8px 0 8px 16px;
  border-color: transparent transparent transparent #bb4455; /*#F45B69 */
}

time {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 8px;
}


/* EFFECTS
--------------------------------------- */

.timeline ul li::after {
  transition: background .5s ease-in-out;
}

.timeline ul li.in-view::after {
  background: #bb4455; /* f45b69 */
}

.timeline ul li div {
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
  transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
  transform: none;
  visibility: visible;
  opacity: 1;
  color: #fefefe; /* added from original  */
}


/* GENERAL MEDIA QUERIES
------------------------------------ */

@media screen and (max-width: 900px) {
  .timeline ul li div {
    width: 250px;
  }
  .timeline ul li:nth-child(even) div {
    left: -289px;
    /*250+45-6*/
  }
}

@media screen and (max-width: 600px) {
  .timeline ul li {
    margin-left: 20px;
  }
  .timeline ul li div {
    width: calc(100vw - 91px);
  }
  .timeline ul li:nth-child(even) div {
    left: 45px;
  }
  .timeline ul li:nth-child(even) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #F45B69 transparent transparent;
  }
}