/*
CRSS Colors:
Dark Blue #1b75bc
Light Blue #00aef0

*/

body
{
background-color: #ffffff;
color: #153c5b;
font-size: 18px;
line-height: 28px;
font-family: 'Muli', sans-serif;
}

#applist a,
#applist a:link,
#applist a:active,
#applist a:visited
{
color: #04458b;
}

h1, h2, h3, h4 {
	text-transform: none;
	color: #00458c;
}

h3
{
border-bottom: 1px solid #cccccc;
}

ul
{
list-style-type: none;
}

div.summary ul
{
list-style-type: square;
}

div.summary li
{
margin-left: 30px;
padding-top: 20px;
}

p
{
color: #153c5b;
color: #666666;
font-family: arial, helvetica, sans-serif;
font-size: 18px;
line-height: 28px;
}

.crssfooter
{
background-color: #373737;
color: #ffffff;
display: block;
clear: both;
padding: 30px 0 30px 0;
}

h4
{
color: #000000;
}

.alpha p
{
color: #ffffff;
color: #373737;
}

.alpha h4,
.post-date-alt
{
color: #ffffff;
color: #00458c;
color: #064779;
}


button,
.button
{
background: #ff9b15;
background: #f19f4d;
}

button:hover,
.button:hover
{
background: #bd6c00;
background: #6b7c8e;
}

.reverse
{
background: #bd6c00;
background: transparent;
border: 1px solid #ffffff;
padding: 15px 20px 15px 20px;
font-size: 20px;
margin-top: 20px;
color: #ffffff;
}

.reverse:hover
{
background: #f19f4d;
color: #ffffff;
}

.dark
{
background: #f19f4d;
}

.dark:hover
{
background: #6b7c8e
}



/* a img { -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
a img:hover { opacity: .7;} */

/* ========
	Header Styles
======================= */
header{
	background: #fff;
	-webkit-box-shadow: 0 6px 32px -9px rgba(0, 0, 0, .4);
	box-shadow: 0 6px 32px -9px rgba(0, 0, 0, .4);
	position: relative;
    z-index: 100;
}
	#logo{
		float: left;
		margin: 52px 0 10px 5px;
		max-width: 500px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#logo:hover{
		opacity: 0.7;
	}

/* ========
	Row Sections
======================= */
.alpha{
	background: #e9f9ff;
	background: #63a2d3;
	background: #dcc7aa;
		background: #d9d9d9;
	display: block;
	clear: both;
	border-top: #63a2d3 solid 30px;
	border-top: #d9d9d9 solid 30px;
	margin-top: -30px;
	padding: 20px 0 30px 0;
}


.alpha-reverse{
	background: #e9f9ff;
	background: #ffffff;
	display: block;
	clear: both;
	border-top: #63a2d3 solid 30px;
	border-top: #d9d9d9 solid 30px;
	padding: 70px 0 0 0;
}

.alpha-reverse h4
{
text-transform: none;
color: #1b75bb;
color: #00458c;
}


.home-slider li.slick-slide img
{
height: 400px;
}

.alpha h4
{
margin-top: 0;
}


.wrappy{
    background: #e4eded url(images/inner-bg.png) no-repeat scroll center top;
    position: relative;
}
.main-body,
.body{
    background: #fff;
    margin: 0;
	overflow: hidden;
    padding: 45px 20px 40px 40px;
}
.body{
	overflow: hidden;
	padding: 20px 20px 40px;
}

/* ========
	Buttons
======================= */
.btn-cta{
	color: #fff;
	display: block;
	font-family: arial, helvetica, sans-serif;
	line-height: 16px;
	padding: 10px 25px 8px;
	text-align: center;
	text-transform: uppercase;

	-webkit-transition: all 0.45s ease;
	-moz-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease;
	transition: all 0.45s ease;
}
.btn-cta{
	background: #14212a;
	font-size: 16px;
	padding: 15px 10px 10px;
}
.btn-cta:active,
.btn-cta:hover{
	background: #82bab8;
	color: #fff;
}

/* ========
	Primary Navigation
======================= */
#utility
{
	float: right;
}



nav{
	clear: right;
	float: right;
	margin: 0 0 0 20px;
}
#utility ul,
nav ul{
	margin: 0;
	overflow: hidden;
	padding: 0;
}
#utility ul li,
nav ul li{
	display: inline;
	float: left;
}

#utility ul li:first-child { border-left: none;}

#utility ul li
{
padding: 0 10px 0 10px;
}


	nav a,
	#utility a,
    aside li a{
		-webkit-transition: all 0.45s ease;
		-moz-transition: all 0.45s ease;
		-o-transition: all 0.45s ease;
		-ms-transition: all 0.45s ease;
		transition: all 0.45s ease;
	}
	nav ul a:link,
	nav ul a:visited{
		border-top: 1px solid #80dcff;
        border-top: 1px solid #f19f4d;
		border-top: 1px solid #fdb914;
		border-top: 2px solid #fdba31;
		color: #1c75bc;
		color: #6b7a8f;
		display: block;
/*		font-family: 'RobotoCondensed', Arial, sans-serif; */
		font-family: Arial, helvetica, sans-serif;
		font-size: 16px;
		margin: 0 10px;
		padding: 10px;
		text-transform: uppercase;
	}
	nav ul li:hover > a,
	nav ul a:active,
	nav ul a:hover,
	nav li.selected a{
/*		border-top: 1px solid #a45627; */
		border-top: 1px solid #1b75bc;
        border-top: 1px solid #6b7a8f;
		text-decoration: none;
	}
	#menu-toggle{
		background: #1b75bb;
		background: #f19f4d;
		color: #fff;
		display: none;
		font-family: arial, helvetica, sans-serif;
		font-size: 17px;
		padding: 15px;
		text-transform: uppercase;
		width: 100%;
background-repeat: no-repeat;
background-position: right 10px center;
background-image: url('../static/toggle.png');
}

#menu-toggle:hover
{
opacity: 80%;
}


/*--- #second level nav ---*/
nav ul li ul {
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    left: -9999em;
    margin: 0;
    min-width: 12em;
	padding: 10px;
    position: absolute;
    width: auto;
    z-index: 333;
}
nav ul li:hover ul {
    left: auto;
}
nav ul li ul li {
    display: block;
    float: none;
    line-height: 26px;
    margin: 0;
}

	nav ul li ul li a:link,
	nav ul li ul li a:visited {
/*		background: #e4eded; */
		background: #e9f9ff;
		background: #ecf1f7;
		border: none !important;
/*		color: #598583; */
		color: #1b75bc;
    	color: #6B7A8F;
		display: block;
		font-size: 15px;
		margin: 0 0 5px;
		padding: 5px 20px;
		text-decoration: none;
	}
	nav ul li ul li a:active,
	nav ul li ul li a:hover,
	nav ul li ul li.selected a {
		background: #00aeef;
		background: #f19f4d;
/*		color: #a45627; */
		color: #ffffff;
		}

/* ========
	Utility Navigation
======================= */
#utility{
	margin: 30px 20px 10px 0;
}
	#utility a:link,
	#utility a:visited{
		background: url(images/u-pipe.png) no-repeat scroll left center;
		color: #1c75bc;
		color: #f19f4d;
		color: #f19f4d;
		color: #373737;
		display: block;
		font-size: 15px;
		padding: 9px 10px 7px;
	}
	#utility a:active,
	#utility a:hover,
	#utility .selected a{
		background-color: transparent;
		color: #000000;
	}
	#utility li:first-child a{
		background-image: none;
	}
	#utility a.btn-uty{
		background: #f6f6f6;
		color: #82bab8;
		font-family: arial, helvetica, sans-serif;
		margin: 0 0 0 10px;
		text-transform: uppercase;
	}
	#utility a.btn-uty:active,
	#utility a.btn-uty:hover,
	#utility a.selected{
		background: #82bab8;
		color: #fff;
	}
	#utility a.btn-signin,
	#utility a.btn-signin:hover{
		background-image: url(images/icon-arrow-down.png);
		background-repeat: no-repeat;
		background-position: 54px 8px;
		padding-right: 33px;
	}
	#utility a.uty0,#utility a.uty1{
		display: none;
	}



/* ========
	Home Blog Styles
======================= */
.news-small{
	margin: 0 0 0 0;
}
.news-small h4{
    margin: 0;
}
.news-small p{
    font-size: 15px;
}
.blog-post-alt{
	border-top: 1px dotted #064779;
		border-top: 1px solid #ffffff;
	margin: 5px 0 10px;
	overflow: hidden;
	padding: 15px 0 10px;
}
.blog-post-alt > a:link,
.blog-post-alt > a:visited,
.blog-post-alt > a:active
{
	color: #064779;
	color: #ffffff;
	color: #00458c;
	color: #064779;
	float: right;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 16px;
	width: 75%;
}

.alpha-reverse .blog-post-alt > a:link,
.alpha-reverse .blog-post-alt > a:visited
{
	color: #064779;
	float: right;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 16px;
	width: 75%;
}

.alpha-reverse .blog-post-alt > a:hover
{
opacity: 80%;
cursor: pointer;
cursor: hand;
}

.alpha-reverse .blog-post-alt
{
	border-top: 1px solid #bddbf3;
}




.post-date-alt{
	float: left;
	font-family: Arial, helvetica, sans-serif;
	text-align: center;
	width: 15%;
}

.post-date-alt
{
line-height: 22px;
}

.post-date-alt .date-month{
	display: block;
	font-size: 16px;
	margin-bottom: 4px;
}
.post-date-alt .date-day{
	font-size: 26px;
}


/* ========
	Home Newsletter
======================= */
.signup{
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin: 1em 0;
    overflow: hidden;
    padding: 1em 0;
}
.signup h6{
    float: left;
    margin: 0;
    padding: 10px 0 0;
}
.offers{
    float: right;
    margin: 0;
    width: 565px;
}
.offers .item,
.offers .item-last{
    float: left;
    margin: 0 15px 0 0;
    width: 209px;
}
.offers .item-last{
    margin: 0;
    width: auto;
}
.offers input[type="text"],
.offers input[type="email"]{
    height: 37px;
    margin: 0;
    width: 100%;
}

/* ========
	aside
======================= */
aside{
    position: relative;
    z-index: 3;
}
aside ul{
    background: #14212a;
    margin: 0;
    padding: 20px;
}
aside li{
    border-bottom: 1px solid #30474e;
    margin: 0;
    padding: 0;
}
aside li:last-child{
    border-bottom: none;
}
aside li.a-title{
    background: #a45627;
    border: none;
	list-style: none;
    margin: 0 -37px 20px 0;
}
	aside li.a-title.selected a:link,
	aside li.a-title.selected a:visited{
		color: #fff;
	}
    aside li a:link,
    aside li a:visited{
        color: #fff;
        display: block;
        font-size: 0.9375em /*15px*/;
        padding: 10px 0 10px 15px;
        text-transform: uppercase;
    }
    aside li a:active,
    aside li a:hover,
	aside li.selected a{
        color: #82bab8;
    }

/* ========
	Console Form
======================= */
.console{
    background: #82bab8;
    overflow: hidden;
    padding: 25px;
}
.console h3{
	color: #fff;
}
.console h3 span{
	color: #a45627;
	display: block;
	margin: 5px 0 0;
}
.console p{
	color: #fff;
	font-size: .875em;
}

/* ========
	Staff List
======================= */
.staff-list{
	background: #f5f6f7;
	margin: 10px 0;
	text-align: center;
}
.staff-img{
	background: #d3d3d3;
	margin: 0 0 15px;
}
.staff-img img{
	border: 3px solid #e4eded;
	border-radius: 50%;
	margin: 15px 0;
}
.staff-list p{
	color: #666;
	font-family: Georgia, serif;
	font-size: .875em;
	font-style: italic;
	padding: 10px 25px 0;
}
.staff-title{
	color: #82bab8;
	font-family: 'RobotoCondensed', Arial, sans-serif;
	font-size: .875em;
	text-transform: uppercase;
}






/* ========
	Events
======================= */

table.module-calendar {
	margin-bottom: 20px;
}

table.module-calendar td ul {
	padding: 5px;
}

table.module-calendar td ul li {
	padding: 0 5px 5px;
}

table.module-calendar td ul li:after {
	width:0;
	height:0;
}

/* ===== Forums ========================= */

/* ===== Photo Gallery ================== */

/* ===== News =========================== */

/* ===== FAQs =========================== */

/* ===== Facebook Comments ==================== */
.fb_iframe_widget, .fb_iframe_widget iframe, .fb_iframe_widget span {
	width: 100% !important;
}

/* ===== Checkout Form ==================== */

.form-row {
    border-bottom: 1px solid #EDEDED;
    overflow: hidden;
    padding: 15px 0;
}

legend {
	font-weight: bold;
}

.info-section {
	width:30%;
	float: left;
}

.info-section p {
	padding-right: 15px;
}

.form-section {
	width: 70%;
	float: left;
}

label.left {
	float: left;
	line-height: 35px;
	margin-right: 5px;
}

.shop-checkout.shop-form label {
	display: block;
}

.form-detail {
    float: left;
    width: 250px;
}
.form-detail legend{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	font-weight: 400;
}
.form-detail p{
	font-size: 12px;
}
.form-data {
    float: right;
    width: 450px;
}
#payment-form .form-detail {
    width: 255px;
}
#payment-form .form-data {
    width: 570px;
}
#payment-form label {
    width: auto;
}
#payment-form input.cat_textbox, #payment-form input.cat_listbox {
    margin-right: 20px;
    width: 92%;
}

#payment-form input.cat_textbox {
	border: 1px solid #999;
	padding: 3px;
}

#payment-form select.cat_dropdown {
    margin-right: 20px;
    width: 258px;
}

select.short  {
    width: 117px !important;
    float:left;
}

input.cat_textbox.sm {
	width:70px !important;
}

#payment-form input.short, #payment-form input.short, #payment-form select.short {
    width: 110px;
}

#payment-form input.purchase-amount {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #222222;
    display: inline;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: 53px;
}
#purchase-total {
    background: none repeat scroll 0 0 #FAFAFA;
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
    margin-bottom: 20px;
    padding: 10px;
}

.purchase-amount {
	float: none !important;
	box-shadow: none !important;
}

#purchase-total span {
	font-weight: bold;
	font-size: 16px;
	color: #999;
	padding-left: 10px;
}

/* ===== Start Media Queries ======================= */

@media screen and (max-width:1000px){
	#logo{
		max-width: 100%;
		display: block;
		clear: both;
		padding: 20px 15px 0 15px;
		margin-top: 0px;
		}
	nav ul a:link,
	nav ul a:visited{
		margin: 0; }

		.header-wrapper,
				.header-wrapper-column
		{
		padding: 0;
		}


}
@media screen and (max-width:780px){

	#calendar-container, .topics, .posts, .lastpost, .views, .date {
		display: none;
	}

	#cart-footer .span3, #cart-footer .span3.lastSpan {
		width:100% !important;
	}

	#shippingSpan {
		display: block;
		clear: both;
	}

	.half {
		width:100% !important;
		float: none !important;
	}

}
@media screen and (max-width:765px){
	.social-links{
		float: none;
		margin: 10px 0; }
}
@media screen and (max-width:749px){
	header {
		/*background: #FFF url(images/bg-header-line.png) no-repeat scroll center 139px; */
	}
	nav {
		clear: both;
		float: none;
		margin: 0 auto;
		width: 553px; }
	nav ul a:link,
	nav ul a:visited{
		margin: 0 10px; }
}
@media screen and (max-width:690px){
	#utility{
		margin: 12px 0 0; }
	#logo{
		margin: 5px 0 25px; }
}
@media screen and (max-width:780px){
	/* 590 */
	header {
		/* background: #FFF url(images/bg-header-line.png) no-repeat scroll center 89px; */
	}
	nav{
		width: 100%; }
	nav ul li{
		display: block;
		float: none; }
	nav ul a:link,
	nav ul a:visited{
		padding: 5px; }
	nav .window {
		display: none;
		padding: 10px 10px 0; }
	#menu-toggle{
		display: block; }
	nav ul li ul {
		background: #fff;
		display: none;
		left: auto;
		margin: 0;
		min-width: 12em;
		padding: 10px;
		position: relative;
		width: auto;
		z-index: 333;
	}
	nav ul li:hover ul {
		display: block;
	}
}
@media screen and (max-width:1000px){
	#hero .orbit-container .orbit-prev,
	#hero .orbit-container .orbit-next{
		display: none; }
	.orbit-container .orbit-slides-container img{
		width: 100%;
		margin: 0 auto; }
	.orbit-container .orbit-timer {
		position: absolute;
		bottom: 19px;
		right: 10px;
		height: 6px;
		width: 100px; }
}
@media screen and (max-width:966px){
	.signup h6{
		float: none;
	}
	.offers{
		float: none;
		margin: 10px 0 0;
		width: 100%;
		overflow: hidden;
	}
}
@media screen and (max-width:768px){
	.orbit-container .orbit-slides-container > * .orbit-caption{
		clear: both;
		height: auto;
		position: relative;
		top: auto;
		width: 100%; }
	.blog-post-alt > a:link{
		width: 85%; }
	.main-body, .body{
		padding: 45px 20px 40px; }
	aside li.a-title{
		margin: 0 0 20px;
	}
}
@media screen and (max-width:592px){
	.offers .item, .offers .item-last {
		float: none;
		margin: 0 0 15px;
		width: 97%;
		 }

}
@media screen and (max-width:418px){
	#utility a:link,
	#utility a:visited{
		display: none; }


}





#uclogo
{
display: block;
width: 150px;
float: right;
margin-right: 15px;
padding-top: 20px;
}

div#uclogo img
{
max-width: 150px;
}

#logofooter
{
padding-top: 15px;
padding-bottom: 10px;
display: block;
max-width: 300px;
}


/*==========================================================================*/
/*                                      BANNER                              */
/*==========================================================================*/
.slider{  overflow: hidden;}

.shape{  margin-bottom: 27px;}
.slider-description .shape img{ width:auto;}
.slider-graphic
{
width: 367px;
height: 367px;
margin: 0 auto;
}
.slider-background
{
display: block;
width: 100%;
height: 400px;
background-color: #092558;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

#slider-data
{
background-image: url('/media/static/home-data-storage-v2_3.jpg');
}

#slider-security
{
background-image: url('/media/static/home-data-chip-v2_3.jpg');
}

#slider-industry
{
background-image: url('/media/static/home-industry-v2_3.jpg');
}

#slider-students
{
background-image: url('/media/static/home-students-v2_3.jpg');
}



.slider-description{   position: absolute;    top: 35%;    left: 0%;right:0%;  text-align: center;  width: 50%; margin: 0 auto;  }
.slider-description h5.cptn-heading1{ color:#fff;  font-family: 'Muli', sans-serif; letter-spacing:3px;}
.slider-description h1.cptn-heading2{    text-transform: none; font-size: 20px; line-height: 22px; font-weight: normal; font-family: 'Muli', sans-serif; color:#ffffff;margin:0px;   /*line-height: 106px; font-size:60px;*/}
.slider-description h1.cptn-heading2 span{   display:block;  background: url(../img/border-bottom.png) no-repeat center bottom;  height: 14px;}
.slider-description span{ font-size:24px; line-height: 30px;; color: #fff; font-family: 'Muli', sans-serif;}

.feature-content p
{
font-size: 14px;
line-height: 22px;
text-align: center;
}

footer
{
/* background-color: #064779;	*/
}

.socialmedia{ float:right;  margin: 20px 0px 0px 0px;}
.socialmedia ul
{
list-style-type: none;
}
.socialmedia ul li{ float:left;}
.socialmedia ul li a,
.socialmedia ul li a:link,
.socialmedia ul li a:active,
.socialmedia ul li a:visited
{   font-size: 26px;  color: #fff;  margin: 0px 8px;}
.socialmedia ul li a:hover{ color:#686868; transition: all 0.3s;}

.footer-bottom-section {
    width: 100%;
    float: left;
    background: #373737;
	    background: #1b75bc;
		background: #18507d;
		background: #6b7c8e;
		background: #00458c;
		background: #373737;
		color: #e9f9ff;
		border-top: 4px solid #f19f4d;
/*				border-top: 4px solid #738a00; */
				border-top: 4px solid #fdba31;


		position: relative;
}

.footer-bottom-section p,
.footer-bottom-section a,
.footer-bottom-section a:link,
.footer-bottom-section a:active,
.footer-bottom-section a:visited
{
color: #d9d9d9;
font-size: 13px;
line-height: 20px;
}


.footer-bottom-section a:hover
{
opacity: 80%;
}

.scrollToTop
{
display: block;
width: 61px;
height: 52px;
margin-bottom: 30px;
float: right;
}


/*==========================================================================*/
/*                               WEB APP Detail-Page                        */
/*==========================================================================*/
.Services-Detail{width:100%; float:left;padding:30px 0}
.Services-Detail .web-design span{font-size:145px}

.Detail-Page{width:100%; float:left;padding:30px 0}
.Detail-Page .page_title{width:100%; float:left;}
.Detail-Page h2{width:auto; float:left;margin-right:25px}
.Detail-Page span{font-size: 18px;display:block;margin-bottom: 12px; color:#959595}
.Detail-Page figure{width:100%; float:left;margin:0px}
.Detail-Page figure img{width:100%; }



.team_member{width:100%;  border-radius:5px;margin:50px 0}

.team_member .team_image {
/* border-radius: 50%; */
display: block;
width: 100%;
}

.team_member .team_image img {
display: block;
}



.team_member .team-description{width:100%; float:left ;padding-top:30px}
.team_member .team-description h3{color:#028dd0;}
.team_member .team-description span{font-size:14px; color:#717171;text-transform:uppercase;margin-bottom:20px;display:block;}
.team_member .team-description p{font-size:16px; color:#8a8a8a;padding:0px;margin-bottom:12px;}

.social-icon{width: 100%;float: left;/* background: #939393; */padding: 0px;min-height: inherit;text-align: center;margin-top: 19px;height: 36px;}
.social-icon ul{width:auto; float:none;margin:0px;display:inline-block}
.social-icon ul li{width:37px ;float:left;margin:0px;border:none;border-radius:0px;background:none}
.social-icon ul li a{line-height:0px; text-align:center}
.social-icon ul li a em{ display:block; color:#4F87D1;}
.social-icon ul li a em.fa-facebook{font-size:26px;padding-top:3px}
.social-icon ul li a em.fa-twitter{font-size:29px;}
.social-icon ul li a em.fa-linkedin{font-size:29px;}


.webdesign-breadcrumbs{width: 100%;float: left;}
.webdesign-breadcrumbs ul{}
.webdesign-breadcrumbs ul li{ float:left;}
.webdesign-breadcrumbs ul li:hover a{ color:#000;}
.webdesign-breadcrumbs ul li a{font-size: 14px; color:#959595;}
.webdesign-breadcrumbs ul li a:after{ background:url(divider.png) no-repeat 0px 0px; content:''; display:inline-block; width: 11px;height: 13px;margin: 12px 10px 0px 8px;}
.webdesign-breadcrumbs ul li.selected a{ color:#000000;}
.webdesign-breadcrumbs ul li:last-child a:after{ background:none;}

.biopage h1
{
font-size: 30px;
display: block;
padding-top: 20px;
margin-top: 30px;
}

.biopage h2
{
font-size: 30px;
display: block;
padding-top: 20px;
border-top: 1px solid #fdba31;
}

.biodesc
{
font-size: 14px;
display: block;
padding-top: 20px;
clear: both;
}

.publications ul
{
list-style-type: square;
}

.publications ul li
{
margin-top: 20px;
}


.publications .publication-title
{
display: block;
font-weight: bold;
}

.publications .publication-description
{
display: block;
font-style: italic;
}

.publications .projects
{
display: block;
}

.job-title
{
font-weight: bold;
display: block;
padding-bottom: 10px;
}

.modified
{
display: block;
margin: 20px 0 30px 0;
border-top: 1px solid #cccccc;
padding-top: 10px;
}

.sideinfo
{
display: block;
border-left: 1px solid #cccccc;
padding: 20px;
}

.sideinfo h4
{
dispaly: block;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 1px dotted #cccccc;
}

/* start people indexes */
ul.people-wrapper li {
    float: none !important;
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 35px 0px;
    position: inherit !important;
    padding: 0 10px 0 10px;
    width: 100%;
}

ul.people-wrapper
{
text-align: center;
}

.person-image,
.person-no-image {
display: block;
border-radius: 50%;
overflow: hidden;
width: 100%;
padding-top: 100%; /* 1:1 Aspect Ratio */
position: relative;
border: 3px solid #fdba31;
background-color: #000000;
}

.person-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
	max-height: 150%;
	max-width: 150%;
}




.person-no-image-text
{
display: block;
position: absolute;
top: 45%;
left: 0;
right: 0;
text-align: center;
}


.person-image img:hover {
opacity: 0.7;
cursor: pointer;
cursor: hand;
}

.person-name
{
text-align: center;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
.footer-bottom-section
{
padding: 20px;
}
.scrollToTop
{
margin-top: 30px;
}

.sitecreditwrapper
{
padding-top: 30px;
}



}

/* Medium and up */
@media screen and (min-width: 40em) {
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	ul.people-wrapper li {
	width: 30%;
	}

}

/* Large and up */
@media screen and (min-width: 64em) {
	ul.people-wrapper li {
	width: 19%;
	}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}

/* end people indexes */

.sponsorimage
{
max-width: 200px;
max-height: 60px;
}

.sponsorwrapper
{
display: block;
padding: 20px 0 20px 0;
border-bottom: 1px solid #cccccc;
}

.sitecreditwrapper
{
display: block;
float: right;
padding-top: 120px;
color: #cccccc;
}

.sitecredit a,
.sitecredit a:link,
.sitecredit a:active,
.sitecredit a:hover
{
color: #cccccc;
}