* {
	margin: 0;
	padding: 0;
	box-sizing: borderbox;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
	}
html {
	height: 100%;
	}
body {
	padding: 0 6.5%;
	height: 100%;
	font-family: sans-serif;
	font-family: 'Lora', serif;
	font-family: 'Open Sans', sans-serif;
/*	background: #003366;*/
	background: #008833;
	}
h1,h2,h3,li a {
	font-family: 'Open Sans', sans-serif;
	}
.wrapper {
	margin: 0 auto -40px;
	min-height: 100%;
	background: #e4e4e4;
	background: linear-gradient(to right, #e4e4e4 60%, #d3d6da 40%);
	background: -webkit-linear-gradient(left, #e4e4e4 60%, #d3d6da 40%);
	}
header {
/*	padding: 2% 4% 0 4%;*/
/*	height: 150px;*/
/*	min-height: 125px;*/
	margin: 0 0 -0.5% 0;
	background: #008833;
	color: #ffffff;
	}
header img {
/*	max-height: 88px;*/
	max-width: 100%;
	}
header #UCO_logo2 {
	height: 88px;
	width: 43%;
	display: inline-block;
	overflow: hidden;
	visibility: hidden;
	}
header #IEEE_logo {
	margin-right: 10.5%;
	max-width: 70%;
	position: absolute;
	right: 0;
	}
nav {
	clear: both;
	background: #008833;
	}

/* Main */
nav ul {
	margin: 0;
	border-radius: 5px 5px 0 0;
	padding: 0;
	list-style: none;
	background: #fc0;
	}
nav ul li {
	border-right: 1px solid #fff;
	border-radius: 0 5px 5px 0;
	width: 20%;
	float: left;
	position: relative;
	}
nav ul a {
	padding: 11px 1em 10px 1em;
/*	border-right: 1px solid #fff;*/
	border-radius: 0 5px 5px 0;
	/*height: 40px;*/
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	}
nav li:first-child a {
	border-radius: 5px 5px 5px 0;
	}
nav ul li:hover > a {
	background: #6e8ba8;
	background: #6ea86e;
	color: #fafafa;
	}
nav ul li:hover > ul {
	display: block;
	}
/* Sub-menu */
nav ul .drop {
	margin: 0;
	border-radius: 0 5px 5px 0;
	padding: 0;
	position: absolute;
/*	top: 40px;*/
	top: 100%;
	left: 0;
	z-index: 99999;
	display: none;
	list-style: none;
/*	background: #fcf;*/
	background: none;
	}
nav ul .drop li {
	margin: 0;
	border: none;
	border-radius: 0 5px 5px 0;
	padding: 0;
	float: none;
	display: block;
	background: #fc0;
	}
nav ul .drop a {
	padding: 10px;
	border-radius: 0 5px 5px 0;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	}
nav ul .drop a:hover {
	background: #6ea86e;
	}
nav ul .drop li:first-child a:hover:after {
	border-bottom-color: #04acec;
	}
/* Clear floated elements */
nav ul:after {
	height: 0;
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	}

.col1 {
	padding: 15px 4%;
	width: 60%;
	float: left;
	line-height: 2em;
	background: #e4e4e4;
	}
.col1 section {
	border-top: 1px dotted black;
	clear: both;
	}
.col1 section:first-child {
	border-top: 0px dotted black;
	clear: both;
	}
.col1 section h2 {
	margin: 17px 0;
	}
.col1 section:first-child h2 {
	margin-top: 0;
	}
.col1 section h3 {
	margin: 15px 0;
	}
.col1 section:last-child {
	border-bottom: 0 dotted black;
	}
.col1 section p {
	padding-left: 1em;
	line-height: 1.5em;
	text-indent: 2em;
	}
.col1 section ul {
	margin: 16px 0;
	padding-left: 40px;
	line-height: 19px;
	}
.col1 section .spaced_list {
	margin: 16px 0;
	padding-left: 40px;
	line-height: 1.5em;
	}
.col1 section .spaced_list li{
	clear: both;
	}
.col1 section .spaced_list li img{
	float: right;
	}
.col1 a {
	outline: none;
	text-decoration: none;
	/*color: navy;*/
	}
.col1 section p:last-child {
	margin-bottom: 10px;
	}
.col1 #img {
	margin: 20px 0;
	border: 0;
	vertical-align: middle;
	border-radius: 20px;
	max-width: 100%;
	max-height: 500px;
	}
.col2 {
	padding: 15px 0;
	float: left;
	width: 40%;
	/*background: #aaa;*/
	text-align: center;
	}
.col2 #img {
	margin: 20px 0;
	border: 0;
	vertical-align: middle;
	border-radius: 20px;
	max-width: 80%;
	max-height: 500px;
	}
.col2 h2 {
	font-size: 40px;
	}
.col2 ul {
	margin: 0 0 100px;
	list-style: none;
	}
.col2 li {
	font-size: 24px;
	}
.col2 a {
	outline: none;
	}
footer {
	background: #93979c;
	}
footer ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	}
footer ul li {
	border-right: 1px solid #fff;
	border-radius: 0 5px 5px 0;
	float: left;
	width: 100%;
	position: relative;
/*	background: #93979c;*/
	}
footer ul a {
	padding: 11px 1em 10px 30em;
	border-radius: 0 5px 5px 0;
	height: 40px;
	width: 100%;
	float: left;
	display: block;
	text-decoration: none;
	color: #003366;
	}
footer ul li:hover > a {
	background: #6ea86e;
	color: #fafafa;
	}
/*Sticky Footer*/
footer, .sticker {
	height: 40px;
	clear: both;
	}