/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
 
 
	
	@font-face {
	font-family: "Berling";
	src: url('fonts/berlingt-webfont.eot');
	src: url('fonts/berlingt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/berlingt-webfont.woff') format('woff'), url('fonts/berlingt-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 100%;
}

body {
	background:#787878;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/*#############################*/
/*ACCESSIBILITY RULES*/
/*#############################*/
a.offscreen {
position:absolute;
left:-1000px;
top:-1000px;
width:1px;
height:1px;
text-align: left; 
overflow:hidden;
}

a.offscreen:focus, a.offscreen:active, a.offscreen:hover { 
position:absolute; 
left:0; 
top:0; 
width:auto; 
height:auto; 
overflow:visible;
background-color:#FF3;
border: 1px dotted #000;
}
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;

}
a.skip-main:focus, a.skip-main:active {
    color: #441166;
	position:absolute; 
left:0; 
top:0; 
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:9999;
}


/*==============================================
FORMS
================================================*/


.form-wrap form {
	margin: 0 0 1.5em 0;
	overflow:visible;
	font: 0.9em 'Lato', Verdana, Geneva, sans-serif;
}


.form-wrap form > fieldset {
	margin: 0.25em 0 0.5em;
	width: 100%;
	border: 0;
	padding: 0 0 0.5em;
}

.form-wrap legend {
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size:1.1em;
}

.form-wrap label {
	margin-left:0.5em;
	margin-top:0.5em;
	margin-bottom:0.25em;
	color: #333;
	display:block;
}

.form-wrap .datefield {
	max-width:8em;
}

.form-wrap input[type=text],
input[type=email],
input[type=url],
input[type=password],
select,
textarea {
width: 95%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display:inline-block;
  margin-bottom:0.6em;
}

.form-wrap input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

.form-wrap input[type="image"], input[type="checkbox"], input[type="radio"] {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0em 0.2em 0em 0;
	line-height: normal;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
}
.form-wrap input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
 
}

.form-wrap input[type="submit"] {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	transition: background-color 0.5s ease;
	border-radius: 3px;
	color: #ffffff;
	background-color: #7ba08f;
	/*background-color: #84754e; HUB Gold*/
	padding: .5em 1em;
	text-decoration: none;
	border: 2px solid #FFF;
	font: 0.8em 'Lato', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	z-index:15;
	width:40%;
	display:block;
	margin-top:1em;
}

.form-wrap input[type="submit"]:hover {
	background-color:#91bda9;
}

/*OCE FORM-------*/

.inforeq {
	display:none;
}

.bodyform {
	
	display:block;
	float:none;
	width:100%;
	z-index: 1000;	
	
}
.sideform {
	display:block;
}
.oce-wrap {
	margin: 0 0 1.5em 0;
	overflow:visible;
	font: 0.8em 'Lato', Verdana, Geneva, sans-serif;
	background:#DAE3E0;
	padding:1em;
}


.oce-wrap form > fieldset {
	margin: 0.25em 0;
	width: 100%;
	border: 0;
	padding: 0;
}

oce-wrap legend {
	width: 100%;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.oce-wrap label {
	margin-top:0.5em;
	color: #333;
	display:block;
}

.oce-wrap input[type=text],
input[type=email],
input[type=url],
input[type=password],
select,
textarea {
width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display:inline-block;
  margin-bottom:0;
}


.oce-wrap input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

.oce-wrap input[type="image"], input[type="checkbox"], input[type="radio"] {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0em 0.2em 0em 0;
	line-height: normal;
	cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
}
.oce-wrap input[type="checkbox"], input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
 
}

.oce-wrap input[type="submit"] {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	transition: background-color 0.5s ease;
	border-radius: 3px;
	color: #ffffff;
	background-color: #7ba08f;
	/*background-color: #84754e; HUB Gold*/
	padding: .5em 1em;
	text-decoration: none;
	border: 2px solid #FFF;
	font: 0.8em 'Lato', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	z-index:15;
	width:100%;
	display:block;
	margin-top:1em;
}




/*validation errors */

.req {
	color: red;
}

label.error {
	float: none;
	color: red;
	font-weight: bold;
	padding-left: .5em;
	vertical-align: top;
}

.hideme {
	width: 1em;
	height: 2px;
	overflow:hidden;
	visibility: hidden;
	display:block;
}

.oce-wrap #lead {
	background-color: #7ba08f;
	color: #fff;
	font-size: 0.9em;
	padding: 0.9em 1.5em;
	text-decoration: none;
	width: auto;
	text-transform: uppercase;
	margin: -1em -1em 0.5em;
	border-bottom: 2px solid #FFF;
}
/* ==========================================================================
  BUTTONS
   ========================================================================== */
  .btnbox {
	width: 80%;
	padding: 1em 0em;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
  }
 .contentbtn {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	transition: background-color 0.5s ease;
	border-radius: 3px;
	color: #ffffff;
	background-color: #7ba08f;
	/*background-color: #84754e; HUB Gold*/
	padding: 0.5em 1em;
	text-decoration: none;
	border: 2px solid #CCC;
	font: 0.8em 'Lato', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	z-index: 15;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.3em;
}

.btnbox a {
	color:#fff;
}
.btnbox a:hover {
	color:#000;
}

.contentbtn:hover {
	background-color:#91bda9;
}
.contentbtn img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:60%;
}

.redbtn {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	transition: background-color 0.5s ease;
	border-radius: 3px;
	color: #ffffff;
	background: #a71212;
	padding: 0.5em 1em;
	text-decoration: none;
	border: 2px solid #CCC;
	font: 0.8em 'Lato', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	z-index: 15;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.3em;
		
}


.redbtn:hover {
  background: #dd1144;
  text-decoration: none;
}



.homebtn {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	transition: background-color 0.5s ease;
	border-radius: 5px;
	color: #ffffff;
	background: #a71212;
	padding: .5em 2.5em;
	text-decoration: none;
	border: 2px solid #FFF;
	font: 0.8em 'Lato', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	z-index:15;
		
}

.homebtn a {
	whitespace:nowrap;
}

.homebtn:hover {
  background: #dd1144;
  text-decoration: none;
}

/*=================================
jQuery Accordion Non-UI CSS 
===================================*/

.accordion .accordion-content {
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
  -webkit-transition-duration: 800ms;
  -moz-transition-duration: 800ms;
  -ms-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
  -webkit-transition-property: padding, height, margin;
  -moz-transition-property: padding, height, margin;
  -ms-transition-property: padding, height, margin;
  -o-transition-property: padding, height, margin;
  transition-property: padding, height, margin; }

.accordion.expanded .accordion-content {
  visibility: visible;
  height: auto;
  padding: 1em;
  border: 1px solid; 
  margin-bottom:2%;
  }

.accordion.collapsed .accordion-content {
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
  border: none; }
  
  .accordion-header {
	  cursor:pointer;
	  text-decoration:underline;
	  font-weight:bold;
	  font-size:105%;
	  padding-bottom:2%;
  }


/*=====================================

TABLES

======================================*/
table {
	width:100%;
	font-size:0.8em;
	
}

.tableborder td {
	border: 1px solid #CCC;
	padding: 4px;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}

.tableborder td a {
	font-weight:bold;
	text-decoration:underline;
}

.zebraborder {
	margin-top:5px;
	margin-bottom:5px;
	
}

.sidescroll {
	overflow-x:auto;
}
.zebraborder td {
	
	border: 1px solid #666;
	padding:4px;
	border-collapse:collapse;
	
}
.zebraborder td a {
	font-weight:bold;
	text-decoration:underline;
}

.zebraborder tr:nth-of-type(even) {
	background-color:#ccc;
}

td {
	font: normal 1.0em/1.3em "Lato","Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0.25em;
} 

.faketable {
	display:table;
	width:100%;
}

.faketable .fakecell-left {
	display:block;
	vertical-align:top;
	width:30%;
}
.faketable .fakecell-right {
	display:block;
	vertical-align:top;
	width:70%;
}

/*===================================

SLIDE DECK ON SUB PAGES
====================================*/

.tcycle img {
	max-width:650px;
	height:auto;
	width:70%;
	margin-left:auto;
	margin-right:auto;
}


 /*==================================

GENERAL PRESENTATION MARKUP

=====================================*/
.main, .widemain {
	font: normal 1em/1.4em "Lato", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #47514c;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #000;
	font-weight: normal;
	line-height: 1.1em;
	margin-bottom:0.3em;
	margin-top:0.3em;
}

h2, h3, h4, h5, h6 {
	text-align:center;
}

.main h1, .widemain h1 {
	font-size:2.5em;
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
}

.main h2, .widemain h2 {
	font-size:2em;
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
}

.main h3, .widemain h3 {
	font-size:1.75em;
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
}

.main h4, .widemain h4 {
	font-size:1.6em;
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
}

.main h5, .widemain h5 {
	font-size:1.35em;
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
}

.main h6, .widemain h6 {
	font-size:1.25em;
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
}


.main ul, .widemain ul {
	margin: 0.25em 0 0.75em 1.5em;
	padding: 0;
}

.main ul li, .widemain ul li {
	padding: 0 0 0.5em;
}

.main p, .widemain p {
	margin: 0em 0 1.0em;
	font: normal 1.0em/1.3em "Lato", "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

li {
	margin: 0;
	font: normal 1.0em/1.3em "Lato", "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

/*============================
MENU LIST - ADD LIST IN PAGE BODY THAT MATCHES MENU
=============================== */

#contentbody .menulist { 
        display:block;	
		margin-bottom:1.5em;
		
	}
	
	.menulist li {
    border-bottom: 1px solid #fff;
    display: flex;
	width:100%;
	}
	
	.menulist ul {
    list-style: outside none none;
	margin-left:0;
}
	
	.menulist li a {
    background-color: rgb(200, 201, 199);
    color: #303030;
    font-size: 0.8em;
	font-weight:normal;
    padding: 0.5em 1.5em;
    width: 100%;
	text-decoration: none;
}

	.menulist a:hover {
		color:#fff;
		transition: all 0.5s ease;
	}
	
	.menulist li.active {
		
		background: #999999;

	}
	
	.menulist li.active a {
	background: #999999;
	font-weight:normal;
	color: #fff;
	display:block;
	width:auto;
	}
	
	
	.menulist li:last-child
	 {
    border-bottom:0;
    }

/*====================================
SET LINK RULES
======================================*/


a {
	font-weight:normal;
	color:#3d95d8;
}

a:hover {
	color:#bbaa77;
	text-decoration:none;
}
/* ============================================
SCALE VIDEO
================================================ */
	.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
	.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*=========================================

Floated Images and Pullquotes

===========================================*/

img { 
max-width:100%;
height:auto;
}

.rightfloat {
	float:none;
	padding:10px;
	font-size:80%;
	clear:both;
	display:block;
}

.rightfloat img {
	display:block;
	width:100%;
	height:auto;
}


.leftfloat {
	float:none;
	padding:10px;
	clear:both;
	font-size:0.7em;
	display:block;
	
}
.leftfloat img {
	display:block;
	width:100%;
	height:auto;
}


.centerfloat {
	float:none;
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	font-size:0.8em;
	display:block;
}
.centerfloat img {
	width:100%;
	height:auto;
}

.pullquote, .pullquote-right {
	margin: 1.0em;
	padding: 1.0em;
	border: 2px solid #CCC;
	font: normal 0.9em/1.4em "Lato", "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
}

.pullquote h2 {
	margin-top: 0;
	padding-top: 0;
	font-style: italic;
}
.pullquote-right h2 {
	margin-top:0;
	padding-top:0;
	font-style: italic;
}

.galleriffic {
	display:none;
}
/*Mainsite Columns*/
#leftcontent {
	float:none;
	width:95%;
	font-size:110%;
}
#rightcontent {
	float: none;
	width: 95%;
	margin:0;
	padding:0;
	border-left: 0px solid #bbaa77; 
	font-size:110%;
}

/*End Columns*/   
.header {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	
	overflow:hidden;
	z-index:9999;
	position:relative;
	
	
   }
   
   .stafflist ul {
	   list-style:none;
   }
   .stafflist ul li {
	   margin-bottom:1.5em;
   }
   .blockspace {
	   width:100%;
   }
   
 /*===========================
OCE SPECIAL
=============================*/
#usnews {
    left: 80%;
    position: absolute;
    top:15%;
	 z-index: 1000;
	 width:100px;	
}

.biosection {
	
	margin-bottom:10px;
	clear:both;
	overflow:visible;
}

.datablock {
	width: 100%;
	clear: both;
	padding: 5px 5px 15px;
	font-size: 105%;
	display:block;
	overflow:visible;
}


.faculty {
    border-bottom: 1px solid #ddd;
    height: auto;
    margin-bottom: 2em;
    min-height: 200px;
    padding-bottom: 1.5em;
	
	
}

.faculty img {
    float:none;
	max-width:60%;
	height:auto;
	clear:both;
	
}

.facultyname {
	padding-top:5px;
	font-size:100%;
}

.formlink {
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	transition: background-color 0.5s ease;
	border-radius: 3px;
	color: #ffffff;
	background: #a71212;
	padding: 0.5em 1em;
	text-decoration: none;
	border: 2px solid #CCC;
	font: 0.8em 'Lato', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	z-index: 15;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	display:block;
	max-width:65%;

		
}

.formlink a {
	color:#fff!Important;
	text-decoration:none;
}


.formlink:hover {
  background: #dd1144;
  text-decoration: none;
}

.schedule-wrap {
	display:block;
	width:70%;
	clear:both;
	padding:1em;
	margin-left:auto;
	margin-right:auto;
}

.schedule-wrap img {
	float:right;
}
.schedule-wrap a {
	font-size:1.2em;
	color:#dd1144;
	text-align:right;
}
   .toplinks {
	   display:none;
   }
   
   .cleaner {
	   clear:both;
	   margin-top:10px;
   }
.audiencenav {
	background:#000;
	width:100%;
	text-align:center;
}

#search-menu {
	font-family: Arial, Verdana, sans-serif;
	background: #000;
	color:#fff;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	height:2.5em;
	display:block;
}

#search-menu form {
	width: 100%;
	float: left;
	background: #000;
	height:85%;
	display: inline-block;
	
}


nav {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/*Style Placeholder */

::-webkit-input-placeholder {
 color: #fff;
 text-align: left;
}

::-moz-placeholder { /* Firefox 19+ */ 
 color: #fff; 
 text-align: left;
} 
:-ms-input-placeholder { 
 color: #fff;
 text-align: left;
}

#search-menu label {
	visibility:hidden;
	max-width:1px;
	display:inline;
}

#search-menu input {
	display: inline;
	height:32px;
	width:190px;
	text-align:center;
	background:#000;
	border-width: 0px;
	border-color: #000;
}
#search-menu button {
	background: #000;
	border-width: 0px;
	border-color: #000;
	display:inline;
	float:right;
	padding-top:4px;
}

/* ============================================================================
Menu
==============================================================================*/

#bigMenu {
	background: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	z-index:15;
	
}
#bigMenu .nav  {
		display:none;
	}
	
	#bigMenu img {
		width:70%;
		height:auto;	
	}
	
	    #menu  .toggle {
	top: 0;
	right: 250px;
	padding: 4px 10px;
	position: absolute;
	color: #a91f10;
	background: #fff;
    }
	
	    #toggle {
        display: none;

    }
	
	    /* Pushing the Menu off the canves */
    #menu {
	right: -250px; /* must be the same as the width of the menu */
	-webkit-transition: right 1s;
	transition: right 1s;
	display: block;
	width: 250px;
	min-height: 100%;
	top: 50px;
	z-index: 99;
	position:absolute;	
		
    }
    /* Showing the menu then the Checkbox is checked */
    #toggle:checked + #menu {
        right: 0;
        -webkit-transition: right 1s; /* Safari 3.1 to 6.0 */
        transition: right 1s;
		
    }
	

    #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #menu ul li {
        font-size:100%;
        border-bottom: 1px solid #2c3e50;
    }
    #menu ul li a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color:#c6c6c6;
    }
    #menu ul ul li {
        background-color: #2c3e50;
    }
    #menu ul li a:hover,
    #menu ul ul li a {
        padding: 10px 10px 10px 30px;
		color:#fff;
    }
    #menu ul ul li a:hover {
        padding: 10px 10px 10px 60px;
		
    }
    #menu ul li a,
    #menu ul li a:hover,
    #menu ul ul li a,
    #menu ul ul li a:hover {
        -webkit-transition: padding 0.5s; /* Safari 3.1 to 6.0 */
        transition: padding 0.5s;
    }
	
	.menuContent {
	background: #322142;
	
	}
	.menuContent a {
	color: #c6c6c6;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	}
	
	/*Department Menu */
	

.depmenu li a {
	background-color:#dae3e0;
	color:#303030;
	font-size:0.8em;
	padding-left:1.5em;
	padding-right:1.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	text-decoration:none;
	width:100%;
	
}
	
	
	    #depmenu  .toggle {
	top: 0;
	right: 250px;
	padding: 4px 10px;
	position: absolute;
	color: #fff;
	background-color: #7ba08f;
	/*background-color: #84754e; HUB Gold*/
	cursor:pointer;
    }
	
	    #toggle1 {
        display: none;

    }
	
	    /* Pushing the Menu off the canves */
    #depmenu {
        right: -250px; /* must be the same as the width of the menu */
        -webkit-transition: right 1s;
        transition: right 1s;
		display: block;
	width: 250px;
	min-height: 100%;
	top: 0;
	z-index: 1;
	position: absolute;
    }
    /* Showing the menu then the Checkbox is checked */
    #toggle1:checked + #depmenu {
        right: 0;
        -webkit-transition: right 1s; /* Safari 3.1 to 6.0 */
        transition: right 1s;
    }
	
	   
    #depmenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #depmenu ul li {
        font-size:1em;
        border-bottom: 1px solid #fff;
		display:block;
	width:100%;
	font-size:0.9em;
    }
	
	#depmenu ul li a:hover,
    #depmenu ul ul li a {
        padding: 8px 10px 8px 35px;
		color:#fff;
    }
    #depmenu ul ul li a:hover {
        padding: 8px 10px 8px 60px;
		
    }
    #depmenu ul li a,
    #depmenu ul li a:hover,
    #depmenu ul ul li a,
    #depmenu ul ul li a:hover {
        -webkit-transition: padding 0.5s; /* Safari 3.1 to 6.0 */
        transition: padding 0.5s;
    }
	
	 #depmenu ul li:last-child {
		 border-bottom: 0;
	 }
	/*Sub Menus */
	#depmenu ul li.active  ul li { 
        display:block;
		width:100%;
		font-size:0.85em;
	}
	#depmenu ul li.active  ul li a { 
	color:#303030;
	padding: 8px 10px 8px 35px;
	}
	#depmenu ul li.active  ul li.active a,
	#depmenu ul li.active  ul li a:hover
	 { 
	color:#fff;
	}
	#depmenu ul li.active  ul li a:hover
	 {
	padding: 8px 10px 8px 50px;
	}
	
    #depmenu ul li a {
        display: block;
        padding: 8px;
        text-decoration: none;
        color:#303030;
    }
    #depmenu ul ul li {
        background-color: #2c3e50;
    }
   

	
	.depmenuContent {
	background: #fff;
	}
	.depmenuContent a {
	
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	}
	.menuheading {
		background:#888888;
		color:#fff;
		text-transform:uppercase;
		font-size:1.0em;
		padding: 8px 10px 8px 20px;
		font-family: 'Lato', sans-serif;
	}
	.footnote {
	font-size: 0.7em;
	font-family: 'Lato', sans-serif;
	padding: 8px 10px 8px 20px;
	
	}
	
	.footnote p {
		line-height:1.5em;
	}
	
	
	/*Top Resource Sub Menu*/
	#topresources {
	color: #fff;
	font-size: 0.6em;
	margin-left: 1.0em;
	margin-top:1.0em;
	text-transform: uppercase;
	}
	
	#topresources ul li a {
		
		padding-top:5px;
		padding-bottom:5px;
		
	}
	#topresources ul li a:hover {
        padding: 5px 5px 5px 30px;
		
    }
	
/*Body */

#mastwrap {
	width: 100%;
}
#mast {
	margin-left: auto;
	margin-right: auto;
	height: 150px;
	position: relative;
	object-fit: cover;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	background: #46166a url(img/seal.png) no-repeat fixed top center;
	background-size:contain;
}

#mast img {
	width:auto;
	height:300px;
	object-fit:cover;
	overflow-x:hidden;
	position:relative;
	display:none;
}

#mast #shadow {
	/*background:rgba(0,0,0, 0.2);*/
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	position:absolute;
	bottom:0;
	width:100%;
	padding-bottom:1em;
	padding-top:2em;
	
}

#mast h1 {
	position: relative;
	color: #fff;
	font-size: 1.8em;
	left: 0.5em;
	bottom: 0.2em;
	font-family: 'Lato', ubunturegular, Arial, sans-serif;	
	text-transform:uppercase;
	font-weight:bold;
	padding-top:0.8em;
	max-width:1150px;
	
}

.pagetitle {
	font-weight: lighter;
	text-transform: none;
	font-size: 0.6em;
	display: block;
}

#content {
	background-color:#fff;
	padding-top:2em;
	max-width: 1200px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
	overflow:hidden;
	
}

#content #leader {
	font-size:1.2em;
	color:#363636;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:0;
	
}

#content #leader h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	line-height: 1.1em;
	font-weight: normal;
	padding-top:0.75em;
	padding-bottom:0.75em;
	
}

#content #leader p {
	font: normal 0.9em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}

#breadcrumb {
	font: 0.6em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666;
	display:block;
	padding-bottom:1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
}
#breadcrumb a {
	color: #999;	
	text-decoration:none;
}
#breadcrumb a:hover {
	text-decoration:underline;
}

/*Two and Three column body */

#contentbody {
	
	display:flex;
	flex-flow:row;
	flex-direction:column;
	justify-content:flex-start;
	align-content:center;
	align-items:center;
	padding-top:2em;
	padding-bottom:2em;
	background-color:#fff;
	padding-top:1em;
	width:100%;
	overflow:hidden;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
	
}

#contentbody .depmenu {
	display:flex;
	flex-flow:column;
	flex-direction:column;
	justify-content:flex-start;
	align-content:center;
	-webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
	padding-top:0;
	position:relative;
	background-color:#7ba08f;
	
	margin-bottom:2em;
	width:100%;
}

#lgmenu {
	display:none;
}


#homelink {
	display:flex;
	flex-flow:row;
	flex-direction:row;
	-webkit-justify-content: space-between;
   justify-content: space-between;
	margin-bottom:0.2em;
	width:100%;
}

#homelink .fa {
	display:none;
}

#homelink a {
	background-color: #7ba08f;
	/*background-color: #84754e; HUB Gold*/
	color: #fff;
	font-size: 0.9em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	text-decoration: none;
	width: 100%;
}

#contentbody .main, .widemain {
	display: block;
	padding: 0 0 2em;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#contentbody .aside {
	display:block;
	padding-top:0;
	padding-bottom:2em;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


.aside img {
	max-width:70%;
	padding-bottom: 10px;
}

.aside .linkblock {
	text-align:center;
	padding:1em;
	background-color: #dce5e0;
	width:90%;
	margin-bottom:2em;
}

.linkblock h5 {
	margin-bottom:0.5em;
	font-size:0.8em;
}

.linkblock h5, .contentbtn, .redbtn {
	display:block;
	text-transform:uppercase;
	font-size:0.7em;
}

.statbox {
	display: block;
	text-align:center;
	padding: 1em;
	width: 90%;
	margin-bottom: 2em;
	border: 1px solid #CCC;	
}

.statnumber {
	display: block;
	text-align:center;
	padding:0;
	width: 100%;
	font-size:3.5em;
	font-family:"Berling", Georgia, "Times New Roman", Times, serif;
}

.statdetail {
	display: block;
	text-align: center;
	padding: 0 0 1em;
	width: 100%;
	font: 0.8em Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}

/*Date formatting for event block*/

.event-block {
	padding: 4%;
	clear:both;
	display:block;
	
}
.event-block .date-block {
	padding:0;
	border-right: solid #daca99 1px;
	width:25%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5em;
	float:left;
	color:#441166;
	font-size:100%;
	font-family: 'Berling', georgia, garamond, serif;
}
.date-block .month {
	text-align: center;
	padding-bottom:10%;
}
.date-block .day {
	font-size:200%;
	padding-top:3%;
	padding-bottom:5%;
	text-align: center;
}
.date-block .year {
	padding-top:2%;
	text-align:center;
}
.event-copy {
	font-size:95%;
	vertical-align: top;
	margin-right: 0;
	margin-left: 30%;
	display:block;
	max-width:60%;
	padding-left:5px;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
}
.calendar-read-more {
	float: right;
	padding-top: 10px;
	font-size:80%;
}
/****************** 
	
/*===========================

FOOTER MENU

==============================*/

#footermenuwrap {
	/* IE10+ */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #5b636c 0%, #343B40 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #5b636c 0%, #343B40 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #5b636c 0%, #343B40 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 286, color-stop(0, #5b636c), color-stop(100, #343B40));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #5b636c 0%, #343B40 100%);

/* W3C Markup */ 
background-image: radial-gradient(ellipse farthest-corner at center, #5b636c 0%, #343B40 100%);

width: 100%;
}


#footermenu {
	
	display:block;
	padding-top:1em;
	padding-bottom:2em;
	height:auto;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	font: 0.8em 'Lato', Verdana, Geneva, sans-serif;
	color:#fff;
	position:relative;
	
	
}
#footermenu h5 {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	margin-right: auto;
	margin-bottom: 1em;
	margin-top:1em;
	margin-left: auto;
	color:#fff;
	font: 'Lato', Verdana, Geneva, sans-serif;
	text-align:center;
}
#footermenu a {
	color:#fff;
	text-decoration:none;
	line-height:1.3em;
}
#footermenu a:hover {
	color:#bbaa77;
}
#footermenu #col4 ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footermenu ul li {
	display:block;
	margin-left: auto;
	margin-right: auto;
}

#footermenu #col1 {
	display:block;
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#footermenu #col1 img {
	max-width:60%;
	
	height:auto;
	margin:auto;
	
}

#footermenu #col2 {
	
	display:block;
	width:100%;
	
	
}
#footermenu #col2 div {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#footermenu #col3 {
	
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	display:block;
	width:100%;
}

#footermenu #col3 ul {
	margin:0;
	padding:0;
}

#footermenu #col4 {
	
	display:none;
	
}

#footerbase {
	display:flex;
	flex-flow:row;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	align-items:center;
	padding-top:2em;
	padding-bottom:2em;
	background-color:#2b2b2b;
	color: #d2d2d2;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font: 0.6em 'Lato', Verdana, Geneva, sans-serif;
}

#footerbase #basemenu {
	display:flex;
	flex-flow:row;
	flex-direction:column;
}

#footerbase #copyright {
	padding-bottom:1.3em;
}

#basemenu a {
	display:block;
	padding-bottom:0.5em;
	color: #d2d2d2;
	text-decoration: none;
	padding-right: 1em;
	padding-left: 1em;	
}

#basemenu a:hover {
	color:#bbaa77;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 400px) {
    /* Style adjustments for viewports that meet the condition @400px*/
#bigMenu img {
		width:65%;
		height:auto;
	}	
#search-menu input {
	
	width:300px;
	
}
}

@media only screen and (min-width: 500px) {
    /* Style adjustments for viewports that meet the condition @500px*/
	
/*OCE SPECIAL */

.bodyform {
	
	display:block;
	float:right;
	width:30%;
	padding-left:1em;
	padding-bottom:1em;	
	
}	

.galleriffic {
	display:block;
}

#bigMenu img {
		width:45%;
		height:auto;
	}	
	
#mastwrap {
	background-color:#4d4c4c;
	
}
		
#mast {
	max-width: 1200px;
	max-height: 85vh;
	min-height:200px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-image: none;
}
	
#mast img {
	width:100%;
	height:auto;
	object-fit:contain;
	position:relative;
	display:block;
}

#mast  #shadow {
	text-align: left;
	padding-bottom: 0;
}

.pagetitle {
	font-size: 0.6em;
}

#contentbody {
	
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;	
	
}

#contentbody .depmenu {
	width:100%;
}

#contentbody .main {
	width:65%;
}

#contentbody .aside {
	width:30%;
	display:block;

}

.pullquote-right {
	float:right;
	width:15em;
}
.aside > .pullquote {
	margin:0;
}

.pullquote img {
	float:right;
	max-width:50%;
	height:auto;
	padding-left:0.3em;
	display:inline:block;
	overflow:hidden;
}

/*Mainsite Columns*/
#leftcontent {
	float:left;
	width:45%;
	font-size:110%;
}
#rightcontent {
	float: right;
	width: 45%;
	margin-left: 10px;
	padding-left:30px;
	/*border-left: 1px solid #bbaa77; */
	font-size:110%;
}

/*End Columns*/

#footermenu {
	
	display:table;
	
}

#footermenu #col1 {
	display:table-cell;
	width:30%;
}
#footermenu #col1 img {
	max-width:80%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:3em;
	margin-bottom:3em;
}

#footermenu #col2 {
	display: table-cell;
	width: 30%;
	margin-top: 2em;
	vertical-align: 20%;
}
#footermenu #col2 div {
	display:block;
	margin-left:auto;
	margin-right:auto;
	
}

#footermenu #col3 {
	display:table-cell;
	width:30%;
	margin-top:2em;
	vertical-align: 20%;	
}


.rightfloat {
	float: right;
	padding: 0px 0px 10px 10px;
	max-width: 50%;
	overflow: hidden;
	font-size:0.8em;
	background-color: #fff;
}
.rightfloat img {
	max-width:100%;
	height:auto;
	padding-bottom:5px;
}
.rightfloat p {
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
.leftfloat {
	float: left;
	padding: 0px 10px 10px;
	font-size: 0.8em;
	max-width: 40%;
	overflow: hidden;
	background-color: #fff;
}
.leftfloat img {
	max-width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
.leftfloat p {
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
.centerfloat {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-size:0.9em;
	clear:both;
	max-width:60%;
}
	
}

@media only screen and (min-width: 768px) {
    /* Style adjustments for viewports that meet the condition @768px*/
 /*===========================
OCE SPECIAL
=============================*/
#usnews {
    left: 80%;
    position: absolute;
    top:65%;
	 z-index: 1000;
	 width:110px;
    
	
}	



	
h1 {
	margin: 0;
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
	padding-bottom:0.6em;
	padding-top:0.3em;
}
h2, h3, h4 {
	margin: 0;
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
	padding-bottom:0.2em;
	padding-top:0.2em;

}

h2, h3, h4, h5, h6 {
	
	text-align:left;
}

.faketable .fakecell-left {
	display:table-cell;
}
.faketable .fakecell-right {
	display:table-cell;
}

/*===========================
BUTTONS
============================*/
.btnbox {
	  width:50%;
	 
  }
  
 .schedule .btnbox {
	 width:100%;
 }
 .aside .btnbox {
	 width:100%;
 }

/*Form Tweaks */
.form-wrap input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea, 
select{
width: 50%;
}

select {
	
	margin-top:0.3em;
}


	#menu {
		margin-top:10px;
	}
	  #menu  .toggle {
	top: 0;
	right: 290px;
	padding:10px;
	position: absolute;
	color: #a91f10;
	background: none;
    }
	
	 #depmenu .toggle {
	top: 0;
	right: 290px;
	padding: 6px;
	position: absolute;
	
    }
	
	#topresources {
		display:none;
	}
	
	#bigMenu img {
		width:40%;
		height:auto;
	}
	
	.toplinks {
	display: inline-block;
	margin:0;
	padding:0;
	vertical-align:middle;
	
	}
	
.toplinks li {
		display:inline;
		padding-right:0.3em;
		padding-left:0.3em;
	}
	
.toplinks li:first-child {
	padding-left:0;
}
.toplinks li:last-child {
	padding-right:0;
}

.toplinks ul li a {
	color: #ccc;
	padding-top: 0;
	padding-bottom: 0.5em;
	text-decoration: none;
	font-size: 0.7em;
	font-weight: bold;
	}
	
	
.toplinks a:hover {
	color: #bbaa77;
	
	}

#search-menu {
	vertical-align:middle;
	padding-top:0;
	padding-bottom:0.4em;
	
	}
	
#search-menu form {
	width:29%;
	float: right;
	background:#787878;
	margin-right:0.5em;
	margin-top:0.4em;
}

#search-menu input {
	height:1.6em;
	width:45%;
	padding-left:5px;
	background:#787878;
}

#search-menu button {
	background: #787878;
	
}

#content #leader h2 {
	font-family: "Berling", Georgia, "Times New Roman", Times, serif;
	font-size:2.1em;
	color:#353535;
	
}

.pagetitle {
	font-size: 0.9em;
	display: inline-block;
	border-left: 2px solid #FFF;
	padding-left:0.8em;
	margin-left:0.5em;
}

#content #leader p {
	font: normal 1.1em/1.4em "Lato", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0em 0em 1em;
}

#contentbody .depmenu {
	width:100%;
	display:flex;
	flex-flow:column;
	flex-direction:column;
	justify-content:flex-start;
	align-content:center;
	-webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
	
}

.depmenu ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	
}

.depmenu ul li ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	width:100%;
	
}

.depmenu li {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #FFF;
}
.depmenu li a {
	background-color:#dae3e0;
	color:#303030;
	font-size:0.9em;
	padding-left:1.5em;
	padding-right:1.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	width:100%;
	display:inline-block;
	
}

.depmenu li a:hover {
	color:#fff;
	   -webkit-transition: all 0.3s; /* Safari 3.1 to 6.0 */
        transition: all 0.3s;
}


#contentbody .widemain {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-right: 2em;
	padding-left: 2em;
}
#contentbody .aside {
	width:30%;
	display:block;	

}

.aside .linkblock h5 {
	font: 1.0em 'Lato', Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px 0px 0.5em;
}

.statnumber {
	width: 90%;
	font-family:"Berling", Georgia, "Times New Roman", Times, serif;
}

.statdetail {
	
	width: 90%;
	font: 0.8em "Lato", Verdana, Geneva, sans-serif;
	
}

.main li {
	padding-bottom:0.75em;
}
#footermenu {
	display:table;
	padding-bottom:3.5em;
}

#footermenu h5 {
	text-align:left;
}

#footermenu ul {
	display:block;
	
}
#footermenu ul li {
	display:block;
}

#footermenu #col1 {
	display:table-cell;
	width:25%;
}
#footermenu #col1 img {
	max-width:80%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	margin-top:3em;
	margin-bottom:3em;
}
#footermenu #col2 {
	width:22%;
	display:table-cell;
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	vertical-align: top;
	padding-left:2em;
	padding-top:3em;	
}
#footermenu #col2 div {
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

#footermenu #col3 {
	width:22%;
	display:table-cell;
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: top;
	padding-top:3em;
	padding-left:2em;		
}
#footermenu #col4 {
	width:22%;
	display:table-cell;
	margin-top: 3em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	vertical-align: top;
	padding-top:3em;
	padding-left:2em;		
}



#footerbase {
	display:flex;
	flex-flow:row;
	flex-direction:row;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
	font: 0.7em 'Lato', Verdana, Geneva, sans-serif;
	
	
}

#footerbase #copyright {
	 -webkit-align-self: flex-start;
   align-self: flex-start;
   margin-left:3em;
}

#footerbase #basemenu {
	display:flex;
	flex-flow:row;
	flex-direction:row;
	margin-left:auto;
	margin-right:3em;
}
#basemenu a {
border-right: 1px solid #d2d2d2;	
	
}

#basemenu a:last-child {
	border-right:0;	
	
}

#footerbase #copyright {
	padding-bottom:0.4em;
}





}

@media only screen and (min-width: 1000px) {
    /* Style adjustments for viewports that meet the condition @1000px*/
	
	#mast h1 {
	
	font-size: 2.2em;
	left: 1em;	
}
	
	 /*===========================
OCE SPECIAL
=============================*/
#usnews {
    left: 60%;
    position: absolute;
    top:50%;
	 z-index: 1000;
	 width:120px;
    
	
}	

.inforeq {
	display:block;
	position:absolute;
	width:25%;
	z-index: 1000;
	left:73%;
	margin-right:1.5em;
	margin-top:0.5em;
	
	
}
.sideform {
	display:none;
}

	
	#menu {
		display:none;
	}
	
	#depmenu {
		display:none;
	}
	
	#contentbody {
		display:table;
		max-width:1200px;
	}
	
	#contentbody .depmenu {
	display: table-cell;
	background-color: #fff;
	width: 25%;
	max-width:17em;
	padding: 0em 1em 0em 2em;
	}
	
	
	#contentbody .depmenu #lgmenu { 
        display:block;
		
	}
	
	#lgmenu li {
		display:block;
	}
	
	#lgmenu li.active {
		background: #999999;
	}
	
	#lgmenu li.active a {
	background: #999999;
	font-weight:bold;
	color: #fff;
	display:block;
	width:auto;
	}
	
	#lgmenu li a {
	
	
	
	display:block;
	width:auto;
	}
	
	/*Sub Menus */
	
	#lgmenu li.active  ul li a { 
	color:#303030;
	padding: 8px 10px 8px 30px;
	font-size:0.85em;
	font-weight:normal;
	}
	#lgmenu li.active  ul li.active a,
	#lgmenu li.active  ul li a:hover
	 { 
	color:#fff;
	}
	
	#lgmenu li:last-child
	 {
    border-bottom:0;
    }
	
	#lgmenu ul li ul li a {
		padding-left:3em;
		padding-right:0.5em;
		font-size:0.8em;
	}
	
	#contentbody .main {
		width:45%;
		display:table-cell;
		padding: 0px 2em 0px 1em;
	vertical-align:top;
	}
	#contentbody .widemain {
	width: 70%;
	display: table-cell;
	padding: 0px 2em;
	vertical-align: top;
}
	
	
	#contentbody .aside {
		display: table-cell;
		width:25%;
		padding: 0px 2em 0px 1em;
		vertical-align:top;

	}
	
	
/*======================
Menus
========================*/

/*Toplink Menus*/
	
	.toplinks ul li a {
	
	font-size: 0.75em;
	padding-bottom:0.6em;
	
	}


.toplinks li:hover {
	color: #bbaa77;
	
	}

	
.toplinks ul li {
		display:inline;
		position:relative;
		padding-right:0.8em;
		padding-left:0.8em;
		
	}
	


#search-menu form {
	margin-right:1.5em;
	width:25%;
}

/*end toplink memus begin Main Nav menus*/
#bigMenu .nav  {
		display:block;
		margin-top:1.6em;
		margin-right:1.5em;
		margin-left:0;
		
	}
#bigMenu img {
		width:28%;
		height:auto;
		margin-top:0.7em;
		margin-left:0.5em;
	}
	
#bigMenu {
	display: block;
	width: 100%;
	font-family: 'Lato', Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #dd1144;
	text-decoration: none;
	height: 4.1em;
	padding-top: 0.4em;
	padding-bottom: 0;
	border-top: 4px solid #e4e4e4;
	border-bottom: 5px solid #e4e4e4;
	
	
	}
	
	#bigMenu ul {
		float:right;
		list-style:none;
		display:inline-block;
		max-width:70%;	
		
	}
	
	#bigMenu ul li ul {
		float:right;
		list-style:none;
		display:inline-block;
		max-width:90%;
		
	}
	#bigMenu ul li {
		display:inline;
		
		
		
	}
	#bigMenu ul li a {
		color:#a71212;
		font-weight:bold;
		font-size:0.9em;
		padding-top:0.8em;
		padding-bottom:1.5em;
		padding-right:0.8em;
		padding-left:0.8em;
		text-decoration:none;
	}
	
	#bigMenu ul li ul li a {
		
		padding-bottom:0.3em;
		padding-right:0.6em;
		padding-left:0.6em;
		
	}
	
	#bigMenu ul li a:hover {
background:#e4e4e4;
	}
	
 
.nav a { text-decoration: none; }
 
.nav li { list-style: none; }
	
	.nav .nav-column {
    float: left;
    width: 33%;
	
    
	}
	
	.nav {
    display: inline-block;
    position: relative;
    cursor: default;
   
}
 
.nav > li {
    display: block;
    float: left;
	
}

 .nav .nav-column ul {
	 padding:5px;
 }
 .nav .nav-column li {
	
	 font-size:0.8em;
	 letter-spacing:0.10em;
	
	 
 }
.nav .nav-column li a {
     display:block;
	 border-bottom:solid 1px #888;
	 text-transform:none;
	 
}

	.nav > li > a {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
	
	}
	
.nav > li:hover > a { background: #e4e4e4; }
 
.nav > li:first-child > a {
    border-radius: 3px 0 0 3px;
    border-left: none;
}
.nav > li > div {
    position: absolute;
    z-index:60;
    width: 100%;
    top: 2.6em;
    left: 0;
 	opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background:rgba(204,204,204, 0.9);
    border-radius: 0 0 3px 3px;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
	
}

.nav > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

#homelink .fa {
	display:inline;
	padding-left:2em;
}

/*end menus*/	


	
}

@media only screen and (min-width: 1200px) {
    /* Style adjustments for viewports that meet the condition @1200px*/
	
	
	
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	.header {
		display:none;
	}
	#footermenuwrap {
		display:none;
	}
}