@import url('https://fonts.googleapis.com/css?family=Arvo');
body {background-color: #18194f; color:#fff;}


#wrapper {background:none;}

.search input.sys_submit {background-image: url("/SiteElementsHomepage/images/icons/icon-magnifier.png");}

#content .showhideIsClosed {background: url(/SiteElements/Images/Base/Internal/showhideplus.png) #18194f no-repeat 98% 50%;}
#content .showhideIsOpen {background: url(/SiteElements/Images/Base/Internal/showhideminus.png) #18194f no-repeat 98% 50%;}

body #content a:link, body #content a:visited {color: #fff;}

#pageTitle strong.sys_schoolHeader h1, strong.sys_SchoolHeader h1 {
color:#ffffff;
font-size: 1em;
font-weight:normal;
margin-left: 0.5em;
}

#search #CampusName {
	color:white;
}

#pageToolsTab {display:none;}

/* Breadcrumb overide*/
#breadcrumb {
  border-bottom: none;
  color: #fff;
} 

#breadcrumb a {
color: #fff;
padding:0 10px 0 2px;
text-decoration:underline;
background: url(/SiteElements/Images/Template/Internal/bg-breadcrumb-inverse.png) no-repeat right .5em;

}

#bottom {display:none;}

/*Heading styles*/

#pageTitle h1 {
color:#ffffff;}

#pageTitle h3, a:link a:active a:visited {
color:#fff;
}
#pageTitle {
display:block;
padding-bottom:35px;
padding-left:13px;
padding-right:13px;
padding-top:25px;
}

#content h1, #content h3, #content h4{color: #fff;}

#content h2.date {
color:#92918e;
font-family:Arvo;
font-size:1.5em;
font-weight:normal;
line-height:0.9em;
margin-bottom:1.1em;
padding-bottom:3px;
clear: both;
}

#content h2 {color:#fff; font-size:1.7em; margin-bottom:0.4em;}

#content h3 {
font-size:1.3em;
font-weight:normal;
line-height:1.3em;
margin-bottom:1.4em;
}

#content h3 span.date {font-family:Arvo; font-size:0.8em!important;}

#content .sys_imageWithTextOverlay img, #content .sys_imageWithHoverText img, #content .sys_imageWithCaptionBelow img, #content .sys_image-with-heading .sys_image img {
border: none!important;  
}


/* Toolbar styles*/

#container, #toolBar, #content {
background-color:#18194f;
}
#toolBar {
background-color:#18194f;
border-top:1px #777777 dotted;
}

/* Breadcrumb styles*/

/*#breadcrumb {
border-color:#ff3300;
}*/

#breadcrumb span {
color:#fff;
}

/* ---------- header bar ---------- */
#header {
text-align:left;
background-color:#eeeeee;
background: none;
height:27px;
border-bottom:1px dotted #cccccc;
position:relative;
font-size:1.1em;
}

#header ul {
}

#header ul li {
float:left;
}

#header ul li a {
color: #ffffff;
}

ul#headerlinks {
float:left;
}

ul#headerlinks li {
margin-right:1.5em;
}

ul#headerlinks li.sys_skip a {
left:-9999px;
position:absolute;
top:0;
}

ul#campuslinks li {
margin-left:1px;
height: 27px;
text-align: center;
width: 130px;
}

ul#campuslinks {
float:right;
font-weight:bold;
margin-right: 10px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
/* ---------- search and quicklinks ---------- */



#search, #logo {
height:80px;
background: none repeat-x;
}
#search select {
width:160px;
padding:1px 0px 0px 0px;
vertical-align:middle;
background:#fff;
border:1px solid #eaeaea;
color:#8b8b8b;
float:left;
}
#search input.sys_submit {
width:35px;
height:20px;
background:url(/siteelements/images/base/background-button-inverse.png) repeat-x center;
border-left:0px;
margin-left:1px;
}
/* Header UoN logo */
#logo a {
display:block;
background-color:#eeeeee;
background:url(/siteelements/images/base/bg-white-trans-uonlogo.png) no-repeat;
  background-size: 100%;
text-indent:-9999px;
}

/* All nav styles */

#globalNav {
clear:both;
height:27px;
text-align:left;
background-color:#333333;
background:url(/siteelements/images/base/background-nav-darkgrey.png) repeat-x;
border-top:1px solid #333333;
}
#globalNav ul li a {
border-right:1px solid #777777;
border-left:1px solid #333333;
}
#globalNav ul li:hover {
height:25px;
background-color:#333333;
}
#globalNav ul li:hover ul {
display:block;
position:absolute;
top:15px;
left:-6px;
width:200px;
background-color:#333333;
border-top:0px;
padding:5px;
}
#globalNav ul li a, #globalNav ul li strong 
{ font-size: 1.1em; 
font-weight:normal; 
color: #cccccc; 
margin: 1px 0 0; 
display: block; 
}
#internalNav ul li ul li div.sys_currentitem {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#000000;
background-image:url("/SiteElements/Images/Template/Internal/InternalNavigation/2ndlevelon-inverse.png");
background-position:left center;
background-repeat:no-repeat;
font-weight:bold;
}


/* Connect page specific tweeks */

.floatyLeft {
margin: 0px 5px 0px 5px;
}

.sysBorderLeft {
  border-color: #333333;
}

#content .slideshow, #content .youtubelist {
list-style-type:none;
}

#content .slideshow li {
margin: 10px 40px 30px 0px;
width: 120px;
float:left;
text-align: center;
}
#content .youtubelist li {
margin: 10px 55px 30px 20px;
width: 120px;
float:left;
text-align: center;
}

#content .slideshow li img, .youtubelist li img {float: left; clear:both; margin-bottom: .2em;}

#container #content #xmlform_BtnSubmit, #content input#F1_ButtonSubmit_Finish{float:right; color: #333;}

#container #content h2 a {color: #fff; text-decoration:none;}
#container #content h2 a:hover {color:#fff; text-decoration:underline;}

#container #content a:hover {color: #fff;}


/* ------------------------ Column template tweaks ----------------------------- */

/* 25/75 columns  */

.sys_fullWidth .sys_twoColumns_2575 .sys_one_2575 { 
width: 20%; padding-right: 10px; }

.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 { 
padding-left: 15px; width: 77%; }


/* 70/30 in a 25/75  */   

.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_twoColumns_7030 .sys_one_7030 {
padding-left: 7px;
width: 58% !important;
border: none !important; }

.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_twoColumns_7030 .sys_two_7030 {
width: 30% !important; }

.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_twoColumns_7030 .sys_two_7030 {
width: 30% !important; }
    
    
/* 70/30 columns  */
    
.sys_twoColumns_7030 .sys_one_7030 .sys_twoColumns5050 {
width: 75%; } 
    
.sys_twoColumns_7030 .sys_one_7030 .sys_fourColumns {
width: 85%; }
    
    
/* 50/50 in a 30/70 */ 

.sys_twoColumns_3070 .sys_one_3070 .sys_twoColumns5050 .sys_one, .sys_twoColumns_3070 .sys_one_3070 .sys_twoColumns5050 .sys_two {
width: 48%; }

.sys_fullWidth .sys_twoColumns_3070 .sys_one_3070 .sys_twoColumns5050 .sys_two {
float: left;
padding:0; }
  
  
/* fourColumns in a 50/50 (YouTube channels) */

.sys_fullWidth .sys_twoColumns5050 .sys_fourColumns .sys_one, .sys_fullWidth .sys_twoColumns5050 .sys_fourColumns .sys_two, .sys_fullWidth .sys_twoColumns5050 .sys_fourColumns .sys_three, .sys_fullWidth .sys_twoColumns5050 .sys_fourColumns .sys_four {
width: 24.5%;
margin: 0;
padding: 0; }

#content .sys_twoColumns5050 .sys_fourColumns .sys_imageWithTextOverlay .sys_textOverlay, #content .sys_twoColumns5050 .sys_fourColumns .sys_imageWithHoverThumbnail span, .sys_twoColumns5050 .sys_fourColumns .sys_image-with-heading .sys_textoverlay {
bottom:0px;
left:0px; }

.sys_fullWidth .sys_fourColumns .sys_one {
margin: 0 0 0 0; }

    
/* fourColumns in a 70/30 (main channels - Connect homepage) */    
    
.sys_twoColumns_7030 .sys_one_7030 .sys_fourColumns .sys_one, .sys_twoColumns_7030 .sys_one_7030 .sys_fourColumns .sys_two, .sys_twoColumns_7030 .sys_one_7030 .sys_fourColumns .sys_three, .sys_twoColumns_7030 .sys_one_7030 .sys_fourColumns .sys_four {
width: 23%;
margin-right: 3px; }
        

/* -------------------- Page width tweak --------------------*/

#content {
/*padding: 0 0 20px 35px!important;*/
float: left !important; }

.sys_fullWidth {
width: 890px !important; }


/* ------------------------- column tweaks - ulzgw 30/10/2014 ---------------------*/
#content .sys_two_2575 .sys_twoColumns_2575 .sys_one_2575 {
     float: left;
     padding: 0px;
     width: 20%; border: none;}

#content .sys_two_2575  .sys_twoColumns_2575 .sys_two_2575 {
     float: right;
     margin: 0px;
     padding: 0px 0px 0px 14px;
     width: 77%;}
#content .sys_two_2575 .sys_fourColumns .sys_one, #content .sys_two_2575  .sys_fourColumns .sys_two, #content .sys_two_2575  .sys_fourColumns .sys_three, #content .sys_two_2575  .sys_fourColumns .sys_four {
     float: left;
     margin: 0px 14px 0px 0px;
     width: 23.25%;}

#content .sys_two_2575 .sys_fourColumns .sys_four {
     float: left;
     margin: 0px;}

/* September 2015 header / footer change */
.logo img {display: none;}
.logo a {
    background: rgba(0, 0, 0, 0) url("/siteelements/images/base/bg-white-trans-uonlogo.png") no-repeat scroll 0 0;
  background-size: 100%;
    display: block;
    text-indent: -9999px;
	height: 90px;
    margin-right: 18px;
    margin-top: 3px;
    width: 243px;
}

#footer {
    border-color: #4a4949;
}
#HomepageFooterLinks h2, #HomepageFooterLinks h3, #HomepageFooterLinks p, #HomepageFooterLinks a:hover {
	color: #fff;
}
#HomepageFooterLinks a:link, #HomepageFooterLinks a:visited, #HomepageFooterLinks a:active {
	color: #fff;
}
#nav {
    background-color: #18194f;
}
#nav a:link, #nav a:visited, #nav a:active, #nav a:hover {
	color: #fff;
}

.campuslinks {
    line-height: 1;
}

.campuslinks li {
}

.campuslinks li a {
    color: #fff;
    display: block;
    padding: 5px;
    text-decoration: none;
}

.campuslinks li.sys_nottingham a {
    border-color: #fff;
    color: #fff;
} 





@media only screen and (max-width: 967px) {
 
body #wrapper {background: none;}  
body #nav {
    background: #4a4949;
    margin: 10px 0 0 0;
    min-height: 21px;}
body #nav .sys_menu-title,
body #nav .sys_menu-title:hover{color: #fff;}  
body #nav a:hover{color: #fff;}
  body #toolBar, body #pageTools {background:none;}
}