/* gray version*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */

ul.mod-menu{list-style-type: none;}
ul.mod-menu li{list-style-type: none;display: inline-block;padding-left:12px;}

.PhotoBorder{width:100%;}

body {
font-family: 'Verdana', 'Helvetica', arial, serif;
font-size: 0.85em;
line-height: 1.65em;
color:#EAEAF4;
background:url(../../../images/darkgray3.png);
margin: 20px 0px;
}

#container {width: 100%;max-width:980px; margin: 0 auto; border-radius: 8px; box-shadow: 0px 0px 20px rgba(0,0,0,.30);}

h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", Times, serif;color:#9EBAC2;}
h2 {font-size: 150%;line-height: 160%;}
a {color:#9C9;}
a:hover {color:#9FF;}
.readon{background-color: #797878;color:#fff;border-bottom: 2px solid #535252;}
.readon:hover{background-color: #444;color:#fff;border-bottom: 2px solid #1B1A1A;}

#header-surround{}
#header{background-color:#000;height:200px;padding:0;}
#header-a.width-95{width:100%;}

.logo-left{float:left;width:20%;position:relative;z-index:23;}
.logo-right{float:right;width:78%;padding-top:12px;position:relative;z-index:96;}

#drawer-holder{background-color:#6E6E6E;padding:0 1%;}

#showcase{}
#showcase a{}

#top{color: #424242;background-color: #F5F6F8;box-shadow: 0px 1px 0 #dde0e7;}
#top::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;} /*dropdown triangle */
#top h2, #top h3, #top h4{color:#656565}

#utility{color: #2C2C2C;background-color: #FFFFFF;}
#utility h2, #utility h3, #utility h4{color:#656565}

#feature{
background-image: url(../images/backgrounds/feature/preset1/bg.png);
color: #000000;
background-color: #F5F6F8;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
}
#feature h2, #feature h3, #feature h4{color:#656565}
#maintop{color: #424242;background-color: #f5f6f8;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}

#expandedtop{background-color: #FFFFFF;color: #2C2C2C;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}

#content-top{background-color: #FFFFFF;color: #6E6E6E;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}

#mainbody{
background-color: #1d1d1d;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: stretch;
}

#sidebar-a{
background-color:#282828;
color: #5e5e5e;
font-size:80%;
}
#sidebar-a h2, #sidebar-a h3{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#sidebar-b{
padding: 3% 6%;
border-radius:3px;
display:inline-block;
margin-right:4%;
width:89%;
font-size: 80%;
line-height: 17px;
}

#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#656565}
#content-bottom-boxes {padding-top: 53px;}
#expandedbottom{
color: #424242;
background-color: #f5f6f8;
border-top: 1px solid #dde0e7;
box-shadow: 0px 1px 0 #dde0e7;
}

#expandedbottom::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #6A6A6A;}

#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}

#extension{
background-image: url(../images/backgrounds/extension/preset1/bg.png);
color: #000000;
background-color: #cdcdcd;
}
#extension a{color:#07659e}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#fullwidth{color: #6E6E6E;background-color: #FFFFFF;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}

#bottom{
background-image: url(../images/patterns/noise.png);
background-color: #8c8c8c;
color: #f1f1f1;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#footer{
color: #8f8f8f;
background-color:#191919;
border-top: 1px solid rgba(0,0,0,0.2);
font-size:80%;
}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#copyright{
background-image: url(../images/patterns/noise.png);
color: #5f5f5f;
background-color: #2d2d2d;
border-top: 1px solid rgba(0,0,0,0.2);
padding-top:6px;
padding-bottom:24px;
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}


/* full width slider */
#showcase-a.width-95{width:100%;}


.fp-round-image-bottom-first-image{display:inline-block;margin:1%;width:220px;vertical-align:top;}
.lnee p{margin:0 0 15px} /* for the custom latest news enhanced module */
/* div.newsintro p:last-of-type {display:inline-block;} */


.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}

@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
.sidebar-b-container{width:28%}
#sidebar-b {padding: 3% 8%;width: 85%;}
}



@media only screen and (max-width: 959px) {
}





@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
.logo-left{float:left;width:10%;}
.logo-right{float:right;width:88%;padding-top: 25px;}
}

.show640{display:none;}
@media (max-width: 640px) {
div#maximenuck197 ul.maximenuck li.maximenuck.level1{text-align:right;padding-top: 12px;padding-right:4px !important}
div#maximenuck197 div.floatck{background-color:transparent;border-color:transparent;}
div#maximenuck197 ul.maximenuck li.maximenuck a{text-align:right;}
div#maximenuck197 ul.maximenuck2 a{text-align:right;}
div#maximenuck197 div.floatck{margin-top:0px;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a{color:#fff;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a:hover{color:#ccc;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{color:#fff;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a:hover{color:#ccc;}
.hide640{display:none;}
.show640{display:block;}
#sidebar-a{margin-left:0;width:100%;}
#sidebar-b{margin-right:0;width:92%;}
.sidebar-a-container{width:93%;margin-bottom:8%;display:block;}
.sidebar-a-container-both{width:93%;margin-bottom:8%;display:block;}	
.main-content-container{width:100%;display:block;}
.main-content-container-both{width:100%;display:block;}
.main-content-container {padding: 0 3%;width: 94%;}
#sidebar-b {padding: 0 3%;width: 94%;text-align: center;}
#mainbody {display: block;width: 100%;padding: 0;}
#header{padding-top:24px;height:115px;}
}

.show480{display:none;}
@media (max-width: 480px) {
.hide480{display:none;}
.show480{display:block;}
.logo-left{float:left;width:5%;margin-left: -94px;}
.logo-right{float:right;width:90%;padding-top:68px;padding-right: 6%;}

}