﻿@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);

html {
      overflow-y: scroll;
}

body {
    line-height: 18px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
    color: #333;
    background-image: url(http://www.bolton.ac.uk/SiteWideAssets/Backgrounds/Uni-Homepage-Background.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
    margin: 0px;
    padding: 0px;
}

#HomeScroller {
       margin: 0px auto 0px auto;
       width: 940px;
}

.topIconBarItem{
    margin-right: 5px;
}
    
#welcomeArea{
    width: 465px;
    height: 126px;
    float: left;
    margin: 15px 15px 0 10px;
    /*background-image: url(http://www.bolton.ac.uk/SiteWideAssets/Images/vernonKay.jpg);
    background-color: #fff;
    border: 1px solid #999;*/
}

.homeTextHeader{
    margin-top: -5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #333;
}

.homeTextParagraph{
    font-size: 12px;
}

#homeWelcome{
    width: 245px;
    height: 120px;
    margin: 10px;
}

#shareThis{
    width: 230px;
	height: 85px;
	float: right;
    margin-top: -10px;
}

#sharingArea{
    margin-top: -10px;
}

.shareThisHeading{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
}

/* ---------------------------------------------------------------- */
/* News - home page layout - Nov 2013 */

#newsArea{
    width: 1031px;
    /*margin-top: 15px;*/
}

.newsSectionHeading{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 32px;
    color: #666;
    margin-top: 5px;
    padding: 5px 0 0 5px;
}

/* ---------------------------------------------------------------- */
/* Course search box homepage - Edited by Brett 11/11/2013 */

.courseSearchHeading{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 22px;
	color: #fff;
	margin-top: 5px;
    padding: 0!important;
}
#searchArea{
	width: 1011px;
	height: 85px;
	padding: 10px;
    margin-top: -27px;
	background-color: #005a94;
}
#searchIcon{
	width: 74px;
	height: 85px;
	float: left;
    margin-top: 10px;
	background-image: url(/SiteWideAssets/Course-Search/img/searchIconWht.png);
    background-repeat: no-repeat;
}
#searchHeading{
	width: 229px;
	height: 45px;
	float: left;
	color: #fff;
    margin-top: 25px;
}
#searchDropDown{
	width: 350px;
	float: left;
    margin-top: 10px;
    margin-left: 10px;
}

/* ---------------------------------------------------------------- */
/* Home page buttons .. Campus Tour, Open Days etc                  */

/*#buttonBar{
    width: 466px;
    height: 128px;
    margin: 15px 30px 0;
    float: right;
}*/
#buttonBar{
    width: 529px;
    height: 192px;
    margin: 15px 10px 0 0px;
    float: right;
}
.buttonBarButtonTopLeft{
    float: left;
    margin-bottom: 7px;
}
.buttonBarButtonTopRight{
    float: right;
    margin-bottom: 7px;
}
.buttonBarButtonBottomLeft{
    float: left;
}
.buttonBarButtonBottomRight{
    float: right;
}

/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */
/* Home page Off Campus search box                                  */

#offCampus{
    width: 426px;
    height: 200px;
    float: left;
    margin: 10px 0 10px 10px;
    padding: 20px;
    background-color: #2980B9;
}

.offCampusHeading{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 22px;
    color: #fff;
}

.offCampusText{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #fff;
}

#LargeYouTube {
  	height: 550px;
	width: 980px;
    float: left;
    margin: 10px 0 10px 10px;
    padding: 20px;
    background-color: #fff;
}


/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* Home page Video                                                  */

#videoHome{
    width: 529px;
    height: 235px;
    float: right;
    margin: 10px 12px 0 11px;
}

/* ---------------------------------------------------------------- */

#TitleBar #PageTitle h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
}

#TitleBar #PageTitle h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
        line-height: 32px;
	font-weight: normal;
	margin: 0px 0 0px 0;
        padding: 0 0 3px 0;
        position: absolute;
        z-index: 1;
        max-width: 900px;
}

#TitleBarFullWidthEdit #PageTitleFullWidthEdit h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
        line-height: 32px;
	font-weight: normal;
	margin: 0px 0 0px 0;
        padding: 0 0 3px 0;
        position: absolute;
        z-index: 10;
        max-width: 640px;
}

#MainContent h2, #MainContentFullWidthEdit h2 {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
        margin: 0 0 20px 0;
        padding: 0 0 0 0;
}
#MainContent h3, #MainContentFullWidthEdit h3, #RightColumn h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 23px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
}

.SubjectArea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 23px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	padding: 0 0 0 0;
}

#ContentWrapper {
	width: 940px;
	margin: 10px auto 10px auto;
}

#homepagerightcolumn {
  float:right;
  margin:0 20px 0 5px;
  padding-right:30px;
  width:300px;
}

#RightColumn {
	float: right;
	width: 240px;
	margin: 0;
	padding: 30px 0 0 10px;
}

#RightColumn img  {
        
}

.st_twitter_button, st_email_button, st_facebook_button, st_plusone_button, .stButton {
        margin: 0;
        padding: 0;
}        
        
#MainContent {
	line-height: 21px;
    margin: 10px 0;
    padding: 0;
    position: relative;
    width: 680px;
    z-index: 1;
}

#MainContentFullWidthEdit {
    width: 100%;
    margin: 10px 260px 10px 0px;
	padding: 20px 0 0 0;
	line-height: 21px;
    z-index: 50;
}

#sharing {
    background-color: #d7d7d7;
    position:relative;
    color: #000;
	list-style:none;
	width: 231px;
	padding: 3px 0 10px 6px;
    margin: 0 0 10px 0;
	display: block;
}


#homepagebuttons {
          margin: 10px 0 10px 0;
          padding: 0;
          width: 360px;
}

#homepagebuttons img {
    margin:5px 10px 0 0;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0, .4);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0, .4);
}
                    



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

<!--[if IE]>
.clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */
<![endif]-->





#Message {
         float: left;
         margin: 35px 0 0 0;
         padding: 0 0 0 0;
}

#HeaderAdverts {
         margin: 35px 0 0 0;
         padding: 0 0 0 0;
	 text-align: center;
}


#UtilityBar {
	width: 940px;
	margin: 25px auto 10px auto;
	height: 55px;
}
#Links {
	float: right;
	width: 300px;
	text-align: right;
    position: relative;
}
#TitleBar {
	width: 940px;
	margin: 20px auto 10px auto;
	height: 75px;
        z-index: 10;
}

#Message {
	text-align: center;
}

#Logo {
	float: right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline-block;
}

#Logo img {
	border: 0px;
	
}

#LogoSmall {
	float: left;
	display: inline-block;
	margin: 0 50px 0 0;
}

#LogoSmall img {
	border: 0px;
        margin: -5px 0 0 0;
}

#PageTitle {
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	width: 700px;
	float: left;
        z-index: 10;

}

#Twitter {
	width: 200px;
	margin: 3px 0 0 5px;
        padding: 3px 0 0 0;
	display: inline;

}
#Socialise {
	width: 550px;
	margin: 5px 0 0 0;
	height: 70px;
}
#facebook {
	width: 72px;
        margin: 3px 0 0 5px;
        padding: 3px 0 0 0;
	height: 20px;
	display: inline;


}

#twitface {
	margin-top: 3px;
}

#UtilityBar #Links a img {
	margin-left: 0px;
	border: 0px;
}
#jumpMenu {
	background-color: #FFF;
	height: 30px;
	margin: 0px 0 0 0;
}

#QuickLinksMenu_DropDown {
	background-color: #FFF;
	height: 30px;
	margin: 0px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

select.options {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

.sys_homepagenewswrapper {
	width: 240px;
	margin: 0px 0 0px 0px;
}

.sys_homepagenewsthumb {
	float: left;
	width: 70px;
	height: 70px;
}

.sys_homepagenewsthumb IMG {
	border: 5px solid #666!important;
}

.sys_homepagenewstitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	text-align: left;
 	color: #0066CC; 
	margin: 0px 0px 5px 0px;
	

}

.sys_homepagenewstitle a {
	text-decoration: none;
	color: #0193cf;
}

.sys_homepagenewstitle a:hover, .sys_homepagenewstitle a:visited {
	text-decoration: underline;

}

.sys_homepagenewssummary {
	font-size: 13px;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

#News h2 {
	font-weight: normal;
	text-decoration: none;
	font-size: 32px;
}
#News h2 a {
	color: #0193cf;
	text-decoration: none;
}

input.sys_button-go {
	color:#FFF;
	font: bold 100%  Tahoma, Geneva, sans-serif;
	background-color:#004890;
	border:1px solid;
	border-color: #666;
	height: 24px;
	margin: 0 0 0 2px;
	} 
input.sys_search_box {
	height: 20px;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	width: 158px;
	margin: 0 10px 0 0;
}
#OpenDays ul li a {
	color: #FF0;
}
#HomepageMarketing {
	float: right;
	width: 350px;
}
#OpenDays {
	background-repeat: no-repeat;
	height: 248px;
	width: 250px;
	padding: 0px 0px 0 0;
        border: 0px;
	background-color: #0079c2;
}
#AdSpace {
	height: 222px;
	width: 225px;
	float: right;
	margin-right: 80px;
	padding: 20px 0 0 0;
	background-image: url(assets/BoxBG.jpg);
}
#OpenDays h2, #AdSpace h2  {
	font-weight: normal;
	font-size: 24px;
	margin: 15px 0 10px 10px;
	color: #FFF;
	font-family: Georgia, Serif;
}

#RightColumn h2  {
	font-weight: normal;
	font-size: 24px;
	margin: 15px 0 10px 0px;
	color: #333;
	font-family: Georgia, Serif;
        clear: both;
}

#leftbox h2 {
	font-weight: normal;
	font-size: 24px;
	
	color: #333;
	font-family: Georgia, Serif;
}
#leftbox a {
        color: #0193cf;
}

#AdSpace ul li a, #AdSpace a,  #overview li a, #CourseItemContent li a, #RightColumn a {
	color: #0193cf;
}

#leftbox p {
	margin: 0 5px 0 10px;
}

#OpenDays p, #AdSpace p {
	margin: 0 5px 0 10px;
	color: #FFF;
}
#OpenDays ul, #AdSpace ul, #overview li, #CourseItemContent li, #MainContent li  {
	padding-left: 8px;
	margin-left: 0px;
	padding-top: 3px;
	margin-top: 3px;
	}

#leftbox {
	width: 300px;
	background-color: #EBEBEB;
	padding: 5px 0 0px 10px;
	height: 350px;
}
#RightColumn h2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0193cf;
	font-weight: normal;
	font-size: 24px;
	text-decoration: none;
        clear: both;
}	
	
		
#OpenDays li, #AdSpace li, #overview li, #CourseItemContent li, #MainContent li, #leftbox li {
	list-style-position: outside;
	list-style-type:none;
	background: url(http://www.bolton.ac.uk/SiteWideAssets/Images/arrowdark.gif) no-repeat 6px 8px;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0 5px 0 13px;	
}

#subjectareabullets li {
        font-size: 16px;
        line-height: 20px;
	background: url(http://www.bolton.ac.uk/SiteWideAssets/June2011/Images/boltonbullet.png) no-repeat 0px 2px;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0 5px 0 22px;	
}


#iip-logo {
	width: 196px;
	float: left;
	position: relative;
}
#importantstuff {
	margin: 40px 0 0 220px;
	vertical-align: top;
	padding: 0 0 0 0;
	position: relative;
}
#HomepageBoxes {
	margin: 0 0 20px 0;
	position: relative;
	min-height: 300px;
        width: 690px;
}


#Footer {
	padding: 40px 0 0 0;
	margin: 40px 0 0 0;
	position: absolute;
	height: 240px;
}
#importantstuff a {
	color: #0193cf;
}
#importantstuff img {
	border: 0px;
}

#CourseFinderMenus {
	margin: 0 0 40px 50px;
}


#GoogleSearchBoxPanel {
	margin: 0 0 0 -3px;

}

#ContentWrapper #MainContent table tr td p {

}
div.clear {
clear: both;
width: 100%;
height: 10px;
}
#QuickLinksMenu_DropDown {
	font-size: 14px;
	height: 30px;
	font-family: Tahoma, Geneva, sans-serif;
}
input.SubjectArea {
	color:#FFF;
	font: bold 100% Tahoma, Geneva, sans-serif;
	background-color:#004890;
	border:1px solid;
	border-color: #666;
	height: 24px;
	} 
#CourseFinderMenus label {
	font-size: 16px;
	width: 200px;
	display: inline-block;
	margin: 0 10px 0 10px;
}

#CoursesDropdowns  {
	margin: 20px 0 20px 20px;

}

#CoursesDropdowns label {
	font-size: 16px;
	width: 150px;
	display: inline-block;
	margin: 0 10px 0 10px;         

}

#FTQuickLinksMenu_DropDown, #PTQuickLinksMenu_DropDown, #CPDQuickLinksMenu_DropDown, #AFQuickLinksMenu_DropDown, #OffCampusMenu_DropDown, #PostgradQuickLinksMenu, #PostgradQuickLinksMenu_DropDown {
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	display: inline-block;
	width: 300px;
}
#FTDegreeMenu, #PTDegreeMenu, #PostgradDegreeMenu, #AccessMenu, #OffCampusMenu  {
	height: 30px;
	width: 550px;
	margin: 0 0 5px 10px;
}

 #GoogleSearchBox {
        height: 15px;
	width: 550px;
	margin: 10px 0 0px 0;
}

#GoogleSearchBoxPanel {
	width: 204px;
	display: inline;
}

.cse .gsc-control-cse, .gsc-control-cse {
    background: none!important;
    border: 0px!important;
    margin: -5px;
    padding: 0px!important;
}



#MainContent a:normal, #MainContent a:hover, #MainContent a:visited, #MainContent table tbody tr td a:normal, #MainContent table tbody tr td a:visited {
 	color: #0193CF;
}

#MainContent a, #MainContentFullWidthEdit a {
       color: #0193CF;
}

#MainContent img {
       border: 0;
}

#ContentWrapper #MainContent table {
	margin: 0 0 0 4px;
}


#MainContent table caption, #MainContentFullWidthEdit table caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 34px;
}

#MainContent table th, #MainContentFullWidthEdit table th {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	border: solid 1px #fff;
	background: #ccc;
    padding: 5px 0 5px 5px;
}

#MainContent table th + th, #MainContentFullWidthEdit table th + th  {
    text-align: center;
    padding: 5px 5px 5px 5px;
}

#MainContent table td, #MainContentFullWidthEdit table td  {
    text-align: left;
	padding: 5px 0 5px 5px;
}

#MainContent table td + td, #MainContentFullWidthEdit table td + td {
    text-align: center;
	padding: 5px 5px 5px 5px;
}

#MainContent table tr:nth-child(even), #MainContentFullWidthEdit table tr:nth-child(even) {background: #fff}
#MainContent table tr:nth-child(odd), #MainContentFullWidthEdit table tr:nth-child(odd) {background: #eee}

#MainContent table tbody {
 
}


#RightColumn a img {
	border: 0;
	margin: 5px 0 10px 0;
}
#leftbox {
	width: 300px;
	background-color: #EBEBEB;
	padding: 5px 0 0px 10px;
	height: 250px;
}
#RightColumn h2 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0193cf;
	font-weight: normal;
	font-size: 24px;
	text-decoration: none;
        clear: both;
}
#RightColumn #Thumbs img {
	border: #888 solid 3px;
	margin: 10px 4px 0 0;
}
#Thumbs {
	float: right;
	margin: 0 0 20px 0;
}
#Thumbs .gallery {

}

#SubNavBar {
	/*width: 940px;*/
	/*margin: 10px auto 10px auto;*/
	/*height: 40px;*/
       /* padding: 0;*/
}
.sys_simpleListMenu, .sys_accordianMenu {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px #CCC solid;
	height: 35px;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

UL.sys_simpleListMenu a, UL.sys_simpleListMenu a:visited, UL.sys_accordianMenu a, UL.sys_accordianMenu a:visited {
	color: #333;
	display: block;
	padding: 5px;
	text-decoration: none;
}
ul.sys_simpleListMenu li, ul.sys_accordianMenu li {
	display: block;

	float: left;
	margin: 2px 6px 2px 6px;

}
ul.sys_children {
	/*display: none;*/
}


}

ul.sys_simpleListMenu li:hover > ul.sys_children {
	/*display: block;*/
}

ul.sys_simpleListMenu li:hover, ul.sys_accordianMenu li:hover  {
	background-color:#7cd0f3;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px;	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}



ul.sys_children li:hover {
	background-color:#7cd0f3;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}

ul.sys_children li.sys_last:hover {
	/*background-color:#CCC;*/
	/*border-radius: 5px 5px 5px 5px;*/
	/*-moz-border-radius: 5px 5px 5px 5px; */
	/*-webkit-border-radius: 5px 5px 5px 5px;*/
}

ul.sys_children, ul.sys_accordianitem  {
	position: absolute;
	background-color:#7cd0f3;
	width: 200px;
	float:none;
	margin: 0;
	padding: 0;
        overflow: visible!important;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px; 
	-webkit-border-radius: 5px 5px 5px 5px;
}

ul.sys_children li {
        width: 200px;
        overflow: visible;
}

ul.sys_children ul.sys_children {
        left: 50px;
        background-color: #8ad4f2;
        overflow: visible;
        display: block;
        width: 200px;
        float: none;
      

}
ul.sys_children ul.sys_children ul.sys_children {
        left: 50px;
        background-color: #b2e2f6;
        overflow: visible;
        display: block;
        width: 200px;
        float: none;
      

}

ul.sys_children ul.sys_children li {
        width: 200px;
        overflow:visible;
        display: block;
}        

.iframe {
}

div.thumbswrapper{
    float:left; /* important */
        margin: 0 10px 10px 0;
	position:relative; /* important(so we can absolutely position the description div */
}
div.thumbsdescription{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:5px; /* position will be on bottom */
	left:0px;
	width:100%;
	/* styling bellow */
	background-color:black;
	font-size:13px;
	color:white;
	opacity:0.6; /* transparency */
	filter:alpha(opacity=60); /* IE transparency */
}
div.thumbsdescription_content{
	padding:5px;
	margin:0px;
}


.clear {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}




/* --------------------------------------------------------------------------------------------------------------------------- */
/* CSS for Sub Menu - Edited 04/07/13 B.Haslam */

#SubNavBar{ width: 1030px; height: 35px; margin: 1px auto; padding: 10px 0 0 0; background-color: #f8ba57;}
#SubNavBar ul a { display:block; text-decoration: none; padding: 5px; color:#000;}
#SubNavBar ul, #SubNavBar ul li, #SubNavBar ul ul { list-style: none; margin: 0; padding: 0; background-color: #f8ba57;}
#SubNavBar ul { margin: 0 0 0 10px;}
#SubNavBar ul { position: relative; z-index: 2; float: left; }
#SubNavBar ul li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding:0 10px;}
#SubNavBar ul li:hover { position: relative; z-index: 3; cursor: default;}
#SubNavBar ul li:hover { background: #fcd9a1;}
#SubNavBar ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 3; width: 195px; background: #fcd9a1; }
#SubNavBar ul ul li { float: none; }
#SubNavBar ul ul ul { top: 0; left: 100%; }
#SubNavBar ul li:hover > ul { visibility: visible }

/* --------------------------------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------------------------------- */
/* CSS for Event boxes - Edited 04/07/13 B.Haslam */

.eventBox{
    width: 580px;
	min-height: 150px;
	margin: 25px 0 0 25px;
	padding: 10px 10px 10px 10px;
	border: #abadb3 solid 1px;
	background-color: #fff;
}

.eventBox h2{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.eventBox h4{
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
}

.eventDate{
	width: 130px;
	float: left;
	border-right: #abadb3 solid 1px;
}

.eventTime{
	width: 130px;
	float: left;
	border-right: #abadb3 solid 1px;
}

.eventTitle{
	width: 440px;
	float: right;
}

.eventDescription{
	width: 440px;
	float: right;
}

/* --------------------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------ */
/* CSS for Drop Shadow on videos and boxes - Edited 05/07/13 B.Haslam */

.shadowEffect
{
  position: relative;
}

.shadowEffect:before, .shadowEffect:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.shadowEffect:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* ------------------------------------------------------------------ */


/* ---------------------------------------------------------------- */
/* CSS for Graduation/AcademicDress Page - Edited 11/04/13 B.Haslam */

div.dressWrapper{
	width: 200px;
	float: left;
	margin: 0 10px 10px 0;
}

div.dressImage{
	width: 200px;
	height: 307px;
}

div.dressDescription{
	width: 200px;
}

div.gown-image{
	/*width: 200px;
	height: 307px;*/
	margin-bottom: 10px;
	padding:1px;
   	border:1px solid #021a40;
   	background-color:#ff0;
}

/* ---------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* CSS for Graduation/CongregationInfo Page - Edited 12/04/13 B.Haslam */

div#wed17july, div#thur18july, div#fri19july{
	width: 680px;
	margin-top: 10px;
	display: inline-block;
}

div.congregationContainer{
	width: 320px;
	float: left;
	margin: 15px 3px 40px 3px;
	padding-bottom: 5px;
	border: solid thick #000;
}

.congregationHeaderText{
    color: #fff;
}

div.titleBar{
	width: 325px;
	height: 70px;
	background-color: #000;	
}

div.clockImage{
	padding-left: 6px;
}

div.subjectGroup{
	width: 144px;
	height: 65px;
	float: left;
	margin: 5px 0 0 5px;
	padding: 3px;
	border: solid #999 1px;
	display: table-cell;
	vertical-align: middle; 
	text-align: center;
}

div.clearSubjectGroup, div.clearCongregationContainer{
	clear: left;
}

/* Update for 2014 Congregations */

div.departmentGroups{
    width: 312px;
    float: left;
	margin: 15px 3px 20px 15px;
	padding-bottom: 5px;
	border: solid 4px #000;
}

div.headerBar{
    width: 306px;
	height: 70px;
    padding: 3px;
	background-color: #000;	
}

.headerText{
    color: #fff;
}

div.subjectArea, .subjectAreaOdd{
    width: 284px;
    margin: 8px;
	padding: 3px;
	border: solid #999 1px;
	vertical-align: middle; 
	text-align: center;
    background-color: #fff;
}

div.subjectAreaOdd{
    background-color: #eee;
}

div.clearDepartmentGroup{
    clear: left;
}


/* ------------------------------------------------------------------- */

/* CSS for Student Services/Student Finance Pages - Edited 31/05/13 B.Haslam */

div.boxWrapperSingle{
	width: 300px;
	margin: 10px auto 0 auto;
 border: solid #999 1px;
}

div.boxWrapperDouble{
	width: 300px;
	float: left;
	margin: 10px 0 0 22px;
    border: solid #999 1px;
}

div.boxWrapperDoubleNoBorder{
	width: 300px;
	float: left;
	margin: 10px 0 0 22px;
}

div.boxWrapperTreble{
	width: 215px;
	float: left;
    background-color: #fff;
	margin: 10px 0 0 8px;
 border: solid #999 1px;
 min-height: 150px;
}

div.boxWrapperQuad{
 width: 150px;
 float: left;
 margin: 10px 0 0 15px;
 border: solid #999 1px;
}

div.boxWrapperQuin{
 width: 125px;
 float: left;
 margin: 10px 0 0 6px;
 border: solid #999 1px;
}

div.boxClear{
  clear:both;
}

div.boxDescription{
	width: 300px;
 text-align: center;
}

div.boxDescriptionTreble{
	width: 215px;
 text-align: center;
}

div.boxDescriptionQuad{
 display: table-cell;
 width: 150px;
 height: 50px;
 text-align: center;
 vertical-align: middle;
 padding: 2px;
 background-color: #000000;
 color: #ffffff;
}

div.boxDescriptionQuin{
 display: table-cell;
 width: 125px;
 height: 50px;
 text-align: center;
 vertical-align: middle;
 padding: 2px;
 background-color: #000000;
 color: #ffffff;
}

div.boxLogoQuad{
 width: 150px;
 height: 150px;	
}

div.boxLogoQuin{
 width: 125px;
 height: 50px;    
}

div.boxCalImage{
 width: 120px;
 height: 145px;
 float: left;
 margin-left: 10px;
}

div.boxAmount{
 margin-left: 180px;
 margin-top: 30px;
 width: 80px;
 height: 50px;
}

div.flagContainer{
    width: 130px;
 float: left;
 margin: 10px 0 0 3px;
 border: solid #999 1px;
}

div.flagImage{
 width: 130px;
 height: 65px;    
}

div.flagDescriptionQuin{
 display: table-cell;
 width: 130px;
 height: 30px;
 text-align: center;
 vertical-align: middle;
 padding: 2px;
 background-color: #000000;
 color: #ffffff;
}

/* ---------------------------------------------------------------- */

/* CSS for Staff Bio Pages - Edited 12/06/13 B.Haslam */

.imgAlignRight { 
  float:right;
  margin: 10px 20px 15px 15px; 
}

.imgAlignLeft { 
  float:left; 
  margin: 10px 15px 15px 0;
}

/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */

/* CSS for splitting Subject Area home pages - Edited 13/06/13 B.Haslam */

div.homeContainer{
  width: 100%  
}

div.leftBox{
  width: 240px;
  float: left;
  padding: 13px 0 0 0;  
}

div.rightBox{
  width: 420px;
  float: right;
  padding-right: 10px;
}

/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */

/* CSS for staff profile pages - Edited 19/06/13 B.Haslam */

div.staffProfile{
    min-height: 600px;
}
div.clearClass{
    clear: both;
}


/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

/* CSS for full width pages - Edited 25/06/13 B.Haslam */

#contentWrapperFullWidthEdit{
    width: 930px;
	margin: 10px auto 10px auto;
	padding: 0 0 0 0;
}

#MainContentFullWidthEdit{
    width: 100%;
	padding: 10px 0 0 0;
	line-height: 21px;
    z-index: 50;
}

#titleWrapperFullWidthEdit{
    width: 940px;
	margin: 40px auto 0 auto;
}

#PageTitleFullWidthEdit h2 {
    padding: 20px 0 3px 0;
    z-index: 10;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 32px;
	font-weight: normal;
}

#shareThisFullWidthEdit{
    width: 230px;
	float: right;
}

/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

/* CSS for course related links - Edited 02/07/13 B.Haslam */

#courseRelatedLinks{
    width: 670px;
}

.linkBox{
	width: 90px;
	padding: 0 2px 0 2px;
	float: left;
}

.linkIcon{
	width: 90px;
	height: 90px;
	padding-bottom: 5px;	
}

.linkTitle{
	width: 90px;
	text-align: center;
}

/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

/* CSS for careers pages - Edited 03/07/13 B.Haslam */

#careersContentFooter{
    width: 670px;
	height: 59px;
}

.greyScalePic, .greyScalePicInner{
	width: 140px;
	float: left;
}

.greyScalePicInner{
	padding-left: 27px;
	padding-right: 27px;
}

#careersQuickLinks{
    width: 670px;
	height: 59px;
    padding-top: 40px;
}

.quickLinkIcon, .quickLinkIconLeft, .quickLinkIconRight{
	width: 100px;
	float: left;
}

.quickLinkIconLeft{
	padding-right: 6px;
}

.quickLinkIconRight{
	padding-left: 6px;
}

.quickLinkIcon{
	padding-left: 7px;
	padding-right: 7px;
}

.videoLeft{
    width: 330px;
}

.videoRight{
    width: 330px;
    padding-left: 5px;
}

.videoTitle{
    width: 320px;
    padding: 5px;
}

.videoDesc{
    width: 320px;
    padding: 5px;
}

.downloadList{
    width: 675px;
	height: auto;
}

.downloadContainerLeft, .downloadContainerRight{
	width: 324px;
	height: 40px;
	float: left;
	padding: 3px;
	margin-bottom: 5px;
	background-color: #a6d9ef;
	border: #004990 solid 1px;
}

.downloadContainerRight{
	margin-left: 10px;
}

.fileTypePDF{
	width: 40px;
	height: 40px;
	float: left;
	background-image: url(/Careers/Images/pdfIcon.png);
	background-repeat: no-repeat;	
}

.fileTypeDOC{
	width: 40px;
	height: 40px;
	float: left;
	background-image: url(/Careers/Images/docxIcon.png);
	background-repeat: no-repeat;	
}

.downloadTitle{
	width: 270px;
	min-height: 40px;
	float: left;
	padding-left: 10px;
	line-height: 40px;
}

/* ---------------------------------------------------------------- */




/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */

/* CSS for Utility Icons - Edited by Dan 08/08/2013 */

.Contact{
  background-color: #c80505;
}

.staffPortal{
  background-color: #0e5d30;
}

.students{
  background-color: #231f20;
}

.checkEmail{
  background-color: #01a7eb;
}

.courseFinder{
  background-color: #009f3c;
}

.iconBar{
  margin-top: 30px;
}

#rollover {
    margin:0;
	padding:0;
}

#rollover li{
	display: inline;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#rollover li a{
  list-style: none;
  text-decoration: none;
}

#rollover li a span {
	visibility: hidden;
	display: block;
	position: absolute;
	width: 170px;
	left: 5px;
	top: 37px;
	color: #fff;
	border-bottom: 1px solid #999;
	padding: 5px;
	font-size: 14px;

}

#rollover li a:hover span, #rollover li a:active span, #rollover li a:focus span {
  visibility: visible;
}

#rollover li a:hover, #rollover li a:focus{
  text-decoration: none;
  color: #FF6600;
  visibility: visible; 
}

/* ---------------------------------------------------------------- */


/* CSS for Overriding clear:both on forms - Edited by Dan 09/08/2013 */

.sys_cms-form-control ul.sys_cms-form-body li:after {
    clear: left!important;
    list-style: none!important;
    background: none!important;
    background-image: none!important;
}

.sys_cms-form-body {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 550px;
}

#contensisform li {
     background-image: none!important;   
}


#clearingcontainer {
  height:472px;
  margin:3px auto;
  padding:0;
  position:relative;
  width:939px;
  z-index:500;
}


/* ---------------------------------------------------------------- */


/* CSS for Student Services - Edited by Brett 28/08/2013 */

.sloWrapper{
    width: 237px;
    height: auto;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
}

.sloHeading{
    height: 30px;
    padding-top: 10px;
    background-color: #000;
    color: #fff;
	text-align: center;
    font-size: 18px;
}

.sloContent{
    padding-left: 10px;
}

.sloImage{
    width: 237px;
    height: 238px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


/* ---------------------------------------------------------------- */


/* CSS for Islamic Finance - Edited by Brett 03/09/2013 */

.citation{
    text-align: right;
}

.AlignLeft{
    text-align: left!important;
    padding: 5px 5px 5px 5px;
}

.imgAlignLeft{
    float: left;
    padding: 5px 5px 5px 5px;
    outline: 1px solid #ccc;
    border: 1px solid #fff;
}

.imgAlignRight{
    float: right;
    padding: 5px 5px 5px 5px;
    outline: 1px solid #ccc;
    border: 1px solid #fff;
}

/* ---------------------------------------------------------------- */


/* CSS for Accommodation section - Edited by Brett 13/09/2013 */

.accommodationColumn{
    width: 180px;
    float: left;
    margin-right: 8px;
    padding: 10px;
}

.mapColumn{
    width: 300px;
    float: left;
}


/* ---------------------------------------------------------------- */
/* Block quote juicyness - Edited by Brett 28/10/2013 */

blockquote {
    width: 550px;
    background:#eee;
    padding:24px 20px 16px 25px;
    line-height:24px;
    border: solid 4px #fff;
    outline: solid 2px #eee;
}
blockquote p {
    text-align:right;
    padding:0;
    color: #134977;
    display:block;
}
blockquote p.quote {
    text-align:justify;
    padding:0 0 5px 20px;
    position:relative;
}
blockquote p.quote:before, blockquote p.quote:after {
    content: '”';
    font-size: 48px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color: #134977;
    font-weight:bold;
    vertical-align:top;
    line-height:0.8
}
blockquote p.quote:before {
    content: '“';
	position:absolute;
    left:-8px;
    top:-5px;
}


/*
Customer groups styles main page left hand col
*/ 
.info_for ul {
    background: none repeat scroll 0 0 #E8E8E8;
    color: #FFFFFF;
    list-style: none outside none;
    padding: 8px;
    text-indent: 10px;
    width: 280px;
}
.info_for ul li#active {
    background: none repeat scroll 0 0 #666666;
    color: white;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
}
.info_for ul li {
    background: none repeat scroll 0 0 #CCCCCC;
    line-height: 18px;
}
.info_for ul li a:link {
    color: #000000;
    display: block;
    text-decoration: none;
}

#HomepageBoxes img {
     border: 0;
     margin: 0;
     padding: 0;
}

#studentportalrightcolumn {
    float: right;
	width: 275px;
	margin: -13px 30px 0 5px;
	padding-right: 30px;
}

/* CSS for Undergraduate/Teachers Advisors section - Edited by Brett 23/09/2013 */

.advisorsContainer{
    width: 330px;
    height: 235px;
    float: left;
    margin-left: 7px;
    margin-bottom: 15px;
    background-color: #fff;
    border: solid 1px #eee;
}

.advisorPhoto{
    width: 150px;
    height: 225px;
    padding: 5px;
    float: left;
}

.advisorName{
    width: 160px;
    height: 30px;
    float: right;
    padding: 50px 5px 10px 5px;
    text-align: right;
}

.advisorTel{
    width: 160px;
    height: 10px;
    float: right;
    padding: 2px 5px 5px 5px;
    text-align: right;
}

.advisorEmail{
    width: 160px;
    height: 10px;
	float: right;
    padding: 2px 5px 0 5px;
    text-align: right;
}


.chaplainContainer{
    width: 673px;
    min-height: 180px;
    margin: 0 0 25px 2px;
	border: solid 1px #eee;
    background-color: #fff;
}

.chaplainPhoto{
	width: 113px;
	height: 174px;
	float: left;
	padding: 3px 10px 3px 5px;
}

.chaplainName{
	width: 530px;
	float: right;
	padding: 3px 10px 3px 0;
}

.chaplainBelief{
	width: 530px;
	float: right;
	padding: 5px 10px 3px 0;
}

.chaplainContact{
	width: 530px;
	float: right;
	padding: 5px 10px 3px 0;
}

.chaplainText{
	width: 530px;
	float: right;
	padding: 5px 10px 3px 0;
}

.cifNewsEvent{
    width: 660px;
    height: 200px;
    padding: 5px 5px 5px 5px;
    border: solid 4px #fff;
    outline: solid 2px #eee; 
    background: #eee;
}

.cifNewsEventContent{
    width: 515px;
    height: 190px;
    float: left;
}

.cifNewsEventImage{
    width: 140px;
    height: 190px;
    padding-left: 5px;
    float: left;
}