/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@media all {
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
}
@viewport {
	zoom: 1.0;
	width: auto;
	user-zoom: fixed;
}

@media all {
	*,
	*:before,
	*:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	main {
		display: block;
	}
	.off-screen {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}
	.group:after,
	.clear:after {
		content: "";
		display: table;
		clear: both;
	}
	.capitalized {
		text-transform: uppercase;
	}
	.hide-on-mobile {
		display: none;
	}

	[class^="show-from"] {
		display: none;
	}
	html {
		background-color: white;
	}
	body {
		font-family: 'Lato', sans-serif;
		font-size: 16px;

		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-moz-text-size-adjust: none;
		text-size-adjust: none;

		min-width: 320px;
	}
	a {
		color: #013fa3;
		text-decoration: none;
	}
	a:hover,
	a:focus {
   		color: #569bca;
	}
	a.external:after {
	    content: "\f08e";
	    font-family: FontAwesome;
	    font-size: smaller;
	    font-style: inherit;
	    font-weight: inherit;
	    text-decoration: inherit;
	    margin-left: 0.25em;
	}
	a.external.no-indicator:after {
		display: none;
	}
	strong,
	b {
		font-weight: bold;
	}
	em,
	i {
		font-style: italic;
	}
	.parsys *+* {
		margin-top: 1em;
	}
	.parsys *+br {
		margin-top: 0;
	}
	.parsys>a[name]:first-child+*,
	.parsys>a[name]:first-child+[class*="cq-placeholder"]+* {
		margin-top: 0;
	}

	*:first-child,
	*[class*="cq-placeholder"]:first-child+*,
	*[class*="cq-dd"]:first-child+* {
		margin-top: 0;
	}

	*.component+[class*="cq-editbar-placeholder"] {
		margin-top: 1em !important;
	}

	.content-area {
		line-height: 22px;
	}
	.wrapper {
		margin: 0 auto;
		padding: 0 5px;
		width: 100%;
	}
}
@media all {
	.wrapper {
		max-width: 960px;
		min-width: 960px; /* Fix the width for IE8 */
		padding: 0 10px;
	}
}
@media all and (min-width:5px) {
	.wrapper {
		min-width: 320px; /* Re-enable flexy width for non IE8 */
	}
}
@media all {
	body {
		min-width: 320px;
	}
	body>header {
		position: relative;
		margin: 0;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-color: transparent;
		height:166px;
	}
	body>header .common-utilities {
		background: transparent url('base/images/header-common-utilities-background-white-19.png') repeat scroll left top;
		padding: 20px 0 18px 0;
	}
	body>header .common-utilities .wrapper {
		position: relative;
	}
	body>header .common-utilities .search {
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -23px;
		height: 45px;
		width: 45px;
		/*background: transparent url('base/images/header-common-utilities-icon-search.png') no-repeat scroll center center;
		cursor: pointer;*/
	}
	body>header .common-utilities .search>* {
		display: none;
	}
	body>header .common-utilities .search>button {
		display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 45px;
        width: 45px;
        background: transparent url('base/images/header-common-utilities-icon-search.png') no-repeat scroll center center;
        font-size: 18px;
        font-weight: 100;
        color: white;
        text-transform: uppercase;
        border-style: none;
        margin: 0;
        text-indent: -9999px;
        outline-style: none;
   		cursor: pointer;
    }
	body>header .common-utilities .search>button:hover {
		background-color: #0039c8;
		background-image: url('base/images/header-common-utilities-icon-search.png');
        
	}
	body>header .common-utilities .search.expanded {
		background-color: white;
	}
	body>header .common-utilities .search.expanded label {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	body>header .common-utilities .search.expanded span {
		position: absolute;
		display: block;
		left: 0;
		height: 45px;
		width: 45px;
		top: 0;
		text-indent: -9999px;
		outline-style: none;
		background: transparent url('base/images/header-common-utilities-icon-search-blue.png') no-repeat scroll center center;
		z-index: 5;
	}
	body>header .common-utilities .search.expanded input[type="text"] {
		display: block;
		position: absolute;
		left: 0;
		height: 100%;
		width: 100%;
		border-style: none;
		margin: 0;
		padding-left: 45px;
		padding-right: 55px;
		font-size: 14px;
	}
	.ie8 body>header .common-utilities .search.expanded input[type="text"] {
		padding-top: 15px;
	}
	body>header .common-utilities .search.expanded button {
		background-image: none;
		background-color: #0039c8;
		text-indent: 0;
	}
	body>header .common-utilities .branding {
		font-size: 28px;
		font-weight: 400;
		color: #002e7e;
		display: inline-block;
	}
	body>header .audience-links {
		position: absolute;
		right: 60px;
		top: 50%;
		margin-top: -0.5em;
	}
	body>header .audience-links>* {
		display: inline-block;
	}
	body>header .audience-links>ul>li {
		display: inline-block;
		font-size: 15px;
		font-weight: 400;
		color: #e5f1f9;
	}
	body>header .audience-links>ul>li a {
		color: white;
        letter-spacing: 0.2px;
	}
    body>header .audience-links>ul>li.active a {
    	color: #000222;
	}
	body>header .audience-links>ul>li a:hover {
	    color: #69696d;
	}
	body>header .audience-links>ul>li:before {
		content: "|";
		margin-right: 0.5em;
		margin-left: 0.3em;
	}
	body>header .audience-links>ul>li:first-child:before {
		content: "";
		margin-right: 0;
	}
	body>header .branding+.audience-links {
		margin-left: 345px;
	}
	/* Wrapper override for main menu. It's too wide to support a full 10px on each side. */
	/* GFB 20141022 - Adjusted selector for all following (~) wrappers instead of adjacent (+). When the breadcrumb is
	   in the header, it needs to have its wrapper follow the same padding as the main menu's. */
	body>header .common-utilities~.wrapper {
		padding-left: 6px;
		padding-right: 6px;
	}
	/* GFB 20141022 - Removed bottom 4px padding to help support tucking the breadcrumb right under the main menu.
	   Not entirely clear why it was there. */
	body>header nav {
		padding: 4px 0 0;
	}
	body>header nav>ul {
		width: 100%;
		height: 96px;
		position: relative;
	}
	body>header nav>ul>li {
		position: relative;
		cursor: pointer;
		float: left;
		height: 92px;
		width: 92px;
		margin-left: 4px;
		font-size: 14px;
	}
	body>header nav>ul>li> a:hover,
	body>header nav>ul>li> a:focus {
	    color: #003875;
	}
	body>header nav>ul>li:first-child {
		margin-left: 0;
	}
	body>header nav>ul>li>a {
		text-decoration: none;
		color: #003875;
		font-weight: 600;
		text-align: center;
		line-height: 16px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(255,255,255,0.6);
		padding-top: 50%;
		padding-left: 5px;
		padding-right: 5px;
        letter-spacing: 0.3px;
	}
	body>header nav>ul>li.right {
		float: right;
	}
	body>header nav>ul>li.vertically-centered {
		display: table;
	}
	body>header nav>ul>li.vertically-centered>a {
		display: table-cell;
		vertical-align: middle;
		padding: 0 5px;
		position: static;
		line-height: 16px;
        letter-spacing: 1.3px;
	}
	body>header nav>ul>li.vertically-centered>a>span:first-child {
		margin: 0;
	}
	.no-opacity body>header nav>ul>li>a {
		background:transparent;
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#96d3d7e7,endColorstr=#96d3d7e7); 
	    height: 100%;
	}
	body>header nav>ul>li>a>span:first-child {
		position: relative;
		display: block;
		margin-top: -1em;
	}
	body>header nav>ul>li.has-flyout:hover,
	body>header nav>ul>li.hover {
		height: 100%;
		border-bottom: 4px solid #d3d7e7;
	}
	body>header nav>ul>li>a:hover,
	body>header nav>ul>li.active>a:hover,
	body>header nav>ul>li.hover.active>a,
	body>header nav>ul>li.hover>a,
	.no-opacity body>header nav>ul>li:hover>a,
	.no-opacity body>header nav>ul>li.active:hover>a {
		background-color: #d3d7e7;
	}
	body>header nav>ul>li.active {
		height: 100%;
	}
	body>header nav>ul>li.active>a {
		background-color: white;
		filter: none;
	}
	body>header nav>ul>li.external-link>a:after {
		position: absolute;
		right: 4px;
		top: 4px;
		content: '';
		display: block;
		width: 23px;
		height: 23px;
		background: transparent url('base/images/main-menu-external-link.png') no-repeat scroll center center;
	}
	body>header nav>ul>li.highlights>ul {
		position: absolute;
		top: -2px;
		left: 0;
		right: 0;
		bottom: 0px;
		width: 100%;
	}
	body>header nav>ul>li.highlights li {
		display: block;
		height: 33.333%;
		width: 100%;	
		padding: 2px 0;
		position: relative;
	}    
	body>header nav>ul>li.highlights:hover {
		height: 92px;
		border-bottom-width: 0;
	} 
	body>header nav>ul>li.highlights li:first-child {
		bottom: 1px\9;
		*bottom: 1px\9;
		_bottom: 1px\9;
	}
	body>header nav>ul>li.highlights li>a {
		display: block;
		left: 0;
		right: 0;
		position: absolute;
		top: 2px;
		bottom: 0px;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		color: white;
		background-color: rgba(0, 57, 200, 0.6);
		padding: 9px 8px;
    	letter-spacing: 1.1px;
	    text-align: center;
	}
    body>header nav>ul>li.highlights li>a:hover,
    .no-opacity body>header nav>ul>li.highlights li>a:hover {
		background-color: #1446c9;
	}
	.no-opacity body>header nav>ul>li.highlights li>a {
		background:transparent;
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#960039c8,endColorstr=#960039c8); 
	    height: 100%;
	}
	article:after {
		content: "";
		display: table;
		clear: both;
	}
	article .left-sidebar {
		float: left;
		width: 220px;
	}
	
	/* GFB 20141024@1430 - subnav was here, but moved to subnav.css */

	article nav.breadcrumb+.left-sidebar .subnav {
		margin-top: 9px;
	}
	/* TABLES */
	article table th {
	    background-color: #F2F3F8;
	    font-size: 12px;
	    font-weight: bold;
	    padding: 10px 14px;
	    text-align: left;
	    text-transform: uppercase;
	}
	article table td {
		padding: 5px 14px 5px;
		font-size: 14px;
	}
	/* LISTS */
	article #main-content .text ul li,
	article #main-content .table ul li {
	    list-style-type: disc;
	    margin-left: 24px;
	}
	article #main-content .text ol li,
	article #main-content .table ol li {
	    list-style-type: decimal;
	   	margin-left: 24px;
	   	padding-left: 1px;
	}
	article #main-content .text ol ol li,
	article #main-content .table ol ol li {
	    list-style-type: lower-alpha;
	    margin-left: 27px;
	}
	article #main-content .text ul ul,
    article #main-content .text ul ol,
    article #main-content .text ol ul,
    article #main-content .text ol ol{
        margin-top: 1em;
    }
	article #main-content .table ul ul,
    article #main-content .table ul ol,
    article #main-content .table ol ul,
    article #main-content .table ol ol{
        margin-top: 0.5em;
    }
	article #main-content .table ul li + li,
	article #main-content .table ol li + li {
	    margin-top: 0.3em;
	}
	/* RELATED LINKS */
	article .left-sidebar .related-links {
		padding: 0 15px;
	}
	article .left-sidebar .subnav+.related-links {
		margin-top: 40px;
	}
	.related-links {
		font-size: 14px;
	}
	.related-links>p:first-child {
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 600;
		color: #020000;
		letter-spacing: 0.5px;
	}
	.related-links>p:first-child+ul {
		margin-top: 9px;
	}
	.related-links ul a {
		font-weight: 600;
    	letter-spacing: 0.2px;
	}
	.related-links ul a:hover {
		background-color: #d3d7e7;
		color: #013fa3;
	}
	.related-links ul li {
		margin-top: 10px;
	}
	.related-links ul li:first-child {
		margin-top: 0;
	}
	/*.related-links ul a.external:after {
		display: inline-block;
		background: transparent url('../../../designs/tju/university/images/related-links-external.png') no-repeat scroll left top;
		width: 9px;
		height: 8px;
		content: ' ';
		margin-left: 0.25em;
	}

	.related-links ul a.external:hover:after {
		background-image: url('../../../designs/tju/university/images/related-links-external-hover.png');
	}*/
	
	.related-links ul a.external:after {
	    content: "\f08e";
	    font-family: FontAwesome;
	    font-style: inherit;
	    font-weight: inherit;
	    text-decoration: inherit;
	    margin-left: 0.25em;
	}


	/* MAIN ARTICLE CONTENT */
	article #main-content {
		position: relative;
		overflow: hidden;
	}

	article .left-sidebar+#main-content {
		margin-left: 220px;
		padding-left: 39px;
	}

	article img {
		max-width: 100%; /* Prevent images from breaking out its parent */
	}
	article h1,
	article .h1 {
		font-size: 48px;
		font-weight: 300;
		line-height: 55px; /* GFB - Increased from 50.  Was cutting off characters tail. */
	}
	article #main-content {
		margin-top: 30px;
	}
	article nav.breadcrumb~#main-content {
		margin-top: 0;
	}
	article .with-share-tools h1,
	article .with-share-tools .h1 {
		margin-right: 150px;
	}
	article *+div.h2,
	article *+h2 {
		margin-top: 2em;
	}
	article h2 {
		font-size: 30px;
		color: #000222;
		font-weight: 300;
		line-height: 33px;
	}
	article h3 {
		font-size: 18px;
		font-weight: bold;
		line-height: 22px;
	}

	article h4 {
		font-size: 14px;
		font-weight: bold;
		line-height: 18px;
	}

	article h5 {
		font-size: 12px;
		text-transform: uppercase;
		line-height: 14px;
		font-weight: 600;
	}

	article h5+*,
	article .h5+* {
		margin-top: 0.5em;
	}

	.text[class*="box-"] {
		padding: 20px;
	}
	.text.box-gray {
		background-color: #d3d7e7;
	}

	/* RELATED CONTENT */
	.left-sidebar~aside.related-content {
		clear: both;
	}
	.left-sidebar~aside.related-content>div.content-area {
		margin-left: 220px;
		padding-left: 39px;
	}
	#main-content+aside.related-content {
		border-top: 1px solid #dcdcdc;
		-webkit-box-shadow:inset 0 1px 0 0 #f2f2f2;
		box-shadow:inset 0 1px 0 0 #f2f2f2;
		margin-top: 35px;
		padding-top: 35px;
	}
	aside.related-content h2 {
		margin-top: 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 18px;
	}

	a[href="#top"] {
		position: fixed;
		right: 20px;
		bottom: 40px;
		display: block;
		width: 50px;
		height: 50px;
		text-indent: -9999px;
		outline-style: none;
		background: transparent url('base/images/back-to-top.png') no-repeat scroll left top;
	}

}
@media all {

	.mega-flyout {
		position: absolute;
		background-color: #d3d7e7;
		padding: 20px 10px;
		z-index:10000;
		font-size: 13px;
		cursor: auto;
	}

	.mega-flyout h3 {
		font-size: 12px;
		line-height: 12px;
		text-transform: uppercase;
		font-weight: 900;
	}

	.mega-flyout *+*:first-child {
		margin-top: 0;
	}
	.mega-flyout *+* {
		margin-top: 1em;
	}

	.main-menu li .mega-flyout {
		margin-left: -96px;
		margin-top: 96px;
	}

	.mega-flyout[class*="columns-"] {
		margin: 0 -10px;
	}
	.mega-flyout[class*="columns-"] div.column {
		float: left;
		padding: 0 10px;
		margin-top: 0;
	}
	.mega-flyout.columns-1 {
		width: 215px;
	}
	.mega-flyout.columns-2 {
		width: 430px;
	}
	.mega-flyout.columns-2 div.column {
		width: 50%;
	}
	.mega-flyout.columns-3 {
		width: 645px;
	}
	.mega-flyout.columns-3 div.column {
		width: 33.33%;
	}
	.mega-flyout.columns-4 div.column {
		width: 25%;
	}

	.mega-flyout div.column.featured-content p {
		font-size: 10px;
	}

	.mega-flyout img {
		max-width: 100%;
	}

	.mega-flyout ul a.external:after {
		display: inline-block;
		background: transparent url('/tjutemplate/etc/designs/tju/university/images/mega-menu-external-link.png') no-repeat scroll left top;
		width: 8px;
		height: 7px;
		content: ' ';
		margin-left: 0.25em;
		position: relative;
		top: -1px;
	}
	.mega-flyout ul a.external:hover:after {
		background-image: url('/tjutemplate/etc/designs/tju/university/images/mega-menu-external-link-hover.png');
	}
}

@media only screen and (max-width:899px) {

	.main-menu li .mega-flyout {
		margin-left: -84px;
		margin-top: 84px;
	}

	.mega-flyout.columns-1 {
		width: 175px;
	}
	.mega-flyout.columns-2 {
		width: 350px;
	}

	.mega-flyout.columns-3 {
		width: 525px;
	}
}
@media all {
	.subnav li a,
	.subnav li span {
		display: block;
	}

	article .subnav>ul li>a,
	article .subnav>ul li>span {
		font-size: 15px;
		line-height: 17px;
	}
	article .subnav>ul>li>a,
	article .subnav>ul>li>span,
	article .subnav>p:first-child a,
	article .subnav>p:first-child span {
		font-weight: 600;
		padding: 9px 5px 9px 12px;
	}
	article .subnav>ul ul>li>a,
	article .subnav>ul ul>li>span {
		padding: 4px 5px 4px 30px;
		font-size: 12px;
		letter-spacing: 0;
	}
	article .subnav>ul ul>li>a+ul a,
	article .subnav>ul ul>li>a+ul span,
	article .subnav>ul ul>li>span+ul a {
		padding-left: 45px;
	}
	article .subnav>ul ul>li>a+ul a+ul a,
	article .subnav>ul ul>li>a+ul a+ul span,
	article .subnav>ul ul>li>a+ul span+ul a,
	article .subnav>ul ul>li>a+ul span+ul a,
	article .subnav>ul ul>li>span+ul a+ul a,
	article .subnav>ul ul>li>span+ul a+ul span,
	article .subnav>ul ul>li>span+ul span+ul a,
	article .subnav>ul ul>li>span+ul span+ul a{
		padding-left: 60px;
	}
	article .subnav>ul>li.open>ul {
		padding: 5px 0 10px;
	}
	article .subnav>p:first-child span {
		display: block;
	}
	article .subnav>ul>li.open>a,
	article .subnav>ul>li.open>span,
	article .subnav>p:first-child span {
    	border-left: 3px solid #4278bc;
    	padding-left: 9px;
	}
	article .subnav>ul li.active>a {
    	cursor: default;
	}
	article .subnav>ul li.active>a,
	article .subnav>ul li.active>span,
	article .subnav>p:first-child span.active {
		color: black;
		font-weight: 600;
	}
	article .subnav>ul>li.open,
	article .subnav>p:first-child span {
		background-color: #f2f3f8;
	}
	article .subnav>p:first-child a {
		display: block;
	}
	article .subnav>p:first-child {
		text-transform: uppercase;
		font-size: 12px;
		line-height: 14px;
		font-weight: 900;
		letter-spacing: 1.5px;
		padding: 18px 15px 0 0;
	}
}
@media all {

	#main-content .share-tools {
		position: absolute;
		right: 0;
		top: 0;
	}
	#main-content .share-tools *+* {
		margin-top: 0;
	}
}

@media only screen and (max-width:480px) {
    #main-content .share-tools {
    	display: none;
    }
}
@media all {

	.ie8 body>header nav>ul>li.highlights li {
		height: 31%;
        margin-top: 2px;
	}
    .ie8 body>header nav>ul>li.highlights li a {
		padding: 9px 5px;
        letter-spacing: 0.2px;
	} 
	.ie8 body>header nav>ul>li.highlights li:first-child {
		margin-top: 0;
	}
}
@media only screen and (min-width:1500px) {
    header {
        background-size: cover;
    }
}
@media only screen and (max-width:899px) {

    body>header {
        height: 152px;
    }
    body>header nav>ul {
        height: 84px;
    }
    body>header nav>ul>li {
        height: 80px;
        width: 80px;
        font-size: 13px;
        margin-left: 3px;
    }
    body>header nav>ul>li.highlights:hover {
        height: 80px;
    }
    body>header nav>ul>li.highlights li>a {
        font-size: 11px;
        padding: 7px 5px;
    }
    body>header .branding {
        font-size: 26px;
    }
    body>header .audience-links>ul>li {
        font-size: 14px;
    }

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

    .hide-from-768 {
        display: none;
    }
    .show-from-768 {
        display: block;
    }

    body>header {
        height: auto;
        background-position: bottom center;
    }

    body>header .common-utilities {
        background-color: #4e65b8;
        padding: 0;
        text-align: center;
        cursor: pointer;
    }

    body>header .common-utilities .wrapper {
        position: relative;
        display: inline-block;
        padding: 15px 50px;
        width: auto;
    }
    body>header .common-utilities .branding {
        font-size: 20px;
        color: white;
    }
    body>header .branding:after {
        content: '(click for menu)';
        background: transparent url('base/images/mobile-main-menu-arrow-down.png') no-repeat scroll center center;
        display: inline-block;
        height: 45px;
        width: 45px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -20px;
        text-indent: -9999px;
        outline-style: none;
    }
    body>header .common-utilities.expanded .branding:after {
        background-image: url('base/images/mobile-main-menu-arrow-up.png');
    }
    body>header nav>ul {
        height: auto;
    }
    body>header nav>ul>li,
    body>header nav>ul>li.vertically-centered {
        display: none;
    }
    body>header nav>ul>li.has-flyout:hover,
    body>header nav>ul>li.hover {
        border-bottom-style: none;
    }
    body>header nav>ul>li.highlights {
        display: block;
        width: auto !important;
        height: auto;
        float: none;
    }
    body>header nav>ul>li.highlights>ul {
        position: static;
        overflow: auto;
    }
    body>header nav>ul>li.highlights>ul>li,
    body>header nav>ul>li.highlights>ul>li>a{
        position: static;
        float: none;
    }
    body>header nav>ul>li.highlights>ul>li {
        float: left;
        width: auto;
    }
    body>header nav>ul>li.highlights li {
        padding: 10px 5px;
    }
    body>header nav>ul>li.highlights>ul>li>a{
        padding: 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    body>header nav>ul>li.highlights:hover {
        height: auto;
    }
    body>header nav {
        right: 0;
        background-color: transparent;
        padding: 0;
        margin: 0;
    }
    header nav>p:first-child>a {
        position: absolute;
        display: block;
        width: 58px;
        height: 54px;
        background: rgba(0, 57, 200, 0.6) url('base/images/main-menu-icon-mobile.png') no-repeat scroll center center;
        text-indent: -9999px;
        outline-style: none;
        right: 0;
        top: 0;
    }
    header nav>p:first-child>a:hover {
        background-color: #0039c8;
    }
    body>header .audience-links {
        display: none;
    }
    article .left-sidebar {
        display: none;
    }
    html[class] article .left-sidebar+#main-content,
    html[class] article #main-content,
    html[class] article .left-sidebar~aside.related-content>.content-area {
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    header .main-menu.mobile {
        background-color: rgba(211,215,231,1);
    }
    header .main-menu.mobile nav {
        position: relative;
    }
    header .main-menu.mobile nav ul {
        position: static;
        background-color: rgba(211,215,231,1);
        /*overflow: hidden;*/
    }
    header .main-menu.mobile nav>ul li {
        position: static;
        display: block;
        height: auto;
        width: auto;
        float: none;
        margin: 0;
    }

    header .main-menu.mobile nav a {
        background: transparent none no-repeat scroll right center;
    }
    header .main-menu.mobile nav li.has-flyout>a {
        background-image: url('base/images/mobile-main-menu-icon-arrow-blue-right.png');
    }
    header .main-menu.mobile nav ul>li>a,
    header .main-menu.mobile nav>a,
    header .main-menu.mobile nav ul>li>a.header {
        position: static;
        display: block;
        padding: 15px;
        background-color: transparent;
        border-bottom: 1px solid #9ca8da;
        font-size: 18px;
        font-weight: 700;
        text-align: left;
        color: #013fa3;
    }

    header .main-menu.mobile nav ul ul>li>a {
        font-size: 15px;
        font-weight: 500;
    }

    header .main-menu.mobile nav a.back {
        border-bottom-style: none;
        background-image: url('base/images/mobile-main-menu-icon-arrow-blue-small-left.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 20px center;
        padding-left: 33px;
    }
    header .main-menu.mobile nav>ul>li.active>a,
    header .main-menu.mobile nav>ul a.current,
    header .main-menu.mobile nav>ul a.header.current,
    header .main-menu.mobile nav>ul a.open
    {
        background-color: #b7bfe0;
    }
    header .main-menu.mobile nav a:active,
    header .main-menu.mobile nav>ul li.active>a:active,
    header .main-menu.mobile nav a:hover,
    header .main-menu.mobile nav li.active>a:hover,
    header .main-menu.mobile nav a.header:hover,
    header .main-menu.mobile nav a.header:active {
        background-color: #4e65b8;
        color: white;
    }
    header .main-menu.mobile nav>ul>li>a>span:first-child {
        margin: 0;
        display: inline;
    }
    header .main-menu.mobile nav>a:first-child {
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 900;
    }
    header .main-menu.mobile nav>ul>li ul {
        display: none;
    }
    header .main-menu.mobile form.search {
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        width: auto;
        margin: 0;
        height: 50px;
    }

    body>header .common-utilities .search {
        left: 0;
        background: transparent url('base/images/mobile-header-common-utilities-icon-search.png') no-repeat scroll center center;
        cursor: pointer;
    }
    body>header .common-utilities .search>button {
        display: none;
    }
    body>header .search button {
        background-image: none;
    }

    header .main-menu.mobile form.search>label {
        display: block;
        height: 100%;
    }
    header .main-menu.mobile form.search input[type="text"] {
        width: 100%;
        height: 100%;
        padding-right: 65px;
        border-style: none;
        font-size: 14px;
        font-weight: 500;
        padding-left: 15px;
        outline-style: none;
    }
    header .main-menu.mobile form.search label>span {
        display: none;
    }
    body>header .main-menu.mobile form.search button {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        background-image: none;
        background-color: #0039c8;
        font-size: 18px;
        font-weight: 100;
        color: white;
        text-transform: uppercase;
        border-style: none;
        margin: 0;
        text-indent: 0;
    }
    header .main-menu.mobile ul.other-sites {
        font-size: 12px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 12px;
        padding: 15px 0;
    }
    header .main-menu.mobile ul.other-sites li>* {
        display: block;
        padding: 15px;
    }
}
@media only screen and (max-width:660px) {

    .hide-from-660 {
        display: none;
    }
    .show-from-660 {
        display: block;
    }

	article nav.breadcrumb>p>*:before {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
    article h1, 
    article .h1 {
	    font-size: 40px;
	    line-height: 40px;
	}
}
@media only screen and (max-width:480px) {

    body>header nav>ul>li.highlights>ul>li {
        display: inline-block;
        width: 33%;
    }
    body>header .common-utilities .branding {
        font-size: 17px;
        color: white;
    }
    article .with-share-tools h1, article .with-share-tools .h1 {
	    margin-right: 0;
	}
}
@media all {
	.landing-page-a article #main-content {
		padding-left: 0;
	}

	.landing-page-a article {
		margin-top: 40px;
	}
}
@media all {
	.audience-page article li {
		font-size: 14px;
	}
    .audience-page article #main-content .text ul li {
	    margin-top: 0.6em;
    	margin-left: 0;
    	list-style-type: none;
	}
	.audience-page article li>a {
		font-weight: bold;
	}
	.audience-page article h3 {
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
	}
}
@media all {
	.home-page header {
		height: 378px;
		position: relative;
		background-size: auto 100%;
	}

	.home-page .feature {
		height: 208px;
		display: inline-block;
	}

	.home-page .dark h1 {
            color: #152456 !important;
        }
    .home-page .dark p a {
            color: #152456 !important;
                }
	.home-page .feature h1 {
		color: white;
    	font-size: 51px;
		/*font-size: 60px;*/
		font-weight: normal;
		letter-spacing: 1px;
	} 
	.home-page .feature p {
		text-align: right;
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-top: 10px;
	}
	.home-page .feature p a {
		color: white;
	}

	.home-page #main-content {
		margin-top: 35px;
	}

	.home-page #main-content hr {
		background-color: #d3d7e7;
    	border: 0 none;
    	height: 1px;
    }

	.home-page div.heading~div.list {
		margin-top: 0.5em;
	}
	.home-page article div.list li {
		font-size: 14px;
		font-weight: 700;
		margin-top: 0;
	}

	.home-page article div.heading h4 {
		font-size: 12px;
		font-weight: 900;
		text-transform: uppercase;
	}

	.home-page article {
		font-size: 14px;
	}

}
@media only screen and (min-width:1500px) {

	.home-page header {
		background-size: cover;
	}

}

@media only screen and (max-width:770px) {

	.home-page header {
		height: auto;
		background-size: cover;
	}
	.home-page .feature {
		height: auto;
		margin-top: 0.5em;
	}
	.home-page .feature br {
		display: none;
	}
	.home-page .feature h1 {
		font-size: 24px;
		font-weight: 300; /* really? */
	}
	.home-page .feature p {
		font-size: 9px;
		text-align: left;
		margin-top: 0.5em;
	}
	.home-page body>header nav>ul {
        height: auto;
    }
    .home-page body>header nav>ul>li,
    .home-page body>header nav>ul>li.vertically-centered {
        display: block;
        height: auto;
        width: auto;
        float: none;
        margin-top: 4px;
        font-size: 15px;
    } 
    .home-page body>header nav>ul>li.highlights {
        display: block;
        width: auto;
        height: auto;
        float: none;
    }
    .home-page body>header nav>ul>li.highlights>ul {
        position: static;
        overflow: auto;
    }
    .home-page .home-page .home-page body>header nav>ul>li.highlights>ul>li,
    .home-page .home-page body>header nav>ul>li.highlights>ul>li>a{
        position: static;
        float: none;
    }
    .home-page body>header nav>ul>li.highlights>ul>li {
        float: left;
        width: auto;
    }
    .home-page body>header nav>ul>li.highlights li {
        padding: 10px 5px;
    }

    .home-page body>header nav>ul>li.vertically-centered>a {
    	display: block;
    }

    .home-page body>header nav>ul>li>a {
    	position: static;
    	padding: 10px;
    }

    .home-page body>header nav>ul>li>a>span:first-child {
    	margin: 0;
    }

    .home-page header .main-menu {
    	padding-bottom: 10px;
    }

	.home-page [class*="parsys_column"]>[class*="parsys_column"] {
		margin-bottom: 1em;
	}

    .home-page .columns-75-25>.parsys_column {
    	clear: left;
    }
    .home-page div.columns-75-25 [class*="parsys_column"],
    .home-page div.columns-75-25 [class*="parsys_column"]~[class*="parsys_column"],
    .home-page div.columns-33-66 [class*="parsys_column"],
    .home-page div.columns-33-66 [class*="parsys_column"]~[class*="parsys_column"] {
    	width: 100%;
    }
	.home-page .columns-75-25>.parsys_column .component.quick-link-button,
	.home-page .columns-75-25>.parsys_column .component.list li {
		display: inline-block;
		float: left;
		width: 25%;
		padding-right: 10px;
		margin-top: 1em;
	}
	.home-page .columns-75-25>.parsys_column .component.quick-link-button~.component.heading {
		clear: left;
		padding-top: 1em;
	}

    .home-page div.columns-33-33-33 [class*="parsys_column"] {
    	min-width: 300px;
    	margin-bottom: 20px;
    }
	.home-page div.columns-33-33-33.news [class*="parsys_column"]:nth-of-type(1) {
		width: 100%;
    }    
}

@media only screen and (max-width:480px) {
	.home-page .columns-75-25-c1 .h2,
	.home-page .columns-75-25 > .parsys_column .component.quick-link-button {
	    display: none;
	}
    .home-page .columns-75-25 > .parsys_column .component.list li {
        margin-top: 5px;
        text-align: center;
        width: 100%;
    }
    .home-page .columns-75-25 > .parsys_column .component.list li a {
        color: #fff;
        background-color: #4E65B8;
        border: 1px solid #D3D7E7;
        font-size: 15px;
        padding: 12px 10px;
		display: block;
    }
	.home-page .columns-75-25 > .parsys_column .component.list li a:hover {
		background-color: #546FCF;
        color: #fff;
	}
	.home-page .columns-75-25 > .parsys_column .component.quick-link-button ~ .component.heading {
    	padding-top: 0;
	}

    .home-page .partners-and-stay-connected .parsys_column,
    .home-page div.columns-66-33.partners-and-stay-connected [class*="parsys_column"] ~ [class*="parsys_column"] {
        width: 100%;
    }
}
@media all {
	.news-item-page h1 {
		font-size: 22px;
		font-weight: 700;
		line-height: 26px;
	}
	.news-item-page article .with-share-tools h1 {
		margin-right: 0;
	}
	.news-item-page h1+* {
		margin-top:0;
	}
}
.accordion-link-container {
    margin-bottom:0;
    padding-bottom:0;
}
.accordiontext {
    margin-bottom: 10px;
}
a.accordion-link {
    display: block;
    padding-left: 30px;
    font-weight: bold;
    background: url("/tjutemplate/etc/designs/tju/images/accordion-plus-arrow.gif") no-repeat scroll left 2px transparent;
}
a.accordion-link:hover {
	background-image: url("/tjutemplate/etc/designs/tju/images/accordion-plus-arrow_hover.gif");
}
a.accordion-link.open {
	background-image: url("/tjutemplate/etc/designs/tju/images/accordion-minus-arrow.gif");
}
a.accordion-link.open:hover {
	background-image: url("/tjutemplate/etc/designs/tju/images/accordion-minus-arrow_hover.gif");
}
div.accordion-text p {
    padding-top:0;
    margin-top:0;   
}
.cq-carousel {
    position: relative;
    width: 620px;
    height: 324px;
    overflow: hidden;
    margin-top: 0em !important;
}
.cq-carousel var {
    display: none;
    margin-top: 0em !important;
}

.cq-carousel-banner-item {
    width: 620px;
    height: 324px;
    left: 1000px;
    position: absolute;
    top: 0;
    background-color: #eee;
    overflow: hidden;
    margin-top: 0em !important;
}
.cq-carousel-banner-item img {
    width: 620px;
   height: 324px;
    background: no-repeat center center;
    margin-top: 0em !important;
}

.par .cq-carousel-banner-item img {
    width: 620px;
      height: 324px;

    background: no-repeat center center;
    margin-top: 0em !important;
}
.par .cq-carousel {
    width: 620px;
      height: 324px;
    margin-top: 0em !important;
}
.par .cq-carousel-banner-item {
    width: 620px;
      height: 324px;
    margin-top: 0em !important;

}

.cq-carousel-banner-item h3, .cq-carousel-banner-item p {
    padding: 10px;
    margin-top: 0em !important;
}

.cq-carousel-banner {
    position: absolute;
    margin-top: 0em !important;
}

.cq-carousel-banner-switches,
.cq-carousel-banner-switches-tl,
.cq-carousel-banner-switches-tc,
.cq-carousel-banner-switches-tr,
.cq-carousel-banner-switches-bl,
.cq-carousel-banner-switches-bc,
.cq-carousel-banner-switches-br {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 0em !important;
}
.cq-carousel-banner-switches {
    display: none;
    margin-top: 0em !important;
}
.cq-carousel-banner-switches-tl {
    top: 0;
    left: 0;
    margin-top: 0em !important;
}
.cq-carousel-banner-switches-tc {
    top: 0;
    left: 0;
    text-align: center;
    margin-top: 0em !important;
}
.cq-carousel-banner-switches-tr {
    top: 0;
    left: 0;
    text-align: right;
    margin-top: 0em !important;
}
.cq-carousel-banner-switches-bl {
    bottom: 0;
    margin-top: 0em !important;
    left: 0;
}
.cq-carousel-banner-switches-bc {
    bottom: 0;
    left: 0;
    text-align: center;
    margin-top: 0em !important;
}
.cq-carousel-banner-switches-br {
    bottom: 0;
    left: 0;
    text-align: right;
    margin-top: 0em !important;
}

.cq-carousel-banner-switch {
    display: inline-block;
    margin: 3px;
    padding: 0;
    margin-top: 0em !important;
}
.cq-carousel-banner-switch-br {
    position: absolute;
    margin: 0;
    padding:0;
    bottom: 0;
    right: 8px;
    margin-top: 0em !important;
}
.cq-carousel-banner-switch-bl {
    position: absolute;
    margin: 0;
    padding:0;
    bottom: 0;
    left: 8px;
    margin-top: 0em !important;
}

.cq-carousel-controls a {
    position: absolute;
    width: 24px;
    height: 48px;
    top: 111px; /* 270/2 - 24 */
    background: url("/tjutemplate/etc/designs/default/images/carousel/controls.png") no-repeat scroll 0 0 transparent;
    visibility: hidden;
    margin-top: 0em !important;
}
.cq-carousel-controls a.cq-carousel-active {
    visibility: visible;
}
a.cq-carousel-control-prev {
    left: 0;
    background-position: -24px 0;
    margin-top: 0em !important;
}
a.cq-carousel-control-prev:hover {
    left: 0;
    background-position: -72px 0;
    margin-top: 0em !important;
}
a.cq-carousel-control-next {
    right: 0;
    margin-top: 0em !important;
}
a.cq-carousel-control-next:hover {
    right: 0;
    margin-top: 0em !important;
    background-position: -48px 0;
}

.cq-carousel-banner-switch a {
    display: inline-block;
    background: url("/tjutemplate/etc/designs/default/images/carousel/switcher.png") no-repeat scroll 0 0 transparent;
    margin-top: 0em !important;
}
.cq-carousel-banner-switch a img {
    width: 25px;
    height: 25px;
    vertical-align:top;
    margin-top: 0em !important;
}

.cq-carousel-banner-switch a.cq-carousel-active, .cq-carousel-banner-switch a:hover {
    background-position: -25px 0;
    margin-top: 0em !important;
}

.cq-carousel-banner-switch li {
    background: none !important;
    display: inline-block;
    list-style: none;
    float:left;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #151515;
    border: 1px solid #808080;
    opacity: 1;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-direction-rtl {
	direction: rtl;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-clip {
    overflow: hidden;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-item {
    width: 90px;
    height: 90px;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-item:hover,
.jcarousel-skin-cq-cc .jcarousel-item:focus {
    /*border: 1px solid transparent;*/
    cursor: pointer;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-item-placeholder {
    margin-top: 0em !important;
}


/* HORIZONTAL */
.jcarousel-skin-cq-cc .jcarousel-container-horizontal {
    width: 270px;
    padding: 2px 20px;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-clip-horizontal {
    width:  268px;
    height: 86px;
    padding: 2px;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-item-horizontal {
    padding-bottom: 4px;
    /*margin-right: 1px;*/
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-item-horizontal img {
    padding: 4px;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-direction-rtl .jcarousel-item-horizontal {
	/*margin-left: 7px;*/
	/*margin-right: 0;*/
    margin-top: 0em !important;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-cq-cc .jcarousel-next-horizontal {
    position: absolute;
    top: 34px;
    right: 2px;

    width: 20px;
    height: 20px;
    cursor: pointer;
    /*background: transparent url(../../../../clientlibs/foundation/personalization/jcarousel/jcarousel/controls-horizontal.png) no-repeat 0 0;*/
    background: transparent url(/tjutemplate/etc/clientlibs/foundation/personalization/jcarousel/resources/right.png) no-repeat 0 0;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background: transparent url(/tjutemplate/etc/clientlibs/foundation/personalization/jcarousel/resources/right.png) no-repeat 0 0;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-next-horizontal:hover,
.jcarousel-skin-cq-cc .jcarousel-next-horizontal:focus {

    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-next-horizontal:active {

    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-next-disabled-horizontal,
.jcarousel-skin-cq-cc .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-cq-cc .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-cq-cc .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 2px;

    width: 20px;
    height: 20px;

    cursor: pointer;
    background: transparent url(/tjutemplate/etc/clientlibs/foundation/personalization/jcarousel/resources/left.png) no-repeat 0 0;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background: transparent url(/tjutemplate/etc/clientlibs/foundation/personalization/jcarousel/resources/left.png) no-repeat 0 0;
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-prev-horizontal:hover,
.jcarousel-skin-cq-cc .jcarousel-prev-horizontal:focus {
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-prev-horizontal:active {
    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-cq-cc .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-cq-cc .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-cq-cc .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    margin-top: 0em !important;
}


.jcarousel-skin-cq-cc .jcarousel-item-selected {

    margin-top: 0em !important;
}

.jcarousel-skin-cq-cc .jcarousel-item-selected-marker {
    border: 4px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0 !important;
    margin-top: 0em !important;
}

@media all {
	.news-item-page article #main-content {
		max-width: 700px;
    }
}
@media all {
	.news-item-page article #main-content {
		max-width: 700px;
    }
}
@media all {

    div.wormhole {
        padding: 13px;
        text-align: center;
        background-color: #d3d7e7;
    }

	div.wormhole .promotional-text {
        font-weight: bold;
        font-size: 18px;
    }

    div.wormhole .link {
		font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1.3px;
    }
    div.wormhole .promotional-text+.link {
		margin-top: 0.3em;
    }

    div.section.images+div.wormhole {
        margin-top: 0;
    }

    div.wormhole+div.component,
    body[class*="cq-wcm-"] div.wormhole+[class*="cq-placeholder"]+div.component {
        margin-top: 2em;
    }
}

@media all {

    div.textimage div.image {
        float: left;
        margin: 0 20px 8px 0;
    }
    
    div.textimage.right div.image {
        float: right;
        margin: 0 0 8px 20px;
    }
    
    div.textimage.center div.image {
        float: none;
        margin: 0 auto;
    }
    div.textimage.max-image-width-50-pct div.image {
        max-width: 50%;
    }

    div.image img+p {
        margin: 0;
        padding: 12px;
        font-size: 10px;
        color: #666666;
        background-color: #f2f4f8;
        line-height: 13px;
    }

    div.textimage div.image~div.text {
        margin-top: 0;
    }
}
@media all {
	.landing-page-a div.textimage {
		padding-left: 0;
	}
    .landing-page-a div.textimage div.image,
    .landing-page-a div.textimage.center div.image {
        max-width: 50%;
        float: right;
        margin: 0 0 8px 20px;
    }
	.landing-page-a div.textimage.left div.image {
        float: left;
        margin: 0 20px 8px 0;
    }

    .landing-page-a div.textimage div.image>img+p {
        margin: 0;
        padding: 12px;
        font-size: 10px;
        color: #666666;
        background-color: #f2f4f8;
        line-height: 13px;
    }
}
@media only screen and (max-width:660px) {

    div.textimage div.image,
    div.textimage.right div.image {
        float: right;
        margin: 0;
    }

    div.textimage div.text {
        float: left;
        width: 100%;
    }

    div.textimage div.image {

    }
    
    div.textimage[class*=max-image-width] div.image {
        max-width: 100%;
    }

    .landing-page-a div.textimage {
        padding-left: 0;
    }
    .landing-page-a div.textimage div.image,
    .landing-page-a div.textimage.left div.image, 
    .landing-page-a div.textimage.center div.image {
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }
}
@media all {

    .small-caps {
		text-transform: uppercase;
        font-size: 0.8em;
    }

}
@media all {
	.section-heading:after {
		content: '';
		display: table;
		clear: both;
	}
	.section-heading h2 {
		float: left;
        padding-right: 10px;
	}
	.section-heading a>* {
		color: inherit;
	}
	.section-heading p {
		float: right;
		text-transform: uppercase;
		font-weight: 700;
		font-size: 14px;
	}

	.parsys_column + .section-heading,
	.module-section + .section-heading {
		margin-top: 40px;
	}
}
@media only screen and (max-width:480px) {
    .section-heading h2,
	.section-heading p {
	    float: none;
	}
}

@media all {

    div.module-section.related-content .parsys {
        margin-top: 25px;
    }

    div.module-section.related-content .every-4 {
    	clear: left;
    }

    div.module-section.related-content .module.related-content-module,
    div.module-section.related-content .new,
    div.module-section.related-content .parsys .module.related-content-module~.new {
        width: 160px;
    }

    div.module-section.related-content .parsys {
        margin-left: 0;
        margin-right: 0;
    }
    div.module-section.related-content .module,
    div.module-section.related-content .new {
        margin-left: 60px;
        padding-left: 0;
        padding-right: 0;
    }
    div.module-section.related-content .parsys .module~.new {
        margin-left: 60px;
    }
    div.module-section.related-content .module:first-child,
    div.module-section.related-content .new:first-child,
    div.module-section.related-content div[class*="cq-placeholder"]:first-child+.module,
    div.module-section.related-content div[class*="cq-placeholder"]:first-child+.new
    {
        margin-left: 0;
    }

    #main-content div.h3 + div.module-section.related-content,
    #main-content div.h3 + [class*="cq-placeholder"] + div.module-section.related-content {
        padding-top: 0;
        border-top-width: 0;
    }
}
@media only screen and (max-width:890px) {

    div.section.related-content div.every-2 {
    	clear: left;
    	margin-left: 0;
    }

}
@media all {

    .cq-wcm-edit div.module-section.plain-links:after {
        content: 'Debug: displays Plain Link modules';
    }

    div.module-section.plain-links .parsys {
        margin-top: 25px;
    }

    div.module-section.plain-links div.module.feature+[class*="cq-placeholder"]+div.module.plain-link+[class*="cq-placeholder"]+div.module.plain-link+[class*="cq-placeholder"]+div.new {
        clear: left;
    }
}
@media all {

    div.module.plain-link {
        width: 25%;
    }

    .landing-page-a div.module-section.plain-links .new {
        width: 20%;
    }

    .landing-page-a div.module-section.plain-links .parsys .plain-link~.new {
        margin-left: 0;
        margin-right: 0;
        width: 25%;
    }

    .landing-page-a div.module-section.plain-links div.every-4 {
        clear: left;
    }

}

@media only screen and (max-width:768px) {

    .landing-page-a div.module-section.plain-links div.every-2 {
    	clear: none;
    }
    
    .landing-page-a div.module-section.plain-links div.every-3 {
        clear: left;
    }

    .landing-page-a div.module-section.plain-links div.every-4 {
        clear: none;
    }

    .landing-page-a div.module-section.plain-links div.new {
    	width: 30%;
    }

    .landing-page-a div.module-section.plain-links div.plain-link {
        width: 33.33%;
    }
}

@media only screen and (max-width:660px) {

    .landing-page-a div.module-section.plain-links div.every-2 {
        clear: left;
    }
    
    .landing-page-a div.module-section.plain-links div.every-3 {
        clear: none;
    }

    .landing-page-a div.module-section.plain-links div.every-4 {
        clear: none;
    }

    .landing-page-a div.module-section.plain-links div.new {
        width: 50%;
    }

    .landing-page-a div.module-section.plain-links div.plain-link {
        width: 45%;
    }
}
@media only screen and (max-width:768px) {

    div.component.module-section.plain-links .parsys .image~.new {
        width: 45%;
    }
}
@media only screen and (max-width:480px) {

    div.module.plain-link,
    .landing-page-a div.module-section.plain-links div.plain-link,
	.landing-page-b div.module-section.plain-links div.plain-link {
        width: 100%;
    }

    div.module-section.plain-links .parsys .image~.new {
        width: 95%;
    }
}
@media all {

	div.module-section {
		position: relative;
    }

    div.module-section .parsys {
        margin-left: -10px;
        margin-right: -10px;
    }
    div.module-section .new {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 0;
        float: left;
        width: 20%;
    }
    div.module-section .parsys .module~.new {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        width: 25%;
    }

    #main-content div+div.module-section,
    #main-content div+div.parsys>div.module-section,
    #main-content div.textimage+div.parsys>div.module-section {
        border-top: 1px solid #d3d7e7;
        padding-top: 30px;
    }
	#main-content div.section-heading + div.module-section {
		border-top: 0 none;
        padding-top: 0;
    }
    div.module-section div.module {
        padding: 0 10px;
        float: left;
        margin-bottom: 30px;
    }

    .js div.module-section.show-more {
        overflow: hidden; 
        height: 10px;  
        min-height: 200px;  
    }
    /*.js div.module-section.show-more .module+.module+.module~.module {
        display: none;
    }*/
    .js div.module-section+.show-more {
        margin: 0 auto;
        max-width: 75%;
    }
    .js div.module-section+.show-more>a {
        background-color: #d3d7e7;
        display: block;
        padding: 30px 0;
        text-align: center;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

}
@media all {
    .landing-page-b #main-content div + div.parsys > div.module-section {
    	border-top: 0 none;
   		padding-top: 0;
	}
	.landing-page-b  #main-content div + div.parsys > div.module-section.cross-promos {
    	border-top: 1px solid #d3d7e7;
    	padding-top: 30px;
	}
    /*gillian rocks*/
}
@media only screen and (max-width:480px) {

	.module-section.show-more .module-image, 
	.modele-section.show-more .module-text, 
	.module-text.show-more .more-info {
	    display: none;
	}
	.landing-page div.module-section.images.show-more div.image-module,
    div.module-section.images.show-more div.image-module {
	    width: 100%;
        float: left;
	    margin-bottom: 8px;
	}
    .landing-page div.module-section.images.show-more div.image-module div.module-heading,
     div.module-section.images.show-more div.image-module div.module-heading {
        min-height: 0;
    }
    .js div.module-section.show-description-on-hover .content-area:hover .module-text,
    .js div.module-section.show-description-on-hover .content-area:hover .module-text,
    div.module-section.images.show-description-on-hover .module:hover .module-text {
		display: none !important;
    }
    .js div.module-section + .show-more > a {
    	padding: 10px 0;
    }

}
@media all {

    div.module-section.images .new {
        width: 31%;
    }
    div.module-section.images .parsys {
        margin-top: 25px;
    }
    div.module-section.images .parsys .image~.new {
        width: 33.33%;
    }

}
@media all {

    .landing-page-a div.module-section.images div.image-module {
        width: 33.33%;
    }

    .landing-page-a div.module-section.images div.every-3 {
        clear: left;
    }
}
@media only screen and (max-width:768px) {

    .landing-page-a div.module-section.images div.every-2 {
    	clear: left;
    }
    
    .landing-page-a div.module-section.images div.every-3 {
        clear: none;
    }

    .landing-page-a div.module-section.images div.new,
    .landing-page-a div.module-section.images div.image-module {
        width: 50%;
    }
}
@media all {

    .landing-page-b div.module-section.images .every-2 {
    	clear: left;
    }

    .landing-page-b div.module-section.images div.image-module {
        width: 50%;
    }

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

}
@media all {

    .ie8[class*="school-"] div.module-section.images div.image-module {
        width: 50%;
    }

    [class*="school-"] div.module-section.images .every-2 {
    	clear: left;
    }

    [class*="school-"] #main-content div.main-parsys > div.parsys_column + div.module-section.images,
    [class*="school-"] #main-content div.main-parsys > div.divider + div.module-section.images,
    [class*="school-"] #main-content div.main-parsys > div.divider + div[class*="cq-placeholder"]+div.module-section.images,
	[class*="school-"] #main-content div.main-parsys > div.parsys_column + div[class*="cq-placeholder"]+div.colctrl+div[class*="cq-placeholder"]+div.module-section.images {
    	border-top: 0 none;
   		padding-top: 0;
	}

}
@media only screen and (min-width:480px) {

    [class*="school-"] div.module-section.images div.image-module {
        width: 50%;
    }
}
@media all {

    .landing-page div.module-section.images div.image-module {
        width: 33.33%;
    }

    .landing-page div.module-section.images div.every-3 {
        clear: left;
    }
}
@media only screen and (max-width:768px) {

    .landing-page div.module-section.images div.every-2 {
    	clear: left;
    }
    
    .landing-page div.module-section.images div.every-3 {
        clear: none;
    }

    .landing-page div.module-section.images div.new,
    .landing-page div.module-section.images div.image-module {
        width: 50%;
    }
}
@media only screen and (max-width:768px) {

    div.module-section.images br.clearing:nth-of-type(3n+1) {
        display: none;
    }
    div.module-section.images br.clearing:nth-of-type(odd) {
    	display: block;
    }

    div.module-section.images .parsys .image~.new {
        width: 45%;
    }

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

    .landing-page-a div.module-section.images .parsys .image~.new {
        width: 95%;
    }

    /*.landing-page-a div.section.images div.image-module,
    .landing-page-b div.section.images div.image-module,
	.landing-page-a div.module-section.images div.image-module,
	.landing-page-b div.module-section.images div.image-module*/
    [class*="landing-page"] div.section.images div.image-module,
    [class*="landing-page"] div.module-section.images div.image-module {
    	width: 100%;
    }
}
@media all {

    #main-content div.module-section.images.no-top-divider {
        border-top: 0 none;
        padding-top: 0;
    }

    div.module-section.images.show-description-on-hover .module .module-text {
		display: none;
    }
    div.module-section.images.show-description-on-hover .module:hover .module-text {
		display: block;
    }

    .js div.module-section.show-description-on-hover .content-area {
        position: relative;
    }
    .js div.module-section.show-description-on-hover .module-text {
        background-color: #d3d7e7;
        display: none;
        height: 55%;
        padding: 0 10px 10px;
        position: absolute;
        text-align: center;
        top: 62px;
        width: 100%;
        cursor: pointer;
        pointer-events: none;
    }

    .js div.module-section.show-description-on-hover .content-area:hover .module-text {
        display: block;
    }
}
@media all {

    .cq-wcm-edit div.module-section.cross-promos:after {
        content: 'Debug: displays Cross Promo modules';
    }
    div.module-section.cross-promos .new {
        width: 20%;
    }

    div.module-section.cross-promos .parsys .module.cross-promo~.new {
        width: 20%;
    }

}
@media all {

    .landing-page-b div.module-section.cross-promos .every-4 {
    	clear: left;
    }

    .landing-page-b div.module-section.cross-promos div.module.cross-promo {
        width: 25%;
    }

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

    .landing-page-b div.module-section.cross-promos div.every-3 {
    	clear: left;
    }
    
    .landing-page-b div.module-section.cross-promos div.every-4 {
        clear: none;
    }

    .landing-page-b div.module-section.cross-promos div.new,
    .landing-page-b div.module-section.cross-promos div.module.cross-promo {
        width: 30%;
    }
}
@media only screen and (max-width:660px) {

    .landing-page-b div.module-section.cross-promos div.every-3 {
    	clear: none;
    }
    
    .landing-page-b div.module-section.cross-promos div.every-2 {
        clear: left;
    }

    .landing-page-b div.module-section.cross-promos div.new,
    .landing-page-b div.module-section.cross-promos div.module.cross-promo {
        width: 50%;
    }
}
@media all {
	div.news-list {
		max-width: 700px;
	}
	div.news-list ul.results li a {
		font-size: 16px;
		font-weight: 700;
	}
	div.news-list ul.results li {
		clear: left;
		margin-top: 23px;
	}
	div.news-list ul.results li:first-child {
		margin-top: 0;
	}
	div.news-list ul.results:after,
	div.news-list ul.results li:after {
		content: "";
		display: table;
		clear: both;
	}
	div.news-list ul.results img {
		float: left;
		width: 140px;
		height: auto;
		float: left;
	}
	div.news-list ul.results img+p {
		margin-left: 160px;
	}
	div.news-list ul.results .date {
		font-size: 14px;
	}
}
@media all {
	.home-page div.news-list ul li {
		margin-top: 10px;
		line-height: 20px;
	}
	.home-page div.news-list ul li a {
		font-size: 14px;
		color: black;
	}
	.home-page div.news-list ul li a:after {
		content: '';
		display: inline-block;
		background: transparent url('/tjutemplate/etc/designs/tju/university/images/related-links-external.png') no-repeat scroll left top;
		height: 10px;
		width: 9px;
		margin-left: 0.2em;
	}
	.home-page div.news-list ul li a:hover:after {
		background-image: url('/tjutemplate/etc/designs/tju/university/images/related-links-external-hover.png');
    }
    .home-page div.news-list ul.with-top-headline li:first-child a {
		font-size: 22px;
		color: #013fa3;
	}
}
@media all {

	.featured-news-list p {
		font-size: 14px;
		font-weight: 600;
	}
	.featured-news-list p .date {
		display: block;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 900;
		line-height :14px;
		margin-top: 0;
	}
	.featured-news-list .from {
		font-style: italic;
		font-size: 14px;
		margin-top: 0;
		font-weight: normal;
	}
	.featured-news-list li {
		margin-bottom: 20px;
	}
	.featured-news-list[class*="columns"] ul:after {
		content: '';
		display: table;
		clear: both;
	}
	.featured-news-list[class*="columns"] ul {
		margin-left: -5px;
		margin-right: -5px;
		position: relative;
	}
	.featured-news-list[class*="columns"] li {
		width: 33.3%;
		float: left;
		margin: 0;
		padding: 0 5px;
	}
	.featured-news-list.equal-height-columns li {
		padding: 0;
	}
	.featured-news-list.equal-height-columns li .bg {
		position: absolute;
		height: 100%;
		width: 33.3%;
		margin: 0;
	}
	.featured-news-list.equal-height-columns li .bg:before {
		content: " ";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 5px;
		background: #f2f3f8;
	}
	.featured-news-list.equal-height-columns li .fg {
		padding: 20px;
		margin: 0;
		position: relative;
		min-height: 210px;
		padding-bottom: 40px;
	}
	.featured-news-list.equal-height-columns .fg p {
		font-size: 18px;
	}
	.featured-news-list.equal-height-columns .fg2 {
		position: absolute;
		bottom: 0;
		padding-left: 20px;
		padding-bottom: 10px;
	}
	.featured-news-list.equal-height-columns p .from {
	}
	
}
@media only screen and (max-width: 660px) {

	.featured-news-list ul {
		margin-left: 0;
		margin-right: 0;
	}
	.featured-news-list li {
		width: 100%;
		float: none;
		margin-top: 10px;
		background-color: #f2f3f8;
	}
	.featured-news-list li:first-child {
		margin-top: 0;
	}

	.featured-news-list li .bg,
	.featured-news-list li .bg:before,
	.featured-news-list li .fg,
	.featured-news-list li .fg2 {
		position: static;
		height: auto;
		width: auto;
	}

	.featured-news-list li .fg {
		min-height: 0;
		padding-bottom: 0;
	}
	.featured-news-list li .fg2 {
		margin-top: 0.5em;
		padding-bottom: 20px;
	}
}

@media all {
	.facultymember .tabs {
		display: none;
		position: relative;
		overflow: visible;

		border-bottom: 1px solid #d3d7e7;
	}
	.facultymember .tabs:after {
		content: '';
		display: table;
		clear: both;
	}
	.facultymember .tabs ul {
		position: relative;
	}
	.facultymember .tabs li {
		float: left;
		font-size: 14px;
		line-height: 14px;
		font-weight: 600;
		margin: 0;
		margin-bottom: -1px;
		padding-top: 1px;
	}
	.facultymember .tabs li a {
		display: block;
		padding: 10px 20px;
	}
	.facultymember .tabs li.active {
		border: 1px solid #d2d7e7;
		border-bottom-color: white;
		padding-top: 0;
	}

	.facultymember .tabs li.active a {
		color: black;

		padding: 10px 19px;
	}

	.js .facultymember .tabs {
		display: block;
	}

	.js .facultymember .tab {
		position: absolute;
		left: -9999px;
	}

	.js .facultymember .tab ~ .tab + .tab-content {
		display: none;
	}

	.facultymember .addition-info h2,
	.facultymember .addition-info h3 {
		font-size: 18px;
		font-weight: bold;
		line-height: 22px;
		margin-bottom: -15px;
	}
}
@media all {
	.facultylist .title {
        font-size: 14px;
        line-height: 18px;
        margin-top: 3px;
    }
    .facultylist > ul > li > a,
    .facultymember .full-name {
	    font-size: 18px;
	    line-height: 22px;
	}
	.facultymember .facultymemberimage {
	    margin-left: -128px;
	}
	.facultymember .facultymemberimage {
	    float: left;
	    height: 120px;
	    width: 120px;
	}
    .facultylist .facultymember .essential-info {
	    border-bottom: 1px solid #d3d7e7;
	    overflow: auto;
	    padding-bottom: 20px;
	}
    .facultymember .basic-info {
	    border-right: 1px solid #d6d9e8;
	    float: left;
	}
	.facultymember .essential-info {
	    margin-bottom: 10px;
	    overflow: auto;
	}
    .facultymember .basic-info {
	    margin-left: 128px;
	    padding-right: 1.2em;
	    width: 40%;
	}	
	.facultylist .facultymember .basic-info > p > a {
	    font-size: 12px;
	    font-weight: bold;
	    text-transform: uppercase;
	}
    .facultylist .facultymember .basic-info h2, 
	.facultymember .basic-info > p.contact > a {
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 18px;
	    text-transform: none;
	}
	.facultymember .basic-info h2 {
		margin-top: 4px;
    }
	.facultymember .full-name,
	.facultymember .basic-info p.contact,
    .facultymember .address-info {
		margin-top: 0;
	}
    .facultymember .address-info {
	    border-left: 1px solid #d6d9e8;
	    float: left;
	    font-size: 14px;
	    line-height: 18px;
	    margin-left: -1px;
	    padding: 4px 0 10px 10px;
	}

    .facultymember .scopus {
        display: none;
    }
    .facultymember h3 + p {
        margin-top: 0;
    }

}
@media only screen and (max-width:660px) {
    .facultymember .basic-info {
        padding-right: 0;
        width: auto;
        border-right: 0 none;
        float: none;
        min-height: 130px;
    }
    .facultymember .address-info {
        border-left: 0 none;
        float: none;
        margin-left: 0;
        padding-left: 0;
    }
}
@media all {

	.promo {
		margin-top: 30px;
	}
	.promo .promo-heading h2 {
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 1px;
		line-height: 16px;
		text-transform: uppercase;
	}
	.promo ul {
		font-size: 14px;
		font-weight: 700;
	}
	.promo ul>li {
		margin-top: 12px;
	}
	.promo .promo-link {
		font-size: 10px;
		font-weight: 900;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.promo .promo-link a {
		color:#809cce;
	}

	.parsys .promo>ul ~ .promo-link {
		margin-top: 15px;
	}
}
@media all {

    div[class*="columns-"] {
        margin-left: -10px;
        margin-right: -10px;
    }
    div[class*="columns-"] *[class*="parsys_column"] {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0;
    }

    div.columns-50-50 [class*="parsys_column"] {
        width: 50%;
    }

    div.columns-66-33 [class*="parsys_column"] {
        width: 66.66%;
    }
    div.columns-66-33 [class*="parsys_column"]~[class*="parsys_column"] {
        width: 33.33%;
    }

    div.columns-33-66 [class*="parsys_column"] {
        width: 33.33%;
    }
    div.columns-33-66 [class*="parsys_column"]~[class*="parsys_column"] {
        width: 66.66%;
    }

    div.columns-33-33-33 [class*="parsys_column"] {
        width: 33.33%;
    }
    div.columns-30-20-50 [class*="parsys_column"] {
        width: 30%;
    }
    div.columns-30-20-50 [class*="parsys_column"]~[class*="parsys_column"] {
        width: 20%;
    }
    div.columns-30-20-50 [class*="parsys_column"]~[class*="parsys_column"]~[class*="parsys_column"] {
        width: 50%;
    }
    div.columns-45-10-45 [class*="parsys_column"] {
        width: 45%;
    }

    div.columns-45-10-45 [class*="parsys_column"]~[class*="parsys_column"] {
        width: 10%;
    }
    div.columns-45-10-45 [class*="parsys_column"]~[class*="parsys_column"]~[class*="parsys_column"] {
        width: 45%;
    }

    div.columns-75-25 [class*="parsys_column"] {
        width: 75%;
    }
    div.columns-75-25 [class*="parsys_column"]~[class*="parsys_column"] {
        width: 25%;
    }

    div.columns-25-25-25-25 [class*="parsys_column"] {
        width: 25%;
    }

    div.columns-33-16-16-16-16 [class*="parsys_column"] {
        width: 33.33%;
    }
    div.columns-33-16-16-16-16 [class*="parsys_column"]~[class*="parsys_column"] {
        width: 16.65%;
    }

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

	[class*="school-"] div[class*="columns-"] [class*="parsys_column"],
    [class*="school-"] div[class*="columns-"] [class*="parsys_column"] ~ [class*="parsys_column"] {
		float: none;
        width: 100%;
    }
    div.columns-33-16-16-16-16 [class*="parsys_column"],
    div.columns-33-16-16-16-16 [class*="parsys_column"] ~ [class*="parsys_column"] {
        width: 100%;
        float: none;
    }
    .columns-33-16-16-16-16 .text > p {
	    text-align: left !important;
	}
    
}

@media only screen and (max-width:480px) {
    .audience-page div.columns-50-50 [class*="parsys_column"] {
    	width: 100%;
	}

    /* Styles for Divisions on Department pages */
	div.columns-50-50.divisions [class*="parsys_column"] {
	    width: 100%;
	}
	.divisions [class*="columns-50-50-"] + [class*="columns-50-50-"] {
	    margin-top: 1em;
	}
}
@media only screen and (max-width:770px) {
    .home-page div.columns-33-33-33.featured>.parsys_column+.parsys_column+.parsys_column {
        clear: left;
    }
}
@media all {
	.parsys_column.divisions {
		font-size: 14px;
	}
	.parsys_column.divisions *+* {
		margin-top: 0.1em;
	}
	.parsys_column.divisions *+.heading {
		margin-top: 1.5em;
	}
}
@media all {

    div.module.related-content-module div.module-heading {
        text-align: left;
        min-height: 0;
        border-style: none;
        text-transform: none;
    }
    div.module.related-content-module div.module-heading.external {
		background-image: none;
    }
    div.module.related-content-module div.module-heading.external a:after {
        display: inline-block;
        background: transparent url('/tjutemplate/etc/designs/tju/university/images/related-links-external.png') no-repeat scroll left top;
        width: 9px;
        height: 8px;
        content: ' ';
        margin-left: 0.25em;
        position: relative;
        top: -1px;
    }
    div.module.related-content-module div.module-heading.external a:hover:after {
        background-image: url('/tjutemplate/etc/designs/tju/university/images/related-links-external-hover.png');
    }
    div.module.related-content-module div.module-heading>* {
        font-size: 16px;
        font-weight: 800;
        line-height: 20px;
        padding: 0; /* was 10px 0 */
    }

    div.module.related-content-module div.module-heading+div.module-text {
        margin-top: 5px;
    }

    div.module.related-content-module div.module-text~div.more-info {
        margin-top: 5px;
        font-size: 14px;
    }

    body[class*="cq-wcm-"] div.module.related-content-module div.image img.cq-image-placeholder {
        height: 160px;
        width: 160px;
    }


}
@media only screen and (max-width:480px) {
    div.module-section.related-content .module.related-content-module {
        width: 100%;
    }
    div.module-section.related-content .module {
        margin-left: 0;
    }
}
@media all {

    div.module.plain-link .plain-link-heading {
        border: 1px solid #d3d7e7;
        position: relative;
        height: 72px;
        overflow: hidden;
    }

    div.module.plain-link .plain-link-heading div.module-image {
        position: absolute;
        height: 43px;
        width: 43px;
        top: 50%;
        margin-top: -22px;
        left: 10px;
        overflow: hidden;
    }

    div.module.plain-link .plain-link-heading div.image.module-image .image-buffer {
        margin: 0;
    }

    div.module.plain-link .plain-link-heading div.module-heading {
        position: relative;
        margin-top: 0;
        height: 100%;
        display: table;
        width: 100%;
    }

    div.plain-link .plain-link-heading div.module-heading.linked:hover {
        background-color: #d3d7e7;
		cursor: pointer;
	}
    div.plain-link .plain-link-heading div.module-heading.linked a:hover {
		color: #013fa3;
	}

    div.module.plain-link .plain-link-heading div.module-heading>h2,
    div.module.plain-link .plain-link-heading div.module-heading>h3,
    div.module.plain-link .plain-link-heading div.module-heading>h4,
    div.module.plain-link .plain-link-heading div.module-heading>h5 {
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        line-height: 15px;
    }
    
    div.module.plain-link .plain-link-heading div.module-image~div.module-heading>* {
        padding-left: 65px;
        text-align: left;
        padding-right: 0;
    }

    div.module.plain-link div.module-text {
        font-size: 14px;
        margin-top: 10px;
        line-height: 19px;
    }

    /*div.module.plain-link div.module-text~p.learn-more {
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
    }*/

    div.module.plain-link div.module-text>*+* {
        margin-top: 0.5em;
    }

}
@media all {

    div.module-section div.module {
        margin-top: 0;
    }
    div.module+div.module {
    	margin-top: 0;
    }

	div.module div.module-text~div.more-info {
		margin-top: 2px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1.5px;
        font-size: 14px;
        line-height: 17px;
	}
    div.module div.module-text~div.more-info p.hidden {
    	text-transform: none;
    	color: #cccccc;
    	font-size: 11px;
    }
    div.module-heading.external {
        background-image: url('/tjutemplate/etc/designs/tju/university/images/module-external-link.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: top right;
    }
    div.module-heading.external:hover,
    div.module-heading.external.hover {
        background-image: url('/tjutemplate/etc/designs/tju/university/images/module-external-link-hover.png');
    }

    div.module div.more-info.external a:after {
        content: '\f061';
        font-size: 0.7em;
        position: relative;
        top: -0.2em;
    }
    /*div.module div.more-info.external a:after {
        display: inline-block;
        background: transparent url('../../../designs/tju/university/images/related-links-external.png') no-repeat scroll left top;
        width: 9px;
        height: 8px;
        content: ' ';
        margin-left: 0.25em;
        position: relative;
        top: -1px;
    }
    div.module div.more-info.external a:hover:after {
        background-image: url('../../../designs/tju/university/images/related-links-external-hover.png');
    }*/
}

@media all {
	div.module.home-page-feature div.module-heading.external {
		background-image: none;
	}
	div.module.home-page-feature div.module-heading.external {
		background-image: none;
	}

	div.module.home-page-feature div.module-heading.external a:after {
		display: inline-block;
		background: transparent url('/tjutemplate/etc/designs/tju/university/images/related-links-external.png') no-repeat scroll left top;
		width: 9px;
		height: 8px;
		content: ' ';
		margin-left: 0.25em;
	}
	div.module.home-page-feature div.module-heading.external a:hover:after {
		background-image: url('/tjutemplate/etc/designs/tju/university/images/related-links-external-hover.png');
	}
    div.module.home-page-feature div.more-info.external a:after {
    	display: none;
	}
}
@media all {

    div.landing-page-a-intro {
    }

    div.landing-page-a-intro.with-feature div.textimage {
        padding-right: 260px;
        float: left;
        width: 100%;
    }
    div.landing-page-a-intro.with-feature div.module.feature {
        width: 220px;
        margin-left: -220px;
        float: right;
        margin-top: 0;
    }

    div.landing-page-a-intro.with-feature div.module.feature div.module-image {
        float: none;
        max-width: 100%;
        padding: 0;
    }

    div.landing-page-a-intro.with-feature div.module.feature div.module-heading {
        margin-top: 0;
    }
    div.landing-page-a-intro.with-feature div.module.feature div.module-image~div.module-text {
        margin-top: 10px;
    }
}
@media only screen and (max-width:660px) {
	div.landing-page-a-intro.with-feature div.textimage {
    	padding-right: 0;
	}
    div.landing-page-a-intro.with-feature div.module.feature {
        clear: left;
        float: none;
        margin-left: 0;
        padding-bottom: 20px;
        padding-top: 30px;
        width: 100%;
    }
    article #main-content div.landing-page-a-intro div.image .image-buffer {
		margin-bottom: 1em;
    }
    div.landing-page-a-intro.with-feature div.module.feature .content-area {
        border-top: 1px solid #d3d7e7;
        padding-top: 30px;
    }
    article #main-content .feature div.image .image-buffer {
        float: left;
        margin: 0 1em 0 0;
        max-width: 58px !important;
    }
}
@media all {

    div.image-module>div.content-area {
    }

    div.image-module div.module-heading {
        text-transform: uppercase;
        text-align: center;
        min-height: 72px;
        border: 1px solid #d3d7e7;
    }
    div.image-module div.module-heading.hover,
    div.image-module div.module-heading.linked:hover {
		background-color: #d3d7e7;
        cursor: pointer;
	}
	div.image-module div.module-heading.linked a:hover {
		color: #013fa3;
	}
	div.image-module.cross-promo div.module-heading:hover,
    div.image-module.cross-promo div.module-heading.hover,
	div.image-module.related-content-module div.module-heading:hover,
	div.module.home-page-feature div.module-heading:hover {
		background-color: transparent;
	}
	div.image-module.cross-promo div.module-heading a:hover,
    div.image-module.cross-promo div.module-heading.hover a,
	div.image-module.related-content-module div.module-heading a:hover,
	div.module.home-page-feature div.module-heading a:hover {
		color: #569bca;
	}
    div.image-module div.module-heading>* {
        padding: 13px 5px;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.5px;
        overflow: hidden;
        line-height: 20px;
    }

    div.image-module div.module-text {
        font-size: 14px;
        margin-top: 10px;
        line-height: 19px;
    }

    div.image-module div.module-text>*+* {
        margin-top: 0.5em;
    }

    div.image-module .content-area div.module-image {
        margin-top: 0;
        float: none;
    }

    div.image-module .content-area div.module-image .image-buffer {
        float: none;
        margin: 0;
    }
    
    div.image-module .content-area div.module-image img {
        width: 100%;
        height: auto;
    }

    [class*="landing-page-"] div.image-module div.image img.cq-image-placeholder {
        display: none;
    }
    [class*="landing-page-"] body[class*="cq-wcm-"] div.image-module div.image img.cq-image-placeholder {
        display: block;
        height: 89px;
    }

}
@media all {
   	.school-home-page #main-content div.image-module div.module-text ul>li {
		margin-left: 0;
            list-style-type: none;
    }
    .school-home-page div.image-module div.module-text ul li+li {
		margin-top: 0.5em;
    }
	.school-home-page div.image-module div.module-text ul li a {
		font-weight: bold;
    }
}
@media all {

    div.module.home-page-feature {
        width: 100%;
        position: relative;
    }

    div.module.home-page-feature .content-area {
        border: 1px solid #d3d7e7;
        padding: 0 10px;
    }
    div.module.home-page-feature div.module-image {
        margin: -1px -11px 0;
    }
    div.module.home-page-feature div.module-category {
        text-align: center;
        margin-top: 0.75em;
    }
    div.module.home-page-feature div.module-heading {
        text-align: left;
        min-height: 0;
        border-style: none;
        text-transform: none;
        text-align: center;
    }
    div.module.home-page-feature div.module-category+div.module-heading,
    div.module.home-page-feature div.module-category+[class*="cq-placeholder"]+div.module-heading {
        margin-top: 0.5em;
    }
    div.module.home-page-feature div.module-category>* {
        font-size: 12px;
        text-transform: uppercase;
        line-height: 12px;
        font-weight: 900;
    }
    div.module.home-page-feature div.module-heading>* {
        font-size: 16px;
        font-weight: 800;
        line-height: 20px;
        padding: 0;
    }

    div.module.home-page-feature div.module-heading+div.module-text {
        margin-top: 5px;
    }

    div.module.home-page-feature div.module-text~div.more-info {
        margin: 1.5em auto -3px;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        line-height: 12px;
    }
    /*div.module.home-page-feature div.module-text~div.more-info a {

    }*/
    div.module.home-page-feature div.more-info p {
        display: inline-block;
        background-color: #4e65b8;
        border-top: 1px solid #8998d0;
        max-width: 100%;
    }
    div.module.home-page-feature div.more-info a {
        color: white;
        display: block;
        padding: 9px 24px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
	div.module.home-page-feature div.more-info a:hover {
	    background-color: #546fcf;
	}
	.home-page div.news-list ul.with-top-headline li:first-child a:hover,
	.home-page div.news-list ul li a:hover {
	    color: #569bca;
	}
    body[class*="cq-wcm-"] div.module.home-page-feature div.image img.cq-image-placeholder {
        height: 170px;
        width: 100%;
    }


}
@media all {

    div.module.feature {
        width: 50%;
    }

    div.module.feature div.module-image {
        float: left;
        max-width: 50%;
        padding-right: 18px;
    }

    div.module.feature div.module-image img {
        max-width: 100%;
    }

    div.module.feature div.module-text {
        font-size: 14px;
        line-height: 19px;
        margin-top: 0;
    }

    div.module.feature div.module-text~div.more-info p {
        margin-top: 10px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
    }
}
@media all {
	.landing-page-a div.textimage {
			padding-left: 0;
	}
    .landing-page-a div.textimage div.image,
    .landing-page-a div.textimage.center div.image {
        max-width: 50%;
        float: right;
        margin: 0 0 8px 20px;
    }
	.landing-page-a div.textimage.left div.image {
        float: left;
        margin: 0 20px 8px 0;
    }

    .landing-page-a div.textimage div.image>img+p {
        margin: 0;
        padding: 12px;
        font-size: 10px;
        color: #666666;
        background-color: #f2f4f8;
        line-height: 13px;
    }
}
@media only screen and (max-width:768px) {

    div.module.feature {
        width: 100%;
    }

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

    div.textimage div.image,
    div.textimage.right div.image {
        float: right;
        margin: 0;
    }

    div.textimage div.text {
        float: left;
        width: 100%;
    }

    div.textimage div.image {

    }
    
    div.textimage[class*=max-image-width] div.image {
        max-width: 100%;
    }

    .landing-page-a div.textimage {
        padding-left: 0;
    }
    .landing-page-a div.textimage div.image,
    .landing-page-a div.textimage.left div.image, 
    .landing-page-a div.textimage.center div.image {
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }
    .school-news-item-page #main-content .textimage.right .image {
        float: none;
    }
}
@media only screen and (max-width:480px) {

	div.component.module.feature div.module-image {
        float: none;
        max-width: 100%;
        padding-right: 0;
    }
    div.component.feature div.module-text {
        font-size: 14px;
        line-height: 19px;
        margin-top: 0.5em;
    }
}
@media all {

    div.module.cross-promo>div.content-area {
    }

    div.module.cross-promo div.module-heading {
        text-align: left;
        min-height: 0;
        border-style: none;
    }
    div.module.cross-promo div.module-heading.external {
		background-image: none;
    }
    div.module.cross-promo div.module-heading.external a:after {
        display: inline-block;
        background: transparent url('/tjutemplate/etc/designs/tju/university/images/related-links-external.png') no-repeat scroll left top;
        width: 9px;
        height: 8px;
        content: ' ';
        margin-left: 0.25em;
        position: relative;
        top: -1px;
    }
    div.module.cross-promo div.module-heading.external a:hover:after {
        background-image: url('/tjutemplate/etc/designs/tju/university/images/related-links-external-hover.png');
    }
    div.module.cross-promo div.module-heading>* {
        font-size: 12px;
        font-weight: 800;
        line-height: 15px;
        min-height: 4.2em;
	    padding: 0 0 5px; /* was 10px 0 */
    }

    div.module.cross-promo div.module-heading+div.module-text {
        margin-top: 0;
    }

    [class*="landing-page-"] body[class*="cq-wcm-"] div.module.cross-promo div.image img.cq-image-placeholder {
        height: 160px;
        width: 160px;
    }

}
@media only screen and (max-width:480px) {
	.landing-page-b div.module-section.cross-promos div.module.cross-promo {
    	width: 100%;
	}
    .landing-page-b div.module-section.cross-promos div.module.cross-promo .image {
    	display: none;
	}
    .landing-page-b div.module-section.cross-promos div.module.cross-promo div.module-heading > * {
	    min-height: 0;
   	}
    .landing-page-b div.module-section.cross-promos .parsys {
		margin-top: 0;
    }
}
@media all {
	.youtube {
		display: block;
		max-width: 100%;
		position: relative;
		padding-bottom: 56.25%;
		background-color: #cccccc;
	}
	.youtube p {
		padding: 20px;
	}
	.youtube iframe {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.youtube.r-16_10 {
		padding-bottom: 62.5%;
	}
	.youtube.r-4_3 {
		padding-bottom: 75%;
	}

	.youtube.w-75pct {
		width: 75%;
	}
	.youtube.w-50pct {
		width: 50%;
	}
	.youtube.w-500px {
		width: 500px;
	}
	.youtube.w-400px {
		width: 400px;
	}
	.youtube.w-300px {
		width: 300px;
	}
}
@media all {
	.social-media-buttons ul li {
		float: left;
		padding-right: 20px;
		margin-top: 0;
		margin-bottom: 1em;
	}
	.social-media-buttons ul li img {
		display: block;
	}

	.social-media-buttons ul li a:hover>img {
		opacity: 0.8;
	}
	.social-media-buttons ul li a.external:after {
		display: none;
	}
}
@media all {
	.published-date {
		font-size: 14px;
    }
}
@media all {
	div.pager>* {
		margin-top: 0;
	}
	div.pager li {
		float: left;
		margin: 0;
		margin-left: 10px;
		text-align: center;
		display: table;
		font-weight: 700;
	}
	div.pager ul {
		margin: 0 10px;
	}
	div.pager li:first-child {
		margin-left: 0;
	}
	div.pager li>* {
		display: table-cell;
		min-width: 35px;
		height: 35px;
		padding: 10px 0;
		border: 1px solid #d3d7e7;
		line-height: 14px;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		font-weight: 700;
	}
	div.pager li>span {
		border-style: none;
		color: #000022;
	}
	div.pager .previous,
	div.pager .next,
	div.pager ul {
		float: left;
	}
	div.pager .previous,
	div.pager .next {
		font-size: 14px;
		letter-spacing: 0.5px;
		line-height: 14px;
		padding: 10px 0;
		font-weight: 700;
	}
	div.pager a:hover {
		color: #569bca;
	}
}
@media all and (max-width:480px) {
	div.pager ul li {
		display: none;
	}
	div.pager ul li.current {
		display: table-cell;
		margin-left: 0;
	}

}
@media all {
	div.news-list {
		max-width: 700px;
	}
	div.news-list ul.results li a {
		font-size: 16px;
		font-weight: 700;
	}
	div.news-list ul.results li {
		clear: left;
		margin-top: 23px;
	}
	div.news-list ul.results li:first-child {
		margin-top: 0;
	}
	div.news-list ul.results:after,
	div.news-list ul.results li:after {
		content: "";
		display: table;
		clear: both;
	}
	div.news-list ul.results img {
		float: left;
		width: 140px;
		height: auto;
		float: left;
	}
	div.news-list ul.results img+p {
		margin-left: 160px;
	}
	div.news-list ul.results .date {
		font-size: 14px;
	}
}
@media all {
	.home-page div.news-list ul li {
		margin-top: 10px;
		line-height: 20px;
	}
	.home-page div.news-list ul li a {
		font-size: 14px;
		color: black;
	}
	.home-page div.news-list ul li a:after {
		content: '';
		display: inline-block;
		background: transparent url('/tjutemplate/etc/designs/tju/university/images/related-links-external.png') no-repeat scroll left top;
		height: 10px;
		width: 9px;
		margin-left: 0.2em;
	}
	.home-page div.news-list ul li a:hover:after {
		background-image: url('/tjutemplate/etc/designs/tju/university/images/related-links-external-hover.png');
    }
    .home-page div.news-list ul.with-top-headline li:first-child a {
		font-size: 22px;
		color: #013fa3;
	}
}
@media all {
	div.google-search p.summary span {
		font-weight: 700;
	}
	div.google-search ol.results {
		max-width: 700px;
	}
	div.google-search ol.results li a {
		font-size: 16px;
		font-weight: 700;
	}
	div.google-search ol.results li {
		clear: left;
		margin-top: 23px;
	}
	div.google-search ol.results li:first-child {
		margin-top: 0;
	}
	div.google-search ol.results:after,
	div.google-search ol.results li:after {
		content: "";
		display: table;
		clear: both;
	}
	div.google-search ol.results .description br {
		display: none;
	}
	div.google-search ol.results b {
		font-weight: inherit;
	}
}
@media all {
	div.google-maps {
        position: relative;
        height: 160px;
    }
    div.google-maps iframe {
		position: absolute;
        height: 100%;
        width: 100%;
    }
    div.google-maps.h200 {
        height: 200px;
    }
    div.google-maps.h250 {
		height: 250px;
    }
    div.google-maps.h300 {
		height: 300px;
    }
    div.google-maps.h350 {
		height: 350px;
    }
    div.google-maps.h400 {
		height: 400px;
    }
}
@media all {

	.global-header {
		font-family: 'Lato', sans-serif;
		font-size: 10px;
		position: relative;
		background-color: #152456;
		text-transform: uppercase;
		overflow: hidden;
	}

        .global-header li.global-give span {
		background-color: #4E65B8;
        color: white;
        padding: 5px;
        font-size: 12px;
        border: 1px solid white;         
	}
        .global-header li.global-give span a {
        color: white;         
	}
        .global-header li.global-give span a:hover {
        color: white;         
	}

	.global-header ul {
		display: table;
		border-spacing: 0 7px;
	}
	.global-header ul>li {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		white-space: nowrap;
		padding: 0 12px;
	}
	.global-header ul>li.branding:hover {
		cursor: inherit;
		background-color: inherit;
	}
	.global-header ul>li>* {
		text-decoration: none;
	}
	.global-header ul>li:first-child {
		margin-left: 0;
	}
	.global-header ul>li.active {	
		cursor: auto;
	}
	.global-header ul>li:last-child,
	.global-header ul>li.last-child {
		padding-right: 0;
	}
	.global-header ul>li a {
		color: #809cce;
		font-weight: 700;
		letter-spacing: 1px;
		line-height: 17px;
		display: inline-block;
	}
	.global-header ul>li.active a {
		color: white;
	}
	.global-header ul>li a:hover,
	.global-header ul>li a:focus {
		color: #d3d7e7;
	}
	.global-header .branding {
		width: 100%;
		text-align: left;
		padding: 0;
	}
	.global-header .branding>span {
		font-size: 18px;
		font-weight: bold;
		padding: 10px 0;
		color: white;
	}
}

@media only screen and (max-width:770px) {
	.global-header ul li.branding~li {
		display: none;
	}
    .fixed .global-header ul li.branding~li {
		display: table-cell;
    }
	.global-header ul li.global-give {
		position: absolute;
		top: 0;
		right: 0;
    	margin-top: 20px !important;
    	margin-right: 5px !important;
        display: table-cell !important;

	}
}
@media all {
	footer {
		clear: both;
		background-color: #fafafa;
		margin-top: 20px;
	}

	footer>.wrapper {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	footer,
	footer .disclaimer {
		border-top: 1px solid #dadada;
		-webkit-box-shadow: inset 0 1px 0 0 #efefef;
		box-shadow: inset 0 1px 0 0 #efefef;
		margin-top: 45px;
		padding-top: 25px;
		font-size: 12px;
		color: #666666;
	}

	footer .copyright {
		margin-top: 5px;
		font-size: 12px;
		color: #666666;
	}
	footer .copyright ul li {
		display: inline-block;
	}
	footer .copyright ul li:before {
		content: '|';
		color: #000222;
		margin: 0 0.2em;
	}

	footer .copyright ul li:first-child:before {
		display: none;
		content: '';
	}
	footer .copyright *+* {
		margin-top: 5px;
	}

	footer .sitemap>* {
	}

	footer .sitemap .logo {
		float: left;
		width: 66.66%;
	}
	footer .sitemap .logo+.highlighted-links {
		float: left;
		width: 33.33%;
	}
	footer .sitemap .enterprise-links,
	footer .sitemap .main-links,
	footer .sitemap .organization-links {
		width: 33.33%;
		float: left;
		margin-top: 40px;
		padding: 0 10px;
		font-weight: 900;
		font-size: 14px;
	}

	footer .sitemap .organization-links,
	footer .sitemap h2,
	footer .sitemap h3,
	footer .sitemap h4 {
		font-weight: 900;
		text-transform: uppercase;
		font-size: 10px;
		letter-spacing: 0.5px;
	}
	footer .sitemap h2,
	footer .sitemap h3,
	footer .sitemap h4 {
		font-size: 12px;
		margin-bottom: 15px;
	}
	footer .sitemap ul li {
		margin-top: 15px;
	}
	footer .sitemap ul:first-child,
	footer .sitemap ul li:first-child {
		margin-top: 0;
	}

	footer .sitemap .organization-links a {	
		color: #809cce;
	}
    footer .sitemap .organization-links a:hover {	
		color: #569BCA;
	}

	footer .sitemap .highlighted-links {
		padding-top: 45px;
	}
	footer .sitemap .highlighted-links ul li {
		float: left;
		width: 50%;
		margin: 0;
		padding-right: 9px;
	}
	footer .sitemap .highlighted-links ul li+li {
		padding-left: 9px;
		padding-right: 0;
	}
	footer .sitemap .highlighted-links ul li a {
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		text-align: center;
		padding: 10px 2px;
		color: white;
		background-color: #4e65b8;
		border: 1px solid #d3d7e7;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		font-size: 14px;
		line-height: 14px;
	}
	footer .sitemap .highlighted-links ul li a:hover {
    	background-color: #546fcf;
	}
	footer .sitemap .highlighted-links ul li:nth-of-type(n+3) {
		display: none;
	}

	/* MID BREAKPOINT */
	footer .sitemap.mid>br {
		display: none;
	}
	footer .sitemap.mid .logo {
		clear: left;
		width: auto;
		margin-top: 60px;
	}
	footer .sitemap.mid .enterprise-links {
		clear: left;
		margin-top: 10px;
		width: auto;
	}
	footer .sitemap.mid .enterprise-links li {
		display: inline-block;
		margin-right: 30px;
	}
	footer .sitemap.mid .main-links,
	footer .sitemap.mid .highlighted-links,
	footer .sitemap.mid .organization-links {
		width: 50%;
		float: left;
		padding-top: 0;
		margin-top: 0;
	}

	footer .sitemap.mid .main-links {
		padding-right: 25px;
	}
	footer .sitemap.mid .highlighted-links,
	footer .sitemap.mid .organization-links {
		padding-left: 25px;
	}
	footer .sitemap.mid .highlighted-links {
		margin-bottom: 50px;
	}


	/* DEBUGGING */

	/*footer .sitemap .highlighted-links {
		background-color: red;
	}
	footer .sitemap .organization-links {
		background-color: green;
	}
	footer .sitemap .enterprise-links {
		background-color: yellow;
	}
	footer .sitemap .main-links {
		background-color: blue;
	}
	footer .sitemap .logo {
		background-color: orange;
	}*/
}
@media all and (max-width: 480px) {

	footer {
		padding-top: 30px;
	}

	footer>.wrapper {
		padding-top: 0;
	}
	footer .sitemap.mid {
		position: relative;
		padding-top: 65px;
	}
	footer .sitemap.mid .logo {
		float: none;
		margin-top: 30px;
	}
	footer .sitemap.mid .logo img {
		max-width: 75%;
	}
	footer .sitemap.mid .enterprise-links {
		clear: left;
		margin-top: 30px;
		width: auto;
		padding-left: 0;
	}
	footer .sitemap.mid .main-links br+br {
		display: none;
	}
	footer .sitemap.mid .enterprise-links li {
		margin-right: 0;
		display: block;
	}
	footer .sitemap.mid .highlighted-links {
		position: absolute;
		left: 0;
		top: 0;
		padding-left: 0;
		width: 100%;
	}
	footer .sitemap.mid .main-links {
		width: 100%;
		padding: 0;
		float: none;
	}
	footer .sitemap.mid .organization-links {
		width: 100%;
		float: none;
		margin-top: 30px;
	}

	footer .sitemap.mid .highlighted-links,
	footer .sitemap.mid .organization-links {
		padding: 0;
	}
	footer .sitemap.mid .highlighted-links {
		margin-bottom: 0;
	}
}
@media all {

}
@media all {
    .featured-article:after {
        display: table;
        content: '';
        clear: both;
    }
    .featured-article > .image {
        width: 180px;
        height: auto;
    }

    .featured-article > div.image.left .image-buffer {
        max-width: 160px !important;
    }
    .featured-article > div.image.left .image-buffer img {
        width: 100%;
    }

    .columns-66-33-c0 .featured-article > .image {
        width: 40.8%;
    }
    .featured-article .featured-article-content {
        margin-left: 180px;
        font-size: 14px;
        margin-top: 0;
    }
    .columns-66-33-c0 .featured-article-content {
        margin-left: 40.8%;
    }
    .featured-article *+* {
        margin-top: 0.5em;
    }
    .featured-article h4 {
        text-transform: uppercase;
        font-size: 12px;
    }
    .featured-article .text {
    }
    .featured-article .learn-more {
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
    }
}
@media only screen and (max-width:660px) {
	.columns-66-33-c0 .featured-article > .image,
	.featured-article > .image {
    	width: 28%;
        float: left;
	}
    .featured-article .featured-article-content {
    	margin-left: 28%;
    }

}
@media all {
	.heading.expandable {
		border: 1px solid #d3d7e7;
		background-color: #e9ebef;
		text-transform: uppercase;
	}
	.heading.expandable>* {
		font-size: 16px;
		line-height: 18px;
		font-weight: 500;
	}

	.heading.expandable a {
		display: block;
		position: relative;
		padding: 15px 15px 15px 40px;
	}

	
	.heading.expandable a:before {
		content: '\f0da';
		font-family: FontAwesome;
		font-size: 30px;
		position: absolute;
		left:12px;
		top: 50%;
		margin-top: -9px;
	}
	
	.heading.expandable.open a:before {
		content: '\f0d7';
	}
}
@media all {
	.degrees-and-programs-filter {
		min-height: 500px;
	}
	.degrees-and-programs-filter .filters {
		font-size: 14px;
	}
	.degrees-and-programs-filter .filters .filters {
		display: none;
	}
	.js .degrees-and-programs-filter .filters {
		display: block;
	}
	.degrees-and-programs-filter .filters .formats:after {
		content: '';
		display: table;
		clear: both;
	}
	.degrees-and-programs-filter .filters .formats.closed ul {
		display: block !important;
	}
	.degrees-and-programs-filter .filters .formats > p {
		display: none;
	}
	.degrees-and-programs-filter .filters .formats li {
		float: left;
		margin: 0;
		width: 33.3%;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 0.5px;
	}
	.degrees-and-programs-filter .filters .formats li a {
		display: block;
		padding: 5px;
		border: 1px solid #d3d7e7;
		background-color: #f2f3f8;
	}

	.degrees-and-programs-filter .filters .formats li.selected a,
	.degrees-and-programs-filter .filters .formats li a:hover,
	.degrees-and-programs-filter .filters .formats li a:focus {
		background-color: #9b9b9b;
		color: white;
	}

	.degrees-and-programs-filter .filters .degree-type-select {
		position: relative;
		display: table;
		min-width: 50%;
		max-width: 100%;
		line-height: 16px;
	}
	.degrees-and-programs-filter .filters .degree-type-select > p:first-child {
		display: table-row;
		height: 62px;
	}
	.degrees-and-programs-filter .filters .degree-type-select > p:first-child a {
		position: relative;
		color: black;
		display: table-cell;
		padding: 10px;
		padding-right: 60px;
		background-color: #f2f3f8;
		border: 1px solid #d3d7e7;
		letter-spacing: 0.5px;
		vertical-align: middle;
	}
	.degrees-and-programs-filter .filters .degree-type-select > p:first-child a:after {
		content: '\f107';
		font-family: FontAwesome;
		position: absolute;
		right: 25px;
		top: 50%;
		margin-top: -10px;
		font-size: 20px;
		line-height: 20px;
		color: #3163b4;
	}
	.degrees-and-programs-filter .filters .degree-type-select > p:first-child a>span {
		font-size: 12px;
	}
	.degrees-and-programs-filter .filters .degree-type-select.open > p:first-child a,
	.degrees-and-programs-filter .filters .degree-type-select > p:first-child a:hover {
		background-color: #4264b1;
		color: white;
	}
	.degrees-and-programs-filter .filters .degree-type-select.open > p:first-child a:after,
	.degrees-and-programs-filter .filters .degree-type-select > p:first-child a:hover:after {
		color: #d1d9ec;
	}
	.degrees-and-programs-filter .filters .degree-type-select.open > p:first-child a:after {
		content: '\f106';
	}
	.degrees-and-programs-filter .filters .degree-type-select > ul {
		display: none;
		position: absolute;
		width: 100%;
		padding: 0px 15px 7.5px;
		margin: 0;
		background-color: #f2f3f8;
		border: 1px solid #d3d7e7;
		border-top-width: 0;
		z-index: 5;
	}
	.degrees-and-programs-filter .filters .degree-type-select > ul li a {
		display: block;
		position: relative;
		padding: 7.5px 10px 7.5px 39px;
		color: black;
	}
	.degrees-and-programs-filter .filters .degree-type-select > ul li a:before {
		position: absolute;
		content: '';
		display: block;
		border: 1px solid #bbbbbb;
		width: 18px;
		height: 18px;
		left: 10px;
		border-radius: 2px;
		font-family: FontAwesome;
		font-size: smaller;
		text-align: center;
		background-color: white;
	}
	.degrees-and-programs-filter .filters .degree-type-select > ul li.selected a:before {
		content: '\f00c';
		background-color: #4264b1;
		color: white;
	}
	.degrees-and-programs-filter .filters .degree-type-select > ul li:first-child {
		border-bottom: 1px solid #d3d7e7;
	}
	.degrees-and-programs-filter .filters .degree-type-select > ul li:first-child a {
		display: block;
		position: relative;
		padding-top: 17px;
		padding-bottom: 17px;
	}
	.degrees-and-programs-filter .filters .selected-degree-types {
		margin-left: 25px;
	}
	.degrees-and-programs-filter .filters .selected-degree-types li a {
		display: block;
		padding-left: 19px;
		position: relative;
		z-index: 1;
	}
	.degrees-and-programs-filter .filters .selected-degree-types li a:before {
		display: block;
		font-family: FontAwesome;
		content: '\f00d';
		font-size: 12px;
		line-height: 12px;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -6px;
	}
	.degrees-and-programs-filter .program {
		margin-top: 40px;
	}
	.degrees-and-programs-filter .program p,
	.degrees-and-programs-filter .program ul {
		font-size: 14px;
	}
	.degrees-and-programs-filter .program .more {
		text-transform: uppercase;
		font-weight: 600;
	}

	.degrees-and-programs-filter .program .degree {
		border: 1px solid #d3d7e7;
		padding: 30px 20px;
	}
	.degrees-and-programs-filter .program .degree ul.subs li {
		display: inline-block;
		margin: 0;
		margin-left: 7.5px;
	}
	.degrees-and-programs-filter .program .degree ul.subs li:first-child,
	.degrees-and-programs-filter .program .degree ul.subs li:first-child a {
		margin-left: 0;
	}
	.degrees-and-programs-filter .program .degree ul.subs li:before {
		content: '|';
	}
	.degrees-and-programs-filter .program .degree ul.subs li:first-child:before {
		display: none;
	}
	.degrees-and-programs-filter .program .degree ul.subs li a {
		margin-left: 7.5px;
	}
}
@media only screen and (max-width: 480px) {

	.degrees-and-programs-filter .filters .formats,
	.degrees-and-programs-filter .filters .degree-type-select {
		width: 100%;
		max-width: 100%;
	}

	.degrees-and-programs-filter .filters .formats {
		position: relative;
		display: table;
		min-width: 50%;
		max-width: 100%;
		line-height: 16px;
	}
	.degrees-and-programs-filter .filters .formats > p {
		display: table-row;
		height: 62px;
	}
	.degrees-and-programs-filter .filters .formats > p a {
		position: relative;
		display: table-cell;
		padding: 10px;
		padding-right: 60px;
		vertical-align: middle;
		background-color: #f2f3f8;
		border: 1px solid #d3d7e7;
		letter-spacing: 0.5px;
		color: black;
	}
	.degrees-and-programs-filter .filters .formats > p a:after {
		content: '\f107';
		font-family: FontAwesome;
		position: absolute;
		right: 25px;
		top: 50%;
		margin-top: -10px;
		font-size: 20px;
		line-height: 20px;
		color: #3163b4;
	}
	.degrees-and-programs-filter .filters .formats > p a:hover {
		background-color: #4264b1;
		color: white;
	}
	.degrees-and-programs-filter .filters .formats > p a:hover:after,
	.degrees-and-programs-filter .filters .formats.open > p a:after {
		color: #d1d9ec;
	}
	.degrees-and-programs-filter .filters .formats.open > p a {
		background-color: #4264b1;
		color: white;
	}
	.degrees-and-programs-filter .filters .formats.open > p a:after {
		content: '\f106';
	}
	.degrees-and-programs-filter .filters .formats.closed ul {
		display: none !important;
	}
	.degrees-and-programs-filter .filters .formats ul {
		display: none;
		position: absolute;
		width: 100%;
		padding: 0px;
		padding-bottom: 1em;
		margin: 0;
		background-color: #f2f3f8;
		border: 1px solid #d3d7e7;
		border-top-width: 0;
		z-index: 10;
	}
	.degrees-and-programs-filter .filters .formats li {
		display: block;
		float: none;
		width: auto;
		position: relative;
		padding: 0;
		color: black;
		text-transform: none;
		font-weight: 500;
		text-align: left;
	}
	.degrees-and-programs-filter .filters .formats > ul li {
		margin-top: 1em;
	}
	.degrees-and-programs-filter .filters .formats > ul li a {
		display: block;
		position: relative;
		padding: 7.5px 10px 7.5px 54px;
		color: black;
		border-width: 0;
	}
	.degrees-and-programs-filter .filters .formats > ul li a:hover,
	.degrees-and-programs-filter .filters .formats > ul li.selected a {
		background-color: inherit;
		color: inherit;
	}
	.degrees-and-programs-filter .filters .formats > ul li a:before {
		position: absolute;
		content: '';
		display: block;
		border: 1px solid #bbbbbb;
		width: 18px;
		height: 18px;
		left: 25px;
		border-radius: 2px;
		font-family: FontAwesome;
		font-size: smaller;
		text-align: center;
		background-color: white;
	}
	.degrees-and-programs-filter .filters .formats > ul li.selected a:before {
		content: '\f00c';
		background-color: #4264b1;
		color: white;
	}
}
@media all {
	.application-process-timeline {
		position: relative;
	}
	.application-process-timeline .box {
		position: absolute;
		border: 1px solid #d6d9e8;
		right: 0;
		left: 88px;
		top: 0;
		right: 0;
		bottom: 0;
	}
	.application-process-timeline:before {
		content: '';
		position: absolute;
		left: 65px;
		top: 0;
		height: 100%;
		width: 2px;
		background-color: #d3d7e7;
		margin: 0;
		padding: 0;
	}
	.application-process-timeline:after {
		content: '';
		display: table;
		clear: both;
	}
	.application-process-timeline > ul.dates {
		display: none;
	}
	.js .application-process-timeline > .item {
		margin: 0;
		font-size: 14px;
		line-height: 18px;
		margin-left: 88px;
		padding: 26px 29px;
		display: none;
		position: relative;
	}
	.js .application-process-timeline > .item * {
		margin-top: 0.75em;
	}
	.js .application-process-timeline > .item *:first-child {
		margin-top: 0;
	}
	.application-process-timeline > .item ul,
	.application-process-timeline > .item ol {
		margin-left: 0;
	}
	.application-process-timeline > .item ul>li {
		position: relative;
		padding-left: 0.7em;
		margin-top: 0;
	}
	.application-process-timeline > .item ul li+*,
	.js .application-process-timeline > .item ul li+* {
		margin-top: 0;
	}
	.application-process-timeline > .item ul>li:before {
		position: absolute;
		font-family: FontAwesome;
		content: '\f111';
		display: inline-block;
		font-size: 50%;
		left: 0;
		top: 0;
		margin-top: 0.2em;

	}
	.js .application-process-timeline > .item h4,
	.js .application-process-timeline > .item h5,
	.js .application-process-timeline > .item h6
	 {
		font-weight: 900;
		margin-top: 1.5em;
	}
	.js .application-process-timeline {
		position: relative;
	}
	.js .application-process-timeline > ul.dates {
		display: block;
		width: 65px;
		float: left;
	}
	.js .application-process-timeline > ul.dates li {
		padding: 15px 0;
		text-align: center;
		margin: 0;
		position: relative;
	}
	.js .application-process-timeline > ul.dates li:after {
		position: absolute;
		right: -6px;
		top: 50%;
		margin-top: -6px;
		font-family: FontAwesome;
		line-height: 12px;
		font-size: 12px;
		content: '\f10c';
		color: #d3d7e7;
		height: 11px;
		background-color: white;
	}
	.js .application-process-timeline > ul.dates li.active:before {
		position: absolute;
		content: '';
		right: -24px;
		top: 50%;
		margin-top: -10.5px;
		height: 21px;
		width: 13px;
		background: transparent url('/tjutemplate/etc/designs/tju/university/images/application-process-timeline-active-item.png') no-repeat scroll center center;
	}
	.js .application-process-timeline > ul.dates li.active:after {
		content: '\f111';
	}
	.js .application-process-timeline > ul.dates li .day {
		display: block;
		font-size: 30px;
		font-weight: 100;
	}
	.js .application-process-timeline > ul.dates li .month {
		display: block;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
		line-height: 12px;
		margin-top: 7px;
	}
	.js .application-process-timeline > ul.dates + .item {
		display: none;
	} 

	.js .application-process-timeline .item h3:first-child {
		display: none;
	}

	.js .application-process-timeline .item h3:first-child+* {
		margin-top: 0;
	}
	.application-process-timeline .more-info {
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;

	}
}
@media all {
    .quick-links .heading.quick-links-title>* {
        font-size: 30px;
        font-weight: 300;
        line-height: 33px
    }
    .quick-links .heading.quick-links-title {
        margin-top: 1em;
    }
}
@media all {

    .jump-menu {
        font-size: 14px;
        border: 2px dashed #eeeeee;
        position: relative;
        min-height: 2em;
    }
    .jump-menu.visible {
        border: 1px solid #d3d7e7;
        padding: 7px 12px;
    }
    .jump-menu p {
        float: left;
    }
    .jump-menu ul {
        margin-left: 70px;
        margin-top: 0;
    }
    .jump-menu ul li {
        display: inline-block;
        margin: 0;
        margin-right: 30px;
    }
    .jump-menu ul li:last-child {
        margin-right: 0;
    }
    .jump-menu ul li>a {
        font-weight: normal;
        white-space: nowrap;
    }
    .jump-menu:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #dddddd;
        background-color: rgba(255, 255, 255, 0.9);
        content: "Jump Menu Disabled";
        text-align: center;
        font-weight: bold;
        color: #999999;

    }
    .jump-menu.visible {
        position: static;
    }
    .jump-menu.visible:after {
        display: none;
    }

    /* Tabbed content */
    .js .jump-menu.visible.tabbed {
        border-style: none;
        padding: 0;
    }
    .js .jump-menu.visible.tabbed~.parsys>div.heading.h2,
    .js .jump-menu.visible.tabbed~.parsys>div.heading.h2~div.heading.h2,
    .js .jump-menu.visible.tabbed~.parsys>div.heading.h2~div.heading.h2~* {
        display: none;
    }
    .js .cq-wcm-edit .js .jump-menu.visible.tabbed~.parsys>div.heading.h2,
    .js .cq-wcm-edit .js .jump-menu.visible.tabbed~.parsys>div.heading.h2~div.heading.h2,
    .js .cq-wcm-edit .js .jump-menu.visible.tabbed~.parsys>div.heading.h2~div.heading.h2~* {
        display: block;
    }
    .js .jump-menu.visible.tabbed>p {
        display: none;
    }
    .js .jump-menu.visible.tabbed>ul {
        margin-left: 0;
        border-bottom: 1px solid #d3d7e7;
    }
    .js .jump-menu.visible.tabbed>ul>li {
        position: relative;
        display: inline-block;
        font-size: 10px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0;
        margin-right: 4px;
        top: 1px;
    }
    .js .jump-menu.visible.tabbed>ul>li>a {
        display: block;
        padding: 11px 9px;
        font-size: 10px;
        font-weight: 900;
        text-transform: uppercase;
        line-height: 10px;
    }
    .js .jump-menu.visible.tabbed>ul>li.active {
        background-color: white;
        border: 1px solid #d3d7e7;
        border-bottom-color: white;
    }
    .js .jump-menu.visible.tabbed>ul>li.active>a {
        color: black;
        padding: 11px 8px;
    }

    .js .cq-wcm-edit .jump-menu.visible~.parsys>div.heading.tab {
        position: relative;
    }
    .js .cq-wcm-edit .jump-menu.visible~.parsys>div.heading.tab:after {
        content: "tabbed";
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
        color: red;
        font-weight: 900;
        font-size: 7px;
        line-height: 7px;
        padding: 5px;
        text-transform: uppercase;
        background: rgba(255,0,0,0.05);
    }
}
@media only screen and (max-width:660px) {
	.js .jump-menu {
		display: none;
	}
	.js .jump-menu.visible~.parsys>div.heading.h2,
    .js .jump-menu.visible~.parsys>div.heading.h2~div.heading.h2,
    .js .jump-menu.visible~.parsys>div.heading.h2~div.heading.h2~* {
        display: block;
    }

    .js .jump-menu.visible~.parsys>.collapse-group {
    	border: 1px solid #d3d7e7;
    	padding: 10px;
    }

    .js .jump-menu.visible~.parsys>.collapse-group>div.heading:first-child a {
    	display: block;
    	position: relative;
    	font-size: 12px;
    	font-weight: 900;
    	text-transform: uppercase;
    	line-height: 15px;
    	padding: 5px 75px 5px 0;
    	letter-spacing: 0.5px;
    }
	
	.js .jump-menu.visible~.parsys>.collapse-group>div.heading:first-child a:after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -15px;
		height: 30px;
		width: 30px;
		background: transparent url('../../../designs/tju/university/images/jump-menu-mobile-toggle-states.png') no-repeat scroll left top;
	}
	.js .jump-menu.visible~.parsys>.collapse-group>div.heading:first-child a:hover:after {
		background-position: right top;
	}
	.js .jump-menu.visible~.parsys>.collapse-group.active>div.heading:first-child a:after {
		background-position: left bottom;
	}
	.js .jump-menu.visible~.parsys>.collapse-group.active>div.heading:first-child a:hover:after {
		background-position: right bottom;
	}
	.js .jump-menu.visible~.parsys>.collapse-group>div.heading:first-child {
		display: block;
	}
	.js .jump-menu.visible~.parsys>.collapse-group>div.heading:first-child~* {
		display: none;
	}
	.js .jump-menu.visible~.parsys>.collapse-group.active>div.heading:first-child~* {
		display: block;
	}
}
@media all {
	nav.breadcrumb {
		clear: both;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: 600;
		margin-top: 20px;
		margin-bottom: 28px;
		line-height: 8px;
        letter-spacing: 0.8px;
        max-height: 46px;
	}
	nav.breadcrumb>p>a {
		color: #013fa3;
	}
	nav.breadcrumb>p>span {

	}
	nav.breadcrumb>p>*:before {
		content: ">";
		margin-left: 3px;
		margin-right: 6px;
	}
	nav.breadcrumb>p>*:first-child:before {
		display: none;
	}

	body>header nav.breadcrumb {
		margin-top: 0;
		margin-bottom: 12px;
		border-top: 2px solid white;
		background-color: rgba(255,255,255,0.6);
		padding: 18px;
	}
	.ie8 body>header nav.breadcrumb 
	{
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#96ffffff,endColorstr=#96ffffff);
	}
}
@media all {
	div.list ul.news .news-title {
		font-size: 22px;
		font-weight: 700;
	}
	div.list ul.news li {
		clear: left;
	}
	div.list ul.news:after,
	div.list ul.news li:after {
		content: "";
		display: table;
		clear: both;
	}
	div.list ul.news img {
		float: left;
		width: 140px;
		height: auto;
		float: left;
	}
	div.list ul.news img+p {
		margin-left: 160px;
	}
}
@media all {
	.left-sidebar .iparsys {
		margin-top: 1em;
    }

    .left-sidebar .related-links ~ .iparsys,
    .left-sidebar .related-links ~ .iparsys>*+* {
    	margin-top: 10px;
    }

    .iparsys .iparsys_inherited,
    .iparsys .iparsys_inherited>.iparsys {
    	margin-top: 0;
    }
}
@media all {
	div.image {
		float: none;
	}
	div.image.hide-on-mobile {
		display: block;
	}
	div.image.float.left {
		float: left;
	}
	div.image.float.right {
	    float: right;
	}
	div.image.center {
		float: none;
		text-align: center;
	}
	div.image.right.clear .image-buffer {
		float: right;
	}
	div.image.left.clear .image-buffer {
		float: left;
	}
	div.image.center .image-buffer {
		display: inline-block;
	}

	div.image.float.left .image-buffer {
		margin: 0 20px 10px 0;
	}

	div.image.float.right .image-buffer {
		margin: 0 0 10px 20px;
	}
	div.image.center .image-buffer {
		margin: 0;
	}
	div.image img {
	    display: block;
	}
}
@media only screen and (max-width:660px) {
    /* Took out #main-content from all selectors */
	article  div.image {
		float: none;
	}
	article  div.image .image-buffer {
		margin-left: auto;
		margin-right: auto;
		margin-top: 1em;
	}

    article .image-module div.image .image-buffer {
    	margin-top: 0;
	}

	div.image.hide-on-mobile {
		display: none;
	}
}
@media all {
	.home-page .parsys_column.news div.heading.h3 h3 {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 14px;
	}
	.home-page div.heading.right {
		text-align: right;
	}
}
@media all {
	.parsys_column.divisions .heading h3 {
		text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
    }
}
@media all {

    .download .layout-1.with-thumbnail:after {
        content: '';
        display: table;
        clear: both;
    }
	.download .layout-1.with-thumbnail img {
        width: 77px;
        height: auto;
        float: left;
        border: 1px solid #d6dae9;
    }
    .download .layout-1.with-thumbnail img~* {
        margin-left: 88px;
    }
    .download .layout-1 .title {
        font-size: 14px;
    }
    .download .layout-1 .action-text {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 900;
        line-height: 12px;
    }
}
@media all {
	.divider hr {
		border-style: none;
		border-top: 1px solid #d3d7e7;
	}
	.home-page .divider {
		margin: 40px 0;
    }
}
@media all {
	.calendarnavigator table {
		width: 100%;
	}
	.calendarnavigator table *+* {
		margin: 0;
	}
	.calendarnavigator table th,
	.calendarnavigator table td {
		padding: 5px;
		text-align: center;
	}
	.calendarnavigator caption {
		position: relative;
        color: #6b6c76;
        font-size: 11px;
        letter-spacing: 1px;
        text-transform: uppercase;
	}
	.calendarnavigator caption a {
		text-indent: -9999px;
    	position: absolute;
    }

    .calendarnavigator caption a.prev {
        left: 0;
    }
    .calendarnavigator caption a.next {
        right: 0;
    }
    .calendarnavigator caption a.prev::before,
    .calendarnavigator caption a.next::after {
        font-size: 17px;
        position: absolute;
        text-indent: 0;
        top: 2px;
    }
    .calendarnavigator caption a.prev::before {
        content: "\f104";
        left: 0;
    }
    .calendarnavigator caption a.next::after {
        content: "\f105";
        right: 0;
    }
}
@media all {
	.quick-link-button>a {
		display: block;
		position: relative;
		background: #f2f3f8 none no-repeat scroll 15px center;
		padding: 20px;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 16px;
	}
	.quick-link-button>a.with-icon {
		padding-left: 55px;
	}


	.quick-link-button.gray-border a {
		border: 1px solid #d3d7e7;
    	font-size: 12px;
    	font-weight: 900;
    	text-align: center;
	}

	.quick-link-button.inline {
		display: inline-block;
	}

	[class*="cq-wcm"] .quick-link-button.inline {
		float: left;
	}
	.quick-link-button.inline+.quick-link-button.inline,
	[class*="cq-wcm"] .quick-link-button.inline+[class*="cq-placeholder"]+.quick-link-button.inline {
		
		margin-left: 20px;
	}
	.quick-link-button.inline+[class*="cq-placeholder"]+.new {
		clear: left;
	}

}
@media all {

	.home-page .video-and-quick-links .quick-link-button+.quick-link-button,
	.home-page .video-and-quick-links .quick-link-button+[class*="cq-placeholder"]+.quick-link-button {
		margin-top: 0.55em;
	}

	.home-page .quick-link-button a.with-icon {
		background-color: transparent;
		display: inline-block;
		background-position: left center;
		padding: 8px 0;
	}

	.home-page .quick-link-button a.with-icon {
		padding-left: 37px;
	}

	.home-page .quick-link-button.gray-border a {
		background-color: white;
	}

	.home-page .quick-link-button.gray-border a:hover {
		background-color: #d3d7e7;
        color: #013FA3;
	}
	.home-page .partners-and-stay-connected .quick-link-button {
    	float: left;
    	padding-right: 20px;
    	width: 50%;
	}
	.home-page .partners-and-stay-connected .quick-link-button.inline + .quick-link-button.inline {
	    margin-left: 0;
	}
}
@media only screen and (max-width:480px) {
	.home-page .partners-and-stay-connected .quick-link-button {
    	width: 100%;
        padding-right: 0;
	}
}
@media all {

	.call-to-action a {
		display: inline-block;
		position: relative;
		padding: 30px 40px;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 14px;
		font-weight: 700;
		border: 1px solid #d3d7e7;
		letter-spacing: 1px;
	}

	.call-to-action.solid a,
	.call-to-action.apply a {
		background-color: #4278bc;
		color: white;
		font-weight: 500;
		padding: 10px;
		text-align: center;
	}

	.call-to-action.apply a {
		background-color: #ef4238;
		padding: 15px 10px;
		min-width: 208px;
	}

	.call-to-action.solid a.with-icon {
		text-align: left;
	}
    .call-to-action a:hover {
		background-color: #d3d7e7;
		color: #013fa3;
	}

	.left-sidebar .call-to-action a {
		display: block;
		padding: 20px 5px;
		text-align: center;
		text-transform: uppercase;
		color: #4278bc;
		font-weight: 500;
		letter-spacing: 0;
	}

	.parsys_column .call-to-action a {
		display: block;
	}

    .call-to-action.apply a:hover {
		background-color: #ed342a;
		color: white;
	}

    .call-to-action.float-left {
    	float: left;
    	margin-right: 10px;
    	margin-bottom: 5px;
    	max-width: 50%;
    }
    .call-to-action.float-right {
    	float: right;
    	margin-left: 10px;
    	margin-bottom: 5px;
    	max-width: 50%;
    }

    .call-to-action.yellow-and-white a {
		background-color: #fcaf17;
        border-style: none;
        color: white;
        padding: 14px 30px;
        text-align: center;
        font-weight: 500;
        display: inline-block;
        line-height: 14px;
    }
    .call-to-action.no-decoration a {
    	border-style: none;
    	padding: 0;
    	line-height: 18px;
    	background-color: transparent;
    }
    .call-to-action.arrow-right a:after {
    	content: '\00a0\f061';
    	font-family: FontAwesome;
    	font-size: 10px;
    	font-weight: 400;
    	position: relative;
    	top: -2px;
    }
    .call-to-action.arrow-left a:before {
    	content: '\f060\00a0';
    	font-family: FontAwesome;
    	font-size: 10px;
    	font-weight: 400;
    	position: relative;
    	top: -2px;
    }
}
@media all {
	.school-landing-page .main-parsys .call-to-action a {
		padding: 10px;
		border: 1px solid #d3d7e7;
		background-color: #4278bc;
		color: white;
		font-weight: 500;
		line-height: 18px;
		text-align: center;
		background-image: none !important;
	}
	.school-landing-page .main-parsys .call-to-action a:after {
		content: '\0000a0>';

	}
    .school-landing-page .main-parsys .call-to-action a:hover {
		background-color: #d3d7e7;
		color: #013fa3;
	}
}
@media all {
	.dashboard-page .right-sidebar-parsys .call-to-action.solid a {
		width: 100%;
		padding: 10px 0;
		font-size: 12px;
	}
	.dashboard .call-to-action.no-decoration a {
    	text-align: center;
    	font-size: 12px;
    	color: #4e65b8;
    }
}
@media only screen and (max-width: 770px) {

	.school-home-page header nav .call-to-action a {
		display: block;
        padding: 20px 5px;
        text-align: center;
        text-transform: uppercase;
        color: #4278bc;
        font-weight: 500;
        background-color: white;
       	float: none;
        margin: 0;
	}
	.school-home-page header nav .call-to-action a:hover {
        background-color: #d3d7e7;
		color: #013fa3;
    }

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

    .call-to-action.float-left,
    .call-to-action.float-right {
    	max-width: 100%;
    }

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

	.call-to-action a {
		display: block;
	}
	.call-to-action,
    .call-to-action.float-left,
    .call-to-action.float-right {
    	width: 100%;
    	margin-left: 0;
    	margin-right: 0;
    	margin-bottom: 0;
    	float: none;
    }

}
@media all {
	.call-to-action.search a {
		background-color: #fcaf17;
		padding: 15px 10px;
		min-width: 208px;
        text-align: center;
        color: white;
        border: 0 none;
	}
   .call-to-action.search a:hover {
		background-color: #ffc028;
	}
}

/* START NEW UNIVERSITY TEMPLATE 2017 - 160over90 */
/* Add to the end of /tjutemplate/etc/clientlibs/tju/university/public.css */
body.university >header .common-utilities {
  height: 110px;
}
@media only screen and (max-width: 770px) {
  body.university >header .common-utilities {
    height: inherit;
  }
}
body.university>header {
  height: auto;
}
body.university>header .common-utilities .wrapper {
  height: 100%;
}
.university .branding img {
  width: auto;
  height: 50px;
}
.university .branding>.desktop {
  position: absolute;
  top: -30px;
  left: -15px;
}
.university .branding>.mobile {
  display: none;
}
.university .branding>span.logo-text {
  position: absolute;
  bottom: 20px;
  left: 196px;
  font-size: 14px;
  color: #152456;
  text-transform: none;
  font-weight: bold;
}
.university .branding>span.logo-text:after {
  content: '';
  display: block;
  width: 2px;
  height: 50px;
  background-color: #eeeeee;
  position: absolute;
  left: -16px;
  top: -8px;
}
@media only screen and (max-width: 900px) {
  .university .branding>span.logo-text {
    display: none;
  }
}
@media only screen and (max-width: 770px) {
  .university .branding>.desktop {
    display: none;
  }
  .university .branding>.mobile {
    display: block;
    position: relative;
    width: 200px;
    left: -10px;
    top: -10px;
  }
  .university .branding>span.logo-text {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 43px;
    font-size: 14px;
    color: #152456;
    text-transform: none;
    font-weight: bold;
  }
  .university .branding>span.logo-text:after {
    display: none;
  }
  .university .branding .mobile img {
    width: auto;
    height: 45px;
  }
}
.university .global-header ul {
  border-spacing: 17px 0px;
  height: 60px;
}
.mobile-menu-toggle {
  display: none;
}
div#mobile-menu-btn {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100px;
  width: 100px;
  background: #ffffff;
  background: transparent url('/tjutemplate/etc/designs/tju/university/images/tju-menu-toggle-open.png') no-repeat scroll center center;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
div#mobile-menu-btn.expanded {
  background: transparent url('/tjutemplate/etc/designs/tju/university/images/tju-menu-toggle-close.png') no-repeat scroll center center;
}
div#mobile-menu-btn:before {
    content: '';
    display: block;
    width: 1px;
    height: 80px;
    position: absolute;
    left: 0px;
    top: 10px;
    background: #d8d8d8;
}
@media only screen and (max-width: 770px) {
  .university #global-header {
    position: relative;
    height: 100px;
    padding: 0px;
  }
  .mobile-menu-toggle {
    display: block;
  }
}
.university header {
  background-color: #f2f2f2;
  background-image: none;
}
.university #global-header {
  background-color: #ffffff;
  font-size: 12px;
}
.university #global-header li {
  box-model: border-box;
}
.university #global-header a {
  color: #0c1d41;
  padding-top: 20px;
  padding-bottom: 8px;
  transition: all 0.2s ease-in;
}
.university #global-header a:hover {
  color: #1641e5;
}
.university #global-header > div.wrapper > ul > li.active a {
   color: #1641e5;
}
.university #global-header li {
  position: relative;
}
.university #global-header > div.wrapper > ul > li.active:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: #e03224;
  bottom: 0px;
  left: 0px;
  transition: all 0.2s ease-in;
}
.university #global-header > div.wrapper > ul > li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
  bottom: 0px;
  left: -100px;
  transition: all 0.2s ease-in;
}
.university #global-header > div.wrapper > ul > li:hover:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: #e03224;
  bottom: 0px;
  left: 0px;
  transition: all 0.2s ease-in;
}
.university #global-header > div.wrapper > ul > li.branding:hover:after,
.university #global-header > div.wrapper > ul > li.global-give:hover:after {
  display: none;
}
.university .global-header li.global-give span {
  background-color: #f2f2f2;
  padding: 15px;
  border: 0px;
  transition: all 0.3s ease-in;
}
.university .global-header li.global-give span:hover {
  background-color: #1641e5;
  color: #ffffff !important;
}
.university .global-header li.global-give span:hover a {
  color: #ffffff !important;
}
.university #global-header li.global-give span a {
  color: #1641e5;
  font-weight: bold;
  font-size: 11px;
}
@media only screen and (max-width: 770px) {
  .university .global-header li.global-give {
    display: none !important;
  }
}
.university #global-give-mobile {
  display: block;
  width: 100%;
  margin: 20px 0px;
  font-weight: bold;
}
.university #global-give-mobile a {
  font-size: 16px;
  color: #1641e5;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media only screen and (min-width: 770px) {
  .university #global-give-mobile {
    display: none;
  }
}
.university .global-header ul>li {
  padding: 0px;
  margin: 0 12px;
}
body.university>header .common-utilities .branding {
  font-size: 18px;
  font-weight: bold;
  color: #0c1d41;
  line-height: 1.4em;
  position: absolute;
  top: 35px;
  left: 10px;
  width: 240px;
}
body.university>header .audience-links>ul>li {
  color: #999999;
}
body.university>header .audience-links>ul>li a {
  color: #152456;
  font-size: 13px;
}
body.university>header .audience-links>ul>li:first-child:before {
  content: "";
  margin: 0;
}
body.university>header .audience-links>ul>li:before {
  content: "";
  margin: 0;
}
@media only screen and (max-width: 770px) {
  body.university>header .common-utilities .branding {
    display: none !important;
  }
}
/*
body.university>header .audience-links>ul>li:last-child:after {
    content: "";
    margin-right: 0;
}
*/
body.university >header .common-utilities .search.expanded input[type="text"] {
  outline: none;
  width: auto;
}
body.university>header .audience-links>ul>li:after {
  content: "|";
  margin-left: 0.5em;
  margin-right: 0.3em;
}
.university #main-menu .highlights ul {

}
.university #main-menu .highlights ul li {

}
@media only screen and (max-width: 770px) {
  .university header > div.wrapper {
    display: none;
  }
}
body.university>header nav>ul#main-menu>li.vertically-centered {
  display: none;
}
.university .global-header ul#main-menu>li {
  height: 40px;
  padding: 0px;
}
/* Main nav links */
body.university>header .common-utilities {
  background: none;
  padding: 0px;
}
body.university>header nav>ul#main-menu>li {
  width: 14.25%;
  height: 50px;
  display: table;
  box-sizing: border-box;
}
body.university>header nav>ul#main-menu {
  height: 50px;
}
body.university>header nav>ul#main-menu>li>a {
  padding-top: 0px;
}
body.university>header nav>ul#main-menu>li>a>span:first-child {
  margin-top: 0px;
}
/* Mega menu */
.university .main-menu li .mega-flyout {
  margin-left: -13%;
  margin-top: 50px;
}
@media only screen and (max-width: 770px) {
  .home-page body.university>header nav>ul#main-menu>li,
  .home-page body.university>header nav>ul#main-menu>li.vertically-centered {
    display: table;
  }
  body.university>header .common-utilities {
    cursor: inherit;
  }
}
@media only screen and (max-width: 770px) {
  .home-page body.university>header nav>ul#main-menu>li.vertically-centered>a {
    display: table-cell;
  }
}
body.university>header nav>ul#main-menu>li>a {
  text-transform: uppercase;
  color: #1641e5;
  font-weight: normal;
  background-color: #ffffff;
}
body.university>header nav>ul#main-menu>li>a {
    padding-top: 0px;
    display: table-cell;
    vertical-align: middle;
    position: static;
    font-size: 13px;
}
body.university >header .audience-links {
  margin: auto;
  top: 23px;
  right: 101px;
}
body.university >header .common-utilities .search {
  margin: auto;
  top: 10px;
  right: 10px;
}
.university #skcc-button {
  position: absolute;
  right: 10px;
  bottom: 15px;
}
.university #skcc-button a {
  display: block;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 13px;
  background-color: #ffffff;
  color: #1641e5;
}
.university #skcc-button a:hover {
  background-color: #1641e5;
  color: #ffffff;
}
.university #homepage-banner {
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom center;
  background-color: transparent;
}
.university #homepage-banner.wrapper {
  max-width: 100%;
  width: 100%;
  margin: 0px;
}
@media all {
  .university .homepage-banner-inner {
    max-width: 960px;
    min-width: 960px; /* Fix the width for IE8 */
    padding: 0 40px;
    margin: 0 auto;
  }
}
@media all and (min-width:5px) {
  .university .homepage-banner-inner {
    min-width: 320px; /* Re-enable flexy width for non IE8 */
  }
}
@media only screen and (max-width: 440px) {
  .university .homepage-banner-inner {
    padding: 0px 10px;
  }
}
.home-page .university header {
  height: 100%;
}
.home-page .university .feature {
  height: 300px !important;
  padding-top: 60px;
}
@media only screen and (max-width: 770px) {
  .home-page .university .feature {
    height: 150px !important;
    padding-top: 20px;
  }
  .home-page .university .feature p {
    text-align: right;
  }
  .home-page .university .feature h1 {
    font-size: 26px;
    font-weight: normal;
    line-height: 1.2em;
  }
  .university #skcc-button {
    display: none;
  }

  body.university >header .common-utilities .search {
    margin-top: -23px;
    display: none;
  }
}
.university header > div.wrapper {
  padding-bottom: 15px;
}
.home-page body.university header > div.wrapper:last-child {
  padding-bottom: 0px;
}
.university #global-header {
  padding-top: 0px;
}
/*
body.university>header nav>ul#main-menu>li.has-flyout:hover,
body.university>header nav>ul#main-menu>li.hover {
  height: 110%;
}
*/
body.university>header nav>ul>li {
  padding-left: 5px;
  margin-left: 0px;
}
body.university>header nav>ul>li:first-child {
  padding-left: 0px;
  margin-left: 0px;
}
body.university>header nav>ul>li.has-flyout:hover,
body.university>header nav>ul>li.hover {
  border: 0px;
}
.university #highlights-menu {
  content:;
}
.university #highlights-menu>ul>li:first-child:before {
  content: "";
  margin-right: 0;
}
.university #highlights-menu>ul>li:before {
  content: "|";
  margin-right: 0.5em;
  margin-left: 0.3em;
}
.university #highlights-menu>ul>li {
  color: #999999;
}
.university #highlights-menu>ul>li a {
  font-size: 13px;
  color: #152456;
}
.university #highlights-menu {
  position: absolute;
  top: 50px;
  left: 310px;
}
.university #highlights-menu ul {
  list-style-type: none;
}
.university #highlights-menu ul li {
  display: inline;
}
@media only screen and (max-width: 770px) {
  .university #highlights-menu {
    left: 0px;
    position: relative;
    top: 0px;
    margin: 20px 0px;
  }
  .university #highlights-menu ul li {
    width: 100%;
  }
  .university #highlights-menu>ul>li a {
    font-size: 20px;
    font-weight: bold;
  }
  .university #highlights-menu>ul>li:before {
    font-size: 24px;
    font-weight: 300;
  }
}
body.university>header nav>ul#main-menu>li>a {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%);
}
body.university>header nav>ul#main-menu>li.hover>a,
body.university>header nav>ul#main-menu>li>a:hover {
  background-color: #1641e5;
  color: #ffffff;
}
@media only screen and (max-width: 770px) {
}
.university .mega-flyout {
  position: absolute;
  background-color: #ffffff;
  padding: 20px 10px;
  z-index:10000;
  font-size: 13px;
  cursor: auto;
  color: #999999;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 80px), calc(100% - 80px) 100%, 0% 100%);
  padding-right: 90px;
}
.university .mega-flyout a {
  color: #2243dc;
}
.university .mega-flyout h3 {
  position: relative;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 900;
  color: #152465;
}
/*
.university .mega-flyout h3:before {
  content: '';
  display: block;
  height: 100%;
  width: 3px;
  background-color: #e03224;
  position: absolute;
  top: 0px;
  left: -10px;
}
*/
.university .mega-flyout *+*:first-child {
  margin-top: 0;
}
.university .mega-flyout *+* {
  margin-top: 1em;
}
.university .main-menu li .mega-flyout {
  margin-left: -160px;
  margin-top: 55px;
}
.university .mega-flyout[class*="columns-"] {
  margin: 0 -10px;
}
.university .mega-flyout[class*="columns-"] div.column {
  float: left;
  padding: 0 10px;
  margin-top: 0;
}
.university .mega-flyout.columns-1 {
  width: 215px;
}
.university .mega-flyout.columns-2 {
  width: 430px;
}
.university .mega-flyout.columns-2 div.column {
  width: 50%;
}
.university .mega-flyout.columns-3 {
  width: 645px;
}
.university .mega-flyout.columns-3 div.column {
  width: 33.33%;
}
.university .mega-flyout.columns-4 div.column {
  width: 25%;
}
.university .mega-flyout div.column.featured-content p {
font-size: 10px;
}
.university .mega-flyout img {
max-width: 100%;
}
.university footer {
  background-color: #212121;
}
.university footer a {
  color: #ffffff;
}
.university footer div.sitemap div.main-links ul li a,
.university footer div.sitemap div.enterprise-links ul li a,
.university footer div.sitemap div.organization-links ul li a {
  color: #ffffff;
  font-weight: normal;
  letter-spacing: 2px;
}
.university footer div.sitemap div.main-links ul li::after,
.university footer div.sitemap div.enterprise-links ul li::after {
  content: '';
  display: block;
  width: 200px;
  height: 1px;
  background-color: #f40807;
  position: absolute;
  bottom: -8px;
  left: 0px;
}
.university footer div.sitemap div.main-links ul li,
.university footer div.sitemap div.enterprise-links ul li,
.university footer div.sitemap div.organization-links ul li  {
  margin-bottom: 25px;
  position: relative;
}
.university footer div.sitemap div.main-links h2 a {
  color: #ffffff;
}
.university footer div.sitemap div.organization-links h2 {
  color: #ffffff;
}
.university footer div.sitemap div.main-links h2,
.university footer div.sitemap div.organization-links h2 {
  margin-bottom: 20px;
}
.university footer {
  border: none;
  box-shadow: none !important;
}
.university footer div.disclaimer {
  border: none;
  box-shadow: none !important;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.university footer .logo img{
  width: 270px;
}
.university footer .sitemap .highlighted-links ul li a,
.university footer .sitemap .highlighted-links ul li a:hover {
  background-color: #ffffff;
  border: none;
  color: #1641e5;
}
.university footer .sitemap .highlighted-links ul li a {
  -webkit-clip-path: polygon(100% 0, 100% 60%, 70% 100%, 0 100%, 0 0);
  clip-path: polygon(100% 0, 100% 60%, 85% 100%, 0 100%, 0 0);
  padding: 16px 2px;
}
.university footer .sitemap .highlighted-links ul li a:hover {
  background-color: #1641e5;
  color: #ffffff
}
/* Search */
body.university>header .common-utilities .search>button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  width: 100px;
  background: transparent url('/tjutemplate/etc/designs/tju/university/images/header-common-utilities-icon-search-blue.png') no-repeat scroll left center;
  background-position: 6px center;
  font-size: 13px;
  font-weight: normal;
  color: #152456;
  text-transform: none;
  border-style: none;
  margin: 0;
  text-indent: 0px;
  outline-style: none;
  cursor: pointer;
  font-family: 'Lato', 'Trebuchet MS', sans-serif;
}
body.university>header .common-utilities .search.expanded button:hover {
  background-color: #1641e5;
}
body.university>header .common-utilities .search.expanded button {
  background-color: #1641e5;
  color: #ffffff;
  background-image: none !important;
}
body.university>header .common-utilities .search.expanded span {
  background: transparent;
}
body.university>header .common-utilities .search.expanded input[type="text"] {
  padding-left: 20px;
}
body.university .common-utilities .search.expanded>button {
  background-image: none !important;
  background-color: !important;
}
@media only screen and (max-width: 770px) {
  body.university>header .main-menu.mobile form.search button {
    width: inherit;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
  }
  .university header .main-menu.mobile form.search input[type="text"] {
    padding-left: 25px;
    font-size: 20px;
    font-weight: normal;
    font-family: 'Lato', 'Trebuchet MS', sans-serif;
  }
  .university header .main-menu.mobile form.search {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 770px) {
  body.university>header .common-utilities {
    text-align: left;
  }
  body.university>header .common-utilities .wrapper {
    width: 100%;
    padding: 0px 20px;
  }
}
/* Mobile Menu */
@media only screen and (max-width: 770px) {
  .university header .main-menu.mobile nav ul>li>a,
  .university header .main-menu.mobile nav>a,
  .university header .main-menu.mobile nav ul>li>a.header,
  .university header .main-menu.mobile nav ul>li>span.header {
    color: #ffffff;
    border-bottom: 2px solid #f40606;
    letter-spacing: 2px;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 0px;
  }
  .university header .main-menu.mobile nav ul {
    background-color: #2243dc;
  }
  .university header .main-menu.mobile {
    background-color: #2243dc;
  }
  /* Other Sites Links */
  .university header .main-menu.mobile ul.other-sites,
  .university header .main-menu.mobile ul.other-sites a {
    color: #ffffff;
  }
  .university header .main-menu.mobile ul.other-sites {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
  }
  .university header .main-menu.mobile ul.other-sites > li:first-child {
    color: #152456;
    font-weight: bold;
    font-size: 14px;
  }
  .university header .main-menu.mobile nav>ul li {
    padding: 0px 25px 0px 25px;
    margin: 0 auto;
  }
  .university header .main-menu.mobile nav>ul:first-child li.has-flyout {
    text-transform: uppercase;
  }
  .university header .main-menu.mobile nav>a:first-child {
    font-size: 18px;
    margin: 0 25px 0 25px;
    font-weight: normal;
    transition: all 0.2s ease-in;
  }
  .university header .main-menu.mobile nav>a:first-child:hover {
    padding-left: 15px;
    border-color: #ffffff;
  }
  .university header .main-menu.mobile nav>ul>li.active>a,
  .university .university header .main-menu.mobile nav>ul a.current,
  .university header .main-menu.mobile nav>ul a.header.current,
  .university header .main-menu.mobile nav>ul a.open
  {
    background-color: transparent;
  }
  .university header .main-menu.mobile nav a:active,
  .university header .main-menu.mobile nav>ul li.active>a:active,
  .university header .main-menu.mobile nav a:hover,
  .university header .main-menu.mobile nav li.active>a:hover,
  .university header .main-menu.mobile nav a.header:hover,
  .university header .main-menu.mobile nav a.header:active {
    background-color: transparent;
    color: #ffffff;
  }
  .university header .main-menu.mobile nav {
    padding-top: 20px;
  }
  .university header .main-menu.mobile nav ul ul a {
    text-transform: none;
    border: none;
  }
  /* first level menu items */
  .university header .main-menu.mobile > nav > ul > li > a {
    border-bottom: 2px solid #f40606;
    transition: all 0.2s ease-in;
    line-height: normal;
  }
  .university header .main-menu.mobile > nav > ul > li > a:hover {
    padding-left: 15px;
    border-color: #ffffff;
  }
  .university header .main-menu.mobile > nav > ul > li.has-flyout > a:hover {
    background-color: transparent;
    border-color: #ffffff;
  }
  .university header .main-menu.mobile > nav > ul > li {
    margin-top: 20px;
  }
  .university header .main-menu.mobile > nav > ul > li > ul {
    top: 100px !important;
  }
  .university header .main-menu.mobile > nav > ul > li > ul > li a {
    box-sizing: border-box;
    transition: all 0.2s ease-in;
    border-bottom: 1px solid transparent;
    text-transform: none;
  }
  .university header .main-menu.mobile > nav > ul > li > ul > li:first-child {
    margin-bottom: 10px;
  }
  .university header .main-menu.mobile > nav > ul > li > ul > li a:hover {
    border-bottom: 1px solid #ffffff;
    padding-left: 10px;
  }
  .university header .main-menu.mobile > nav > ul > li > ul li:first-child > a:hover {
    border-bottom: 2px solid #ffffff;
  }
  .university header .main-menu.mobile > nav > ul > li > ul li:first-child > a:first-child {
    padding: 0px;
    letter-spacing: normal;
    border: none;
    margin-bottom: 20px;
  }
  .university header {
    background-color: #ffffff;
  }
  .university #highlights-menu>ul>li:before {
    margin-right: 0.7em;
    margin-left: 0.5em;
  }
  /* Search Button */
  body.university>header .main-menu.mobile form.search button {
    background-color: #152456;
    cursor: pointer;
  }
  body.university>header .main-menu.mobile form.search button:hover {
    background-color: #e03224;
  }
  .university footer .sitemap.mid .logo {
    margin-top: 50px;
    margin-bottom: 30px;
  }
  .university footer .sitemap.mid .main-links {
    margin-bottom: 80px;
    margin-top: 60px;
  }
  .university footer .sitemap.mid .highlighted-links {
    margin-top: 40px;
  }
  .university #global-give-mobile a {
    position: relative;
  }
  .university header .mobile.main-menu nav > ul > li.active > a,
  .university header .mobile.main-menu nav > ul a.current,
  .university header .mobile.main-menu nav > ul a.current.header,
  .university header .mobile.main-menu nav > ul a.open {
      background-color: transparent;
      font-weight: bold;
  }
}
body.university > header {
  min-height: 180px
}
@media only screen and (max-width: 770px) {
  body.university > header {
    min-height: auto;
  }
}
.university footer .sitemap .organization-links {
  font-size: 13px;
  text-transform: uppercase;
}
.university footer .sitemap .organization-links .organization-links-prefix.heading {
  position: relative;
  margin-bottom: 35px;
}
.university footer .sitemap .organization-links .organization-links-prefix.heading:before {
  content: '';
  height: 3px;
  width: 15px;
  display: block;
  background: #e03224;
  position: absolute;
  top: -12px;
  left: 0px;
}
body.university > footer {
  background: #212121 url('/tjutemplate/etc/designs/tju/university/images/tju-footer-bg.jpg') no-repeat right top;
  padding-top: 0px;
  padding-bottom: 0px;
}
.university footer .sitemap h2, footer .sitemap h3, footer .sitemap h4 {
  font-size: 16px;
  font-weight: bold;
}
body.university > footer .wrapper {
  background-color: #212121;
}
.university footer .sitemap .main-links > h2 {
  line-height: normal;
}
[class*="school"] body header div.common-utilities {
  background-color: rgba(255,255,255,0.8);
}
.university header {
  background-size: cover;
}
body.university > .common-utilities-wrapper {
  background-image: none;
}
@media only screen and (max-width: 770px) {
  #main-menu {
  display: none;
  }
}
/* END NEW UNIVERSITY TEMPLATE */
