body {background-color: #4a4949; color:#fff;}


#wrapper {background:none;}

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


body a{color: #fff;}

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

/*#pageTitle{background: url(/connect/images-multimedia/connectlogowhitegold.png) no-repeat 2em 50%;}*/

#search #CampusName {
	color:white;
}

/* Breadcrumb overide*/
#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;
}

/*Heading styles*/

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

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

#content h2 {
border-bottom-color:#DBCF00;
border-bottom-style:solid;
border-bottom-width:4px;
font-size:1.4em;
font-weight:normal;
line-height:1.3em;
margin-bottom:0.5em;
padding-bottom:3px;
clear: both;
}
#content h3 {
font-size:1.3em;
font-weight:normal;
line-height:1.3em;
margin-bottom:0.5em;
}

.sys_imageWithHeading h1, .sys_imageWithHeading h2, .sys_imageWithHeading h3 {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("/SiteElements/Images/Base/Internal/bg-textOverlay-PGRopen-day.png");
background-position:0 0;
background-repeat:repeat;
color:#FFFFFF !important;
display:block;
font-weight:normal;
margin-bottom:0 !important;
margin-left:0 !important;
margin-right:0 !important;
margin-top:0 !important;
padding-bottom:4px !important;
padding-left:4px !important;
padding-right:8px !important;
padding-top:4px !important;
position:absolute;
right:5px;
top:5px;
z-index:2;
}


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


#content ul.sys_rss {margin: 0;}
#content ul.sys_rss li{margin: 1em 0;color: #fff;}
#content ul.sys_rss li a, #content ul.sys_rss li a:visited{color: #DBCF00; font-weight:bold; text-decoration:none;}
#content ul.sys_rss li a:hover{text-decoration:underline;}

#content ul.sys_rss li span{
    color: #ffffff!important;
    font-family: verdana!important;
    font-size: 100%!important;}

/* RSS feed styles */
.linkholder{float: left; width: 135px; margin: 1em 1.2em;}
#content .holder a:link{color: #dbcf00;}
#content .holder a:hover, #content .holder a:visited {text-decoration:none; color: #dbcf00;}
.linktextholder {height:32px; overflow:hidden;}

/* Toolbar styles*/

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

/* Breadcrumb styles*/

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

#breadcrumb span {
color:#dbcf00;
}

/* ---------- 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 */
#internalNav {
background-color:#dbcf00;
}
#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;
border-bottom:1px solid #DBCF00;
}
#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:1px solid #dbcf00;
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;
}

/* over-ridden content layout styles */

.sys_twoColumns_2575 .sys_one_2575 {
float:left;
padding-bottom:0;
padding-left:0;
padding-right:20px;
padding-top:0;
width:23%;
border-right:1px dotted #777777;
}


.sys_twoColumns_3070 .sys_two_3070 {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:14px;
padding-right:0;
padding-top:0;
width:65%;
}

.sys_twoColumns_3070 .sys_two_3070, .sys_fullWidth .sys_twoColumns5050 .sys_two, .sys_twoColumns5050 .sys_two, .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_two, .sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 .sys_threeColumns .sys_three {
border: none !important;  
}


/* 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;background-color: #dbcf00; color: #333;}

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

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

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


#wrapper #content a.bgArrowRight, #wrapper #content a.bgArrowDown, #wrapper #content a.bgTwitter, #wrapper #content a.bgFacebook, #wrapper #content a.bgFoursquare, #wrapper #content a.bgLinkedin, #wrapper #content a.bgYouTube, #wrapper #content a.bgVideo, #wrapper #content a.bgArrowRightLarge, #wrapper #content a.bgPinterest{background-color: #dbcf00;color: #000;}






/* ---------------------------- Twitter Widget --------------------------------- */
#connecttwitter {background-color: #747474;padding:10px 0 0 0;border-radius:5px;border: 2px solid #747474;}
#connecttwitter h3 {font-weight: bold;padding-left:10px;}
#connecttwitter p {padding: 10px 0;margin:0;}
#container #connecttwitter p a {color:#fff;text-decoration:none;}
#connecttwitter p a:hover {text-decoration:underline;}
.sys_tweets {background-color: #000; border-radius: 5px;padding: 5px 0;}
#container .sys_tweets li {background-color: #000; margin-bottom:0; padding: 10px; padding-bottom:20px;border-bottom: 1px dotted white;color: #eee;}

/* ---------------------------- Flickr Widget --------------------------------*/
#flickrFeed_gallery { width: 670px; height: 503px; margin: 0 auto 1em auto; background-color: black; }

/* ---------------------------- Youtube Widget ------------------------------*/
#youtube_player { width: 390px; height: 280px; float: right;}
.youtube_player_current { display: none; }
.youtube_player_thumb { float: left; width: 140px; margin-top: 10px; cursor: pointer; }
.youtube_player_thumb img { width: 120px; margin: 0 20px 0 10px; }
.youtube_player_thumb h4 { margin: 0 10px; overflow: hidden; height: 45px; }

/* Youtube channel list */

#content .youtubelist li {
width: 90px;
}

/* ----------------------------- Facbook Widget--------------------------- */

.sys_fullWidth .sys_twoColumns_2575 .sys_two_2575 iframe {
    margin-left: 8px;
  margin-top: 10px;
    } 
    
    

/* ------------------------ 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; }
        
    
/* threeColumns (lists of links at the bottom of ConnectTwitter and ConnectFacebook pages) */

.sys_threeColumns .sys_one, .sys_threeColumns .sys_two, .sys_threeColumns .sys_three {
width: 31%!important;   }    



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

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

.sys_fullWidth {
width: 890px !important; }


/* --------------------- icons - Connect homepage ---------------- */

.sys_fullWidth .sys_socialicons {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-top: 20px; }


/* ------------------------ Font colour ---------------- */

#content ul li a, #container #content ul li {
color: #eeeeee!important; }

.sys_yellowtext {
color: #DBCF00; }



/* ------------------------- Nav list and links --------------------------- */

#wrapper .sys_fullWidth .sys_twoColumns_2575 .sys_one_2575 ul li{
list-style-type:none;
margin-left:0;
margin-bottom:7px;
border-bottom: 1px dotted #7B7B7B; }
   
.sys_fullWidth .sys_twoColumns_2575 .sys_one_2575 ul li a {
text-decoration: none !important; }

.sys_fullWidth .sys_twoColumns_2575 .sys_one_2575 ul {
margin: 0 !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 aa:visited, #HomepageFooterLinks a:active {
	color: #fff;
}
#nav {
    background-color: #4a4949;
}
#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;}
}