/*  
Theme Name: OFFA
Theme URI: http://ilrt.org/
Description: OFFA WordPress theme.  Uses FastTemplate2 templating class to separate PHP from the HTML.
Version: 2.0
Author: ILRT
Author URI: http://ilrt.org/

*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,300italic,400italic,600italic,700italic);
body { 
	margin:0;
	font-size: 85%;
	padding: 0;  
	font-family: 'Open Sans',Verdana;
	position: relative; 
	background: #ffffff;  color:#333;}

/* logo */
#offalogo { 
	width: 100%;
	height:auto;
	position: relative; border: 0; }

/* HEADER */
#cookieNote {background-color: #F5FDE6; width: auto; color: #D76536; border: solid 2px #98CA45; font-size:15px;}
.close{ float:right; margin-right:25px; font-size:10px;}

.site-header {
	width: 100%;
	background-color: #007AA2;
	height:auto;
}
.wrapper {
	width:100%;
	position: relative;
	float:left;
}

#header { 
	position: relative;
	background: #98CA45; 
	padding: 0; 
	overflow: visible;
    margin: 0 auto;
    height: auto;
    max-width: 960px;
    box-sizing: border-box;
}


#header > ul.menu  { 
	width:100%;
	box-sizing:border-box;
	float: left; 
	position: relative;
	margin: 0 ; 
	padding:0; 
	background: #98CA45; 
	font-size: 0.9em; 
	font-weight: bold; 
	list-style-type: none; 
}


/* SEARCH within header */
#header form { 
	position: absolute;
	right: 0;
	top:0;
	/*float: right; */
	margin: 0; 
	padding: 6px 7px 5px 0; 
	display: inline; 
	font-size: 0.9em;
}
#header form label { font-weight: bold; color: #333;  margin-right: 1px; 
	/*background: url(/wp-content/themes/offa/images/search-back.gif) no-repeat left bottom; */
	padding-left: 16px;  }
/* renamed offa-search s */
#header form #s { font-size: 1.2em; line-height: 26px;
border: 0px; width: 120px  }
#header form .buttonstyle { 
	margin-left: 0px; 
	font-size: 1em; 
	line-height: 26px;
	border:0;
	background-color: #BF322B; 
	color: #fff; 
	cursor: pointer; 
	box-sizing:border-box;
	vertical-align: top;
	padding: 0;
}
#header form .buttonstyle:hover {
	background-color: #BF322B; 
}
/*SITE NAV */

.site-nav {
	position: relative;
	height: auto;
	float: left;
	width: 100%;
}
.site-nav > a {
   /* margin: 0px auto;*/
    height: auto;
    width: auto;
    display: inline-block;
    float: left;
}
#main-nav ul li.menu-item-has-children a:after {
	/*content:<span class='toggle'><i class='plus'></i></span>;*/
}
@media only screen and (min-width: 768px) {
	.site-header {
		/*height: 150px;*/
	}
	#header {
		/*height: 40px;*/
	}
	.site-nav {
		max-height: 106px;
		/*height: calc(100% - 40px);*/
	}
	.site-nav > a {
		width: 20%;
	}
	#main-nav {
		width: 80%!important;
		display: block !important;
		/*height: 100%;*/
		/*margin-top:calc(100% - 38px);*/
	}
	#main-nav ul { 
/*	background-color: #007AA2;*/
	position: absolute;
	bottom: 0;
	margin: 8px 0 0 0; }
	#main-nav ul li.menu-item-has-children a:after {
			/*content:'';*/
		}
}
#main-nav { 
	margin: 0;
    width: 100%;
    float: left;
    padding: 0 ;
/*    position: relative;*/
    z-index:999;
    box-sizing: border-box; }
#main-nav ul{
	padding: 0;
	margin: 0;
}
#main-nav ul li {     
	list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    display: inline-block;}
#main-nav ul li a { 
	position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-left: 1px solid white;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 10px;
    font-size: 1em;
     }


#main-nav ul li a:hover { background-color: #0192B7; }

/*#main-nav h3 { background: transparent url(/wp-content/themes/offa/images/nav-header-top.png) center top no-repeat; margin: 8px 0 -8px; color: #007AA2; font-size: 1em; padding: 5px; }
*/

#main-nav
#main-nav > ul > li > ul {
	display: none;
}

#header > ul.menu > li > a { 
		display: block;
		padding:10px 10px;
		color: #333; 
		text-decoration: none; 
	}
#header > ul.menu > li > ul.sub-menu {
	list-style: none;
}
#header > ul.menu > li > ul.sub-menu ul.sub-menu li{
	float:left;
}
#header > ul.menu ul.sub-menu > li > a {
		display: block;
		padding:10px 10px;
		color: #333; 
		text-decoration: none;
		
	}


@media (max-width: 767px) {

	html.js #main-nav, html.js #main-nav ul.sub-menu, html.js #header > ul.menu, html.js #header > ul.menu ul.sub-menu {
		display: none;
	}
	
	#main-nav ul {
		background-color: #f2f2f2;
		overflow: auto;

	}
	#main-nav ul li {
		width: 100%;
		border-bottom: 1px solid #fff;
		position: relative;
	}
	#main-nav ul li a {
		width: 100%;
		color: #333;
		box-sizing: border-box;
	}
	#main-nav ul li.menu-item-has-children > a {
		width: calc(100% - 38px);
	}
	#header {
		height:40px;
	}
	span.menu-toggle {
		background: none;
		border: 1px solid white;
		top: 32px;
		right: 12px;
	}
	span.toggle {
		background: #333;
		top: 0;
		right: 0;
	}
	
	span.toggle, span.menu-toggle {
		position: absolute;
		width: 42px;
		height: 42px;
		color: #fff;
		cursor:pointer;
	}

	span.info-toggle {
		
		top:6px;
		left:7px;
		border: 1px solid #333;
		display: block;
		z-index:100;
		cursor:pointer;
		position: absolute;
		width: 28px;
		height: 28px;
		box-sizing: border-box;
	}
	.toggle .plus {
		width:100%;
		height:100%;
		display: block;
		position: relative;
		float: left;
		background: url(/wp-content/themes/offa/images/plus.png);
		background-position: center;
		background-size: 35%;
		background-repeat: no-repeat;
	}
	.toggle .plus.minus {
		background-image: url(/wp-content/themes/offa/images/minus.png);
	}
	#main-nav ul.sub-menu {
		border-top:1px solid white;
		background-color: #dadada;
	}

	/*#main-nav ul li.menu-item-has-children a:after {
		content: '<a id="expand-child">+</a>';
		float:right;
		width: 38px;
	}*/
	.info-toggle .info-icon {
		width:100%;
		height:100%;
		display: block;
		position: relative;
		float: left;
		background: url(/wp-content/themes/offa/images/info.png);
		background-position: center;
		background-size: 75%;
		background-repeat: no-repeat;
	}
	.menu-toggle .menu-icon {
		width:100%;
		height:100%;
		display: block;
		position: relative;
		float: left;
		background: url(/wp-content/themes/offa/images/menu.png);
		background-position: center;
		background-size: 35%;
		background-repeat: no-repeat;
	}
	.menu-toggle .menu-icon.close {
		background-image: url(/wp-content/themes/offa/images/close.png);
	}

	#header > ul.menu {
		margin-top:40px;
	}
	#header > ul.menu span.toggle {
		width:40px;
		height:40px;
	}
	#header > ul.menu li {
		width: 100%;
		border-bottom: 1px solid #fff;
		position: relative;
		/*float:left;*/
	}
	#header > ul.menu  > li:hover {
		background-color: #ABDA5E;
	}
	#header > ul.menu > li.menu-item-has-children:hover {
	    height: inherit;
	}
	#header > ul.menu > li > ul.sub-menu > li > ul.sub-menu {
		border-top:1px solid white;
		float: left;
		background-color: #BFE97A;
		list-style: none;
		padding:0;
		margin: 0;
		width: 100%;
	}
	#header > ul.menu > li > ul.sub-menu {
		width: 100%;
		padding: 0;
		background-color: #ABDA5E;
		border-top:1px solid white;
	}
	#header > ul.menu > li > ul.sub-menu > li:hover {
		background-color: #BFE97A;
	}

	#header > ul.menu > li > ul.sub-menu > li:hover > ul.sub-menu{
		
		background-color: #D1F29B;
	}
	#header > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:hover {
			background-color: #fff;
	}


}

@media only screen and (min-width: 768px) {
	/* main-nav subnav */


	#main-nav > ul > li {
		vertical-align: top;
	/*	margin-left: -4px;*/
		position: relative;
	}
	#main-nav > ul > li:first-child {
		margin-left: 0;
	}

	/* Level 2 */
	#main-nav > ul > li > ul {
		margin-top:0;
		text-align: left;
		width: auto; /* change auto value with 200px if you want a bigger menu */
		display: none;
		background: #5DBB04;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 9999999; /* if you have YouTube iframes, is good to have a bigger z-index so the video can appear above the video */
	}

	#main-nav > ul > li:hover > ul {
		display: block;
	}
	#main-nav > ul > li > ul > li > ul {
		text-align: left;
		display: none;
		background: #E7B400;
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 9999999;
	}
	#main-nav > ul > li > ul > li:hover > ul {
		display: block;
	}

	#header > ul.menu li > ul.sub-menu {
		
	}




	/*#main-nav ul ul {  margin: 8px 0; padding: 0; font-size: 0.9em }*/

	#main-nav ul ul li { list-style-type: none; margin: 0; width:100%;/* background: url(/wp-content/themes/offa/images/subnav-arrow.gif) no-repeat 0px 8px*/ }

	#main-nav ul li ul li a {  
		padding: 6px !important;
		background-color: #ededed; 
		width: auto; 
		min-width:180px;
		margin: 0; 
		display: block; 
		border-bottom: 1px solid #fff; 
		text-decoration: none;
		font-weight: normal; 
		font-size: 1em;  
		color: #333333 
	}
	#main-nav ul li ul li a:hover {
		background-color: #dadada;
	}

	#main-nav ul li.current_page_ancestor a, #main-nav ul li.current_page_ancestor li.current_page_item a {background-color: #0192B7; }
	#main-nav ul li.current_page_ancestor li.current_page_item a {color:white; }
	#main-nav ul li.current_page_ancestor ul li a { background-color: #ededed; }
	#main-nav ul li.current_page_ancestor ul li a:hover { background-color: #dadada; }
	#main-nav ul li.current_page_item a {background-color: #0192B7; }
	#main-nav ul li.current_page_item ul li a { background-color: #ededed; }
	#main-nav ul li.current_page_item ul li a:hover { background-color: #dadada; }

	#header > ul.menu > li { 
		/*transition: height 300ms ease-out; */
		float: left; margin-right: 0 }
	#header > ul.menu > li > a { 
		display: block;
		padding:10px 10px;
		border-right:1px solid #333;
		color: #333; text-decoration: none }
	#header > ul.menu > li > a:hover { 
		text-decoration: none;
		
	}

	/* top header */

	#header > ul.menu > li > ul.sub-menu {
		position: absolute;
		left: 0;
		/*bottom:0;*/
		width: 100%;
		padding: 0;
		height: 0;
		overflow: hidden;
		/*display: none;
	*/	
		list-style: none;
		/*transition: height 300ms ease-out;*/
	}
	#header > ul.menu  > li:hover {
		background-color: #ABDA5E;
	}
	#header > ul.menu > li.menu-item-has-children:hover {
		height:79px;
		/*transition: height 300ms ease-out;*/
	}
	#header > ul.menu li.menu-item-has-children:hover > li > ul.sub-menu {
	/*	position: relative;*/
	}
	#header > ul.menu > li:hover > ul.sub-menu {
		/*display: block;*/
		height: 39px;
		background-color: #ABDA5E;
	}
	#header > ul.menu ul.sub-menu > li {
		float: left; 
		margin-right: 0;
		/*transition: height 300ms ease-out;*/
	}
	#header > ul.menu ul.sub-menu > li > a {
		display: block;
		padding:10px 10px;
		border-right:1px solid #eee;
		color: #333; 
		text-decoration: none;
		float: left;
	}

	#header > ul.menu > li > ul.sub-menu > li > ul.sub-menu{
		float: left;
		background-color: #BFE97A;
		list-style: none;
		padding:0;
		margin: 0;
		display: none;
	}
	#header > ul.menu > li > ul.sub-menu > li:hover {
		background-color: #BFE97A;
	}

	#header > ul.menu > li > ul.sub-menu > li:hover > ul.sub-menu{
		display: inline-block;
		background-color: #D1F29B;
	}
	#header > ul.menu > li > ul.sub-menu > li > ul.sub-menu > li:hover {
			background-color: #fff;
	}




}


/* SIDENAV */
/*#sidenav { margin: 0; width: 160px; padding: 0 16px 15px 0; position: absolute; top: 87px; left: 0;  }
#sidenav ul { margin: 8px 0 0 0; padding: 0 }
#sidenav ul li { list-style-type: none; margin: 0; padding: 0;  }
#sidenav ul li a { background-color: #02A0C6; width: 150px; margin: 0; padding: 0; display: block; border-bottom: 1px solid white; color: white; text-decoration: none; font-weight: bold; padding: 5px 5px; font-size: 1.15em;  }

#sidenav h3 { background: transparent url(/wp-content/themes/offa/images/nav-header-top.png) center top no-repeat; margin: 8px 0 -8px; color: #0079a4; font-size: 1em; padding: 5px; }
*/
/*
 #sidenav ul li.current_page_item a {  background-color: #007AA2; }*/

/* NB: Renamed #current to use .current_page_item */

/* sidenav subnav */
/*#sidenav ul ul {  margin: 8px 0; padding: 0; font-size: 0.9em }

#sidenav ul ul li { list-style-type: none; margin: 0 0 0 5px; padding: 3px 3px 3px 12px;  background: url(/wp-content/themes/offa/images/subnav-arrow.gif) no-repeat 0px 8px }*/

/*, #sidenav ul li.current_page_item ul li a*/
/*#sidenav ul li ul li a { background-color: white; width: auto; margin: 0; padding: 0; display: block; border-bottom: none; color: white; text-decoration: underline; font-weight: normal; padding: 0; font-size: 1em; color: #333333 }

#sidenav ul li.current_page_ancestor a { background-color: #007AA2; }

#sidenav ul li.current_page_ancestor ul li a { background-color: #FFFFFF; }

#sidenav ul li.current_page_item a {background-color: #0192B7; }

#sidenav ul li.current_page_item li a {background-color: #FFFFFF;}
*/
/*.current_page_ancestor .current_page_item a {background-color: #FFFFFF;}*/

/*#sidenav ul li a:hover { background-color: #007AA2 }*/

/* sidenav images  - general style */
/*.sidenavimage { width: 158px; height: 128px; border: 1px solid #999;  }*/
/* sidenav images  - need to add different pics for each section */
/*#about-pic { background: url(/wp-content/themes/offa/images/about-pic.jpg)}
#access-pic { background: url(/wp-content/themes/offa/images/access-pic.jpg)}
#contact-pic { background: url(/wp-content/themes/offa/images/contact-pic.jpg)}
#event-pic { background: url(/wp-content/themes/offa/images/event-pic.jpg)}
#universities-pic { background: url(/wp-content/themes/offa/images/universities-pic.jpg)}
#students-pic { background: url(/wp-content/themes/offa/images/students-pic.jpg)}
#press-pic { background: url(/wp-content/themes/offa/images/press-pic.jpg)}
#press-pic2 { background: url(/wp-content/themes/offa/images/press-pic2.jpg)}
#home-pic { background: url(/wp-content/themes/offa/images/sidenav-photo2.jpg); }
#news-pic { background: url(/wp-content/themes/offa/images/news-pic.jpg)}
#opinion-pic { background: url(/wp-content/themes/offa/images/opinion-pic.jpg)}
#student-pic { background: url(/wp-content/themes/offa/images/student-pic.jpg)}
#publications-pic { background: url(/wp-content/themes/offa/images/publications-pic.jpg)}*/

/* breadcrumbs */
#breadcrumbs { margin: 1em 0 0 0; padding: 0; font-size: 0.9em; color: #999; line-height: 1.3; }
#offahome #breadcrumbs { margin: 1em 0 0 16px; padding: 0; font-size: 0.9em; color: #999; line-height: 1.3; }
#content #breadcrumbs a { color: #666666; font-weight: normal; border-color: #aaa; }

/* content */
#content {  
	overflow: auto;
    height: auto;
    padding: 0 16px 20px 16px;
    clear: both;
    max-width: 960px;
    margin: auto;}
#offahome #content { 
	overflow: auto; 
	height: auto; 
	padding: 0; 
	/*background: url(/wp-content/themes/offa/images/line-1px-grey.png) repeat-y;*/ 
}

/* content text styling */
h1, h2, h3, h4, h5, h6 { color: #007AA2; }
h1 { font-size: 3em; font-weight: 300;}
h2 { font-size: 2.2em; margin-top : 1.5em; font-weight: 300;}
h3 { font-size: 1.6em; margin-top: 2em; font-weight: bold;}
h4 { font-size: 1.2em; margin-top: 1.5em; font-weight: normal; margin-bottom : 0; padding-bottom: 0;}
h5 { font-size: 1.0em; margin-top: 1em; margin-bottom : 0; padding-bottom: 0;font-weight: bold;}
h6 { font-size: 1em; margin-top: 1em; text-transform: uppercase; font-weight: normal; }
#pagetitle, .post-title { margin: 5px 0 18px 0; padding: 0;}
p, li { line-height: 1.6 }
code {font-size: 125%; }

a.buttonstyle, button, .buttonstyle, button.buttonstyle, #content a.buttonstyle {
	padding: 10px 18px 10px 12px;
	display: inline-block;
	background: #BF322B none repeat scroll 0% 0%;
	position: relative;
	border-bottom:0px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.buttonstyle:after {
	width: 0px;
    height: 0px;
    background: #fff;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 6px solid #BF322B;
    border-right: 6px solid transparent;
    border-left: 6px solid #BF322B;
    border-bottom: 6px solid transparent;
}
a.buttonstyle:hover, button:hover, .buttonstyle:hover, button.buttonstyle:hover, a.buttonstyle:focus, button:focus, .buttonstyle:focus, button.buttonstyle:focus, #content a.buttonstyle:hover, #content a.buttonstyle:focus {
	background-color: #AD1F1F;
	color: #fff;
}
a.buttonstyle:visited, button:visited, .buttonstyle:visited, button.buttonstyle:visited {
	background-color: #db4a37;
	color: #fff !important;
}

/*h1 a:after,h2 a:after,h3 a:after,h4 a:after,h5 a:after,h6 a:after {
	content: ' »';
	color: #98ca45;
	border-bottom:1px solid white;

}*/
/* LAYOUT STYLING */
.container {
	max-width:960px;
	margin:0 auto;
	/*height:100%;*/
	position: relative;
	z-index:5;
}
.one-third, .two-thirds {
	box-sizing:border-box;
	float:left;
	position: relative;
	display: block;
}

@media (max-width: 767px) {
	.one-third {
		width:100%;
	}
	.two-thirds {
		width:100%;
	}
}
@media only screen and (min-width: 768px) {
	.one-third {
		width:33.333%;
	}
	.two-thirds {
		width:66.666%;
	}
}

#content a { color: #BF322B; text-decoration: none; border-bottom: 1px solid #BF322B; }
#content a:visited { color: #db4a37; border-bottom-color:  #db4a37; }
#content a:hover { color: #ad1f1f; border-bottom-color: #ad1f1f; }
/* need to add some stuff for lists probably */

#content .more a, #content .highlight a { font-weight: bold; }

/*#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a { border-bottom: none; }
*/
ul.checkboxes {
	list-style-type: none;
}
ul.checkboxes li:before {
	content: "□";
	position: absolute;
	margin-left: -20px;
	font-size: 24px;
	line-height: 1;
	margin-top: -5px;
}

/* FOOTER */
.footer {
	 border-top: 1px solid #E5E5E5;
}
#footer { max-width: 960px; margin: 0 auto;
	clear: both; padding: 5px 10px 10px 15px; font-size: 0.9em; color: #999 }
#footer a { color: #666 }

/* HOMEPAGE specific stuff */

#home-image-box {
	position: relative;
	z-index:0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#home-content-box {
	background-color: #fff;
	padding:1.5em;
	margin: 1.5em 0;
}
#home-content-box h3,#home-content-box h4,#home-content-box h5 {
	margin-top: 0;
}

.image-mask {
	position: absolute;
	left:0;
	right:0;
	bottom: 0;
	top:0;
	background-color: rgba(0,0,0,0.4);
	z-index:1;
}

#home-title-box h1 {
	color: #fff;
	font-weight: 300;
	font-size: 4.5em;
	line-height: 1.2;
	margin: 1.6em 0em;
}
#home-announcement-box #stcpDiv {
	line-height: 1.6;
}
#home-announcement-box h2 {
	font-size: 2.6em;
	margin-top: 0;
}
#home-announcement-box .buttonstyle {
	margin-top:1.5em;
}
#home-news-list {
	margin-top: 30px;
}
#home-news-list .inner {
/*	padding-top:1em;
*/}
#home-news-list ul {
	list-style:none;
	margin-left:0;
	padding-left: 0;
}
#home-news-list li {
	padding: 1em 0;
	border-bottom: 1px solid #e5e5e5;
}
#home-news-list li h5 {margin-top: 0; margin-bottom: 0.5em;}
#home-twitter-box {
	border-left: 1px solid #e5e5e5;
}
#home-twitter-box .title h4 {
	font-weight: bold;
}
#home-twitter-box .title h4, #home-twitter-box .title p {margin-top: 0;}
.twitter-item .time, .date {
	font-style: italic;
	font-size: 1em;
	float:none;
}
#home-content-top { 
	width: 100%; 
	overflow: auto; 
	border-bottom: 1px solid #e5e5e5; 
	margin-top: 1.5em; 
}
.inner h3 {
	margin-top:0;
}

#home-content-bottom {
	width:100%;
	float:left;
	clear:both;
	position: relative;
	margin-bottom: 2em;
}
#home-content-bottom > h3 {
	margin-top: 1em;
}
.home-feature-box.one-third {
	padding-right:1em;
}
.home-feature-box.one-third:last-child {
	padding-right: 0;
}
.home-feature-box .img-bg {
	position: relative;
	float: left;
	display: block;
	/*height: 100%;
	*/background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.home-feature-box .inner {
	width:65%;
	background-color: #fff;
	margin: 1.5em 0 ;
	padding-right: 0;
	position: relative;

}
/*.home-feature-box .inner:after {
	width: 0px;
    height: 0px;
    background: #fff;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 6px solid transparent;
}*/
.home-feature-box .inner h3 a {
	display: block;
	background-color: #007AA2;
	width: calc(100% + 15px);
	margin-left: -15px;
	padding:4px 4px 6px 15px;
	box-sizing:border-box;
}
.home-feature-box .inner h3 a {
	color: #fff !important;
	border-bottom: 0px !important;
	text-decoration: none !important;
}
.home-feature-box .inner p {
	padding-right: 1em;
}
.inner { padding: 0 15px 15px; }
/* HOMEPAGE BOXES */

/* header links */
/*#home-universities h3 a, #home-students h3 a, #home-press h3 a, #home-access h2 a { font-weight: normal; text-decoration: none; color : #007AA2; border-width: 0; }
#home-universities h3 a:visited, #home-students h3 a:visited, #home-press h3 a:visited, #home-access h2 a:visited, #home-keepdate h4 a:visited { color: #007AA2; border-width: 0; } 
#home-universities h3 a:hover, #home-students h3 a:hover, #home-press h3 a:hover, #home-access h2 a:hover, #home-keepdate h4 a:hover  {  color: #c45800; text-decoration: none; } 

#home-universities h3 a span, #home-students h3 a span, #home-press h3 a span { color: #98ca45; }*/

/* about */
#home-about { float: left; width: 49%;  }
#home-about p { padding: 0; }
/*#home-about h1 { font-size: 2em; font-weight: normal; padding: 0; margin: 0 }*/
/*#home-about h1 span { color: #03A1C8; font-size: 0.9em }*/

/* what's new */
#home-whatsnew { float: right; width: 49%; }
#home-whatsnew .inner>h3 { font-size: 1.8em; font-weight: normal; padding: 0 0 10px 0; margin: 0}
#home-whatsnew p { margin: 0; padding: 0 0 1em 0}
#home-whatsnew ul { margin: 10px 0 0 0; padding: 0; list-style-type: none; border-top: 1px dashed #ccc }
#home-whatsnew ul li { margin: 0; padding: 10px 0; line-height: 1.5; color: #666666; border-bottom: 1px dashed #ccc }
#home-whatsnew ul li span a { font-weight: normal }

div.highlight {
	border-bottom: 2px solid #98ca45;
	background-color: #f5fde6;
	padding: 10px;
	/* margin-top: 1em; */
}

div.highlight h2 { font-size: 2.4em; margin-top: 0px }

/*#home-whatsnew div.highlight p { padding-bottom: 0; }*/

/* universities, students & press */
/*#home-universities { width: 33%; float: left; }
#home-students { border-left: 1px solid #E5E5E5; width: 33%; float: left; padding-bottom: 15px }
#home-press { border-left: 1px solid #E5E5E5; float: left; width: 32%; padding-bottom: 15px }
#home-universities h3, #home-students h3, #home-press h3  { font-size: 160%; font-weight: normal; margin: 0.6em 0; }
#home-universities p.more, #home-students p.more, #home-press p.more { margin-bottom: 0;  }

#home-content-bottom img { float: right; margin: 0.5em 0 0 10px; border: 1px solid #ccc; }
*/

/* keep up to date */
/*#home-keepdate { padding: 0 15px 15px 15px;  font-size: 0.9em;  }
#home-keepdate h4 { padding: 0 0 10px 0; margin: 0;}
#home-keepdate h4 a { color: #007AA2; font-size: 1.4em; font-weight: normal;  text-decoration: none }
#home-keepdate p { margin: 0; padding: 0 0 1em 0}
#home-keepdate p img { position: relative; top: 3px; margin-right: 5px}*/

/*p#keepup {
	padding: 10px 0 0 15px;
}*/

/* comments */
#comment
{
    width:90%;
}

textarea
{
    font-family: Verdana;    
}

/* table styles */
.tablestyle {border: 3px solid #007AA2; border-collapse: collapse; background-color: #fff;}
.tablestyle td, .tablestyle th { border: 1px solid #dfdfdf; padding: 10px; text-align: left }
.tablestyle th { background-color: #007AA2; color: #fff;
border-color: -moz-use-text-color #007AA2 #007AA2 -moz-use-text-color;
	border-right: 1px solid #007AA2;border-width: 0px 1px 1px medium;
border-style: none solid solid none; }
.tablestyle td {border-top: 1px solid #dfdfdf;}
.tablestyle caption {  font-size: 1.3em; color: #007AA2; font-weight: bold ; margin-bottom:0em; padding-bottom:0.5em}

/* Footable styles */

.tablestyle.footable {
	background-color: #fff;
	border-color: #007AA2;
}

.tablestyle.footable > thead > tr > th {
	background-color: #007AA2;
	border-color: -moz-use-text-color #007AA2 #007AA2 -moz-use-text-color;
	border-right: 1px solid #007AA2;
}

/* table styles */
.archivedtablestyle { border: 1px solid #ADC8CC; border-collapse: collapse; }
.archivedtablestyle td, .archivedtablestyle th { border: 1px solid #ADC8CC; padding: 5px; text-align: left }
.archivedtablestyle th { background-color: #e5b9b9 }
.archivedtablestyle caption { font-size: 1.3em; color: #007AA2; font-weight: bold ; margin-bottom:0em; padding-bottom:0.5em}

/* sitemap */
#sitemap { width: 100%; margin: 0; padding: 0 }
#sitemap li { border-top: 1px dashed #ccc; list-style-type: none; padding: 5px 0; text-transform: uppercase}
#sitemap li ul { margin: 5px 0 0 0; font-size: 90%; padding: 0}
#sitemap li ul li { text-transform: none; margin-left: 25px}
#sitemap li ul li a { background: url(/wp-content/themes/offa/images/subnav-arrow.gif) no-repeat 0px 4px; padding-left: 15px}
#sitemap li ul ul { font-size: 100% }

/* Post listing pages, such a Press releases */

.post-date { margin: 1.5em 0 0.5em 0; padding: 0; font-size: 90%; font-weight: bold; color: #007AA2}
.post h2 { margin: 0; padding: 0; font-size: 120%  }
.post-entry p { margin: 1.0em 0 0 0; padding: 0}
.post-details h2 { color: #007AA2;  line-height: 1.3}
.post-details .post-date { margin: 1.5em 0 0.5em 0; padding: 0; font-size: 100%; font-weight: bold; color: #333}
.post { border-bottom: 1px dashed #ccc}
.post-metadata { font-size: 90%; color: #666666; margin: 1em 0 1em 0; padding: 0 }
#content .post-metadata a { color: #666666; font-weight: normal }
.navigation { margin-top: 1em; height: 1%; overflow: auto; padding: 5px}

/* .comment { background: url(/wp-content/themes/offa/images/comment.gif) center center no-repeat; padding-left: 18px } */
.comment {
	padding: 10px;
	margin: 10px;
	border: 1px solid #ccc;
}

/* Renamed filed to category */
.category { background: url(/wp-content/themes/offa/images/filed.gif) no-repeat; padding-left: 18px }

/* press-centre */
#press-centre-layout h2 { font-size: 120%; margin: 0; padding: 0 }
#press-centre-layout p { margin: 0 0 1.0em 0; padding: 0}
#press-contact { float: right; border: 1px solid #ccc; padding: 15px; width: 230px; margin: 0 0 15px 25px }
#press-contact h3 { font-size: 130%; margin: 0 0 0.5em 0; padding: 0 }
#press-contact p { margin: 0em }

/* Shaded Boxes */
.box-solid
{
    border-bottom: 2px solid #98CA45;
    padding: 15px;
    margin-bottom: 1em;
    background-color: #E1F5C0;
    float: right;
    width: 200px;
    margin: 0 0 15px 15px;
    clear: right;
}

.box-border
{  
    border: 2px solid #98CA45;
    padding: 15px;
    margin-bottom: 1em;
    float: right;
    width: 200px;
    margin: 0 0 15px 15px;
    clear: right;
}

.box-dashed
{
    border: 1px dashed #ccc;
    padding: 15px; 
    margin-bottom: 1em;
    float: right;
    width: 200px;
    margin: 0 0 15px 15px;
    clear: right;
}

.box-solid ul, .box-border ul, .box-dashed ul
{
    margin-left:1em;
    padding-left:0em;
}


/* Sub-home pages
   ============================================== */

#subhome-content-top {
	/*margin-top: 2.5em;*/
	width: 100%;
	overflow: auto;
	border-bottom: 1px solid #e5e5e5;
}

#subhome-content-top #home-whatsnew {
	float: left;
}

#subhome-content-top #home-whatsnew .inner {
	padding: 3.1em 0 1em 16px;
}

#subhome-content-bottom {
	}

#subhome-content-bottom ul {
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
	overflow: auto;
	padding: 1em 0;
	margin: 0;
}

#subhome-content-bottom ul.last {
	border-bottom-width: 0;
	padding-bottom: 2em;
}

#subhome-content-bottom li {
	list-style-type: none;
	width: 49%;
	float: left;
}

#subhome-content-bottom li h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding-left: 16px;
}

#subhome-content-bottom li h3 a {
	border-bottom: 1px solid #bf322b;

}

#subhome-content-bottom li p {
	margin-top: 0;
	padding-left: 16px;
	margin-bottom: 0.5em;
}

#subhome-content-bottom li span {
    display: block;
    margin: 0;
} 

hr {border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px; }
	
img {
	border: 0;
}

caption {text-align: left; padding-top: 1em}

img.alignright {
	float: right;
	padding: 0px 0px 10px 20px;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	float: left;
	padding: 0px 20px 10px 0px;
}

/**** STAFF LIST ****/

img.abcfslImgCenter, .abcfslImgCenter img {	
	width:150px;
	
}