.paddingmarginZero
{
	padding: 0;
	margin: 0;
}
 
.navbar
{
	margin-bottom: 0px;
	border-radius: 0px;
	box-shadow: -6px -6px 6px 6px #000000;
}

.container .jumbotron, .container-fluid .jumbotron {
	border-radius: 0px;
}

/* affix position (used by TOC) */
.affix {
        top: 70px /* roughly navbar height + 20px */
}

.homeTitleStyle, .contentTitleStyle {
	margin-top: 20px;
	margin-bottom: 0px;
}
.homeTitleStyle h1,
.homeTitleStyle h2,
.homeTitleStyle h3,
.homeTitleStyle h4,
.homeTitleStyle h5,
.contentTitleStyle h1,
.contentTitleStyle h2,
.contentTitleStyle h3,
.contentTitleStyle h4,
.contentTitleStyle h5 {
	color: white;
	text-shadow: 2px 2px 4px #000000;
}

.homeAreaStyle, .contentAreaStyle, .tableOfContentsStyle {
	margin-top: 15px;
}

.homeAreaStyle {
	text-align: center;
}

.contentAreaStyle
{
	margin-top: 15px;
	text-align: left;
}

.footerStyle
{
	margin-top: 20px;
	padding-top: 20px;
	background: linear-gradient(to bottom, #f8f8f8, #ffffff);
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #eeeeee;
	color: #808080;
	font-size: 11px;
	text-align: center;
}

.newstickerStyle
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f8f8f8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #eeeeee;
	color: #808080;
	text-align: center;
}

.newstickerScrollboxStyle {
	height: 1.5em;
	overflow: hidden;
	text-align: left;
}
.newstickerScrollboxStyle ul {
	list-style-type: none;
	padding-left: 10px;
	padding-right: 10px;
	/*height: 100px;*/
	overflow: hidden;
	margin: 0;
}
.newstickerScrollboxStyle ul li {
	height: 1.5em;
}

/*
 * CODE BOXES
 *  Adopt to monokai-sublime style given by highlight.js
 */
pre
{
	color: white;
	background-color: #23241f;
	border-radius: 6px;
	border: 1px solid #3c3e35;
}

/*
 * TABS
 */
.tabbarStyle
{
	text-align: left;
	margin-top: -1.9em;
  	margin-bottom: 10px;
	text-decoration: none;
}
.tabbarStyle > a {
	/* text-shadow: 0 1px 0 #fff; */
	border: 1px solid;
	border-color: #807f82 #807f82 #e2e0e6;
	border-radius: 5px 5px 0px 0px;
	box-sizing: border-box;
	padding: 0.4em 20px;
	background-color: #e5e3e9; /* #f1eef5 */
}
.tabbarStyle > a:hover,
.tabbarStyle > a:focus {
	border-color: #c8c7cc #c8c7cc #ffffff;
	background-color: #ffffff;
}
.tabbarStyle > .active {
	font-weight: bold;
	border-color: #c8c7cc #c8c7cc #ffffff;
	background-color: #ffffff;
}

/*
 * TABLE OF CONTENT
 */
.tableOfContentsStyle {
	/* text-shadow: 0 1px 0 #fff; */
	/* background-color: #fafafa; */
	background-color: #f8f8f8;
	box-sizing: border-box;
	border-radius: 6px;
	border: 1px solid #eeeeee;
	padding: 10px 5px;
}

/* All levels of nav */
.tableOfContentsStyle > nav > ul,
.tableOfContentsStyle > nav > ul > li > ul,
.tableOfContentsStyle > nav > ul > li > ul > li > ul,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > ul {
	list-style-type: none;
	padding-left: 15px;
	padding-right: 10px;
	margin: 0px;
	display: box;
}

/*
.tableOfContentsStyle > nav > ul > li > a,
.tableOfContentsStyle > nav > ul > li > ul > li > a,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > a,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > ul > li > a {
	display: box;
}
*/

.tableOfContentsStyle > nav > ul > li > a,
.tableOfContentsStyle > nav > ul > li > a:hover,
.tableOfContentsStyle > nav > ul > li > a:focus,
.tableOfContentsStyle > nav > ul > li > ul > li > a,
.tableOfContentsStyle > nav > ul > li > ul > li > a:hover,
.tableOfContentsStyle > nav > ul > li > ul > li > a:focus,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > a,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > a:hover,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > a:focus,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > ul > li > a,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > ul > li > a:hover,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > ul > li > a:focus {
	/*border-right: 2px solid #dbd8e0;*/
}

.tableOfContentsStyle > nav > ul > .active,
.tableOfContentsStyle > nav > ul > .active > ul > .active,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > .active,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > ul > .active {
	color: #ffffff;
	/*border-right: 2px solid #428bca;*/
	background-color: #428bca;
}

/*
.tableOfContentsStyle > nav > ul > .active,
.tableOfContentsStyle > nav > ul > .active > ul > .active,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > .active,
.tableOfContentsStyle > nav > ul > li > ul > li > ul > li > ul > .active {
	font-weight: bold;
	background-color: #00ffff;
	border-right: 2px solid #ffff00;
}
*/

/*
 * BIOs
 */
.biophoto {
	width: 150px;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 6px;
	margin-right: 6px;
	border-radius: 6px;
	box-shadow: 2px 2px 4px #000000;
}

/* name */
.biocard > div > h3 {
	/* font-weight: bold; */
}

/* title */
.biocard > div > h4 {
	font-style: italic;
}

.cardbox {
	border-color: transparent;
	box-shadow: none;
}

/*
 * SectionbSummary Style
 */
.sectionSummaryStyle  {
}

.sectionSummaryTitleStyle {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #eeeeee;
	text-align: left;
	margin-bottom: 10px;
}

.sectionSummaryTitleStyle h3 {
	color: #204070;
}

.sectionSummaryTitleStyle img {
	height: 64px;
	width: 64px;
}

.sectionSummaryDescriptionStyle {
}

.ribbon {
	position: absolute;
	top: 50px;
	right: 0;
	border: 0;
}