html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	/** background: #D1DCEB; e1ebf4 e5e7e8 ababab f5f5f5*/
	background: #cdd1d6;
/*
	font-family: 'Dosis', sans-serif,Arial, Helvetica;
	
*/
	font-family: 'Dosis',  Arial, Helvetica, FreeSans, sans-serif;
	font-size: 12px;
	/**color: #545454;*/
/*
	color: #141414;
*/
	color: #000000;
	text-align: justify;
/*
	overflow: hidden;
*/
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	/** text-transform: uppercase; **/
	font-weight: 500;
}

h2 {
	padding: 0px 0px 20px 0px;
	font-size: 1.50em;
}


p, ol, ul {
	margin-top: 0px;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
/*
    grid-template-rows: repeat(4, 1fr);
*/
    grid-gap: 15px;
    padding: 2px 0px 2px 0px;
}

#itemG {
	border-bottom: 1px solid #DEDEDE;
/*
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,.2);
*/
}

ol.styleP {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
	
}
ol.styleP > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 4px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	border-top:2px solid #333;
	background:#f9f9f9;
	font-size: 10px;
	
/*
	background:#f6f6f6;
*/
}
ol.styleP > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:-2px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:4px;
	border-top:2px solid #333;
	color:#fff;
	background:#333;/*666*/
	font-weight:bold;
	font-family:"Helvetica Neue", Arial, sans-serif;
	text-align:center;
}

ol.stylePr {
	counter-reset:li; /* Initiate a counter */
	margin-left:0; /* Remove the default left margin */
	padding-left:0; /* Remove the default left padding */
	
}
ol.stylePr > li {
	position:relative; /* Create a positioning context */
	margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
	padding:4px 4px; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	border-top:2px solid #333;
	background:#f9f9f9;
	font-size: 12px;
	
/*
	background:#f6f6f6;
*/
}
ol.stylePr > li:before {
	content:counter(li); /* Use the counter as content */
	counter-increment:li; /* Increment the counter by 1 */
	/* Position and style the number */
	position:absolute;
	top:-2px;
	left:-2em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:2em;
	/* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
	margin-right:8px;
	padding:4px;
	border-top:2px solid #333;
	color:#fff;
	background:#333;/*666*/
	font-weight:bold;
	font-family:"Helvetica Neue", Arial, sans-serif;
	text-align:center;
}

p {
	line-height: 180%;
}

strong {
	color: #2C2C2C;
}

a {
	color: #0099ff;
	text-decoration: none;
}

a:hover {
	color: #33ccff;
	text-decoration: none;
}

a:visited {
	color: #22aaff;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img.border {
}

img.left {
	float: left;
	margin: 8px 20px 20px 0;
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

/** WRAPPER */

#wrapper {
	overflow: hidden;
	width: 1000px;
	margin: 50px auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
}

.container {
	width: 1000px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	overflow: hidden;
	height: 150px;
	background: #FF0000;
}

/* Logo */

#logo
{
	float: left;
	width: 350px;
	padding: 40px 0px 0px 50px;
	text-transform: uppercase;
}

#logo h1
{
	padding: 5px 10px 0px 0px;
}

#logo h1 a
{
	text-decoration: none;
	font-size: 1.5em;
	font-weight: 300;
	color: #FFFFFF;
}

#logo p
{
	display: block;
	margin-top: -10px;
	padding: 0px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 1.2em;
	color: #FFFFFF;
}

#logo p a
{
	color: #FFFFFF;
}

/* Menu */

#menu
{
	float: right;
	width: 700px;
	padding: 60px 50px 0px 0px;
}

#menu ul
{
	float: right;
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li
{
	float: left;
}

#menu a
{
	display: block;
	margin-left: 1px;
	padding: 7px 0px 7px 30px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	color: #FFFFFF;
}

#menu a:hover, #menu .current_page_item a
{
	text-decoration: none;
	border-radius: 5px;
	color: #FFFFFF;
}

/** PAGE */

#page {
	overflow: hidden;
	width: 900px;
	margin: 0px 50px;
	padding: 5px 0px;
	/**border-bottom: 1px solid #DEDEDE; */
}

#page h2 {
}

/** CONTENT */

#content {
	float: left;
	width: 650px;
}


#content h2 {
	font-size: 1.50em;
}

#education {
	float: left;
	width: 500px;
}

#edulogos {
	float: left;
	width: 130px;
}

#grouphead {
	float: left;
	width: 350px;
}

#people {
	float: left;
	width: 700px;
/*
	overflow: hidden;
*/
}

p.vspaceCH{
	margin-bottom: 40px;
}

p.vspace{
	margin-bottom: 150px;
}

br.clear {
  clear:both;
  line-height:0;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 200px;
}

/* Footer */

#footer {
	overflow: hidden;
	margin: 0px 50px;
	padding: 30px 0px;
	border-top: 5px solid #000000;
}

#footer p {
	text-align: center;
}

#footer a {
	color: #545454;
}

/* Three Column */

#three-column {
	overflow: hidden;
	margin: 0px 50px;
	padding: 50px 0px;
	padding-top: 20px;
}

#three-column #tbox1 {
	float: left;
	width: 250px;
	margin-right: 50px;
}

#three-column #tbox2 {
	float: left;
	width: 350px;
}

#three-column #tbox3 {
	float: right;
	width: 200px;
}

/* List Style 1 */

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #DEDEDE;
}

ul.style1 a {
	text-decoration: none;
/*
	color: #545454;
*/
	color: #000000;
}

ul.style1 a:hover {
	text-decoration: underline;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}


/* List style 2 */

ul.style2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style2 li {
	padding: 25px 0px 15px 0px;
	border-top: 1px solid #DEDEDE;
}

ul.style2 .first {
	padding-top: 0px;
	border-top: none;
}

ul.style2 h3 {
	padding: 0px 0px 10px 0px;
}

ul.style2 h3 a {
	text-transform: none;
	color: #373737;
}

ul.style2 a {
	text-decoration: none;
	color: #919191;
}

ul.style2 a:hover {
	text-decoration: underline;
}

/* List Style 3 */

ul.style3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style3 li {
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #DEDEDE;
}

ul.style3 a {
	text-decoration: none;
	color: #545454;
}

ul.style3 a:hover {
	text-decoration: underline;
}

ul.style3 .first {
	padding-top: 0px;
	border-top: none;
}

/* Button Style 1 */

.button-style {
	display: inline-block;
	margin-top: 20px;
	padding: 7px 20px;
	background: #CF4A41;
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}