@charset "utf-8";
/* CSS Document */
body {
	font: 14px/1.4 "Droid Sans", "HelveticaNeue","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #FFFFFF;
	background: #222;
}
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {color: #FFF; text-decoration: underline;}


#jcemediabox-popup-content {margin: auto;}
#header .navbar { background-image: url("../images/naviBG.png"); padding-top:150px;width:300px; padding-bottom: 20px; font-family: 'Helvetica Narrow'; position:fixed}
#header .navbar li {float: none;display: block;}
#header .navbar li a {color: #fff;font-size: 35px;
	line-height: 50px;
	font-family: "Muli", sans-serif;
	font-weight: 400;
	text-shadow: 1px 1px 0 #444; margin-bottom:-20px;padding-top: 5px;
padding-bottom: 15px;}
#header .navbar li.active a{ background:none}
#header .navbar li a:hover {background:none; color:#ddd}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background-color:transparent; background:none;}
.nav > li > a:hover, .nav > li > a:focus{ background:none}
#header .navbar {float: none; padding-top:105px;margin-left: 0px;z-index: 1030;}
#header .dropdown-menu { background:none;position: inherit; background-color:transparent; border:none; box-shadow:none}

#header .dropdown-menu > li > a{margin-left: -5px; color:#CCC; font-size:22px; line-height:35px;}
#header ul.dropdown-menu {padding-top: 0px;margin-top: -7px;}
#header .navbar-nav  {display: inline-block;float: none;padding-top: 110px;}
#header.navbar-nav li { float:none;}
#header .navbar-header {padding-left: 15px;}

@media (max-width:768px) {
	#header .navbar li a{ padding-bottom: 15px;}
	#header ul.navbar-nav { padding-left:15px}
	#header #content .column {margin-left: -12px;}
	#header #content h2 { padding-top:15px}
	#header .navbar {padding-top: 45px;}
	#header .navbar-nav{padding-top: 40px}
}


h2 a:hover, .contentheading a:hover, .componentheading a:hover {text-decoration: none;}
input:focus, select:focus, textarea:focus {
	color: #333;
	background: #ddd;
}
/*h2 {font: 14px/1.4 "Droid Sans", "HelveticaNeue","Helvetica Neue","Helvetica","Arial",sans-serif;
color: #666666;
}
h2 a {color: #000;}*/

#footer { background-color:#000; width:100%; height: 50px; font: 14px/1.6 "Droid Sans", "HelveticaNeue","Helvetica Neue","Helvetica","Arial",sans-serif;
    color: #999;}
#footer p { margin-top:15px;}

#footer #social { float:right;margin-top: -35px;}
#footer #social a {
	display: inline-block;
	width: 19px;
	height: 18px;
	margin-left: 2px;
}





/*Content Page*/
.col-md-8 {padding-bottom: 100px}
#header #content {background:url(../images/contentBg.png); position:absolute; top:100px; max-width:550px; right:0px;padding: 45px; padding-bottom: 30px; z-index: 1030;}
#header #content .column {width: 33.33333333333333%; position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;display: table-cell; float:left}
#header #content h3 {font-size: 18px; font-weight:400; font-family: "Droid Sans", "HelveticaNeue","Helvetica Neue","Helvetica","Arial"; margin-bottom: 20px;padding-left: 15px;}
#header #content h2 {font-size: 22px; font-weight:400; font-family: "Droid Sans", "HelveticaNeue","Helvetica Neue","Helvetica","Arial"; margin-bottom: 20px;padding-left: 15px;}
#header #content p { margin:10px 0; margin-left:15px}
.page-header { border-bottom:none; padding-bottom:0px;margin-bottom: -30px;}
@media (max-width:645px){ #header #content .column { width:100%}}
@media (max-width:991px) {#header #content { position:static;}  #header .navbar {position: inherit;}}
@media (max-width:565px){ #footer #social{ margin-top:0px}}
#header #content .blog h2 a:hover { color:#999}
#header #content .blog img { display: block;height: auto;max-width: 100%;}
dt.article-info-term, dd.hits {display: none;}
ul.actions {float: right;}
ul.actions li {display: inline-block;}
dl.article-info {clear: right;}
dl.article-info dd {display: inline-block; margin-right: 10px; text-transform: uppercase; font-size: 9px; letter-spacing: 0.5px; color: #666; font-weight: bold;margin-left: 15px;}
p.readmore {margin-bottom: 30px;}
#maximage {z-index: 0;}
img {
  max-width: 100%;
  height: auto; }