/* CSS RESETS - REMOVE OLD STYLING */

a:focus{
	color:#e11121 !important;
}

body,
.outerWrapper{
	background-color:#FFFFFF !important;
	background-image:none !important;
	padding:0px;
}

#fwnav,
ul#footer,
#footerPadding{
	display:none !important;
}

.outerWrapper{
	width:auto;
}

#header{
	height:auto !important;
	background-image:none !important;
	background-color:transparent !important; /* temp */
	margin-top:20px;
}

#header h1{
	position:static;
}

#header h1 a{
	background-image:none !important;
}

#header a span{
	visibility:visible !important;
	position:static !important;
}

#header h2{
	font-size:auto !important;
	height:auto !important;
	position:static !important;
	width:auto !important;
}

#header h2 a{
	width:auto !important;
	height:auto !important;
}

#ask-logo{display:none;}

#header #ask-logo{
	float:right;	
	margin-right:13%;
	margin-top:26px;
}

form[action="https://search.ncl.ac.uk/s/search.html"]{display:none;}

#header #ask-logo img{
	height:60px;
}

.innerWrapper{
	border:none !important;
}

#contentWrapper{
	width:auto !important;
	/*background-color:#FCF !important;*/
}

#contentArea{
	border:none !important;
	/*float:none !important;*/
	font-size:auto !important;
	line-height:normal !important;
	padding:0px !important;
	position:static;
	/*width:auto !important;*/
}

#contentArea iframe{
	width:100% !important;
}

#contentArea .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}

#contentArea .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sidebar{
	/*float:none !important;*/
	padding:0px !important;
	/*width:auto !important;*/
}

/* BEGIN RE-STYLING */

@font-face{
    font-family: BariolRegular;
    src:url('../fonts/Bariol_Regular.otf'),
	url('../fonts/Bariol_Regular.woff') format('woff')
}

@font-face{
    font-family:BariolBold;
    src:url('../fonts/Bariol_Bold.otf'),
	url('../fonts/Bariol_Bold.woff') format('woff');
}

@font-face{
    font-family: BariolLight;
    src:url('../fonts/Bariol_Light.otf'),
	url('../fonts/Bariol_Light.woff') format('woff')
}

@font-face{
    font-family: DroidSans;
    src:url('../fonts/DroidSans.ttf'),
}

html > *{
	font-family:BariolRegular,arial;
	font-size:1.4em;
}

/* needs to be within width swtich */

#globalNav ul#usability{display:none;}

#globalNav{
	padding-top:10px !important;
	background-color:transparent;
	border:none;
	font-size:0.8em;
	font-family:BariolLight;
}

.fullWidth:not(#fullHeader),
#header h2{
	width:74%;
	margin:0 auto;
	padding:0px 13% 0px 13%;
}

#header h1{
	margin:0px 13% 0px 13%;
	padding-top:10px;
	padding-bottom:15px;
}

#header h1 a{
	background-image:url('../graphics/layout/logo.svg') !important;
	background-size:100%;
	width:230px !important;
	height:80px !important;
}

#header h1::after{
	content:".";
	color:transparent;
	height:1px;
	width:100%;
	display:block;
	position:absolute;
	border-bottom:1px dashed #999999;
	padding-top:15px;
	left:0px;
}


#header h2 > *{
	color:#037eaf;
	font-family:BariolLight;
	text-decoration:none !important;
	font-size:2.1em;
	font-weight:normal;
}


#header h2{
	/*background-color:yellow;*/
	padding-top:20px;
	padding-bottom:30px;
}

#header h2::after{
	content:".";
	color:transparent;
	height:1px;
	display:block;
	position:absolute;
	border-bottom:1px dotted #000000;
	padding-top:20px;
	left:0px;
	width:74%;
	margin:0px 13% 0px 13%;
}

a.mobile_toggle{display:none;}
#mobile_menu{display:none;}

#header #site-search{
	float:right;
	position:absolute;
	top:10px;
	right:13%;
}

#header #site-search form{
	position:static;
	float:left;
}

#header #site-search input{
	display:none;
	width:300px;
	font-size:1.1em;
	padding:15px;
	border:1px solid #999999;
	border-radius:25px;
	color:#666666;
	margin-top:5px;
	margin-right:10px;
	outline:none; /* safari / mobile glow remove */
}

#header #site-search a{
	width:35px;
	height:35px;
	display:block;
	background-image:url('../graphics/layout/icon-search-black.svg');
	background-repeat:no-repeat;
	background-position:center center;
	color:transparent;
	text-indent:-100000;
	border:1px solid #333333;
	padding:15px;
	border-radius:50px;
	float:left;
}

#header #site-search a:hover{border-color:#037eaf;}

#contentArea{
	font-family:BariolRegular;
	float:right;
	/*background-color:grey;*/
	width:100% !important;
	margin-bottom:50px;
}

#contentArea h3{
	color:#003965;
	font-weight:normal;
	font-family:BariolRegular;
	font-size:2.7em;
	border-bottom:none;
}

#contentArea h4{
	color:#037eaf;
	font-weight:normal;
	font-family:BariolRegular;
	font-size:1.7em;
	margin-bottom:0px;
	clear: both;
	
}

#contentArea h5{
	color:#003965;
	font-weight:normal;
	font-family:BariolRegular;
	font-size:1.6em;
	margin-bottom:0px;
}

#contentArea h5 a{
	font-weight:normal;
	font-family:BariolRegular;
}

#contentArea h6{
	color:#003965;
	font-weight:normal;
	font-family:BariolBold;
	font-size:1.3em;
	margin-bottom:0px;
	margin-top:30px;
}

#contentArea hr{
	padding-top:20px;
	border-bottom:1px dotted #000000;
}

#contentArea p{
	line-height:150%;
}

#contentArea p,
#contentArea li{
	font-size:1.1em;
}

#contentArea strong{
	font-weight:normal;
	font-family:BariolBold;
}

#contentArea a{
	color:#015a9e;
	font-family:BariolBold;
}

#contentArea p.error{
	background-color:#de1f3e;
	padding:10px;
	color:#FFFFFF;
	font-weight:bold;	
}

#contentArea a:visited{color:#663399;}
#contentArea a:hover{color:#993333;}

#contentArea p.intro{
	font-size:1.4em;
}

#sidebar{
	float:left;
	/*background-color:yellow;*/
	width:20% !important;
	
}

#sidebar .navigation ul li{
	font-family:BariolBold !important;
	font-size:1.05em;
}

#sidebar .navigation ul li a,
#sidebar .navigation ul li strong{
	width:80% !important;
	margin-right:20%;
	padding:15px 0px 15px 0px !important;
}

#sidebar .navigation ul li.depth1>*>span{
	/* hide top level "internal" */
	font-family:BariolRegular;
	color:#003965;
}

#sidebar .navigation ul li.depth3 a{}

#sidebar .navigation ul li.depth4 a,
#sidebar .navigation ul li.depth4 strong{
	margin-left:30px;
	font-size:.9em !important;
}

#sidebar .navigation li.section/*:not(.depth1)*/ a,
#sidebar .navigation li.section/*:not(.depth1)*/ strong{
	border-bottom:1px dotted #000000 !important;
}

#sidebar .navigation li.section.depth2:last-child>*{
	border-bottom:none !important;	
}

#sidebar .navigation li.section.depth2>a{color:#003965;}
#sidebar .navigation li.section strong{color:#de1f3e;}
#sidebar .navigation li.section a:hover{color:#037eaf;text-decoration:none !important;}

#sidebar .navigation li.section.depth3 span:before{
	content:"- ";
}

#footer_bottom{
	font-family:BariolRegular;
	margin-bottom:30px;
	float:left;
}

#footer_bottom p{
	text-align:left;
	padding-bottom:20px;
}

#footer_feedback{
	float:right;
	margin-right:13%;
}

#contentArea .box_span{
	float:left;
	margin:20px 0px 40px 0px;
}

#contentArea .box_span span{
	font-family:BariolRegular !important;
}

#contentArea .box_span.three_box_span{
	/*width:30%;
	margin-right:3.3%;*/
	/* doing these adjustments is over 100% so needs JS intervention */
	width:31%;
	margin-right:3.5%;
	height:300px;
}

#contentArea .box_span.two_box_span{
	width:47.3%;
	margin-right:1.95%;
	height:360px;
}

#contentArea .box_span.three_box_span.no_description{height:270px;}
#contentArea .box_span.two_box_span.no_description{height:350px;}

#contentArea .box_span.no_image{height:auto !important;}
#contentArea .box_span.no_image span{padding-bottom:10px !important;}

#contentArea .box_span.pdf a{
    background-image:url("/ask/assets/graphics/icon-pdf.svg");
    background-repeat:no-repeat;
    background-position:center right 15px;
    background-size:auto 65%;
    padding-right:100px;
    background-color:#318ba2;
}

#contentArea .box_span.pdf a:hover{
    background-color:#1e7287;
}

#contentArea .box_span img{
	width:100%;
    max-height:70%;
}

#contentArea .box_span a>*{
	display:block;
	margin:0px;
	line-height:150%;
	font-family:BariolRegular;
}

#contentArea .box_span a{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#004b83;
	display:block;
	height:100%;
}

#contentArea .box_span a:hover{
	background-color:#003965;
	text-decoration:none !important;
}

#contentArea .box_span span{
	font-family:BariolBold;
	font-size:1.4em;
	padding:10px 15px 0px 15px;
}

#contentArea .box_span p{
	padding:0px 15px 5px 15px;
}

#contentArea blockquote{
	padding:0px;
	color:#037eaf;
	font-family:BariolLight;
	font-size:1.5em;
	float:right !important;
	width:33%;
	display:block;
	margin:10px 0px 10px 10px;
	padding:20px;
	line-height:120%;
}

#contentArea blockquote::before,
#contentArea blockquote::after{
	content:"'";
	width:11px;
	height:19px;
	display:inline-block;
	color:transparent;
}

#contentArea blockquote::before{
	background-image:url('../graphics/layout/quote-open-grey.svg');
	margin-right:10px;
}

#contentArea blockquote::after{
	background-image:url('../graphics/layout/quote-close-grey.svg');
	margin-left:10px;
}

#contentArea a.button,
#footer_feedback a.button{
	display:inline-block;
	background-color:#003965;
	color:#FFFFFF;
	padding:15px 25px;
	font-size:130%;
	text-decoration:none !important;
	border-radius:100px;
	margin:10px 0px;
}

#contentArea a.button.smaller{
	padding:12px 20px;
	font-size:110%;
	margin:10px 0px;
}

#footer_feedback a.button{
	font-size:.8em;
	padding:10px 20px;
	background-image:url('../graphics/layout/icon-feedback.png');
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:35px;
}

#contentArea a.button::after{
	content:">";
	font-family:BariolRegular;
	padding-left:15px;
}

#contentArea a.button.button_action{background-color:#de1f3e;}
#footer_feedback a.button:hover,
#contentArea a.button:hover{background-color:#037eaf !important;}

#contentArea img[align="left"]{
	float:left;
	width:40%;
	margin-right:40px;
}

#contentArea img[align="right"]{
	float:right;
	width:40%;
	margin-left:40px;
}

#contentArea img[align="middle"]{
	width:100%;
	margin:20px 0px;
}

#contentArea table{
	width:100%;
	font-size:1.1em;
	margin:40px 0px;
}

#contentArea table tr th{
	border-top:2px solid #999999;
	border-bottom:2px solid #999999;
	padding:15px;
	text-align:left;
	font-family:BariolBold;
	font-weight:normal;
	color:#003965;
	font-size:1.3em;
}

#contentArea table tr td{
	border-bottom:1px solid #999999;
	padding:15px;
}

#contentArea .masthead{
	position:relative;
	margin-bottom:30px;
}

#contentArea .masthead h3 a{
    font-family:BariolRegular;
}


#contentArea .masthead h3 a:hover{
    color:#993333;
}

#contentArea .masthead h3 a:after{
    content:">";
    color:#037eaf;
    text-decoration:none !important;
    display:inline-block;
    margin-left:15px;
    transition:all 0.15s linear;
}

#contentArea .masthead h3 a:hover:after{
    margin-left:20px;
}

#contentArea .masthead img{
	width:100%;
}

#contentArea .masthead div.full_width{
	width:89%;
}

#contentArea .masthead div ul{
	list-style:none;
    padding:0;
    margin:0;
}

#contentArea .masthead div ul li{
	display:inline-block;
    /*width:17.5%;
    padding-right:2%;*/
    width:21.5%;
    padding-right:4%;
}

#contentArea .masthead div ul li a{
	background-color:grey;
    display:block;
    height:120px;
    background-position:center center;
    background-size:100% auto;
    background-repeat:no-repeat;
    font-size:0;
	color:transparent;
}

#contentArea .masthead div ul li#home-ol-learning-online a{
    background-image:url("/ask/assets/graphics/box-home-ol-learning-online.png");
    background-color:#934f9a;
}

#contentArea .masthead div ul li#home-ol-online-assessment a{
    background-image:url("/ask/assets/graphics/box-home-ol-online-assessment.png");
    background-color:#00709a;
}

#contentArea .masthead div ul li#home-ol-independent-learning a{
    background-image:url("/ask/assets/graphics/box-home-ol-independent-learning.png");
    background-color:#e50c7c;
}

#contentArea .masthead div ul li#home-ol-managing-time-and-motivation a{
    background-image:url("/ask/assets/graphics/box-home-ol-managing-time-and-motivation.png");
    background-color:#
}

/*#contentArea .masthead div ul li#home-ol-finding-and-evaluating-information-online a{
    background-image:url("/ask/assets/graphics/box-home-ol-finding-and-evaluating-information-online.png");
    background-color:#
}*/

#contentArea .masthead div ul li#home-ol-managing-time-and-motivation{
    padding-right:0;
}

#contentArea .masthead div ul li#home-ol-finding-and-evaluating-information-online{
    padding-right:0;
}

#contentArea .object_float_right{
	float:right;
	width:40%;
	margin-left:3%;
    margin-top:20px;
}

#contentArea .dual_object_float{
    width:45%;
    float:left;
    margin-right:5%;
    margin-top:20px;
    margin-bottom:20px;
}

#contentArea .featured_checklist{
	float:right;
	background-color:#318ba2;
	width:34%;	
	padding:25px 3%;
	margin-left:3%;
	margin-top:20px;
}

#contentArea .featured_checklist>*{color:#FFFFFF;}

#contentArea .featured_checklist h4{
	margin-top:0px;
}

#contentArea .featured_checklist ul{
	padding-left:0px;
}

#contentArea .featured_checklist ul li{
	list-style:none;
	padding-left:40px;
	margin-top:20px;
	background-image:url('../graphics/layout/icon-tick.png');
	background-repeat:no-repeat;
}

#contentArea .apester_container{
	float: right;
	background-color: #ffffff;
	background-image: url("../graphics/quiz_bg/3.jpg");
	width: 40%;
	max-width: 600px;
	margin: 0px;
	margin-left: 3%;
}

ul#blog_carousel{
	padding-left:0;
	margin-bottom:-10px;
}

ul#blog_carousel li{
	list-style: none;
	display:none;
	background-color:aliceblue;
	width:100%;
	height:250px;
	margin-right:5%;
	margin-bottom:30px;
	background-image:url("/library/assets/graphics/resources-liaison-blog-default-image.jpg");
	background-position:center;
	background-size:100%;
	/*-moz-box-shadow: 0 0 12px #b0adad;
	-webkit-box-shadow: 0 0 12px #b0adad;
	box-shadow: 0px 0px 12px #b0adad;*/
}

ul#blog_carousel li a{
	display:table;
	width:100%;
	height:100%;
	text-decoration:none !important;
}

ul#blog_carousel li a span{
	vertical-align:bottom;
	display:table-cell;
}

ul#blog_carousel li a span span{
	background-color:rgba(0,0,0,.6);
	text-align:left;
	width:94%;
	display:block;
	padding:20px 3%;
	color:#000000;
	font-size:2em;
	line-height:1em;
	font-family:BariolBold;
	font-weight:normal;
	color:#FFFFFF;
}

ul#blog_carousel li a:hover span span{
	background-color:rgba(0,0,0,.65);
}

#contentArea #tabbed_content_buttons h5{
	display:inline-block;
	background-color:#037eaf;
	color:#FFFFFF;
	font-size:1.4em;
	padding:15px;
	cursor:pointer;
	border:1px solid #037eaf;
	border-bottom:none;
	margin-right:5px;
}

#contentArea #tabbed_content_buttons h5:hover,
#contentArea #tabbed_content_buttons h5.active{
	background-color:#FFFFFF;
	color:#037eaf;
}


/* feedback form page (embedding forms.ncl) */

#form_container ul{padding-left:0px;}

#form_container ul li{
	list-style:none;
	padding-bottom:20px;
}

#form_container input.text,
#form_container textarea{
	font-family:BariolRegular;
	padding:10px 15px;
	font-size:1.2em;
	width:90%;
	border-radius:15px;
	border:1px solid #037eaf;
}

#form_container textarea{height:100px;}
#form_container input.text:focus{border:1px solid #003965;}
#form_container input.radio{float:left;}
#form_container label{display:block;}

#form_container label:not(.choice){
	font-family:BariolBold;
	padding:10px 0px;
}

#form_container label.choice{margin-bottom:5px;}
#form_container h3:not(#error_message_title){display:none;}

#form_container h3{
	font-size:1.2em;
	color:#de1f3e;
	font-family:BariolBold;
}

#form_container p.error{color:#de1f3e;}

#form_container input#saveForm{
	background-color:#003965;
	color:#FFFFFF;
	padding:15px 25px;
	font-size:130%;
	border-radius:100px;
	margin:10px 0px;
	border:none;
	font-family:BariolRegular;
}

#form_container input#saveForm:hover{background-color:#037eaf;}

/* calendar whats on */
#contentArea h6.event_title{
	margin:15px 0px;
	font-family:BariolRegular;
	font-size:1.1em;
}

#contentArea h4.event_title span,
#contentArea h6.event_title span{
	font-size:0.6em;
	text-transform:uppercase;
	background-color:#666666;
	display:inline-block;
	color:#FFFFFF;
	margin-left:5px;
	padding:3px 5px;
	font-family:BariolRegular;
}

#contentArea h4.event_title span{font-size:0.5em;}

#contentArea .event_title span.library{background-color:#dc2127;}
#contentArea .event_title span.nusu{background-color:#5484ed;}
#contentArea .event_title span.maths-aid{background-color:#eebc0f;}
#contentArea .event_title span.workshop{background-color:#d002ba;}
#contentArea .event_title span.chaplaincy{background-color:#ef770a;}
#contentArea .event_title span.wellbeing{background-color:#8505e8;}
#contentArea .event_title span.wdc{background-color:#51b749;}
#contentArea .event_title span.ask{background-color:#04b9b0;}

#contentArea .google_map img{
	float:right;
	border-radius:80px;
}

#contentArea ul.next_previous_links{
    list-style:none;
    padding:0;
    margin:0; 
    font-size:1.2em;
    padding-top:40px;
}

#contentArea ul.next_previous_links li{
    padding:0;
    margin:0;
    display:inline-block;
    width:50%;
}

#contentArea ul.next_previous_links li.next_previous_links_next{
    text-align:right;
}


#cc_footer{
	margin:0px 13% 60px 13%;
	font-size:0.75em;
}

#footer_bottom a,
#cc_footer a{
	color:#015a9e !important;
	font-family:BariolBold;
}

#footer_bottom a:hover,
#cc_footer a:hover{
	color:#993333 !important;	
}

	
/* only do masthead stuff for desktop */
@media (min-width: 1024px){	
	
	#contentArea .masthead div:not(.homepage-events-widget){
		position:absolute;
		background-color:rgba(255, 255, 255, 0.95);
		/*width:60%; - normal width (before online learning)*/
		margin:3%;
		padding:2%;
	}
	
	#contentArea .homepage-events-widget a.button{margin-left:-10px;}
	
	#contentArea .homepage-events-widget{
		position:absolute;
		top:0px;
		right:0px;
		background-color:rgba(255, 255, 255, 0.85);
		height:100%;
		max-width:35%;
		padding:0px 5% 0px 4%;
	}
    
	#contentArea .masthead h3{
		color:#037eaf;
		margin:0px 0px 10px 0px;
	}
	
	#contentArea .masthead p{
		margin:0px 0px 10px 0px;
		font-size:1.3em;
		line-height:120%;
	}

}

@media (max-width: 1500px){
	
	#contentArea .homepage-events-widget.minimise{padding-top:0px;}
	#contentArea .homepage-events-widget.minimise h4{margin-top:20px;}
	#contentArea .homepage-events-widget.minimise a.button{display:none;}
	
}

@media (max-width: 1300px){ /* was 1200px */
	
	.fullWidth:not(#fullHeader),
	#header h2{
		width:90%;
		padding:0px 5% 0px 5%;
	}
	
	#header{
		margin-top:0px;
	}
	
	#header h1{
		margin:0px 5% 0px 5%;
	}
	
	#header h1 a{
		width:160px !important;
		height:55px !important;
	}	
	
	#header h2 > *{
		font-size:1.2em;
	}
	
	#header h2{
		padding-top:20px;
		padding-bottom:20px;
	}
	
	#header h2::after{
		width:90%;
		margin:0px 5% 0px 5%;
	}
	
	#header #site-search{right:5%;}
	
	#header #site-search a{
		padding:11px;
	}
	
	#header #ask-logo{	
		margin-right:5%;
		margin-top:17px;
	}
	
	#header #ask-logo img{
		height:50px;
	}
	
	#contentArea h3{
		font-size:2em;
	}
	
	#contentArea .box_span.three_box_span.no_description{height:240px;}
	
	#contentArea p,
	#contentArea li{
		font-size:1.1em;
	}
	
	#contentArea p.intro{
		font-size:1.3em;
	}
	
	#contentArea .masthead p{
		margin:0px 0px 10px 0px;
		font-size:1.3em;
		line-height:120%;
	}
	
	#contentArea #tabbed_content_buttons h5{
		font-size:1.3em;
		padding:10px;
	}
	
	#footer_feedback{
		margin-right:5%;
	}
	
	#cc_footer{
		margin:0px 5% 60px 5%;
	}
	
	#cc_footer img{
		display:block;
		margin-bottom:10px;
	}
		
}

/* mobile */
@media (max-width: 1023px){

	#contentArea,
	#sidebar{
		float:none;
		width:100% !important;
	}
	
	#sidebar{
		margin-top:50px;
	}
	
	#sidebar .navigation ul li a,
	#sidebar .navigation ul li strong{
		width:100% !important;
		margin-right:0%;
	}
	
	#globalNav{
		display:none;
		font-size:0.7em;
	}
	
	a.mobile_toggle{
		display:block;
		position:absolute;
		top:10px;
		right:5%;
		text-indent:-10000px;
		width:40px;
		height:40px;
		border:1px solid #999999;
		border-radius:20px;
		background-repeat:no-repeat;
		background-position:center center;
	}
	
	a#mobile_menu_toggle{background-image:url('../graphics/layout/icon-menu.svg');}
	
	a#mobile_search_toggle{
		background-image:url('../graphics/layout/icon-search.svg');
		margin-right:50px;
	}	
	
	body.mobile_menu_showing a#mobile_menu_toggle,
	body.mobile_search_showing a#mobile_search_toggle{background-image:url('../graphics/layout/icon-close.svg');}
	
	body.mobile_menu_showing #globalNav,
	body.mobile_search_showing #header #site-search{display:block;}
	
	#mobile_menu{
		background-color:#003965;
		color:#FFFFFF;
		display:none;
		width:90%;
		margin-top:10px;
		padding:10px 5% 20px 5%;
	}
	
	#mobile_menu ul{
		list-style:none;
		padding:0px;
		margin:0px;
		margin-left:5px;
	}
	
	#mobile_menu ul li.depth1>a,
	#mobile_menu ul li.depth1>strong{
		display:none !important;
	}
	
	#mobile_menu strong{
		padding:0px; /*reset */
		margin:0px;
	}
	
	#mobile_menu a,
	#mobile_menu a:hover,
	#mobile_menu strong{
		display:block !important;
		text-decoration:none !important;
		padding-top:5px;
		padding-bottom:5px;
		border-bottom:1px dotted #FFFFFF;
		width:100%;
	}
	
	#mobile_menu ul .depth1>strong,
	#mobile_menu ul .depth1>a{
		display:none;
	}
	#mobile_menu ul .depth2{
		margin-left:0px;
	}
	
	#mobile_menu ul .depth3,#mobile_menu ul .depth4{
		margin-left:15px;
	}
	
	#mobile_menu span{
		color:#FFFFFF;
		font-size:0.8em;
	}
	
	#mobile_menu strong{
		font-weight:normal;
		font-family:BariolBold;
	}
	
	body.mobile_menu_showing #mobile_menu{
		display:block;
	}
	
	#header #site-search{
		float:none;
		position:static;
		background-color:#003051;
		padding:15px 15px 20px 15px;
		margin-top:4px;
		display:none;
	}
	
	#header #site-search form{
		position:static;
		float:none;
		width:100%;
	}
	
	#header #site-search input{
		display:block;
		width:70%;
		font-size:1em;
		padding:10px 5%;
		border:2px solid #003051;
		float:left;
	}
	
	#header #site-search input:focus{border:2px solid #037eaf;}
	
	#header #site-search a{
		width:5%;
		height:20px;
		display:block;
		background-repeat:no-repeat;
		background-position:center center;
		background-size:50%;
		color:transparent;
		text-indent:-100000;
		border:2px solid #003051;
		float:left;
		background-color:#FFFFFF;
		margin-top:4px;
		padding:2.7%;
	}
	
	#header #site-search a:hover{border-color:#037eaf;}
	
	#header #ask-logo{display:none !important;}
	
	#contentArea h4{
		font-size:1.6em;
	}
	
	#contentArea p,
	#contentArea li{
		font-size:1em;
	}
	
	#contentArea a.button{
		font-size:110%;
		padding:10px 20px;
	}
	
	#contentArea .box_span{
		float:none;
		margin-right:0px !important;
		width:100% !important;
		height:auto !important;
		margin-bottom:50px;
	}
	
	#contentArea blockquote{
		float:none !important;
		width:100%;
		display:block;
		padding:20px 0px;
		line-height:120%;
		margin:0px;
		text-align:center;
	}
	
	#contentArea iframe.video{
		width:100%;
		margin:20px 0px;
	}
	
	#contentArea img[align="left"],
	#contentArea img[align="right"]{
		width: 100%;
		margin: 20px 0px;
	}
	
	#contentArea .masthead p{
		font-size:1.3em;
	}
    
    #contentArea .masthead div ul li{
        width:45%;
        padding-right:4%;
    }
    
    /* temporarily hide the redundant background image from online learning */
    #contentArea .masthead img{
        display:none;
    }
	
	#contentArea table,#contentArea table tr th{font-size:1em !important;}
	
	#contentArea .box_span.no_description span{
		padding-bottom:30px;
	}
	
	#contentArea .featured_checklist{
		float:none;
		width:94%;	
		margin:30px 0px;
		padding:25px 3%;
	}
    
    #contentArea .object_float_right{
        float:none;
        width:94%;
        margin-left:0;
    }
    
    #contentArea .dual_object_float{
        float:none;
        width:94%;
        margin-right:0;
    }
    
	
	#contentArea .apester_container{
		float: none;
		max-width: 100%;
		width: 94%;	
		margin:30px 0px;
		padding:25px 3%;
	}
	
	#contentArea #tabbed_content_buttons{
		margin-top:20px;
	}
	
	#contentArea #tabbed_content_buttons h5{
		display:block;
		padding:15px 3%;
		border:1px solid #037eaf;
		width:94%;
		margin-top:5px;
	}
	
    #contentArea ul.next_previous_links li{
        display:block;
        width:auto;
    }
    
	#footer_bottom{
		float:none;
	}
	
	#footer_feedback{
		float:none;
		margin:0px 5%;
		margin-bottom:50px;
	}
	
}