/* CSS Document */
#main, #content, #hero, #subhero, #browse, #explore, #learning, #whatson, #related {
	float: none !important;
	width: 100% !important;
	background: none !important;
}

img {
	display: none !important;
}

#hero {
	float: none !important;
	width: 100% !important;
	padding: 5px;
}

#hero img {
	display: inline !important;
	padding: 0 !important;
}
#hero p {
	padding: 0 !important;
}




/* Top Banner and Breadcrumbs Starts */

#header div {
      width: 100%;
}

#header div img {
	display: inline !important;
}

#header img.oulogo {
      margin-left: 5%;
	display: inline !important;
}

#header img.bbclogo {
      float: left;
	margin-left: 5%;
	display: inline !important;
}

#nav {
	background-color: #fff !important;
	float: none;
	clear: both;
	/*turn off top tab knockoff corner image*/
	background-image: none !important;
}


#nav ul {
	background: none !important;
	background-color: #fff !important;
	background-image: none !important;
	width: auto;
	float: none;
	clear: both;
	list-style: circle !important; 
	padding: 5px 0 0 0; 
	margin: 0;

}

#nav li {
	background-color: #fff !important;
	background-image:  none !important;
	background: none !important;
	float: none;
	clear: both;
	padding: 0;
	margin:  0 0 0 20px !important;
}

#nav a {
	background-color: #fff !important;
	background-image:  none !important;
	background: none !important;
	padding: 0;
	display: inline !important;
	border-left: none;
	text-decoration: none;
	white-space: normal;
}

.navsearch {
	padding: 0;
	border-left: none;
}

#nav a:hover, #nav a:active, #topnavhome #navhome a:link, #topnavhome #navhome a:visited, #topnavhome #navhome a:hover, #topnavhome #navhome a:active, 
#topnavo2today #navopen2today a:link, #topnavo2today #navopen2today a:visited, #topnavo2today #navopen2today a:hover, #topnavo2today #navopen2today a:active, 
#topnavprogrammes #navprogrammes a:link, #topnavprogrammes #navprogrammes a:visited, #topnavprogrammes #navprogrammes a:hover, #topnavprogrammes #navprogrammes a:active,
#topnavdiscuss #navdiscussing a:link, #topnavdiscuss #navdiscussing a:visited, #topnavdiscuss #navdiscussing a:hover, #topnavdiscuss #navdiscussing a:active,  
#topnavlearning #navlearning a:link, #topnavlearning #navlearning a:visited, #topnavlearning #navlearning a:hover, #topnavlearning #navlearning a:active, 
#topnavindex #navazindex a:link, #topnavindex #navazindex a:visited, #topnavindex #navazindex a:hover, #topnavindex #navazindex a:active {
	background-color: transparent !important;
	background-image:  none !important;
	color: blue;
}

#navhome a, #navopen2today a, #navprogrammes a, #navlearning a, #navdiscussing a, #navazindex a, .navsearch a {
	background-color: #fff !important;
	background-image:  none !important;
	background: none !important;
	width: auto;
}

#bread {
	width: 100%;
	float: none;
	clear: both;
}

#bread div {
	float: none;
	clear: both;
}

/* Top Banner Ends */




/* Bottom Footer */
#btnav ul {
	margin-top: 5px !important;
}


#related, #related h3, #related span, #related p {
	margin: 0 !important;
	padding: 0 !important;
}

.twocolbigleft #subhero div, .twocolbigleft #related div {
	padding-left: 5px;
}











/*--start index page styles--*/
#index p {
	padding-bottom: 3px;
}


#whatson form select {
	width: auto;
}





/*--end index page styles--*/









#hero, #subhero div {
	height: auto;
}

html>body #hero, html>body #subhero div {
	min-height: 0;
}




/*fixes bullet points being too wide out from the main hero image and causing page scrolling from left-to-right*/
.open2today #hero ul, .programmes #hero ul, .toplevellearning #hero ul, .discussingtoplevel #hero ul, .learning #hero ul, #index #hero ul { 
	margin: 3px 3px 0px 0px;

}

#bread div.youare {
	padding-left: 3px;
	text-indent: 0;
}

#whatson div.whatsonsub {
	height: 0px;
}

#index #related p {
	margin: 5px !important;
}