/*_________________________________DOCUMENT STRUCTURE_____________________________________________________*/
html{background:#fff;}
body{background:transparent;margin:0;padding:0;font-family:Century Gothic,verdana, Arial, sans-serif;font-size:1em;line-height:150%;opacity:1;
webkit-transition-property: opacity;
  -webkit-transition-duration: 0.5s;
   -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s; /* Standard syntax */
                transition-property: opacity;
                transition-duration: 0.5s;
                transition-timing-function: ease-in-out;
                transition-delay: 0s;
}
.butTab,.butTabOn{padding:5px 5px 0 5px;border-top-left-radius:5px;border-top-right-radius:5px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #222;margin-left:8px;background:#fff;font-size:1em;border-bottom:3px solid #fff;}
.butTabOn{color: #fff;background-color:#10afef	;border-bottom:3px solid transparent;
}
.orange{border-color:#f8d19a;color:#da860e;}
.darkBlue{border-color:#cfb1f3;color:purple;}
.lime{border-color:#dbfbc3;color:green;}
.gold{border-color:gold}
.gold2{border-color:#ee9210}
.gray{border-color:#ccc}
.liteBlue{border-color:#d8f4fc;color:#069;}

.row{overflow:hidden;}
h3,div h3{margin:10px 0;border-top:25px solid #10afef;border-radius:5px;}
.mB0{margin-bottom:0;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.b1PG{;border-top:1px solid #ccc;border-right:1px solid #999;border-left:1px solid #ccc;border-bottom:1px solid #999}
.wF{margin-bottom:20px;padding:5px;border-radius:5px;}
.metaData{padding:5px;width:calc(100%-10px);margin-bottom:15px;border-radius:5px;background:#ffc}
.geoData{padding:5px;width:calc(100%-10px);margin-bottom:15px;border-radius:5px;background:#cfc}
.astroData{padding:5px;width:calc(100%-10px);margin-bottom:15px;border-radius:5px;background:#fc9}
.pB0{font-size:1.2em;margin:5px 0 0 0;line-height:100%;}

::-webkit-scrollbar {width: 10px;}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f9f9f9;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
    background: #ddd;cursor:pointer;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #eee;
}

.nm,.nmb{font-size:.9rem;font-family:Century Gothic,Verdana,Arial;}
.nmb{color:#000;}
form{margin:0;padding:0;}
/*.row{display:block;margin:5% 0;padding:15px;border-bottom:1px solid #ccc;}*/


.small-1{width:8.33333%}.small-2{width:16.66667%}.small-3{width:25%}.small-4{width:33.33333%}.small-5{width:41.66667%}.small-6{width:50%}.small-7{width:58.33333%}.small-8{width:66.66667%}.small-9{width:75%}.small-10{width:83.33333%}.small-11{width:91.66667%}.small-12{width:100%}.medium-1{width:8.33333%}.medium-2{width:16.66667%}.medium-3{width:25%}.medium-4{width:33.33333%}.medium-5{width:41.66667%}.medium-6{width:50%}.medium-7{width:58.33333%}.medium-8{width:66.66667%}.medium-9{width:75%}.medium-10{width:83.33333%}.medium-11{width:91.66667%}.medium-12{width:100%}.large-1{width:8.33333%}.large-2{width:16.66667%}.large-3{width:25%}.large-4{width:33.33333%}.large-5{width:41.66667%}.large-6{width:50%}.large-7{width:58.33333%}.large-8{width:66.66667%}.large-9{width:75%}.large-10{width:83.33333%}.large-11{width:91.66667%}.large-12{width:100%}

.mT0{margin-top:0}
.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mT15{margin-top:15px}
.mB0{margin-bottom:0}
.mB5{margin-bottom:5px}
.mB10{margin-bottom:10px}
.mB15{margin-bottom:15px}

.fL{float:left}
.fR{float:right}
.tAC{text-align:center;}
.tAR{text-align:right}
.tAL{text-align:left}
.con15{padding:15px;}
.con0-15{padding:0 15px 0 0;}
.conHead{background:#10afef;padding:10px;border:1px solid #ddd;}
.preLoader{background:#10afef;color:#fff;border-radius:10px;padding:20px;border:1px solid #ccc;box-shadow: 10px 10px 10px #ccc;}

#holdOn{
display:none;
z-index:8;
position: fixed;
top: 50%;
left: 50%;
/* bring your own prefixes */
transform: translate(-50%, -50%);
min-width:300px;
}


p,h1,h2,h3,h4,h5,h6,ul,ol,li,a{font-family:Century Gothic,verdana, Arial, sans-serif;line-height:150%;}
p,ul,ol,li,a{font-size:1em;line-height:150%}
h1,h2,h3,h4,h5,h6{color:#069;font-weight:normal;margin-top:5%}
h1{margin-top:10px;padding-top:0}
/*div{overflow:hidden;}*/
.button,.button a{text-decoration:none;border:1px solid #555;padding:2px 5px;margin:0;border-radius:5px;color:#fff;
background-color: #067bae;
background-image: -moz-linear-gradient(0deg, #99ccff, #067bae);
background-image: -ms-linear-gradient(0deg, #99ccff, #067bae);
background-image: -o-linear-gradient(0deg, #99ccff, #067bae);
background-image: -webkit-linear-gradient(0deg, #99ccff, #067bae);
background-image: linear-gradient(0deg, #99ccff, #067bae);
}

.cB{clear:both;height:0px;}
.dayCon{overflow:hidden;paddding:5px;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;}
.dateCon{padding:20px 0;text-align:center;width:100px;font-size:.9em;}
.txtDesc{text-align:center;font-weight:bold;}
.bigTemp{font-size:3em;line-height:100%;color:#ee9210;text-shadow:1px 1px #666}
.wHigh{font-weight:bold;color:red;}
.wLow{font-weight:bold;color:#09f;}
.sep{color:#ccc;}
#pageGear{display:block;max-height:60px;text-align:right;}
.oBar,.oBarV{display:inline;text-align:right;width:0;opacity:0;max-height:60px;overflow:hidden;
    -webkit-transition-delay: 0s,.25s; /* Standard syntax */
                transition-property: width,opacity;
                transition-duration: 0.5s,0.5s;
                transition-timing-function: ease-in-out,ease-in-out;
                transition-delay: 0s,0s;
}
.oBarV{width:calc(100%-250px);opacity:1;}

.nowIcon{height:30px;width:30px;margin:5px 10px 0 0;}

.dataPad{margin:5px 15px}
.infoBar{height:40px;overflow:hidden;}
.iBPad{padding:8px 10px 3px 10px}
.togI{cursor:pointer;color:#bbb;float:right;font-size:1.7em}
.subJM,.subJW,.subJG,.subJA,.subJN,.subJR{margin-top:50px;background:transparent;border-bottom:7px solid #f8d19a;padding-bottom:3px}
.subJW{border-bottom:7px solid #9cf}
.subJG{border-bottom:7px solid #9c9}
.subJA{border-bottom:7px solid #575a71}
.subJN{border-bottom:7px solid #2f99ff;}
.subJR{border-bottom:7px solid #ff6666;}
.subTitle{letter-spacing:auto;font-size:1.7rem;line-height:120%;color:#999}
.subTitleSub{font-size:.9rem;color:#222}
.tabBottom{margin-top:10px;border-bottom:5px solid #10afef;}
.dOW{letter-spacing:8px;font-size:1.3rem;line-height:125%;}
.mb15{margin-bottom:15px}
.f10,.f10V,.f10V2{margin:15px 0 30px 0;background:#fff;opacity:0;height:auto;overflow:hidden;
    -webkit-transition-delay: 0s,.25s; /* Standard syntax */
                transition-property: height,opacity;
                transition-duration: 0.5s,0.5s;
                transition-timing-function: ease-in-out,ease-in-out;
                transition-delay: 0s,0s;
}
.f10V{opacity:1;height:480px;margin-bottom:20px;}
.f10V2{opacity:1;height:auto;margin-bottom:20px;}

#allForecast{display:none;}

#weeklyForecast,#geoInfo,#metaInfo,#astroInfo,#nowInfo{padding:5px;}


.linksBar{font-size:1em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dadada+0,dadada+100&0+0,0.65+100 */
background: -moz-linear-gradient(left,  rgba(218,218,218,0) 0%, rgba(218,218,218,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(218,218,218,0) 0%,rgba(218,218,218,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(218,218,218,0) 0%,rgba(218,218,218,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dadada', endColorstr='#a6dadada',GradientType=1 ); /* IE6-9 */
}

.geoastro{font-size:.9em;}
.searchForm,.searchFormV{visibility:hidden;height:0px;opacity:0;
    transition-property: height,opacity;
    transition-duration: 0.3s,0.3s;
    transition-timing-function: ease-in-out,ease-in-out;
    transition-delay: 0s,.1s;
}
.searchFormV{opacity:1;height:60px;visibility:visible;}


/*_________________________________ASTRONOMY STRUCTURE_____________________________________________________*/

#agenda{}

.modCloseM,.modOpenM{border-top-left-radius:5px;border-top-right-radius:5px;height:40px;overflow:hidden;cursor:pointer;
    transition-property: height;
    transition-duration: 0.9s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
;margin-bottom:10px;
background-image:url('/images/000_TabIndOpenG.gif');
background-repeat: no-repeat;
    background-position: 100px 14px;
}
.modOpenM{
/*background-image:url('/images/000_TabIndCloseG.gif');*/
height:auto;margin-bottom:10px;}

.mouseBeOffMe,.mouseBeOnMe,.mouseBeDown,.mouseBeUp {margin:2px;padding:4px;background-color: #eeeeee;border-top: 1px  solid #f5f5f5;border-bottom: 1px solid #cccccc;border-left:1px solid #f5f5f5;border-right:  1px  solid #cccccc;border-radius:5px;}

.mouseBeOnMe {background-color: #ccc;cursor:pointer;}

.mouseBeDown {
left:1px;top:1px;position:relative;
background-color: #9cf;
}

.mouseBeUp {
background-color: #f5f5f5;
}

.bw,.bw:hover {
background-color:#eeeeee;border-bottom:#cccccc thin solid;;border-left:#f5f5f5 thin solid;border-right:#cccccc thin solid;border-top:#f5f5f5 thin solid;color:black;font-family:arial,verdana;font-size:.9em;cursor:pointer;
}
/*.bw:hover{background-color:lime;}*/

.nsg{color:#fff;font-size:1em;font-weight:normal;}
.nmw{color:#fff}
input{border:none}



/*_________________________________HEADER STRUCTURE_____________________________________________________*/

#navBar{background:#fff;z-index:7;
position:fixed;top:0;left:0;
width:100%;height:110px;
/*box-shadow: 0 30px 30px 0px #fff;*/
}
.navBarCon{width:100%;display:block;height:50px;line-height:50px;}
#logo{color:#10afef;font-size:1.3em;position:relative;top:0;left:0;display:inline-block;}
.logoGraphic{float:left;max-width:40px;max-height:46px;margin:2px 15px 2px 0;vertical-align:-18%;}
.logoName{font-size:1.6em;letter-spacing:8px;color:#bbb;text-shadow:1px 1px 1px transparent;display:inline-block;}
.nB{
background:transparent;
width:96%;
color:#10afef;
margin:0 10%;
height:55px;
line-height:55px;
display:block;
}

/*_________________________________PAGE LAYOUT STRUCTURES_____________________________________________________*/

#bigPicture,.slide{
/*position:relative;left:0;*/
margin-top:110px;

z-index:2;display:block;width:100%;height:400px;min-height:100px;max-height:400px;background-image:url('/images/homeSlides/slide-image-3.jpg');background-size:cover;background-repeat:no-repeat;overflow-y:hidden;}
#contentContainer{margin:110px 15% 65px 15%;overflow:hidden;display:block;background:#fff;z-index:1;}
#footerContainer{position:relative;vertical-align:bottom;width:100%;background:#333;border-top:100px solid #b5d6ed;color:#fff;z-index:2;margin-top:50px;padding-top:50px;
/*background-image:url('/images/bkg/water2.jpg');
background-size:cover;
background-repeat:no-repeat;

background-color: #067bae;
background-image: -moz-linear-gradient(0deg, #99ccff, #067bae);
background-image: -ms-linear-gradient(0deg, #99ccff, #067bae);
background-image: -o-linear-gradient(0deg, #99ccff, #067bae);
background-image: -webkit-linear-gradient(0deg, #99ccff, #067bae);
background-image: linear-gradient(0deg, #99ccff, #067bae);
*/
}
#footerContainer ul{list-style:none}
#footerlinks{margin:0 auto;text-align:center;}
.colcol{width:auto;overflow:hidden}
.floater{margin:50px 50px 20px 50px;max-width:50%;float:left;text-align:left}
.floater2{margin:50px 0px 20px 50px;max-width:50%;float:left;text-align:left}
#footerAddress{font-size:.8em;text-align:left;padding:50px}
.fLL{float:left;width:50%}
#footerTitle{font-size:3.5em;display:block;margin-bottom:20px}

.searchBut{width:25px;}
/*_________________________________ELEMENT MODIFICATION STRUCTURES_____________________________________________________*/

span.anchor {display: block;width:100%;height: 110px;margin-top: -110px;visibility: hidden;}

.divSlider{overflow:auto;overflow-y:hidden;}

.faderText{;line-height:150%;font-size:2.0em;font-family:Century Gothic,Verdana,Arial}
#faderTextContainer{margin-top:0px;height:135px;overflow:hidden;width:200px;text-align:center;line-height:150%;}

.red{color:#cc0000}
.yellow{color:#ffff00}
.orange{color:#ff9900}
.blue{color:#00ccff}
.green{color:#00cc99}
.purple{color:#cc99ff}
.lightGray{color:#c0c0c0}
.mediumGray{color:#929292}
.darkGray{color:#333}

.center{text-align:center}
.vcenter{vertical-align:middle;}

.col-4{width:calc(25% - 30px);float:left;padding:15px;}
.col-3{width:calc(33.333% - 30px);float:left;padding:15px;}
.col-2{width:calc(50% - 30px);float:left;padding:15px;}

.col-2 h3,.col-3 h3,.col-4 h3{margin-top:0;padding-top:0;font-size:2em;}

.floatleft{float:left;margin:0 5% 2% 0}
.floatright{float:right;margin:0 0 2% 5%}

.off{display:none}
.block{display:block}
.inline{display:inline}
.inB{display:inline-block}

/*_________________________________DESKTOP MENU STRUCTURE_____________________________________________________*/


#MBAR{display:block;}
.innerNavBar{margin:0 10%;height:40px;line-height:40px;display:block;display:block;}

#mobileMenu,#mobileMenu img{width:32px;height:32px;float:right;margin-top:5px;vertical-align:middle;display:none;cursor:pointer;}

.menuButs{position:relative;top:0;right:0;text-align:right;}

div.menuBar, div.menuBar a.menuButton, div.menu, div.menu a.menuItem {
font-family: Century Gothic,verdana, Arial, sans-serif; font-size: 1em; font-style: normal; position:relative; z-index:1; }

div.menuBar {text-align: left; margin:0px;text-align:right;}

div.menuBar a.menuButton {
cursor:pointer; background: #c176150; color: #777; cursor: default; left: 0px; margin: 0px; padding: 4px 8px 4px 4px; padding-right:20px; padding-left:20px; position: relative; text-decoration: none; top: 0px; }

div.menuBar a.menuButton { cursor:pointer;border-right:1px solid transparent; border-left:1px solid transparent; }
div.menuBar a.menuButton:hover {cursor:pointer;  }
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {
	border: 1px solid;
  border-color: #ccc #666 #666 #ccc;
border-bottom:none;
cursor:pointer;background: #62abee;color:#fff;border-top-right-radius:5px;border-top-left-radius:5px
}

div.menu {
  background:#fff;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
box-shadow: 10px 10px 10px #eee;
	border: 1px solid;
  border-color: #ccc #666 #666 #ccc;
  padding: 10px;
  position: absolute;
  visibility: hidden;
  z-index: 2;
	color:#000033;
width:80%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+46,0+100;White+to+Transparent */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

div.menu a.menuItem {border:1px solid transparent;
  color: blue;
  cursor: pointer;
  display: block;
  padding: 5px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: normal;
z-index:1;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #eee;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
box-shadow: 10px 10px 10px #eee;
	border: 1px solid;
  border-color: #ccc #666 #666 #ccc;
z-index:1;
}

div.menu a.menuItem span.menuItemText{
z-index:2;
background:#f5f5f5;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: 5px;
}

div.menu div.menuItemSep {
  border-top: 1px solid #897b5e;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}

/*_________________________________MOBILE MENU STRUCTURE_____________________________________________________*/



#mobileMenuLister a {padding:5px;text-decoration:none;color:#fff;display:block;border-bottom:1px solid #ccc}
.menuCloser{margin:10px 0;padding:0;text-align:center;background:#000;color:red;cursor:pointer}

.mobileMenuList,.mobileMenuList2{
border-top:1px solid red;
background:#222;
height:100%;
color:#eee;
padding:10px 0;
z-index:7;
opacity:0;
width:0;
position:fixed;
top:0px;
left:0;
    -webkit-transition-property: width,opacity;
    -webkit-transition-duration: 0.5s,0.5s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out;
    -webkit-transition-delay: 0s,0s;
    /* Standard syntax */
    transition-property: width,opacity;
    transition-duration: 0.5s,0.5s;
    transition-timing-function: ease-in-out,ease-in-out;
    transition-delay: 0s,0s;
overflow-y:auto;
}
.mobileMenuList2{opacity:1;width:85%;}

.menuItemx,.menuItemx a{font-size:1.2em;line-height:175%;display:block;cursor:pointer;margin-top:15px;}
.conA{display:none}
.subMenuItem a,.subMenuItem{font-size:1.1em;line-height:175%;display:block;margin-left:20px;}

.subMenuItemCon,.subMenuItemCon2,.subMenuItemCon3{height:0; opacity:0;
-webkit-transition-property: height,opacity;
  -webkit-transition-duration: 0.5s,0.5s;
   -webkit-transition-timing-function: ease-in-out,ease-in-out;
    -webkit-transition-delay: 0s,.25s; /* Standard syntax */
                transition-property: height,opacity;
                transition-duration: 0.5s,0.5s;
                transition-timing-function: ease-in-out,ease-in-out;
                transition-delay: 0s,.25s;
}
.subMenuItemCon2{height:100px; opacity:1;}
.subMenuItemCon3{height:auto; opacity:1;}
/*_________________________________FOOTER STRUCTURES_____________________________________________________*/

#connectXMLO {
margin:20px auto;
text-align:center;
}
.nBX{width:35px;height:35px;padding:5px 0 0 5px;border:none;opacity:.85}
#clock2{padding-bottom:20px;}

#TT{height:60px;width:70px;max-width:70px;position:fixed;bottom:10px;right:10px;text-align:right;opacity:.5;margin-bottom:0;display:none;opacity:.6;z-index:4;}

/*_________________________________FOOTER LINKS_____________________________________________________*/

.sNLO a:link, .sNLO a:visited,.sNLB a:link, .sNLB a:visited,.sNLG a:link, .sNLG a:visited,.sNLY a:link, .sNLY a:visited {
display:block;
color:#fff;
padding:0px 5px;
margin:0px;
text-decoration:none;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
border-right:2px solid transparent;
border-left:5px solid #9cf;
border-radius:2px;
font-size:.8em;
}
.sNLY a:link, .sNLY a:visited{border-left:5px solid yellow}
.sNLG a:link, .sNLG a:visited{border-left:5px solid lime}
.sNLO a:link, .sNLO a:visited{border-left:5px solid orange}

.sNLO a:hover,.sNLY a:hover,.sNLG a:hover,.sNLB a:hover {
padding:0px 5px;
border-color:#9cf;
border-top:1px solid;
border-bottom:1px solid;
border-right:2px solid;
border-left:5px solid;
background:transparent;
text-decoration:none;
}
.sNLO a:hover {border-color:orange;}
.sNLY a:hover{border-color:yellow;}
.sNLG a:hover{border-color:lime;}
.sNLB a:hover {border-color:#9cf;}

/*_________________________________ACCORDION _____________________________________________________*/


#accordion,.accordion{
opacity:0;
padding:2px;
margin:20px auto;
width:90%;
max-width:100%;width:auto;
/*background:#eee;
border-top:1px solid #ccc;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #ccc;
border-radius:5px;*/
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.accordion img{width:100%;max-width:240px;float:right;margin:0 0 5px 10px;height:auto}
a.baseToolg,a.noAStyle{text-decoration:none;}
.oBBlue{
cursor:pointer;
border-radius:5px;
padding:10px;color:#fff;text-shadow:1px 1px #000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,510afefe1+79,87bcea+100;Blue+Pipe+%231 */
background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(208,228,247,1)), color-stop(24%,rgba(115,177,231,1)), color-stop(50%,rgba(10,119,213,1)), color-stop(79%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* IE10 preview */
background: linear-gradient(45deg,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.accWidth100{max-width:100%;width:auto;}
.accBlue{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7f3fd+0,b6cde2+100 */
background: rgb(231,243,253); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(231,243,253,1) 0%, rgba(182,205,226,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(231,243,253,1)), color-stop(100%,rgba(182,205,226,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(231,243,253,1) 0%,rgba(182,205,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-radial-gradient(center, ellipse cover,  rgba(231,243,253,1) 0%,rgba(182,205,226,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(231,243,253,1) 0%,rgba(182,205,226,1) 100%); /* IE10 preview */
background: radial-gradient(ellipse at center,  rgba(231,243,253,1) 0%,rgba(182,205,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f3fd', endColorstr='#b6cde2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
max-width:auto;
}

.oI,.cI{
font-family:verdana;
font-weight:normal;
color:#777;
cursor:pointer;
padding:5px 5px 5px 30px;
font-size:1em;
border-top:1px solid #ccc;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-left:1px solid #ccc;
border-radius:3px;margin:0;
background:#fcfcfc url('/images/000_TabIndOpenG.gif');
background-repeat: no-repeat;
background-position: left center;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.cI{
background:#5babf9 /*url('/images/000_TabIndCloseG.gif')*/;
background-repeat: no-repeat;background-position: left center;color:#fff;border-bottom:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}

.accDD,.h1Div{
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
max-height:0px;
background:#fff;
border:0px;
padding:0 10px;
margin:0 0 10px 0;
overflow:hidden;
opacity:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9eff9+0,d1dbf1+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(233,239,249,0) 0%, rgba(209,219,241,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(233,239,249,0) 0%,rgba(209,219,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(233,239,249,0) 0%,rgba(209,219,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9eff9', endColorstr='#d1dbf1',GradientType=1 ); /* IE6-9 */
}

.h1Div{padding:0px 20px 0 20px}
/*_________________________________SLIDESHOW STYLES_____________________________________________________*/

#fB{display:none;padding:5px;font-size:.9em;z-index:10;position:fixed;top:0;left:0;width:350px;background:#222;color:lime;max-height:100px;border:1px solid gray;border-radius:5px;overflow:scroll}
#slides{
position: relative;
height: 100%;
padding: 0px;
margin: 0px;
list-style-type: none;
cursor:pointer;
top:0;
margin-top:-110px;
}

.slide{
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
z-index: 1;
font-size:1em;
padding: 20px;
box-sizing: border-box;
background: #333;
color: #fff;
text-shadow:0px 0px 10px #000;
background-size:cover; /*contain or cover*/
background-position:center;
background-repeat:no-repeat;
vertical-align:middle;
line-height:100%;
height:100%;
max-height:400px;
width:100%;
text-align:center;

-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

.showing{opacity: 1;z-index: 2;}


.controls{
display: none;
}

.sMarket{margin-top:10%;display:inline:block;}
.sBox{display:inline-block;margin-top:10px;padding:5px;font-size:.6em;position:relative;border:1px solid #fff;border-radius:5px;color:#fff;z-index:3;
}
.sBox:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+46,0+100;White+to+Transparent */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 46%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.slide:nth-of-type(1){background-image: url('/images/homeSlides/slide-image-3.jpg');}
.slide:nth-of-type(2){background-image: url('/images/homeSlides/slide-image-1.jpg');}
.slide:nth-of-type(3){background-image: url('/images/homeSlides/slide-image-4.jpg');}

.controls{
background: transparent;
color: #ddd;
border: none;
padding: 5px;
font-size: 2.5em;
cursor: pointer;
width: 40px;
margin:0 5px 5px 0;
border-radius:5px;
border:1px solid transparent;
opacity:.7;
text-shadow:1px 1px #000;
float:right;
}

.controls:hover,
.controls:focus{
border-top:1px solid #999;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #999;
background: #transparent;
color: #fff;
opacity:1;

}

.slideshowContainer{position: relative;}

.buttons{
text-align:right;
position: relative;
right: 5px;
bottom: 20px;
z-index: 5;
font-size: 10px;
}
/* Number text (1/3 etc) */
.numbertext {
position: absolute;
right: 0px;
top: 0px;
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

.backgroundtext {
color: #f2f2f2;
font-size: 2em;
padding: 8px 12px;
position: absolute;
top: 100px;
}

#controller{z-index:6;display:block;width:100%;text-align:center;}
#dotz{z-index:6;margin-left:20px;display:inline-block;max-width:250px;float:left;height:55px;line-height:55px;}
#messagez{position:absolute;z-index:5;margin-left:20px;display:block;vertical-align:middle;height:300px;line-height:300px;}

#buttonz{display:inline;max-width:250px;float:right;border-radius:10px;
/*
border-top:1px solid #999;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #999;
background:#222;opacity:.5;
*/
padding:0 5px;
}

.dot {
position: relative;
z-index:6;
left: 0px;
bottom: 0px;
height: 13px;
width: 13px;
margin: 0 2px;
background-color: #ddd;
border-radius: 50%;
border:1px solid #222;
display: inline-block;
transition: background-color 0.6s ease;
cursor:pointer;
}

.active {background-color: #10afef;border-color:#ccc;}
.prev, .next {
  cursor: pointer;
  position: absolute;

  top: 110px;
  width: 20%;
height:400px;
line-height:400px;
vertical-align:middle;
  padding: 0px;
   color: transparent;
  font-weight: bold;
  font-size: 3em;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
z-index:5;
text-align:center;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;

}
.prev:hover{
color:#fff;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(255,180,0,.5) 0,rgba(255,180,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.next:hover {
color:#fff;
background-image: -webkit-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.0001)),to(rgba(255,255,255,.5)));
    background-image: linear-gradient(to right,rgba(0,255,180,.0001) 0,rgba(0,255,180,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.text {
  color: #f2f2f2;
  font-size: .5em;
  padding: 0;
  position: absolute;
  bottom: 1%;
  width: auto;
  text-align: center;
overflow:hidden;
text-shadow:1px 1px #000;
}



/*_________________________________MODAL BOXES_____________________________________________________*/

.modalImg {
     cursor: pointer;
    transition: 0.3s;
}

.modalImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 40px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 85%;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 5px;
line-height:100%;padding:0;margin:0;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

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

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}






/*_________________________________SUGGEST STYLES_____________________________________________________*/


#suggest{
visibility:hidden;
border-top:transparent 1px solid;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
border-left:#ccc 1px solid;
width:70%;
font-size:15px;
position:absolute;
background:#fff;
z-index:6;
overflow-y:auto;
max-height:250px;
}

.bigsearchforminput{width:97%;border-radius:5px;font-size:1.4em;color:#999;padding:3px;border:1px solid #ccc;}

#suggest div{
background:#fff;
color:#808080;
padding-left:4px;
cursor:pointer;
text-align:left;
font-size:24px;
}

#suggest div.over{
color:#fff;
background:#62abee;
}

.bigsearchp{text-align:center;}

#wcol1{font-size:.9em;}

.tableTD,.tableTD a{text-decoration:none;font-weight:bold;font-size:1em;color:white}
.divSlider{overflow:auto;overflow-y:hidden;}

.divSlider::-webkit-scrollbar {height: 8px;cursor:pointer;}
/* Track */
.divSlider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/* Handle */
.divSlider::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f9f9f9;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.divSlider::-webkit-scrollbar-thumb:hover {
    background: #0cf;cursor:pointer;
}

.divSlider::-webkit-scrollbar-thumb:window-inactive {
	background: #eee;
}



/*td{background:#fff;padding:0 5px}
td:hover{cursor:pointer;background:#f9f9f9;}*/




/*_________________________________MEDIA QUERIES_____________________________________________________*/



@media (min-width: 200px) and (max-width: 389px) {
#MBAR{display:none;}
#logo,.logoName{font-size:1.0em;letter-spacing:2px;}
#faderTextContainer{width:100px;}
.faderText{;line-height:150%;font-size:1.5em;font-family:Century Gothic,Verdana,Arial}
.innerNavBar{display:none;height:0px;line-height:0px;}
#mobileMenu,#mobileMenu img{display:inline}
#contentContainer{margin:40px .5%;overflow:hidden;}
.col-2,.col-3,.col-4{width:100%;padding:15px 0;}
.fLL{width:100%;text-align:center;}
#navBar{height:50px;}
.nB{margin:0 .2%}
#bigPicture,.prev, .next{height:150px;margin-top:60px;line-height:150px;}
.prev, .next{font-size:1em;margin-top:-50px;}
#controller{display:none;}
.sMarket{font-size:.8em}
.button{margin-bottom:40px}
.bigsearchforminput{width:96%}
#wcol1{font-size:.7em;margin-right:5px}
#wcol2{margin-right:0;}
#wcol3{font-size:.7em}
.togI{font-size:2.5em}
.cityH11,.cityH10{font-size:1em;letter-spacing:4px;}
.medium-1{width:100%}.medium-2{width:100%}.medium-3{width:100%}.medium-4{width:100%}.medium-5{width:100%}.medium-6{width:100%}.medium-7{width:100%}.medium-8{width:100%}.medium-9{width:100%}.medium-10{width:100%}.medium-11{width:100%}.medium-12{width:100%}
.large-1{width:100%}.large-2{width:100%}.large-3{width:100%}.large-4{width:100%}.large-5{width:100%}.large-6{width:100%}.large-7{width:100%}.large-8{width:100%}.large-9{width:100%}.large-10{width:100%}.large-11{width:100%}.large-12{width:100%}
#footerTitle{font-size:1.75em;;margin-bottom:10px}
}

@media (min-width: 390px) and (max-width: 479px) {
#MBAR{display:none;}
#logo,.logoName{font-size:1.1em;letter-spacing:2px;}
#faderTextContainer{width:100px;}
.faderText{;line-height:150%;font-size:1.5em;font-family:Century Gothic,Verdana,Arial}
.innerNavBar{display:none;height:0px;line-height:0px;}
#mobileMenu,#mobileMenu img{display:inline}
#contentContainer{margin:60px .5%;overflow:hidden;}
.col-2,.col-3,.col-4{width:100%;padding:15px 0;}
.fLL{width:100%;text-align:center;}
#navBar{height:50px;}
.nB{margin:0 .2%}
#bigPicture,.prev, .next{height:150px;margin-top:60px;line-height:150px;}
.prev, .next{font-size:1em;margin-top:-50px;}
#controller{display:none;}
.sMarket{font-size:.9em}
#wcol1{font-size:.8em;margin-right:5px}
#wcol2{margin-right:0;}
#wcol3{font-size:.7em}
.cityH11,.cityH10{font-size:.9em;letter-spacing:6px;}
.medium-1{width:100%}.medium-2{width:100%}.medium-3{width:100%}.medium-4{width:100%}.medium-5{width:100%}.medium-6{width:100%}.medium-7{width:100%}.medium-8{width:100%}.medium-9{width:100%}.medium-10{width:100%}.medium-11{width:100%}.medium-12{width:100%}
.large-1{width:100%}.large-2{width:100%}.large-3{width:100%}.large-4{width:100%}.large-5{width:100%}.large-6{width:100%}.large-7{width:100%}.large-8{width:100%}.large-9{width:100%}.large-10{width:100%}.large-11{width:100%}.large-12{width:100%}
#footerTitle{font-size:2.25em;;margin-bottom:15px}
}


@media (min-width: 480px) and (max-width: 699px) {
#MBAR{display:none;}
#logo,.logoName{font-size:1.3em;letter-spacing:5px}
#faderTextContainer{width:100px;}
.faderText{;line-height:150%;font-size:1.5em;font-family:Century Gothic,Verdana,Arial}
.innerNavBar{display:none;height:0px;line-height:0px;}
#mobileMenu,#mobileMenu img{display:inline}
#contentContainer{margin:30px 1%;overflow:hidden;}
.col-2,.col-3,.col-4{width:100%;padding:15px 0;}
.fLL{width:100%;text-align:center;}
#navBar{height:50px;}
.nB{margin:0 .2%}
#bigPicture,.prev, .next{height:150px;margin-top:60px;line-height:150px;}
.prev, .next{font-size:1em;margin-top:-50px;}
#controller{display:none;}
.sMarket{margin-top:7%;}
.cityH11,.cityH10{font-size:.9em;}
.medium-1{width:100%}.medium-2{width:100%}.medium-3{width:100%}.medium-4{width:100%}.medium-5{width:100%}.medium-6{width:100%}.medium-7{width:100%}.medium-8{width:100%}.medium-9{width:100%}.medium-10{width:100%}.medium-11{width:100%}.medium-12{width:100%}
.large-1{width:100%}.large-2{width:100%}.large-3{width:100%}.large-4{width:100%}.large-5{width:100%}.large-6{width:100%}.large-7{width:100%}.large-8{width:100%}.large-9{width:100%}.large-10{width:100%}.large-11{width:100%}.large-12{width:100%}
#footerTitle{font-size:3em;}
}

@media (min-width: 700px) and (max-width: 899px) {
#mobileMenuLister{display:none}
#contentContainer{margin:55px 10%;overflow:hidden;display:block;}
.innerNavBar{margin:0 5%}
#bigPicture,.prev, .next{height:200px;margin-top:110px;line-height:200px}
.prev, .next{margin-top:110px;}
.slide{font-size:1.5em;}
#slides{margin-top:-110px}
}

@media (min-width: 900px) and (max-width: 1023px) {
#mobileMenuLister{display:none}
#contentContainer{margin:65px 15%;overflow:hidden;display:block;}
#bigPicture,.prev, .next{height:250px;line-height:250px;}
.slide{font-size:2em;}
#slides{margin-top:-110px}
}

@media (min-width: 1024px) and (max-width: 1299px) {
#mobileMenuLister{display:none}
#contentContainer{margin:75px auto;overflow:hidden;display:block;max-width: 1000px}
#bigPicture,.prev, .next{height:350px;line-height:350px}
.slide{font-size:2.3em;}
#slides{margin-top:-110px}
}

@media (min-width: 1300px) and (max-width: 3200px) {
#mobileMenuLister{display:none}
#contentContainer{margin:75px auto;overflow:hidden;display:block;max-width: 1000px}
#bigPicture,.prev, .next{height:400px;line-height:400px}
.slide{font-size:2.3em;}
#slides{margin-top:-110px}
}