/* CUSTOM CSS - this is where you add your own css rules !!

***********************************************************/
#jusertube-scroller-1 h3.videotitle {margin-top:3px;font-size:1.3em;line-height:1.3em;}
#jusertube-scroller-1 div.txtbox {margin:0 0 15px 15px;}
#jusertube-scroller-1 {width: 100%;padding-top:10px;}
#jusertube-scroller-1 table td {padding:10px 0 10px 0;}


a {color: #660000;}
a:hover,a:focus { color: rgb(228, 124, 0); text-decoration:none;}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 15px 0 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 1.3em;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}

table {background-color:#FFFFFF}

/*POINTING ARROWS */
/*2nd lev */
nav#main_menu > ul > li > a.sf-with-ul .sf-sub-indicator {background-image: url(../images/arrows-ffffff.png);background-repeat: no-repeat;background-position: -10px -100px; height: 10px; width: 10px; right: 1px; top: 3px; bottom: 0px; }
nav#main_menu > ul > li.sfHover > a.sf-with-ul .sf-sub-indicator {background-position: -10px -100px;top: 10px;}
nav#main_menu > ul > li.active > a.sf-with-ul .sf-sub-indicator {background-position: -10px -100px;top: 10px;}
/*3rd lev */
nav#main_menu > ul ul li a {color:#660000; line-height:27px; font-size:12px; padding:0 12px; }
nav#main_menu > ul.sf-menu ul li.active > a,
nav#main_menu > ul.sf-menu ul li.sfHover > a,
nav#main_menu > ul.sf-menu ul li a:hover {color:#FFFFFF; background:rgba(239,139,39,0.9); padding-left:14px }
nav#main_menu > ul ul .sf-sub-indicator {position: absolute; display: block; right: 0.25em; top: 1.05em; /*IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; /* 8-bit indexed alpha png. IE6 gets solid image only */
	background-image: url(../images/arrows-ffffff.png);
	background-repeat: no-repeat;
	background-position: -10px 0px;
}
nav#main_menu > ul.sf-menu ul li > a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position:-10px 0px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
nav#main_menu > ul.sf-menu ul li a:focus > .sf-sub-indicator,
nav#main_menu > ul.sf-menu ul li a:hover .sf-sub-indicator,
nav#main_menu > ul.sf-menu ul li a:active > .sf-sub-indicator,
nav#main_menu > ul.sf-menu ul li li:hover > a > .sf-sub-indicator,
nav#main_menu > ul.sf-menu ul li li.sfHover > a > .sf-sub-indicator { background-position: 0px 0px; /* arrow hovers for modern browsers*/ }

/*MAINBODY */
ul#archive-items {margin: 0px;}
ul#archive-items li {list-style:none;}
#mainbody dl.article-info {margin: 0px 0px 10px -20px;display:inline-block}
#mainbody dt.article-info-term {display: none;}
ul.newsfeed {margin-left:0px;list-style:none; }

#mainbody .sidebar .moduletable {margin-bottom: 15px;}

#mainbody .sidebar ul.menu {margin:0; padding:0; list-style:none;}
#mainbody .sidebar ul.menu ul, #mainbody .sidebar ul.menu ul ul {list-style:none;}
#mainbody .sidebar ul.menu li, #mainbody {margin-bottom:0px;}
#mainbody .sidebar ul.menu li a {color: #660000; display: block; padding: 3px 0 3px 20px; position: relative; border-radius: 2px;}
#mainbody .sidebar ul.menu li a:after, #mainbody .sidebar ul.menu li.active a:after { content: '\203A'; position: absolute; left: 7px; top: 6px; color: #DDD; font-size: 16px; line-height: 1; width: 4px; height: 4px; font-family: Arial; }
#mainbody .sidebar ul.menu li a:hover:after { color: white; left: 8px;}
#mainbody .sidebar ul.menu li.active a {background:#FFF; color: #660000;}
#mainbody .sidebar ul.menu li.active a:hover {color: #FFF;}
#mainbody .sidebar ul.menu li.current a {background:#FFF;color: #E47C00;font-weight: bold;} 

/* BLOG */
.eBlog .post_details {border-bottom: 0px}

/* TOP NAVIGATION */
.topnav > li {float:left; margin-left:1px; position:relative;}
.topnav li .menu li {margin:0px 0px 0px 15px;}

.action_box, .process_steps .step.intro {background-color: #E47C00 !important;}
.action_box h4.text {margin: 5px 0; font-weight: 500; font-size: 23px;line-height:1.3em;}

header {position:absolute; width:100%; height:100px; z-index:1;
background: #2F6A00; /* Old browsers */
background: -moz-linear-gradient(top,  #234A08 0%, #2F6A00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#234A08), color-stop(100%,#2F6A00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #234A08 0%,#2F6A00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #234A08 0%,#2F6A00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #234A08 0%,#2F6A00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #234A08 0%,#2F6A00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#234A08', endColorstr='#2F6A00',GradientType=0 ); /* IE6-9 */ }

header.style2 {border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7);}
header.style2 #logo a,
header.style2 a#logo {background:rgba(255,255,255,0); padding:0 10px; color:#eee; font-size:14px; width: auto;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* header.style2 #logo a:after,
header.style2 a#logo:after {content:""; position:absolute; left:50%; bottom:-11px; margin-left: -3px;
border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7); 
} 
header.style2 .topnav.navLeft {float:left;}*/

#page_header {min-height:230px; border-bottom:6px solid #fff;}
.breadcrumbs {margin: 0px 0 8px; padding:0; list-style:none; float: left;}
.breadcrumbs li a:hover {color:#DB7800;}
section#content { margin-top:20px;min-height:500px }
#current-date {display: none; color:#383838; font:10px Arial, Helvetica, sans-serif; float: left; padding: 3px 10px; line-height:1; background: rgba(255, 255, 255, 0.5); clear: left;}

#page_header .container {padding:100px 0 0;}
#page_header .bgback {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background-repeat: no-repeat; background-position: center top;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/** Action Box **/
.action_box {padding:12px 0; color:#fff; border-top:2px solid #fff; border-bottom:1px solid #fff; position:relative;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
background-color:#CD2122; }

/* info text box */
.info-text {background:#767676; color:#fff; font-size:14px; line-height:1.3; padding: 15px 20px 10px 20px; position:relative;
-webkit-box-shadow: 3px 3px 0 white; -moz-box-shadow: 3px 3px 0 white; box-shadow: 3px 3px 0 white;}
.info-text ul {font-size: 14px; font-weight: 700;} 
.info-text li {padding-bottom:4px;}
.info-text:after {content:''; width:34px; height:34px; background:url(""); position:absolute; right:10px; bottom:10px;}
.info-text a:hover {color: #000; text-decoration:none;}

/* services box */
.services_box .box {margin-bottom:10px}
.services_box .title {font-size: 18px; font-weight: bold; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle;}
.services_box .icon {float:left; width:80px; line-height: 76px; background:#315A1B; text-align:center; margin:0 20px 10px 0; vertical-align:middle;
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  height: 80px;}
.services_box .box:hover .icon {background:#cd2122;}
.services_box ul {font-size: 14px; font-weight: 700; overflow: auto;}
.services_box li {padding-bottom:4px;}

/* info box */
.infobox1 {text-align:center; background:#ffffff; border-bottom:1px solid rgba(255,255,255,0.9); padding: 20px;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.infobox1 .m_title { font-weight:700;line-height: 1;margin: 0 0 10px;}
.infobox1:hover {background:rgb(230, 227, 218);} 

.infobox2 {background:#ececec; border-bottom:1px solid rgba(255,255,255,0.9); padding: 20px;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.infobox2 .m_title {font-weight:700;line-height: 1;margin: 0 0 10px;}
.infobox2 .btn {float:right; font-size: 14px; margin-top: 5px;}
.infobox2:hover {background:rgb(230, 227, 218);} 

/* page title */
.page-title,
.subtitle {line-height:1.4; margin-bottom: 10px; padding-bottom: 10px; border-bottom:1px solid #cbcbcb;}

.page-title, .page-title a:link {color:#E47C00}

/* user12 */
.gray-area {background:#E6E3DA; padding:30px 0 0; margin-bottom:0px; margin-top:-20px;}

/* TESTIMONIALS FADER */
.testimonials_fader ul li:after {content:'“'; position:absolute; top:-10px; left:30px; font-size:150px; color:#A8A5A0; line-height:1; font-family: tahoma;}
.testimonials_fader li blockquote {margin:0; padding:0; border:0; font:italic 18px/1.4 Georgia, Arial, sans-serif;}
.testimonials_fader li blockquote + h6 {font-weight:normal; font-size:13px; font-style:italic;}

/* accordions style3 */
.acc-group.style3 { margin-bottom: 8px; padding-bottom: 4px; border-bottom: 1px solid #e5e5e5; }
.acc-group.style3 > button {display: block; width: 100%; text-align: left; position:relative; margin:0; padding:5px 12px 5px 50px; color:#E47C00; background:none; border:0; font-size:16px}
.acc-group.style3 > button:after {content:'-'; position:absolute; left:0; top:0; width:20px; height:20px; font-size:40px; background:#e5e0d5; color:#660000; padding:2px 1px 9px 10px; text-shadow:0 1px 0 #fff;}
.acc-group.style3 > button:hover {color:#E47C00 !important; }
.acc-group.style3 > button:hover:after {color:#E47C00 !important; background:#b5b5b5;}
.acc-group.style3 > button.collapsed:after {color:#660000; content:'+'; padding:5px;  font-size:30px;}
.acc-group.style3 > button.collapsed {color:#660000;}
.acc-group.style3 .content {padding: 10px 15px; }
.acc-group.style3 .content p {margin-bottom:10px;}
.acc-group.style3 .content p:last-child {margin-bottom:0;}

/* PORTFOLIO */
.hg-portfolio .category-desc {margin-bottom:25px;}
.hg-portfolio .img-intro { margin-bottom:10px;}
.hg-portfolio-item .img-full {margin-bottom:20px;margin-right:20px}
.hg-portfolio-item .other-images {margin:20px 0 0 -20px; padding:0; list-style:none;}
.hg-portfolio-item .other-images li {float:left; margin:0 0 20px 20px; list-style:none;}
.hg-portfolio-item .other-images li iframe {padding: 4px; border: 1px solid #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.hg-portfolio-item .itemLinks {margin-top:15px;}
.hg-portfolio-item .itemSocialSharing > div {float:left; margin-right:30px;}
.hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {float:none; padding-left: 25px; width:auto;}
.hg-portfolio-item .text ul.clearfix:after {clear: none; zoom:0; }

/* .hg-portfolio-item .img-fulltext-right, .hg-portfolio-item .img-fulltext-left {float:left; margin:0 20px 20px 0;} */
/* .hg-portfolio-item .img-fulltext-right img,.hg-portfolio-item .img-fulltext-left img {max-width:300px;} */
/* .item-page .hoverBorderWrapper img { width: 200px; } */
/* .item-page .hoverBorderWrapper { display: inline-block; } */ 

.hg-portfolio .row {margin-bottom:5px;}
.hg-portfolio h4 {font-size:1.2em; margin: 0px;}
.hg-portfolio .img-intro a {font-size:1.2em; font-weight: bold;}

/* FACEBOOK */
/* but make the span that holds the comment box larger */
ul.social-share li.sc-facebook div.fb-like span {
    width: 450px !important;
}
div.itemFacebookButton div.fb-like span iframe.fb_ltr {
    max-width: 450px !important;
}

/* FOOTER */
#footer .contact-details.moduletable {background: url("") no-repeat right top;}

/* SITE MAP */
#xmap .menutitle {display: none;}

/* TWITTER FEED */
#twitterFeed {background:url(../images/twitter-bird.png) no-repeat 15px center #32511F; font-size:12px; color:#fff; padding: 15px 75px 15px 60px; position:relative; margin-bottom:15px; font-style:italic;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#twitterFeed:after {content:''; position:absolute; bottom:-10px; left:15px; border:5px solid transparent; border-top-color:#444;}
#twitterFeed ul {margin:0; padding:0; list-style:none; font-size:12px;}
#twitterFeed ul a:link {color:#e4e3a1;}
#twitterFeed ul a:hover {color:#E47C00;}
#twitterFeed .twTime {display:inline-block; color:#98a88d; padding-left:10px; border-left:1px solid #98a88d; font-size:11px; position:absolute; right: 15px; top: 15px; bottom: 15px; width: 45px; vertical-align: middle;line-height: 1;}
#twitterFeed .timePosted {color:#98a88d;}

#footer .bottom {padding-top:30px; border-top:3px solid #31521B; color:#98A78C;}
 
  ul,ol {
  padding: 0;
  margin: 0 0 10px 20px;
}
/* FILTERED NEWS MODULE */
.fn_news a {
font-size: 18px;
margin: 15px 0px 10px;
font-family: inherit;
font-weight: bold;
line-height: 1.3em;
font-weight: bold;
}
/* SEARCH RESULTS */
dt.result-title {
font-size: 15px;
}
/* MIJO SEARCH PLUG-IN */
.mijosearch_search_results span a {
font-weight: bold;
}
.mijosearch_tabs {
display: none;
}
/* BROWSE RSS FEEDS */
li.rssfeed_item {
list-style: none;
}
li.rssfeed_item a {
font-weight: bold;
}
ul.rssfeed_list {
padding: 0 0 15px 0;
border-bottom:2px solid rgba(255,255,255,0.9);
}

@media screen and (min-width: 768px) and (max-width: 979px) {
#header,
	#header #logo a,
	#header a#logo { height: 100px;}
	#header #logo a,
	#header a#logo {line-height: 100px; }
	}
@media only screen and (min-width: 481px) and (max-width: 768px) {
#header,
	#header #logo a,
	#header a#logo { height: 100px;}
	#header #logo a,
	#header a#logo {line-height: 100px; }
	}
@media (max-width: 767px) {
  .topnav.navRight {display:block;padding:0px 5px;}
  select.mobileMenu {width: 80%; margin-top: 10px;}
  #page_header .container {padding:0px 0 0;}
  }
@media only screen and (min-width: 481px) and (max-width: 768px) {
	#jusertube-scroller-1 div.imgbox, #jusertube-scroller-1 div.vid_icon {
    width: 100px;
    height: 75px;}
}