@import url(common.css);

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: FontAwesome;
    src: url(fonts/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
    src: url(fonts/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713?#iefix&v=4.7.0) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format("woff2"), url(fonts/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format("woff"), url(fonts/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format("truetype"), url(fonts/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style:normal
}

:root {
    --arts-blue-color: rgb(2, 113, 187);
    --paper-color:  rgb(252, 252, 252);
    --text-color: rgb(64, 64, 64);
    --quickmenu-hover-color: var(--text-color);
}

[data-theme="dark"] {
    --paper-color:  rgb(24, 24, 24);
    --text-color: rgb(196, 196, 196);
    --quickmenu-hover-color: rgb(64, 64, 64);
}

body {
	background-color: var(--paper-color);
    color: var(--text-color);
	margin: 0;
	padding: 0;
    font-family: Lato, proxima-nova, "Helvetica Neue", Arial, sans-serif;
	font-size: 12pt;
	line-height: 1.2em;
}

img.button {
	width: 80px;
	height: 80px;
}

content p {
	padding-left: 10px;
	padding-right: 10px;
}

#logohead {
	width: 100%;
	height:115px;
	overflow: hidden;
}

#logocontainer {
	width: 100%;
	max-width: 960px;
	display: block;
	margin: 0 auto;
}

#logoleft {
	float: left;
	display: inline;
}

#logoright {
	float: right;
	display: inline;
    margin-right: 20px;
}

#head {
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 20px;
	overflow: hidden;
}

/*.newshead {
	background-color: #356;
	color: #edf6ff;
	width: 100%;
	padding-left: 10px;
}*/

.newshead {
	width: 100%;
}

.newsentry {
	padding-top: 1em;
	padding-bottom: 0em;
}

.newscount {
	font-size: 80%;
}

#artshead {
	float: left;
	font-size:54pt;
	padding-left: 5px;
	padding-right: 20px;
	font-weight: bold;
    width: 100px;
}

#artsfullhead {
	font-size: 26pt;
	padding-top: 0px;
	padding-left: 20px;
	line-height: 26pt;
	min-height: 79px;
    margin-top: -4px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Slab", ff-tisa-web-pro, Georgia, Arial, sans-serif;
}

#navsep {
    padding-top: 10px;
    margin-left: 100px;
	height: 10px;
}


/*
#btn_menu {
	z-index: 20;
	display: inline;
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 400px;
	border: 1px solid #000;
}

#btn_what {
	position: absolute;
	right: 20px;
	top: 0px;
}

#btn_science {
	position: absolute;
	right: 5px;
	top: 80px;
}

#btn_getarts {
	position: absolute;
	right: 10px;
	top: 160px;
}

#btn_docs {
	position: absolute;
	right: 15px;
	top: 240px;
}

#btn_tools {
	position: absolute;
	right: 0px;
	top: 320px;
}
*/
#btn_menu {
	z-index: 20;
	display: inline;
	float: right;
	position: relative;
	top: 0px;
	right: 0px;
	width: 400px;
	height: 100px;
	/*border: 1px solid #000;*/
}

#btn_what {
	position: absolute;
	right: 320px;
	top: 0px;
}

#btn_science {
	position: absolute;
	right: 240px;
	top: 15px;
}

#btn_getarts {
	position: absolute;
	right: 160px;
	top: 5px;
}

#btn_docs {
	position: absolute;
	right: 80px;
	top: 10px;
}

#btn_tools {
	position: absolute;
	right: 0px;
	top: 5px;
}

#headcampus {
	z-index: 20;
	position: absolute;
	top: 10px;
	right: 5px;
}
#headlulea {
	z-index: 20;
	position: absolute;
	top: 25px;
	right: 185px;
}
#headirv {
	z-index: 20;
	position: absolute;
	top: 36px;
	right: 55px;
}
#headirf {
	z-index: 20;
	position: absolute;
	top: 25px;
	right: 5px;
}
#grouplogo img {
	max-width: 100%;
}
#grouplogo {
	z-index: 30;
	position: absolute;
	top: 10px;
	right: 5px;
}
#pagewrapper {
	position: absolute;
	display: block;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	left: 5px;
	right: 5px;
	max-width: 960px;
}

@media only screen and (max-width: 770px) {
img.fpphoto, img.fpfigure {
	max-width: 240px;
}
.newsimagecontainer caption, .imagegallery caption {
	font-size: smaller;
}
}
 @media only screen and (max-width: 615px) {
#headirf {
	display: none;
}
#headlulea {
	right: 135px;
}
#headirv {
	right: 5px;
}
}
 @media only screen and (max-width: 565px) {
div.newsthumb {
	float: none;
}
div.newstable div.newsimagecontainer {
	display: none;
}
#headirv, #headcampus {
	display: none;
}
#headlulea {
	right: 5px;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
}
 @media only screen and (max-width: 435px) {
#headlulea {
	display: none;
}
#pagewrapper {
	left: 0px;
	right: 0px;
}
}
img.photo, img.banner {
	max-width: 99%;
}

#quickmenu a:link {
	text-decoration: none;
	font-style: normal;
}

#quickmenu li:hover {
    color: var(--quickmenu-hover-color);
    background-color: rgb(214, 214, 214);
}

#quickmenu ul li div {
	font-size: 0.6em;
	line-height: 1.5em;
	display: block;
	float: right;
	margin-top: 2px;
}

#artshead a {
	color: var(--arts-blue-color);
	text-decoration: none;
	font-style: normal;
}

#artshead a:active {
	color: var(--arts-blue-color);
	text-decoration: none;
	font-style: normal;
	background-color: #edf6ff;
}

#artsfullhead a {
	color: var(--arts-blue-color);
    font-weight: bold;
	text-decoration: none;
	font-style: normal;
}

.breadcrumb:before {
content: "/";
color: #bbb;
font-size: 14px;
padding: 0 6px 0 6px;
}

.home:before {
    content: "";
	color: var(--arts-blue-color);
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: 400;
    padding: 0 0px 0 6px;
}

*, :after, :before {
    box-sizing: inherit;
}

#artsfullhead a:active {
	color: var(--arts-blue-color);
	text-decoration: none;
    font-weight: bold;
	background-color: #edf6ff;
}

#quickmenu a:link, #quickmenu a:visited {
	color: var(--quickmenu-text-color);
	text-decoration: none;
}
a:link {
	color: var(--arts-blue-color);
	text-decoration: none;
}
a:visited {
	color: var(--arts-blue-color);
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
#location a:link {
	color: #ddd;
	text-decoration: none;
    font-size: 1em;
    font-weight: bold;
}
a.cpright {
	color: #d00;
	font-size: 0.6em;
}
div#footer a:link {
	color: #666;
	text-decoration: none;
}
div#footer a:visited {
	color: #666;
	text-decoration: none;
}
div#footer a:hover {
	color: #f57900;
	text-decoration: underline;
}
div#ZoomCaption a:link {
	color: #729fcf;
	text-decoration: none;
}
div#ZoomCaption a:visited {
	color: #729fcf;
	text-decoration: none;
}
div#ZoomCaption a:active {
	color: #ce5c00;
	text-decoration: underline;
	background-color: inherit;
}
div#ZoomCaption a:hover {
	color: #f57900;
	text-decoration: underline;
}
p.newsstamp a:link {
	color: #999999;
	text-decoration: none;
}
p.newsstamp a:visited {
	color: #999999;
	text-decoration: none;
}
p.newsstamp a:hover {
	color: #f57900;
	text-decoration: underline;
}

hr {
	border: none;
	border-top: 1px solid #babdb6;
}
ul {
	/*list-style-image: url(/gfx/css/bullet.png);*/
	margin: .2em 0;
	padding: 0 0 0 20px;
}
ol {
	list-style-image: none;
}
.descmore ul {
	/*list-style-image: url(/gfx/css/bullet_grey.png);*/
}
li {
	margin: 0;
	margin-top: .4em;
	padding: 0 .2em;
}
/* Teach IE about min-width */
* html .minwidth {
	border-left: 670px solid #fff;
	position: relative;
	float: left;
	z-index: 1;
}
* html .container {
	margin-left: -670px;
	position: relative;
	float: left;
	z-index: 2;
}
#navbar {
	display: none;
	float: right;
	margin-top: 1em;
	margin-right: 2px;
	background: #eeeeec;
	border: 1px solid #babdb6;
}
#quickmenu {
	display: flex;
	font-size: 12pt;
	margin: 0 5px 0 120px;
    border-bottom: 2px solid var(--arts-blue-color);
    min-height: 32px;
}
#content {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 50;
	max-width: 1500px;
	/*background-color: #fff;*/
	/*width: 960px;*/
}
#quickmenu ul {
	padding: 0;
	/*list-style-image: url(/gfx/css/bullet.png);*/
	list-style-type: none;
	list-style: none;
	margin: 0;
	line-height: 2em;
    align-self: flex-end;
}
#quickmenu ul li {
	display: inline;
	background-image: none;
	padding: 5px;
	line-height: 2em;
	margin: 0;
	white-space: nowrap;
}
#location {
	display: block;
	font-size: 1em;
    font-weight: bold;
	margin-top: 1em;
	margin-left: 5pt;
	/*color: #ddd;*/
}
#footer {
	bottom: 0px;
	margin-bottom: 0px;
    border-top: 1px solid rgb(184, 184, 184)
}
div.message {
	margin: 20px;
	padding: 10px;
	border: solid 1px #aaa;
	background-color: #eee;
	text-align: center;
}
td.footer {
	color: #3333bf;
	background-color: #eeeeee;
}
.hidescreen {
	display: none;
}
table.sattable {
	border: solid 2px #346;
	border-collapse: collapse;
	empty-cells: show;
}
table.sattable th {
	background-color: #e2eaf8;
	border: solid 1px #aaaaaa;
	padding: 5px;
}
table.sattable td {
	border: solid 1px #aaaaaa;
	padding: 5px;
}
div.descmore {
	background: #eee;
	padding-left: 1em;
	padding-right: 1em;
	border: 1px solid #ddd;
}

.pubitems li {
    margin-top: 0px;
}

pre {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace;
    font-size: 12px;
    padding: 12px;
}

@font-face {
    font-family: Lato;
    src: url(fonts/lato-normal.woff2?bd03a2cc277bbbc338d464e679fe9942) format("woff2"), url(fonts/lato-normal.woff?27bd77b9162d388cb8d4c4217c7c5e2a) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display:block
}

@font-face {
    font-family: Lato;
    src: url(fonts/lato-bold.woff2?cccb897485813c7c256901dbca54ecf2) format("woff2"), url(fonts/lato-bold.woff?d878b6c29b10beca227e9eef4246111b) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display:block
}

@font-face {
    font-family: Lato;
    src: url(fonts/lato-bold-italic.woff2?0b6bb6725576b072c5d0b02ecdd1900d) format("woff2"), url(fonts/lato-bold-italic.woff?9c7e4e9eb485b4a121c760e61bc3707c) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display:block
}

@font-face {
    font-family: Lato;
    src: url(fonts/lato-normal-italic.woff2?4eb103b4d12be57cb1d040ed5e162e9d) format("woff2"), url(fonts/lato-normal-italic.woff?f28f2d6482446544ef1ea1ccc6dd5892) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display:block
}

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Roboto-Slab-Regular.woff2?7abf5b8d04d26a2cafea937019bca958) format("woff2"), url(fonts/Roboto-Slab-Regular.woff?c1be9284088d487c5e3ff0a10a92e58c) format("woff");
    font-display:block
}

@font-face {
    font-family: "Roboto Slab";
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Roboto-Slab-Bold.woff2?9984f4a9bda09be08e83f2506954adbe) format("woff2"), url(fonts/Roboto-Slab-Bold.woff?bed5564a116b05148e3b3bea6fb1162a) format("woff");
    font-display: block
}

@media only screen and (max-width: 640px) {
	#logohead { height: 86px; }
	#logoleft { width: 190px; height: 86px;}
	#logoleft img { width: 100%; }
	#logoright { width: 190px; height: 86px;}
	#logoright img { width: 100%;}
	#artshead {
		font-size: 45pt;
	}
	#artsfullhead {
		font-size: 18pt;
		line-height: 18pt;
		top: 2px;
		padding-left: 10px;
        min-height: 57px;
	}
    #quickmenu {
        font-size: 10pt;
        min-height: 52px;
    }
    #quickmenu ul li div {
        font-size: 0.4em;
    }

}

@media only screen and (max-width: 470px) {
	#logohead { height: 57px; }
	#logoleft { width: 127px; height: 57px;}
	#logoleft img { width: 100%; }
	#logoright { width: 127px; height: 57px;}
	#logoright img { width: 100%;}
}