@charset "UTF-8";
/* CSS Document */

body {
	margin:0 auto;
	padding:0px;
	background-color:#FFFFFF;
}


/*HEADER and PRIMARY NAV*/

#headercontain {
	margin:0 auto;
	position:relative;
	border:2px solid #000000;
	width:900px;
	height:240px;
    top:10px;
	left:0px;
}

#logo {
	margin:0 auto;
	position:relative;
	width:122px;
	height:110px;
    top:-110px;
	left:-400px;	
}

#primarynav {
	margin:0 auto;
	position:relative;
	width:650px;
	height:100px;
    top:-220px;
	left:100px;
	/*border:2px solid #F9B264;*/
	color: #FFFFFF;
	padding: 0px;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items:flex-end;
}

#people {
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	top:-1.5px;
}

#research {
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	left:-8px;
}

#publications{
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	/*top:9px;
	left:-30px;*/
}

#news_page {
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	/*top:10px;
	left:-30px;*/
}

#figs{
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	/*top:10px;
	left:-30px;*/
}

#hot{
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	/*top:10px;
	left:-30px;*/
}

#infews{
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	/*top:10px;
	left:-30px;*/
}

#calue{
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	top:25px;
	left:12px;
}

#involved{
	margin:0 auto;
	position:relative;
	width:100px;
	height:100px;
	vertical-align: bottom;
	float:left;
	/*top:10px;
	left:-30px;*/
}


#intro {
	margin:0 auto;
	position:relative;
	width:700px;
	height:140px;
	top:30px;
	left:-110px;
}

#title {
	position:relative;
	width:600px;
	height:30px;
	top:15px;
	left:20px;	
}

/*BODY*/

#CALUElogo {
	margin:0 auto;
	position:relative;
	width:153px;
	height:148px;
	top:25px;
	left:-260px;
}

#about {
	position:absolute;
	width:700px;
	height:150px;
	top:7px;
	left:200px;
}

iframe {
    width: 89%;
	border:1px solid #F9B264;
}

#portal {
	margin:auto;
	width:900px;
	position:relative;
	height:relative;
    top:135px;
	left:0px;
	border:0px solid #F9B264;
	display:flex;
	flex-flow: row wrap;
	justify-content:space-around;
	z-index: 9999;
}

#bodycontain {
	margin:auto;
	width:900px;
	position:relative;
	height:relative;
    top:35px;
	left:0px;
	border:0px solid #F9B264;
	display:flex;
	flex-flow: row wrap;
	justify-content:space-around;
}

/*FOOTER*/

#footer {
	margin-top:100px;
	margin-bottom:100px;
	position:relative;
	font-size:13px;
	color:#000000;
	width:100%;
	height:50px;
    left:0%;
	letter-spacing:.03em;
	text-align:center;
}


/*LINKS*/

A:link {text-decoration: none; color: #0caa07; border: none;}
A:visited {text-decoration: none; color: #0caa07; border: none;}
A:active {text-decoration: none; color: #0caa07; border: none;}
A:hover {text-decoration: none; color: #0c7706; border: none;}


/*TEXT STYLES*/

.body {
	font-size:12px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	font-weight: 400;
	/*color:#a7b7bd;*/
	color:#000000;
	letter-spacing:.03em;
	text-align:left
	
}

.highlight {
	font-size:12px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	font-weight: 400;
	color:#000000;
	letter-spacing:0.03em;
	text-align:left;
	font-style: bold;
}

.bodybold {
	font-size:13px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	Roman', 'serif';
	font-weight:bolder;
	/*color:#a7b7bd;*/
	color:#000000;
	letter-spacing:.03em;
	text-align:left
}

.bodyheader {
	font-size:19px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	font-weight: 500;
	/*color:#a7b7bd;*/
	color:#000000;
	letter-spacing:.03em;
	text-align:left
	
}

.pagetitle {
	font-size:28px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	font-weight: 500;
	/*color:#a7b7bd;*/
	color:#000000;
	letter-spacing:.03em;
	text-align:left
	
}

.largebody {
	font-size:16px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	font-weight: 500;
	/*color:#a7b7bd;*/
	color:#000000;
	letter-spacing:.03em;
	text-align:left
	
}

.listbody {
	font-size:13px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
	font-weight: 500;
	/*color:#a7b7bd;*/
	color:#000000;
	letter-spacing:.03em;
}

.rockbold {
	font-size:16px;
	font-family: "Rockwell", serif;
   	font-weight: 700;
	color:#000000;
	letter-spacing:.03em;
	
}