/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
.skin_top{ background:#fff!important; border-bottom:1px solid #e9e9e9;height: 60px; }
#skin_topLeft{ float:left;}
.user_bar{ float: right;
    line-height: 53px;
    min-height: 35px;
    padding: 0;}
.language_position {float:right; padding:0 0 0 4px; margin-right:15px;}
.user_style { float:right; list-style:none; padding:0 7px; margin:0;  font-weight: bold !important; }

#skin_header{ background:#009a64;height:50px}
.logo_style{ float:left; min-height:70px; padding-left:15px; }
.site_logo {line-height: 60px;
    padding: 5px 0;
    position: absolute;
    top: -40px;
    z-index: 2000; }
.site_logo img {max-height: 150px;
}
.scroll-to-fixed-fixed .site_logo img {  bottom: -35px;
    max-height: 60px;
    position: relative;}
.menu_box{ float:right;}
.scroll-to-fixed-fixed{ border-bottom:1px solid #e9e9e9;}

/*page name*/
.page_name { position:relative; min-height:80px;  padding-top:50px}
.pagename_style { position:relative; z-index:913; }
.pagename_style h1{ float:left; padding-left:15px; color:#009a64; line-height:60px; font-size:26px; font-weight:normal; margin:0;}
.breadcrumb_style {float:right; padding-right:15px; color:#7c7c7c; line-height:60px;}
.breadcrumb_shadow { display:none;}
/*--------- Search style ----------*/
.icon_search{ display:block; background:url(../images/icon_search.png) no-repeat center center;width:30px; height:30px; float:left; position:relative; padding-right:5px; cursor:pointer; transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s; z-index:1000; top: 12px; left:15px}
.icon_search:hover{ background-color:#777 ;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}
.icon_search_style{ display:none; width:183px;position:absolute; left:-56px; top:35px; padding:10px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon_search_style:before {width:0; height:0; position: absolute; left:70px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}
#Search{ float:left;margin:0; position:relative; padding:0;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:15px; display:block; position:absolute; width:33px; height:33px; right:2px; top:4px; text-indent:-99999px; overflow:hidden; }
.searchSite {text-indent:-99999px; }
a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; }
#Search input[type="text"] {background: none repeat scroll 0 0 #fff;
    border: 1px solid #d1d1d1;
    color: #888888;
    height: 50px;
    padding: 7px 34px 7px 7px;
    width: 160px;}
#Search a{ display: block;position:absolute;right:0; top:10px;height:35px; width:28px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 6px 9px;z-index:1;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText {right:27px !important; top:0;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative;}
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style:none;}
#standardMenu li.lampback{ position:absolute; border-bottom:4px solid;height:70px; z-index:8; top:1px; width:50%;}

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}
#standardMenu .rootMenu >li a span { display:block; padding:0 17px; height:70px; line-height:70px; color:#555;  white-space:nowrap; font-size:13px; font-weight:bold;text-transform:none; font-family:Arial, Helvetica, sans-serif; }
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span{background:none; }

/*-- submenu --*/
#standardMenu .subMenu {display:none; position:absolute; left:0; top:auto; width:200px; z-index:1210; padding:0 0 0 0; border-top:4px solid; margin-top:-3px;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; background:#fff; background:rgba(255,255,255,.92); border:1px solid #eee; border:1px solid rgba(0,0,0,.1); border-bottom:none;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border-bottom:1px solid #eee; border-bottom:1px solid rgba(0,0,0,.1); padding:0; background:none; }

#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#555; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0; border:none;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item > a:hover span {background:#none; cursor:pointer; }
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ display:none; width:200px; margin:0;}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:198px; top:-1px;}
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:198px;top:-1px;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:198px;top:-1px;}
#standardMenu ul li ul li ul li ul li ul li:hover ul.level4 { display: block;position:absolute;left:198px;top:-1px;}

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}

/*--------- megaMenu style ----------*/
#megaMenu { position:relative;}
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu li{position:relative; display:block; float:left; margin:0; list-style:none;}
#megaMenu li.lampback{ position:absolute; border-bottom:0px solid;height:0px; z-index:8; top:1px; width:50%;}

#megaMenu .root li a{display:table-cell; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none;}
#megaMenu .root li.selected a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;background:rgba(255,255,255,0.2); color:#fff!important}
#megaMenu .root > li a span { padding:0 20px;height: 50px;
    line-height: 50px;  margin-right:1px; color:#eee;  white-space:nowrap; font-size:14px; font-weight:bold;text-transform:none; display:block; }

#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span { background:none;  }

/*-- category --*/
#megaMenu .category{ position:absolute;left:0;top:auto;z-index:1210;width:380px; display:none; padding:0 0 0 0; border:none; border-top:4px solid; margin-top:-3px;}
#megaMenu .category > ul{ margin:0; position:relative; z-index:2200; padding:5px 9px 20px; /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #E8D5A0 0%, #FFF9E8 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #E8D5A0 0%, #FFF9E8 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #E8D5A0 0%, #FFF9E8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #E8D5A0), color-stop(1, #FFF9E8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #E8D5A0 0%, #FFF9E8 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #E8D5A0 0%, #FFF9E8 100%); border:1px solid #eee; border:1px solid rgba(0,0,0,.1); }
#megaMenu .category li{ background:none; margin:0; width:180px; padding:0 10px; float:left;}
#megaMenu .category li.item a{ border:none;border-bottom:1px solid #6B6868; border-bottom:1px solid rgba(0,0,0,.25);background:none; font-weight:bold!important; color:#009a64!important; width:200px}
#megaMenu .category li.item a span{ display:block; background:none; font-size:12px; color:#000; font-weight:bold; white-space:normal; height:auto; line-height:1.5em; padding:11px 0 8px 2px; margin:0; text-transform:none; border:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span { background:none; text-decoration:none; cursor:pointer;  }

#megaMenu .leaf li{ clear:both; float:none; width:175px; margin:0 0 0 7px; padding:0; }
#megaMenu .leaf li.item a{ padding:0 0 0 8px; background:url(../images/right.gif) left 15px no-repeat; border:none;}
#megaMenu .leaf li.item a span{ padding:8px 0; font-weight:normal; }
#megaMenu .leaf li li{ clear:both;float:none; width:170px; }

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}

/*--------- Login style ----------*/
.Login, A.Login:link, A.Login:visited, A.Login:active{    color: #0052A3; font-size:16px; margin-right:15px;font-weight:bold }
A.Login:hover { text-decoration:underline; color:#009a64 }

/*--------- User style ----------*/
.User, A.User:link, A.User:visited, A.User:active{font-size:12px; color:#555; text-decoration:none;padding:11px 6px 11px 6px;}
A.User:hover {text-decoration:none; }
.User:after {content: " | ";padding-left:5px; color:#555;}

/*--------- Register and Login Style ----------*/
#Login{ float:right;padding-right:0;height:33px; border:1px solid #555; border:1px solid rgba(0,0,0,.07);  margin-top:1px; }
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{ display:block; } 
#Login .registerGroup, #Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li{ float:left; height:32px;border:none;}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a { border-right:1px solid #555; border-right:1px solid rgba(0,0,0,0.1); position:relative; display:block; padding:0 8px; min-width:15px; height:32px;  font-size:12px; font-weight:normal; vertical-align:middle;line-height:32px; color:#333; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#Login .loginGroup a{ position:relative; display:block; padding:0 8px; min-width:15px; height:32px;  font-size:12px; font-weight:normal; vertical-align:middle;line-height:32px; color:#333;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{text-decoration:none;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:2px;width:100%; height:100%;display:block;font-size:12px;vertical-align:baseline;overflow:hidden;text-indent:9999px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 9px 9px;}
.registerGroup .userNotifications strong{ background-position:-92px 7px;}
.registerGroup .userMessages strong:hover{background-position:9px -42px;}
.registerGroup .userNotifications strong:hover{ background-position:-92px -44px;}
.registerGroup .userMessages strong:active{background-position:9px -90px;}
.registerGroup .userNotifications strong:active{ background-position:-92px -91px;}	
#Login .registerGroup a span{ position:absolute; right:0; top:0; display:inline-block; padding:2px; min-width:7px; line-height:12px; text-align:center; background:rgb(31,152,241); font-size:12px; color:#fff; text-shadow: 0px 1px 0px #333333;}
#Login .registerGroup .userProfileImg a{ padding:0; background:none; }
#Login .registerGroup a img{ border:none; height:32px; width:32px; }

/*--------- Language Style ----------*/
.language-object{display:block; line-height:32px;}
.language-object .Language {margin:0 2px;}
.language-object span img{height:15px; width:22px;filter:Alpha(Opacity=90);opacity:0.9; margin:0; border:2px solid transparent; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.language-object span:hover img{filter:Alpha(Opacity=100);opacity:1;}
.language-object .Language.selected img{ filter:Alpha(Opacity=100);opacity:1; border-color:#555; border-color:rgba(0,0,0,.1); -webkit-border-radius: 2px;border-radius: 2px;}

@media handheld, only screen and (max-width: 1140px){
#standardMenu .rootMenu >li a span, #megaMenu .root >li a span { padding:0 11px;}
}

@media handheld, only screen and (max-width: 991px){
	.skin_top {
    background: none repeat scroll 0 0 #fff !important;
    border-bottom: 1px solid #e9e9e9;
    height: 50px;
}
.menu_box{ min-height:0; display:none; float:none; padding:0; margin:0; }
.logo_style{ float:none; text-align:left; min-height:60px; position:relative; }
.site_logo {
    margin-right: 40px;
    max-width: 90px;
    text-align: left;
    top: -43px;
    z-index: 10000;
}
#HeaderTwo #megaMenu .root > li.selected > a > span{
  color: #009a64!important;
  background: none transparent !important
}
#HeaderTwo #megaMenu .root > li:hover > a > span {
  color: #009a64!important;
}
a.HeadHome:link {
  color: #109fc7; font-size:12px!important; margin-right:10px}
  a.HeadBlog:link {
  color: #109fc7; font-size:12px!important; margin-right:10px}
  a.HeadDonate:link {
  color: #109fc7; font-size:12px!important; margin-right:10px}
  
  a.HeadHome:hover {
  color: #f28422; text-decoration:none }
  a.HeadBlog:hover {
  color: #f28422;text-decoration:none }
  a.HeadDonate:hover {
  color: #f28422;text-decoration:none}
  .Login, A.Login:link, A.Login:visited, A.Login:active {
    color: #052a3;
    font-size: 12px!important;
    margin-right: 15px;
}

/*--------- mobile menu style ----------*/
.mobile_nav { display:block; position:absolute; width:40px; height:60px; bottom:-5px; right:10px; z-index:999; }
.menuclick {background:url(../images/btn_menu.png) no-repeat center center; width:40px; height:40px; display: block; }

/*--------- StandardMenu style ----------*/
#standardMenu {  padding-bottom:0;}
#standardMenu li{ float:none; border-bottom:1px solid #ccc; }
#standardMenu li.back{ display:none;}

#standardMenu .rootMenu li a{ background:#6b6b6b;}
#standardMenu .rootMenu li a span { padding:0 20px; color:#FFFFFF!important; font-size:13px;font-weight:bold;height:38px; line-height:38px; }

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu a span .navarrow2{ background-position:center -42px;}
#standardMenu .rootMenu > li > a > span:after {display:none;}

/*-- submenu --*/
#standardMenu .subMenu{ position:static; width:auto; padding:0; border:none; margin:0; }
#standardMenu .subMenu ul{ background:none; border:none;}
#standardMenu .subMenu ul li {border:none;}
#standardMenu .subMenu li.item a{ background:#f5f5f5; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item > a:hover span { background:#ddd!important; color:#333!important;}
#standardMenu .subMenu li.selected > a, #standardMenu .subMenu li.item a:hover { background:#ddd!important;}
#standardMenu .subMenu li.item a span{ padding:0 15px 0 25px; color:#333!important; background:none; height:35px; line-height:35px;}
#standardMenu .level1 li.item a span{ padding-left:40px; }
#standardMenu .level2 li.item a span{ padding-left:55px; }
#standardMenu .level3 li.item a span{ padding-left:70px; }
#standardMenu .subMenu .subarrow{ display:none; background:none;}

#standardMenu ul li ul li ul{ display:block;width:auto;}
#standardMenu ul li ul li ul.level1{ display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul.level2 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li ul.level3 { display: block; position:static; left:auto; top:auto;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto;}

/*--------- MegaMenu style ----------*/
#megaMenu {
  margin-top: -10px;
    position: relative;
    z-index: 9000;
	background-image: -ms-linear-gradient(top left, #E8D5A0 0%, #FFF9E8 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #E8D5A0 0%, #FFF9E8 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #E8D5A0 0%, #FFF9E8 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #E8D5A0), color-stop(1, #FFF9E8));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #E8D5A0 0%, #FFF9E8 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #E8D5A0 0%, #FFF9E8 100%);
}
#megaMenu li{ float:none; border-bottom:1px solid #ccc; }
#megaMenu li.back{ display:none;}

#megaMenu .root li a{ }
#megaMenu .root li a span { padding:0 20px; color:#000!important; font-size:13px;font-weight:bold;height:38px; line-height:38px;border:none;width: 215px; }
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span {border-radius:0; background:none!important}

#megaMenu .root a span .navarrow{ background: url("../images/mobile_navarrow.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    height: 38px;
    position: absolute;
    right: -90px;
    width: 15px;}
#megaMenu .root a span .navarrow2{ background-position:center -42px;}
#megaMenu .root > li > a > span:after {display:none; }

/*-- category --*/
#megaMenu .category{position:static; width:auto!important; padding:0;border:none; margin:0; }
#megaMenu .category ul{background:#f5f5f5;  border:none; padding:0;}
#megaMenu .category li{ width:auto; padding:0; float:none; border:none; }
#megaMenu .category li.item a{ background:none; border-bottom:1px solid #ccc; border-bottom:1px solid rgba(0,0,0,.1); }
#megaMenu .category li.selected > a, #megaMenu .category li a:hover { background:#ddd;}
#megaMenu .category li.item a span{ padding:0 15px 0 25px; color:#333!important; background:none; height:35px; line-height:35px;}
#megaMenu .category li li.item a span{ padding-left:40px; }
#megaMenu .category li li li.item a span{ padding-left:55px; }
#megaMenu .category li li li li.item a span{ padding-left:70px; }

#megaMenu .leaf li{ width:auto; margin:0; padding:0; }
#megaMenu .leaf li.item a{ padding:0;}
#megaMenu .leaf li li{width:auto; }
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
.language_position {margin-right:0;}
.user_bar{ display:block; float:none;}
#skin_topLeft{ float:none; width:100%; text-align:center;}
#skin_topLeft .Social-Links { display:none; }

/*page name*/
.page_name { min-height:50px; top:0; }
.pagename_style h1{ line-height:50px; font-size:20px; padding-top:0; }
.breadcrumb_style{ line-height:50px; display:none; padding-top:0; }
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width:400px) {
/*--------- Register and Login Style ----------*/
#Login .registerGroup .userProfileImg{ display:none; }
}