/* GLOBAL -------------------------------------------------------------------------------------------------*/

.hide { display: none; }
.ghost { visibility: hidden; }
.firstPara { margin-top: 5px; }
.clear { clear: both; }

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

.clrfx{
	clear: both;
}


.strong{ font-weight: bold; }
.error { color: #900; padding: 3px 6px; }



/* COMMON ELEMENTS ----------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url('images/css-images/bg.gif') repeat-x top left;	
}
  
a{
	text-decoration: none;
	outline: none;
}

a:hover{
	text-decoration: underline;
	outline: none;
}

img{
	border: none;
}

.floatleft{
	float: left;
}

.floatnone{
	float: none;
}

.floatright{
	float: right;
}

a.bplogo{
	margin-top: 12px;
	float: right;
	display: block;
	width: 120px;
	height: 30px;
	background: #fff url('images/css-images/blackpig-logo.jpg') no-repeat top left;
	text-indent: -30000px;
}

/* HEADER ---------------------------------------------------------------------------------------------*/


#header{
	height: 136px;
}

#header img#phrase{
	position: relative;
	top: 25px;
	float: right;	
}

#header a#logo{
	float: left;		
	display: block;
	width: 198px;	
	text-align: center;
}

#header a#logo img{
	
}

/* TOP NAVIGATION ---------------------------------------------------------------------------------------------*/

#header #top-nav{
	float: right;
}

#header #top-nav ul{
	list-style-type: none;	
}

#header #top-nav ul li{
	float: left;
	display: block;
	/*height: 32px;		*/
}

#header #top-nav ul li a{
	display: block;
	height: 31px;
	text-indent: -10000px;
	text-decoration: none;
}

/*##############*/
#header #top-nav ul li a#home{
	width: 112px;
	background: #fff url('images/css-images/topnav-home.gif') no-repeat top left;
}

#header #top-nav ul li a#home:hover{
	width: 112px;
	background: #fff url('images/css-images/topnav-home.gif') no-repeat left -31px;
}

#header #top-nav ul li a#home.active{
	width: 112px;
	background: #fff url('images/css-images/topnav-home.gif') no-repeat left -31px;
}
/*##############*/
#header #top-nav ul li a#login{
	width: 141px;
	background: #fff url('images/css-images/topnav-login.gif') no-repeat top left;
}

#header #top-nav ul li a#login:hover{
	width: 141px;
	background: #fff url('images/css-images/topnav-login.gif') no-repeat left -31px;
}

#header #top-nav ul li a#login.active{
	width: 141px;
	background: #fff url('images/css-images/topnav-login.gif') no-repeat left -31px;
}
/*##############*/
#header #top-nav ul li a#contact{
	width: 105px;
	background: #fff url('images/css-images/topnav-contact.gif') no-repeat top left;
}

#header #top-nav ul li a#contact:hover{
	width: 105px;
	background: #fff url('images/css-images/topnav-contact.gif') no-repeat left -31px;
}

#header #top-nav ul li a#contact.active{
	width: 105px;
	background: #fff url('images/css-images/topnav-contact.gif') no-repeat left -31px;
}
/*##############*/
#header #top-nav ul li a#enqform{
	width: 123px;
	background: #fff url('images/css-images/topnav-enqform.gif') no-repeat top left;
}

#header #top-nav ul li a#enqform:hover{
	width: 123px;
	background: #fff url('images/css-images/topnav-enqform.gif') no-repeat left -31px;
}

#header #top-nav ul li a#enqform.active{
	width: 123px;
	background: #fff url('images/css-images/topnav-enqform.gif') no-repeat left -31px;
}
/*##############*/


#header #top-nav ul li form{	
	/*display: inline;	*/
	width: 280px;
}

#header #top-nav ul li form input{			
	height: 14px;
	border: 2px solid #ACB4BA;	
	vertical-align: middle;
	margin: 3px 0px 0px 0px;
}

#header #top-nav ul li form label{
	float: left;
	display: block;
	height: 31px;
	width: 84px;
	background: #2BAAE1 url('images/css-images/bg-searchlabel.gif') no-repeat top left;
	text-indent: -10000px;
	
}

#header #top-nav ul li form input#site-search{
	padding: 3px;	
}

#header #top-nav ul li form input#start-search{
	border: none;
	width: 22px;
	height: 22px;
	background: #fff url('images/css-images/go-button.gif') no-repeat 	top left;
	text-align: center;	
	color: #fff;
	margin-right: 10px;	
}

#header #top-nav ul li a{		
	vertical-align: middle;
	text-decoration: none;
}


/* MAIN NAVIGATION ---------------------------------------------------------------------------------------------*/

#header #main-nav{
	float: right;
	position: relative;
	bottom: -1px;
}

#header #main-nav ul{
	list-style-type: none;
	float: right;		
}

#header #main-nav ul li{
	float: left;
	margin-left: 2px;
}

#header #main-nav ul li a{
	display: block;
	height: 24px;
	text-indent: -10000px;
	text-decoration: none;
}

/*##############*/
#header #main-nav ul li a#about{
	width: 108px;
	background: #fff url('images/css-images/mainnav-about.gif') no-repeat top left;
}

#header #main-nav ul li a#about:hover{
	background: #fff url('images/css-images/mainnav-about.gif') no-repeat left -24px;
}

#header #main-nav ul li a#about.active{
	background: #fff url('images/css-images/mainnav-about.gif') no-repeat left -24px;
}
/*##############*/
#header #main-nav ul li a#exec{
	width: 122px;
	background: #fff url('images/css-images/mainnav-exec.gif') no-repeat top left;
}

#header #main-nav ul li a#exec:hover{
	background: #fff url('images/css-images/mainnav-exec.gif') no-repeat left -24px;
}

#header #main-nav ul li a#exec.active{
	background: #fff url('images/css-images/mainnav-exec.gif') no-repeat left -24px;
}
/*##############*/
#header #main-nav ul li a#incompany{
	width: 122px;
	background: #fff url('images/css-images/mainnav-incompany.gif') no-repeat top left;
}

#header #main-nav ul li a#incompany:hover{
	background: #fff url('images/css-images/mainnav-incompany.gif') no-repeat left -24px;
}

#header #main-nav ul li a#incompany.active{
	background: #fff url('images/css-images/mainnav-incompany.gif') no-repeat left -24px;
}
/*##############*/
#header #main-nav ul li a#oxschool{
	width: 122px;
	background: #fff url('images/css-images/mainnav-oxschool.gif') no-repeat top left;
}

#header #main-nav ul li a#oxschool:hover{
	background: #fff url('images/css-images/mainnav-oxschool.gif') no-repeat left -24px;
}

#header #main-nav ul li a#oxschool.active{
	background: #fff url('images/css-images/mainnav-oxschool.gif') no-repeat left -24px;
}
/*##############*/
#header #main-nav ul li a#knowbank{
	width: 122px;
	background: #fff url('images/css-images/mainnav-knowbank.gif') no-repeat top left;
}

#header #main-nav ul li a#knowbank:hover{
	background: #fff url('images/css-images/mainnav-knowbank.gif') no-repeat left -24px;
}

#header #main-nav ul li a#knowbank.active{
	background: #fff url('images/css-images/mainnav-knowbank.gif') no-repeat left -24px;
}
/*##############*/
#header #main-nav ul li a#people{
	width: 122px;
	background: #fff url('images/css-images/mainnav-people.gif') no-repeat top left;
}

#header #main-nav ul li a#people:hover{
	background: #fff url('images/css-images/mainnav-people.gif') no-repeat left -24px;
}

#header #main-nav ul li a#people.active{
	background: #fff url('images/css-images/mainnav-people.gif') no-repeat left -24px;
}
/*##############*/
#header #main-nav ul li a#newsevents{
	width: 122px;
	background: #fff url('images/css-images/mainnav-newsevents.gif') no-repeat top left;
}

#header #main-nav ul li a#newsevents:hover{
	background: #fff url('images/css-images/mainnav-newsevents.gif') no-repeat left -24px;
}

#header #main-nav ul li a#newsevents.active{
	background: #fff url('images/css-images/mainnav-newsevents.gif') no-repeat left -24px;
}
/*##############*/
#header #main-nav ul li a#me{
	width: 122px;
	background: #fff url('images/css-images/mainnav-test.gif') no-repeat top left;
}

#header #main-nav ul li a#me:hover{
	background: #fff url('images/css-images/mainnav-test.gif') no-repeat left -24px;
}

#header #main-nav ul li a#me.active{
	background: #fff url('images/css-images/mainnav-test.gif') no-repeat left -24px;
}
/*##############*/
#header #main-nav ul li a#alumni{
	width: 122px;
	background: #fff url('images/css-images/mainnav-alumni.gif') no-repeat top left;
}

#header #main-nav ul li a#alumni:hover{
	background: #fff url('images/css-images/mainnav-alumni.gif') no-repeat left -24px;
}

#header #main-nav ul li a#alumni.active{
	background: #fff url('images/css-images/mainnav-alumni.gif') no-repeat left -24px;
}


/* CONTENT ------------------------------------------------------------------------------------------------*/
  
#container{
	width: 980px;	
	margin-left: auto;
	margin-right: auto;	
}

#content h1#home-h1{
	width: 356px;
	height: 75px;	
	text-indent: -10000px;
	background: #fff url('images/headlines/home-h1.gif') no-repeat top left;	
}

#content{
	width: 100%;
	float: left;
}

#conten:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}

#content #right-col{
	width: 77%;
	float: right;
	margin-top: 10px;
}

#content #right-col a.pagination{
	display: block;	
	padding-top: 3px;
	padding-bottom: 3px;
	width: 20px;
	float: left;
	margin-right: 5px;
}

#content #right-col blockquote{
	margin: 10px 0px 10px 0px;
}

#content #right-col img.people{
	float: left;
	border: 1px solid #E7E1DA;
	margin: 4px 10px 0px 0px;
}

#content #right-col img.illustration{
	display:block;
	margin: 1px auto;
	/*width: 100%;*/
	/*height: 100%;*/
}

#content #right-col table th {
	text-align: left;
}

#content #right-col table td {
	padding: 5px 0px 5px 0px;
	text-align: left;
	vertical-align: top;	
}

#content #right-col ul#sitemap{
	list-style-type: none;
	padding-left: 2px;
}

#content #right-col ul#sitemap ul{
	list-style-type: none;
}

#content #right-col ul{
	padding-left: 15px; 
}

#content #right-col ul.nobullets{
	list-style-type: none;
	padding-left: 0px; 	
}

#content #right-col ul.nobullets li{
	margin: 10px 0px; 	
}

#content #right-col ul li{
	margin: 5px 0px 5px 0px;	
}

#content #right-col table td ul li{
	margin: 0px 0px 5px 0px;		
}

#content #right-col form {
	float: left;	
	width: 80%;
}

#content #right-col form label{
	display: block;
	width: 100%;
	margin-bottom: 2px;
}

#content #right-col form input, #content #right-col form textarea{	
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #9D9692;
	padding: 2px;
}


#content #right-col form input.submit{	
	width: auto;
	float: right;
	margin: 0px;
}


/*  Coach panel formatting */
#content #right-col ul#coach-panel{
	list-style-type: none;
}

#content #right-col ul#coach-panel img{
	border: 1px solid #E7E1DA;
}

#content #right-col ul#coach-panel li{
	float: left;
	padding: 2px;
}

#content #right-col ul#coach-panel a{
	display: block;
	color: #99908A;		
	margin-right: 30px;
}

#content #right-col ul#coach-panel a span{
	position:relative;
	left: 1px;
}

#content #right-col ul#coach-panel a:hover{
	color: #00ADEF;
	text-decoration: none;
}

#content #right-col ul#coach-panel a.active{
	background: none;
	color: #00ADEF;
	text-decoration: none;
}

/*  Coach panel formatting */


#content #col2{
	float: right;
	width: 50%;	
}

#content #col2 #people-image{	
	display: block;
	width: 389px;
	height: 363px;
	background: #fff url('images/people-01.gif') no-repeat top left;
}

#content #col1{
	float: left;
	width: 48%;
	padding:0px 10px 0px 0px;
}


#content #left-col{
	width: 20%;
	float: left;	
}


/* SUB NAVIGATION ------------------------------------------------------------------------------------------------*/

#content #left-col #sub-nav{ 
	background-color: #F7F6F3;
	border: 1px solid #F4F1ED;
	padding: 10px;
	margin: 10px 0px 10px 0px;
}

#content #left-col #sub-nav ul li{
	margin-bottom: 4px;
	background-color: #27AAE0;
	
}

#content #left-col #sub-nav ul li a{
	padding: 10px 10px 10px 0px;
	display: block;
	width: 83%;
	/*height: 30px;*/
	background-color: #E7E2DC;	
	color: #9D9894;
	/*line-height: 30px;*/
	padding-left: 20px;
	overflow: visible;		
}

#content #left-col #sub-nav ul li a:hover{
	text-decoration: none;
	background-color: #E0EEF9;
	width: 83%;
	padding: 10px 0px 10px 20px;
}

#content #left-col #sub-nav ul li a.active{
	text-decoration: none;
	background-color: #E0EEF9;
	width: 83%;
	padding: 10px 0px 10px 20px;
}

#content #left-col #information{
	background-color: #F7F6F3;
	border: 1px solid #F4F1ED;
	padding: 10px;
	margin: 10px 0px 10px 0px;
	height: 100%;
}

#content #left-col #information h2{		
	width: 95%;
	margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
	padding-left: 8px;
	
}

#content #left-col ul{
	list-style-type: none;
	clear: both;	
}


#content #left-col #information .info-box dl{	
	color: #9D9692;			
	padding-left: 8px;
	padding-right: 8px;
}

#content #left-col #information .info-box p{
	padding-left: 8px;
	padding-right: 8px;
}

#content #left-col #information .info-box dt{
	margin-top: 5px;
	font-weight: bold;
}

#content #left-col #information .info-box dd{
	margin-bottom: 5px;
}

#content #left-col #information .info-box{
	background-color: #E6E0D9;
	/*padding: 10px;*/
	padding-bottom: 10px;
	margin-bottom: 10px;	
}

/* FOOTER -------------------------------------------------------------------------------------------------*/

#footer{
	float: left;
	width:100%;
	/*clear: both;*/
}

#footer ul{
	line-height: 40px;
	height: 40px;		
	list-style-type: none;	
	width: 50%;
	float: left;
}

#footer ul li{
	float: left;
	color: #9D9692;
}

#footer ul li a{
	color: #9D9692;
}


/* CMS UL/OL/LI (BULLETS) ---------------------------------------------------------------------------------*/

	/* EDIT TYPE PREFERENCES IN CSS BELOW */
	/* COMMENT OUT THE STYLES YOU DON'T NEED */
	
		/* IMAGE BASED BULLETS: */
		
			ul.cmsul{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
				color: #333333;
				margin: 0;
				padding: 0;
				list-style: none;
				clear: left;
				float: left;
			}
			
			ul.cmsul li{
				background: url(images/bullet.gif) no-repeat 0 5px;
				padding: 0 0 10px 20px;
				margin: 0;
				clear: left;
				float: left;
			}
			
			ol.cmsol{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
				color: #333333;
				margin: 0;
				padding: 0;
				list-style: none;
				clear: left;
				float: left;
			}
			
			ol.cmsol li{
				background: url(images/bullet.gif) no-repeat 0 5px;
				padding: 0 0 10px 20px;
				margin: 0;
				clear: left;
				float: left;
			}
			
		/* REGULAR BULLETS: ---------------------------------------------------------------------------------*/
			
			ul.cmsul{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
				color: #333333;
				margin: 0;
				padding: 0;
				list-style: disc inside;
				clear: left;
				float: left;
			}

			ul.cmsul li{
				padding: 0 0 10px 20px;
				margin: 0;
				clear: left;
				float: left;
			}
			
			ol.cmsol{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
				color: #333333;
				margin: 0;
				padding: 0;
				list-style: decimal inside;
				clear: left;
				float: left;
			}

			ol.cmsol li{
				padding: 0 0 10px 20px;
				margin: 0;
				clear: left;
				float: left;
			}

/* BEGIN TECH TEAM CSS SECTION ----------------------------------------------------------------------------*/

body#fck {
	background-image: none;
}

/* END TECH TEAM CSS SECTION ------------------------------------------------------------------------------*/