
body {
	padding:0px;
	margin:0px;
}
.main {
	text-align:center;
	background-color:#ffffff;
}
.header {
	border-bottom:0px #e6e6e6 solid;
	text-align:center;
	position:relative;
	position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0;
  z-index:1000;
  height:60px;
  -webkit-transition: height 0.5s, top 0.5s;
  transition: height 0.5s, top 0.5s;
  min-width:1024px;
}
.header table {
	height:100%;
	border-spacing:0px;
}
.header .logo {
	color:white;
	font-size:24px;
	text-align:left;
	display:inline-block;
	white-space:nowrap;
}
.header .logo a {
	color:#f8f8f8;
	text-decoration:none;
}

.header .subtopics {
	margin-left:20px;
	margin-top:5px;
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	font-family:Montserrat,helvetica, arial, tahoma;
	color:#f8f8f8;
	text-transform:uppercase;
  -webkit-transition: margin-top 0.5s;
  transition: margin-top 0.5s;
}
.header .subtopics a {
	color:#f8f8f8;
	text-decoration:none;
}
.header .subtopics .topic {
	margin-left:15px;
	margin-right:15px;
}

.header.mini {
	height:38px;
}
.header.mini .subtopics {
	margin-top:1px;
}

.header.hidden {
	top:-38px;
}

.inner {
	width:1024px;
	display:inline-block;
	text-align:left;
}
.welcome {
	background-size:cover;
	background-position:center center;
	min-width:1024px;
	height:320px;
	line-height:320px;
	text-align:right;
	padding-right:80px;
	color:#f8f8f8;
	font-size:75px;
	color:white;
	 -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  box-sizing:border-box;
}

.banner {
	background-size:cover;
	background-position:center center;
}


.article-feature {
	width:1024px;
	min-height:320px;
	background-color:white;
}
.article-feature .banner {
	width:550px;
	height:320px;
	background-size:cover;
	background-position:center center;
}
.article-feature .title {
	font-size:28px;
	font-weight:bold;
	font-family:Roboto;
	color:black;
}
.article-feature .inner {
	margin-left:24px;
	width:450px;
}

.article-row {
	width:700px;
	display:inline-block;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px #e6e6e6 solid;
}
.article-row .inner {
	width:100%;
}
.article-row .banner {
	width:260px;
	height:180px;
	background-size:cover;
	background-position:center center;
	display:inline-block;
	margin-left:15px;
}

.article-row .title {
	font-size:20px;
	font-weight:bold;
	font-family:Roboto;
	color:black;
}


.inner .label {
	text-transform:uppercase;
	font-family:helvetica, arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	margin-bottom:15px;
}
.inner .subtitle {
	margin-top:15px;
	font-family:helvetica, arial, sans-serif;
	font-size:16px;
	line-height:22px;
	color:#484848;
}
.inner .author {
	margin-top:15px;
	font-family:helvetica, arial, sans-serif;
	font-size:14px;
	color:#484848;
}

.inner .author .name {
	color:#1c7fb8;
	margin-top:3px;
}
.inner .author .detail {
	font-size:13px;
	margin-top:2px;
	color:#a8a8a8;
}

.section-header {
	border-bottom:1px #e6e6e6 solid;
}

.section.col2 {
	width:100%;
	max-width:700px;
}

.section.col2 .title {
	border-bottom:1px #e6e6e6 solid;
	padding-bottom:5px;
	margin-top:30px;
	color:#484848;
	text-align:left;
	text-transform:uppercase;
	font-size:12px;
}

.author_pic {
	margin-right:8px;
	width:40px;
	height:40px;
	background-size:cover;
	background-position:50% 25%;
	border-radius:50%;
}


.article-minicol {
	margin-top:10px;
	width:100%;
}

.article-minicol .banner {
	width:65px;
	height:65px;
	margin-right:10px;
}

.article-minicol .title {
	font-size:14px;
}
.article-minicol .label {
	font-weight:normal;
	font-size:11px;
	margin-bottom:5px;
}

.article-minicol .author {
	color:gray;
	margin-top:5px;
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
}

.rightcol {
	position:absolute;
	top:0px;
	right:0px;
	width:290px;
}

.block {
	width:1024px;
	display:inline-block;
	position:relative;
}

.header .buttons {
}

.buttons .search {
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url("/img/icon_search.png");
	background-size:cover;
	cursor:pointer;
}

.searchbox {
	display:none;
	border:1px #cccccc solid;
	border-top:0px none;
	position:absolute;
	top:100%;
	right:0px;
	min-height:80px;
	width:400px;
	margin:0px;
	padding:0px;
	background-color:white;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
  overflow:hidden;
}

.searchbox.visible {
	display:inline-block;
}

.hidden .searchbox {
	width:0px;
}

.searchinput {
	margin:25px;
	margin-bottom:0px;
	width:350px;
}


