@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: no-repeat;
		background-attachment: scroll;
		background-position: top center;
		background-color: transparent;
		height:166px;
	}
	body>header .common-utilities {
		background: transparent url('../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('../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('../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('../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('../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>a.fb-dark {
		color: #ffffff;
		background-color: #152456;
	}        
	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('../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 {

	}
	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: #1446c9;
		padding: 9px 8px;
    	letter-spacing: 1.1px;
	    text-align: center;
	}
    body>header nav>ul>li.highlights>ul>li>a>span.desktop-title {
		display: inline;
    }
    body>header nav>ul>li.highlights>ul>li>a>span.mobile-title {
		display: none;
    }
    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: 210px;
	}
	
	/* 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 {
		border-bottom: 1px solid #d6d9e8;
		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;
    	margin-top: 2px;
	}
	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('/etc/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('/etc/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: 40px;
		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;
	    /* SPACING */
        margin-bottom: .5em;
	}
	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: 16px;
		font-weight: bold;
		line-height: 19px;
	}

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

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

	/* SPACING */
    article h2{
        margin-bottom: .6em;
    }
    article h3, article p{
        margin-bottom: 1em;
    }

	.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('../images/back-to-top.png') no-repeat scroll left top;
	}

    nav.breadcrumb {
      line-height: 2;
    }

	div.border-style {
		border: 1px solid #eeeeee; padding: 10px;
	}

}