/* @override http://www.cancerbiomed.net/wordpress/wp-content/themes/ccb/design/css/layout.css?ver=30112009 */

/* @override http://www.cancerbiomed.net/wordpress/wp-content/themes/default/design/css/layout.css */


body {
	font-family: Arial, Verdana, sans-serif;
	background-color: #fff;
	min-width: 980px;
}

/* Wrap, the language of these classes has to be changed */

.rap {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

a {
	color: #195b8d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* z-index, a lot of absoulte positioned items */

.sub {
	z-index: 300;
}

.carousel {
	z-index: 400;
}

.carousel #carouselContent {
	z-index: 440;
}

.carousel #carouselMenu {
	z-index: 450;
}

.carousel .shadow {
	z-index: 460;
}

#randomHomeImages {
	z-index: 470;
}

area {
	z-index: 480;
	position: absolute;
}

.header {
	z-index: 500;
}

.m2 {
	z-index: 600;
}

.m2a {
	z-index: 650;
}

.header .m1 {
	z-index: 650;
}

.boxes {
	z-index: 700;
}

.boxes .container {
	z-index: 800;
}

.boxes .viewAll {
	z-index: 900;
}

.subContent .contact, .subContent .bottomRightPic, .subContent .fourwidetext, .subContent .threewidetext {
	z-index: 1000;
}

.boxes .dark .liveSearch {
	z-index: 1050;
}

.events-boxies ul li .faderFun {
	z-index: 1075;
}

.liveSearchPopup {
	z-index: 1100;
}

.liveSearchPopup .arrow {
	z-index: 1150;
}

.liveSearchPopup .fader {
	z-index: 1200;
}

.footer {
	z-index: 1200;
}

/* Header */

/* Edit link */

.theEditLink {
	display: block;
	width: 41px;
	height: 38px;
	position: absolute;
	top: 37px;
	left: -50px;
	text-indent: -999em;
}

.theEditLink a {
	display: block;
	background: url(../images/icons/edit_page_btn.png) no-repeat top;
	height: 38px;
	width: 41px;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -999em;
}

.theEditLink a:hover {
	background-position: 0 -38px;
}

.header {
	height: 93px;
	position: relative;
}

.header h1 {
	position: absolute;
	top: 10px;
	left: 0;
	background: url(../images/layout/ccb_logo_main.gif) no-repeat;
	width: 475px;
	height: 91px;
	text-indent: -999px;
}

.header h1 a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent:-500em;
}

/* main menu */

.header .m1 {
	position: absolute;
	top: 27px;
	right: 0;
	text-align: right;
	height: 66px;
	width: 600px
}



.header .m1 a {
	background: url(../images/layout/m1/normal/left.jpg) no-repeat top left;
	display: block;
	color: #000;
	text-decoration: none;
	margin: 0 0 0 2px;
	display: block;
	height: 66px;
	float: right;
	line-height: 60px;
	font-size: 13px;
	padding: 0 10px;
	position: relative;
	text-align: center;
}

.header .m1 a span {
	display: block;
	height: 66px;
	background: url(../images/layout/m1/normal/right.jpg) no-repeat top right;
	width: 4px;
	position: absolute;
	top: 0;
	right: 0;
}

.header .m1 a em, .header .m1 a strong {
	display: none;
}

.header .m1 a:hover {
	background-position: 0 -72px;
	color: #fff;
	text-decoration: underline;
}

.header .m1 a:hover span {
	background-position: right -72px;
}

/* active styles! */

.header .m1 a.active {
	background: url(../images/layout/m1/active/left.jpg) top left;
	color: #fff;
	border-bottom: 10px solid #9e99c1;
	height: 65px;
}

.header .m1 a.active span {
	background: url(../images/layout/m1/active/right.jpg) top right;
	height: 65px;
}

.header .m1 a.active em, .header .m1 a.active strong {
	display: block !important;
	height: 7px;
	overflow: hidden;
	position: absolute;
	bottom: -5px;
	width: 8px
}


.header .m1 a.active em {
	background: #61a1c3 url(../images/layout/m2/over-m1-left.jpg) no-repeat;
	left: -3px;
}

.header .m1 a.active strong {
	background: url(../images/layout/m2/over-m1-right.jpg) no-repeat;
	right: -4px;
}

.header .m1 a.active:hover {
	background-position: 0 0;
}

.header .m1 a.active:hover span {
	background-position: 0 0;
}

/* and mess with it AGAIN if there's no kids */

body .header .m1 a.active.hasNoKids {
	height: 59px;
}

body .header .m1 a.active.hasNoKids em, 
body .header .m1 a.active.hasNoKids strong {
	display: none !important;
	height: 59px;
}

body .header .m1 a.active.hasNoKids {
	border: none;
	background: url(../images/layout/m1/active/left-nokids.jpg) top left;
}

body .header .m1 a.active.hasNoKids span {
	background: url(../images/layout/m1/active/right-nokids.jpg) top right;
	height: 59px;
}

/* Member */
.header .m1 a.membersArea {
	background: url(../images/layout/m1/members/button.jpg) no-repeat top left;
	width: 94px;
}

.header .m1 a.membersArea span {
	background: none;
}

/* Content */

.sub {
	
}

/* sub menu! */

.header .m2 {
	height: 32px;
	background: url(../images/layout/m2/sub_nav_bkgd.gif) repeat-x top;
	position: absolute;
	bottom: -32px;
	left: 0;
	width: 980px;
	text-align: center;
}

.header .m2 .m2Left, .m2 .m2Right {
	position: absolute;
	top: 0;
	height: 32px;
	width: 49px;
	overflow: hidden;
}

.header .m2 .m2Left {
	background: url(../images/layout/m2/left.jpg) no-repeat;
	left: 0;
}

.header .m2 .m2Right {
	background: url(../images/layout/m2/right.jpg) no-repeat;
	right: 0;
}

.header .m2 a {
	color: #000;
	text-decoration: none;
	line-height: 30px;
	font-size: 12px;
	padding: 0 10px;
	position: relative;
}

.header .m2 a:hover, .m2 a.active {
	color: #fff;
}

.header .m2 a:hover {
	text-decoration: underline;
}

.startSub {
	background: url(../images/layout/splitter-top.png) no-repeat top;
	height: 3px;
	overflow: hidden;
}

.subContent {
	margin: 15px 207px 0 200px;
	min-height: 298px;
	padding: 50px 0 0;
	position: relative;
}

.subContent h1 {
	color: #252525;
	font-size: 32px;
	padding: 0 0 20px;
	position: relative;
}

.subContent h1 em {
	width: 150px;
	height: 130px;
	position: absolute;
	top: 5px;
	left: -140px;
	text-align: center;
}

.subContent h1 em {
	font-size: 12px;
	display: block;
}

.subContent h1 em a {
	
}

.subContent h2, .subContent h3, .subContent h4, .subContent h5 {
	clear: both;
}

.subContent h2 {
	color: #949494;
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 20px 0;
}

.subContent h3 {
	color: #000;
	font-size: 18px;
	line-height: 24px;
	border-bottom: 1px solid #949494;
	margin: 10px 0;
	padding: 0 0 4px;
	letter-spacing: -1px;
}

.subContent h4 {
	color: #000;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 10px;
}

.subContent h5 {
	color: #000;
	font-size: 16px;
	line-height: 20px;
}

.subContent p {
	color: #000;
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 9px 0;
	position: relative;
}

.subContent p a {
	color: #1e5b8f;
	text-decoration: none;
}

.subContent p a:hover {
	text-decoration: underline;
}

.subContent strong {
	font-weight: bold !important;
}

.subContent em {
	font-style: italic !important;
}

.subContent strong, .subContent h4 .caps, .subContent strong .caps {
	font-weight: bold;
}

.subContent ul {
	padding: 0 0 5px 25px;
}

.subContent ul li {
	color: #313131;
	font-size: 12px;
	line-height: 14px;
	padding: 3px 0 3px 10px;
	background: url(../images/arrows/blue-right.gif) no-repeat  0 4px;
}

/* alignment */

.subContent .alignleft {
	float: left;
	margin: 0 20px 20px 0;
}

/* news listing */

.newsListing h3 {
	font-size: 18px;
	padding: 0;
	border: none;
	margin: 0;
	line-height: 18px;
}

.newsListing h3 a {
	color: #195b8d;
	text-decoration: none;
}

.newsListing h3 em {
	display: block;
	font-size: 11px;
	letter-spacing: 0;
}

.newsListing p {
	color: #000;
}

/* right side images */

.subContent .highslide span {
	display: none;
}

/* don't want this normally */

.subContent .sidebar {
	display: block;
	position: relative;
	height: 1px;
	width: 100%;
	padding: 0;
}

.subContent .sidebar .highslide {
	display: block;
	position: absolute !important;
	top: 0;
	left: 591px;
	width: 200px;
	text-decoration: none;
}

.subContent .sidebar .highslide:hover {
	text-decoration: underline;
}

.subContent .sidebar .highslide span {
	display: block;
	padding: 5px 0;
	font-size: 10px;
}

.subContent .sidebar img {
	position: absolute !important;
	top: 0;
	left: 591px;
}

/* images are a problem */

.subContent .inline-image, .subContent .project-image {
	position: relative !important;
}

.subContent .inline-image a, .subContent .project-image a {
	position: relative !important;
	right: inherit;
	text-decoration: none;
}

.subContent .inline-image a span, .subContent .project-image a span {
	display: none;
}

/* table of Contents! */

.subContent .toc-container, .years-container {
	position: relative;
	height: 1px;
}

.subContent .toc-container p.toc {
	display: none;
}

.subContent .toc-container #toc {
	position: absolute;
	width: 133px;
	position: absolute;
	top: 0;
	right: -190px;
	padding: 20px 22px 5px;
	border: 1px solid #d6d6d6;
	color: #000;
}

.subContent .toc-container #toc ul {
	padding: 0;
}

.subContent .toc-container #toc li {
	list-style: decimal inside;
	font-size: 11px;
	padding: 0 !important;
	margin: 0 0 20px;
	font-weight: bold;
	background: none;
}

.subContent .toc-container #toc li a {
	text-decoration: none;
	color: #3482cf;
	font-weight: bold;
}

.subContent .toc-container #toc li a:hover {
	text-decoration: underline;
}

/* we use this for sub-pages! */

.subContent .toc-container .m2, .years-container .inner, .m2a {
	position: absolute;
	width: 159px;
	padding: 15px 15px 25px 15px;
	position: absolute;
	top: 0;
	right: -207px;
	color: #000;
	min-height: 519px;
	background: url(../images/sub/toc-backer.jpg) repeat-x top;
}

.subContent .toc-container .m2 a, .years-container .inner a, .m2a a {
	font-size: 12px;
	text-decoration: none;
	color: #195b8d;
	background: url(../images/sub/toc-dot.png) no-repeat 0 6px;
	padding: 5px 0 5px 20px;
	display: block;
}

.subContent .toc-container .m2 a:hover, .subContent .toc-container .m2 a.active, .years-container .inner a:hover, .years-container .inner a.active, .m2a a:hover, .m2a a.active {
	background-image: url(../images/sub/toc-dot-over.png);
	color: #000;
	text-decoration: underline;

}

.m2a {
	background: none;
	padding: 20px 15px 0;
	min-height: 0;
}

/*dirty hack fort this time*/

* html .m2a {
	/*margin-bottom: -8px;
	margin-left: 9px;
	background-color: yellow;
	display: block;
	height: 20px;*/
}


/* this is the grandkids */

.subContent .grandKiddie {
	background: none !important;
	font-size: 11px !important;
	padding-left: 25px !important;
}

.years-container .inner ul {
	padding: 0;
}

.years-container .inner ul li {
	padding: 0;
	background: none;
}

/* cites */

.subContent blockquote {
	padding: 0 0 9px 0;
}

.subContent blockquote cite {
	font-size: 11px;
	line-height: 14px;
}

.subContent blockquote p {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding-bottom: 0;
}

.subContent blockquote span {
	font-size: 10px;
	display: block;
}

/* media grid at the bottom */

.mediaGrid, .media-grid, .media-images {
	width: 580px;
	position: relative;
	padding: 0;
}

.mediaGrid a, .media-grid a, .media-images a {
	float: left;
	width: 185px !important;
	margin: 0 8px 9px 0;
	text-decoration: none;
	border: none;
	position: relative !important;
	right: auto !important;
}

.mediaGrid a span, .media-grid a span, .media-images a span {
	display: none !important;
}

/* clear the thng */

.mediaGrid:after, .media-grid:after, .media-images:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* this ends it all */

.finishSub {
	height: 20px;
	overflow: hidden;
	clear: both;
	background: url(../images/layout/splitter.png) no-repeat bottom;
}

/* contact information needs to go down the bottom right! */

.subContent .contact, .subContent .threewidetext,  .subContent .fourwidetext {
	background: url(../images/boxes/wide.jpg) no-repeat top left;
	width: 556px;
	
	/* nb padding screws our width */ 
	
	height: 250px;
	padding: 20px 0 0 30px;
	position: absolute;
	bottom: -300px;
	left: -2px;
	font-size: 12px;
	line-height: 18px;
}

.subContent .contact h3, .subContent .contact h2 {
	padding: 10px;
	height: 10px;
	text-indent: -9999em;
	background: no-repeat top left;
	overflow: hidden;
	display: block;
	background-image: url(../images/boxes/titles/contact-information.gif);
	border: none;
	margin: 0;
}

.subContent .contact .left {
	width: 240px;
	float: left;
}

.subContent .contact .right {
	width: 290px;
	float: right;
}

/* formatting is WEIRD within contact for some reason! So we go from bottom-heavy padding on Ps to top/bottom */

.subContent .contact br, .subContent .contact p {
	display: none;
}

.subContent .contact .left p, .subContent .contact .right p {
	display: block;
}

.subContent .contact p {
	padding: 7px 0;
}

.subContent .contact p br {
	display: inherit;
}

/* the three and four-width things: */

.subContent .fourwidetext {
	width: 741px;
	background-image: url(../images/boxes/wide.jpg);
	padding: 10px 20px 10px 25px;
}

.subContent .fourwidetext h2 {
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
	padding: 0 0 10px;
}

.subContent .fourwidetext p {
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 5px;
}

/* the three and four-width things: */

.subContent .threewidetext {
	width: 546px;
	background-image: url(../images/boxes/double.jpg);
	padding: 10px 20px 10px 25px;
}

.subContent .threewidetext h2 {
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #000;
	padding: 0 0 10px;
}

.subContent .threewidetext p {
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 5px;
}

.subContent .fourwidetext br, .subContent .threewidetext br {
	display: none;
}

/* the hacky bottom right situation */
/* Richards note: This whole stylesheet is just a bunch unstructured hacks, not good. */

.subContent .bottomRightPic, .subContent .bottomRightPic {
	background-image: url(../images/boxes/single.jpg);
	width: 144px; /* see padding, normally 189px; */ 
	height: 226px;/* see padding, normally 226px */
	position: absolute;
	bottom: -292px;  /* -292px; */
	right: -208px;
	padding: 15px 20px 20px 25px;
}

.subContent .teamShowcase {
	height: 226px;/* see padding, normally 226px */
	overflow: hidden;
}
.subContent .teamShowcase h2 {
	background-image: url(../images/boxes/titles/team-showcase.gif) !important;
}

/* the staff links */

.subContent .staffThingyItem {
	width: 275px;
	padding: 0 5px;
	height: 300px;
	float: left;
}

.subContent .staffThingyItem h3 {
	border: none;
	padding: 0;
	margin: 0;
}

.subContent .staffThingyItem .title {
	font-size: 11px;
	color: #000;
	border-bottom: 1px solid #949494;
	padding: 2px 0;
	margin-bottom: 10px;
}

.subContent .staffThingyItem p {
	padding: 10px 0 0;
}

.subContent .staffThingyItem p img {
	float: left;
	margin: 0 10px 10px 0;
}

/* multiple column generation */

.twoColumns {
	float: left;
	width: 275px;
	padding: 0 5px;
	height: 300px;
}

.threeColumns {
	float: left;
	width: 180px;
	padding: 0 5px;
	height: 300px;
}

.columnsFinish {
	clear: both;
	height: 1px;
	overflow: hidden;
}



/* Search results */

.searchAgainForm {
	padding: 0 0 20px 0;
}

input.smallSearchBox {
	background: url(../images/search/small-search-input.jpg) no-repeat;
	width: 166px;
	height: 19px;
	border: none;
	color: #666;
	padding: 2px 0 0 5px;
}

input.smallSearchSubmit {
	color: #1e5b8f;
	border: none;
	font-size: 16px;
	background: transparent;
}

.searchResult {
	padding: 0 0 20px 0;
}

.searchResult .searchResultsDate {
	font-size: 10px;
	color: #000;
}

.searchResult h3, .searchResult h3 a {
	color: #1e5b8f;
	text-transform: none;
	text-decoration: none;
	margin: 0;
	padding: 2px 0;
}

.searchResult .searchResultsContent, .searchResult .searchResultsContent p {
	font-size: 12px;
	color: #666;
}

/* grey boxes what does stuffs */

.boxes {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.boxes .container {
	float: left;
	margin: 10px 0 0;
	position: relative;
	height: 261px;
	/*width: 189px;*/
}

.boxes .last {
	margin-right: 0;
}

.boxes .box {
	width: 189px;
	height: 261px;
	padding: 0;
}

/* dark! */

.boxes .dark .boxContent {
	background-image: url(../images/boxes/dark.jpg);
}

/* light! */

.boxes .light, .boxes .widget {
	background-image: url(../images/boxes/single.jpg);
}

/* some double width ones! */

.contacts-titled {
	background-image: url(../images/boxes/double.jpg);
	width: 586px !important;
	height: 261px;
}

/* tag cloud sux */

.widget_tag_cloud {
	background: url(../images/boxes/double.jpg) no-repeat top;
	width: 546px !important;
	padding: 20px;
	height: 201px;
}

.widget_tag_cloud .widget-title {
	border: 1px solid #0f0;
}

/* content! */

.boxes .boxContent {
	height: 261px;
	position: relative;
}

.boxes .container .inner {
	padding: 15px 20px 20px 25px;
	height: 226px
}

.boxText ul li a {
	display: block;
	color: #4a85b1;
	padding: 4px 0 8px;
	font-size: 11px;
	text-decoration: none;
}

.boxText ul li a:hover {
	color: #28608a;
	text-decoration: underline;
}

/* headers */

.boxes h2, .widget .widget-title, .subContent .bottomRightPic h2 {
	padding: 10px;
	height: 10px;
	text-indent: -9999em;
	background: no-repeat top left;
	overflow: hidden;
	display: block;
}

/* individual titles */

.boxes .boxContent h2.tools {
	background-image: url(../images/boxes/titles/tools-palette.gif);
	position: absolute;
	top: 15px;
	left: 25px;
	width: 90px;
}

.boxes .widget-teamshowcase h2 {
	background-image: url(../images/boxes/titles/team-showcase.gif);
}

.boxes .widget-contacts h2 {
	background-image: url(../images/boxes/titles/contact-information.gif);
}

/* news ticker */

.news-ticker, .news-ticker .box, .news-ticker .box boxContent {
	height: 60px;
	width: 586px;
	left: 8px;
}

.news-ticker .box .boxContent {
	background-image: url(../images/boxes/short-n-wide.jpg) !important;
	height: 60px;
	width: 586px !important;
	position: relative;
}

.news-ticker h2 {
	width: 72px;
	height: 27px;
	background: url(../images/boxes/titles/news-updates.gif) no-repeat !important;
	position: absolute;
	top: 15px;
	left: 25px;
	text-indent: -999em;
}

.news-ticker ul {
	position: absolute;
	top: 15px;
	left: 120px;
}

.news-ticker ul li a {
	color: #4a85b1;
	display: block;
	font-size: 16px;
	margin: 0 0 40px 0;
	width: 450px;
	text-decoration: none;
}

.news-ticker ul li a:hover {
	text-decoration: underline;
}

/* events front page */

.events-boxies {
	position: absolute !important;
	top: 67px;
	left: 197px;
}

.events-boxies, .events-boxies .box, .events-boxies .box boxContent {
	height: 194px;
	width: 586px;
}

.events-boxies .box .boxContent {
	background-image: url(../images/boxes/stunted-n-wide.jpg) !important;
	height: 194px;
	width: 586px !important;
	position: relative;
}

.events-boxies h2 {
	width: 82px;
	height: 27px;
	background: url(../images/boxes/titles/events.gif) no-repeat left !important;
	position: absolute;
	top: 5px;
	left: 25px;
	text-indent: -999em;
}

.events-boxies ul {
	position: absolute;
	top: 55px;
	left: 25px;
}

.events-boxies ul li {
	display: block;
	float: left;
	overflow: hidden;
	width: 175px;
	height: 120px;
	margin: 0 11px 0 0;
	background: #fff;
	position: relative !important;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 10px solid #fff;
}

.events-boxies ul li h3 {
	padding: 25px 5px 8px 50px;
}

.events-boxies ul li a {
	font-size: 16px;
	color: #4a85b1;
	text-decoration: none;
}

.events-boxies ul li a:hover {
	text-decoration: underline;
}

.events-boxies ul li p {
	padding: 0 5px 0 50px;
	font-size: 11px;
	color: #4a85b1;
}

.events-boxies ul li a cite {
	width: 50px;
	position: absolute;
	top: 8px;
	left: 0;
	text-align: center;
	color: #aeaeae;
	text-transform: uppercase;
	font-size: 11px;
}

.events-boxies ul li a cite span {
	display: block;
	font-size: 25px;
}

.events-boxies ul li span.faderFun {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
}

.events-boxies ul li .faderFun .faderFunInner {
	display: block;
	width: 100%;
	height: 10px;
	background: url(../images/layout/transparents/white-up-grad.png) repeat-x bottom;
}

/* some links */

.news-ticker .box h2, .events-boxies h2 {
	display: block;
	position: relative;
	text-indent: 0;
}

.news-ticker .box h2 a, .events-boxies .box h2 a {
	display: block;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
}

.events-boxies .box h2 a {
	height: 40px;
	width: 105px;
}

/* for publications */

.widget.publications .publicationSearchBox {
	border: none;
	background: transparent url(../images/boxes/etc/search-big-box.jpg) no-repeat top left;
	padding: 2px 3px;
	color: #666;
	font-size: 12px;
	width: 342px;
	height: 19px;
	margin: 10px 0 0;
}

.widget.publications .publicationSearchSubmit {
	font-size: 11px;
	color: #5986a8;
	display: block;
	padding: 5px 0;
	background: transparent;
	border: none;
}

.widget.publications .searchExplain {
	font-size: 11px;
	display: block;
	color: #666;
}

/* contact bits */

.boxes .widget-contacts .left {
	width: 240px;
	float: left;
	padding: 10px 0 0;
}

.boxes .widget-contacts .right {
	width: 290px;
	float: right;
	padding: 10px 0 0;
}

.boxes .widget-contacts .left h5, .boxes .widget-contacts .right h5 {
	font-size: 15px;
	padding: 0 0 5px;
}

.boxes .widget-contacts .left p, .boxes .widget-contacts .right p {
	font-size: 12px;
	padding: 0 0 5px;
	line-height: 18px;
}

/* for the about page, WIDE! */

.widget-instituteoverview, .widget-imistaff, .widget-researchprojects, .widget-technologyprojects, .widget-contentbytopic {
	background: url(../images/boxes/light-wide-faded/backer.jpg) no-repeat top left;
	width: 760px;
	
	/* nb padding screws our width */ 
	
	min-height: 250px;
	padding: 20px 0 0 30px;
}

.widget-instituteoverview .widget-content, .widget-imistaff .widget-content, .widget-technologyprojects .widget-content, .widget-contentbytopic .widget-content {
	color: #808080;
	font-size: 12px;
	line-height: 23px;
}

/*for tags */

.widget-contentbytopic .widget-content a {
	color: #b6b6b6;
	font-size: 13px;
	text-decoration: none;
}

.widget-contentbytopic .widget-content a:hover {
	color: #000;
}

/* for listing of things with icons */

.widget-researchprojects ul, .widget-technologyprojects ul {
	margin: 10px 0 0;
}

.widget-researchprojects ul li, .widget-technologyprojects ul li {
	float: left;
	width: 185px;
	height: 80px;
}

.widget-researchprojects ul li a, .widget-technologyprojects ul li a {
	color: #317bc4;
	font-size: 11px;
	text-decoration: none;
	display: block;
	padding: 15px 0 0 60px;
	position: relative;
}

.widget-researchprojects ul li a span, .widget-technologyprojects ul li a span {
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
}

/* the toolbox bits */

/* some links */

.boxes .dark .someLinks {
	top: 125px;
	left: 32px;
	position: absolute;
	padding: 5px 0;
}

.boxes .dark .someLinks a {
	display: block;
	color: #195b8d;
	padding: 1px 0;
	font-size: 10px;
	text-decoration: none;
}

.boxes .dark .someLinks a:hover {
	text-decoration: underline;
}

/* login log in link */

.boxes .dark .boxContent {
	position: relative;
	overflow: visible;
}

.boxes .dark .loginLink {
	width: 143px;
	height: 21px;
	background: url(../images/boxes/etc/log-in-button.jpg) no-repeat top;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 220px;
	left: 25px;
	text-indent: -999em;
}

.boxes .dark .loginLink:hover {
	background-position: 0 -21px;
}

/* the team thing */

.boxes .widget-teamshowcase img, .subContent .bottomRightPic img {
	margin: 5px 0;
}

.boxes .widget-teamshowcase h4, .subContent .bottomRightPic h4 {
	color: #195b8d;
	font-size: 13px;
	font-weight: normal;
}

.boxes .widget-teamshowcase h4 span, .subContent .bottomRightPic h4 span {
	display: block;
	font-size: 11px;
}

/* and tweak the side thing on home page */

body.home .boxes	.hiddenTitle {
	display: none;
}

body.home .subContent .toc-container {
	display: none;
}

.boxes .hometeam {
	position: absolute;
	top: 0;
	right: 0;
}

body.home .m2 {
	display: none;
}

/* this does the retarded spacer thing for contact pages */

.boxes .spacer-titled {
	width: 586px;
}

.boxes .spacer-titled .inner {
	background-image: url(../images/boxes/double.jpg);
}

.boxes .spacer-titled .inner div {
	display: none;
}

/* this does the particular width boxes */

.boxes .threeacross-titled {
	width: 586px;
}

.boxes .threeacross-titled .inner {
	background-image: url(../images/boxes/double.jpg);
}

.boxes .fouracross-titled {
	width: 781px;
}

.boxes .fouracross-titled .inner {
	
}

body.pageid-51 .boxes .fouracross-titled h2 {
	background-image: url(../images/boxes/titles/contact-information.gif);
}

body.pageid-20 .boxes .fouracross-titled h2 {
	background-image: url(../images/boxes/titles/about-us.gif) !important;
}

body.pageid-64 .boxes .fouracross-titled h2 {
	background-image: url(../images/boxes/titles/about-us.gif) !important;
}

/* Live search */

.liveSearch {
	position: absolute;
	top: 70px;
	left: 25px;
	background: url(../images/boxes/etc/live-search/live-search.png) no-repeat top left;
	width: 140px;
	height: 19px;
}

.liveSearch .text {
	height: 19px;
	background: transparent;
	position: absolute;
	top: 0;
	left: 7px;
	width: 110px;
	border: none;
	font-size: 10px;
	color: #777;
	overflow: hidden;
	padding: 3px 0;
}

.liveSearch .submit, .liveSearch .noJavascriptSubmit {
	width: 14px;
	height: 12px;
	background: transparent url(../images/boxes/etc/live-search/search-buttons-small.gif) no-repeat 0 -28px;
	position: absolute;
	top: 3px;
	right: 3px;
	border: none;
	text-indent: -9999em;
	cursor: pointer;
	font-size: 1px;
	color: #fff;
	overflow: hidden;
	display: none;
	text-decoration: none;
}

/* this is only if there's no javascript */

.liveSearch .noJavascriptSubmit {
	background: transparent url(../images/boxes/etc/live-search/search-buttons-small.gif) no-repeat 0 -28px;
	display: block;
}

.liveSearch .noJavascriptSubmit:hover {
	background-position: 0 -42px;
	display: block;
}

/* different modes for the search button */

.liveSearch .submit.close {
	background-position: 0 0;
}

.liveSearch .submit.close:hover {
	background-position: 0 -14px;
}

.liveSearch .submit.spinner {
	background: transparent url(../images/boxes/etc/spinner.gif) no-repeat -1px -1px;
}

/* live search popup */

.liveSearchPopup {
	width: 197px;
	position: absolute;
	top: -50px;
	left: 185px;
	display: none;
}

.liveSearchPopup.open {
	display: block;
}

.liveSearchPopup.closed {
	display: none;
}

.liveSearchPopup .top {
	width: 197px;
	overflow: hidden;
	position: relative;
	height: 6px;
	background: url(../images/boxes/etc/live-search/popup/top.png) no-repeat top;
}

.liveSearchPopup .bottom {
	width: 197px;
	overflow: hidden;
	position: relative;
	height: 6px;
	background: url(../images/boxes/etc/live-search/popup/bottom.png) no-repeat top;
}

.liveSearchPopup .arrow {
	background: url(../images/boxes/etc/live-search/popup/arrow.png);
	width: 11px;
	height: 19px;
	position: absolute;
	top: 50%;
	left: -7px;
	margin: -6px 0 0;
}

.liveSearchPopup .rep {
	width: 197px;
	position: relative;
	height: 250px;
	background: url(../images/boxes/etc/live-search/popup/rep.png) repeat-y top;
	overflow: hidden;
}

.liveSearchPopup .fader {
	width: 197px;
	overflow: hidden;
	position: absolute;
	height: 13px;
	background: url(../images/boxes/etc/live-search/popup/white-fader.png) repeat-x bottom;
	bottom: 6px;
	left: 6px;
	width: 185px;
}

.liveSearchPopup .content {
	padding: 9px 20px;
}

.liveSearchPopup .content h3 {
	text-transform: uppercase;
	font-size: 14px;
	color: #000;
	padding-bottom: 5px;
}

.liveSearchPopup .content li a {
	color: #195b8d;
	display: block;
	padding: 4px 0 6px;
	font-size: 11px;
	text-decoration: none;
}

.liveSearchPopup .content li a strong {
	font-weight: bold;
}

.liveSearchPopup .content li a:hover {
	color: #0c3c66;
}

/* Dynamic liveSearch, dynamic class is added trough js. */
body #liveSearch.dynamic .submit {
	display: block;
} 

body #liveSearch.dynamic .noJavascriptSubmit {
	display: none;
}

/* Carousel */

.carousel {
	height: 386px;
	position: absolute;
	overflow: hidden;
	background: #fff;
	top: -18px; 
	left: -200px;
	width: 980px;
}

#carouselContent, #carouselContent li {
	background: none;
	margin: 0;
	padding: 0;
}

.shadowBottom {
	width: 980px;
	background: url(../images/layout/splitter.png);
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.shadowTop {
	width: 980px;
	background: url(../images/layout/splitter-top.png);
	height: 3px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

/* the javascript-generated menu */

#carouselMenu {
	height: 57px;
	position: absolute;
	bottom: 0;
	left: 0;
	/*background: url(../images/layout/transparents/1pxwhite.png);*/
	/*Richards comment, why is this here, I commented it out, and everything works.*/
	width: 980px;
	padding: 0;
}

#carouselMenu li {
	display: block;
	width: 980px;
	float: left;
	height: 40px;
	margin: 10px 0 0;
	padding: 0;
	background: none;
}
/*Carousel buttons-tabs*/
/* Richards note */
/* These tabs should be done more effective, if their values was to be defined in percent, it should be more bulletproof, why have a different background in each button when it is the same, percent should only be used in layouts which are built on it, here you just get a hack. Everything is now converted to absolute px values  */

#carouselMenu.cols-6 li {
	width: 163px;
}

#carouselMenu.cols-6 li a {
	background: url(../images/carousel/col-6/button.png) no-repeat 0 top;
}

#carouselMenu.cols-5 li {
	width: 189px;
	margin-left: 6px;
}

#carouselMenu.cols-5 li a {
	background: url(../images/carousel/col-5/button.png) no-repeat 0 top;
}

#carouselMenu.cols-4 li {
	width: 236px;
	margin-left: 6px;
}

#carouselMenu.cols-4 li a {
	background: url(../images/carousel/col-4/button.png) no-repeat 0 top;
}

#carouselMenu.cols-3 li {
	width: 318px;
	margin-left: 6px;
}

#carouselMenu.cols-3 li a {
	background: url(../images/carousel/col-3/button.png) no-repeat 0 top;
}

#carouselMenu.cols-2 li {
	width: 50%;
}

#carouselMenu.cols-2 li a {
	background: url(../images/carousel/col-2/button.png) no-repeat 0 top;
}

/* if there's only one, or none... don't display it */

#carouselMenu.cols-1, #carouselMenu.cols-0 {
	display: none;
}

/* … all use the same link style */

#carouselMenu li a {
	display: block;
	width: 100%;
	height: 40px;
	font-size: 12px;
	color: #195b8d;
	text-decoration: none;
	padding: 0;
	line-height: 14px;
}

#carouselMenu li a span {
	display: block;
	padding: 5px 12px;
}

#carouselMenu li a:hover, #carouselMenu li a.active {
	background-position: 50% -40px;
}

#carouselMenu li a:hover {
	text-decoration: underline;
}

/* Carousel content */

#carouselContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 9999em;
}

#carouselContent li {
	float: left;
	position: relative;
}

/* Front / home page only */

#randomHomeImages, #randomHomeImages2 {
	position: absolute;
	top: 37px;
	right: 32px;
	width: 550px;
	height: 128px;
	z-index: 999999;
	display: block;
	overflow: hidden;
}

#randomHomeImages img, #randomHomeImages2 img {
	display: block;
	width: 123px;
	height: 124px;
	float: right;
	margin: 0 0 20px 10px;
}

/* Footer */

.footer {
	height: 60px;
	position: relative;
	width: 980px;
	clear: both;
	margin: 15px auto;
}

.footer .logo {
	width: 177px;
	height: 24px;
	position: absolute;
	top: 12px;
	left: 50%;
	margin: 0 0 0 -80px;
	text-decoration: none;
	font-size: 11px;
	text-align: center;
}

.footer .logoLeft {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -140px;
	background: url(../images/layout/footer/left-side-logo.jpg);
	text-indent: -999em;
}

.footer .logoRight {
	width: 51px;
	height: 35px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 110px;
	background: url(../images/layout/footer/right-side-logo.jpg);
	text-indent: -999em;
}

.footer .left, .footer .right {
	width: 385px;
	position: absolute;
	top: 0;
	border-top: 1px solid #c8c8c8;
	color: #7f7f7f;
	font-size: 10px;
	padding: 12px 0;
}

.footer .left {
	left: 0;
}

.footer .right {
	right: 0;
	text-align: right;
}


/* conditional stuff */

body.four04 .m2 {
	display: none;
}

.subContent .toc-container .m2 {
	padding-top: 45px;
}

/* ddfmfail */

.ddfmwrap {
	margin: 0 !important;
}

/* Added by Ken */

#teamShowcaseOfAwesome p.h4 {
	/*text-align: left;
	white-space: normal;*/
}

#teamShowcaseOfAwesome p.h4 span {
	clear: both;
	/*background-color: red;*/
	display: inline-block;
	width: 138px;
}

#carousel li.genomics-epigenomics a:hover {
	color: #6a8300;
}

#carousel li.advanced-bioinformatics-imaging a:hover {
	color: #c93b4b;
}

#carousel li.functional-analysis-in-cancer a:hover {
	color: #fff55c;
}

#carousel li.cell-signaling-in-cancer a:hover {
	color: #6c61a3;
}

table tr img {
	display: none;
}

table tr td {
	display: none;
}

.pageid-476 h4, .pageid-274 h4, .pageid-711 h4, .pageid-696 h4, .pageid-623 h4, .pageid-416 h4, .pageid-652 h4 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.pageid-476 p b, .pageid-274 p b, .pageid-711 p b, .pageid-696 p b, .pageid-623 p b, .pageid-416 p b, .pageid-652 p b {
	display: none;
}

/* @group Dynamic */
.hidden { visibility: hidden;}
.highslide-no-header .highslide-header, .highslide-no-header .highslide-resize { display: none; }
.highslide-no-header .highslide-caption { position: relative; border: 1px solid #999; border-width: 0 1px 1px 0;}
.highslide-no-header .highslide-caption .wrapper { position: relative; top: -10px; height: 10px; width: 300px; background-color: #fff; display: block; }
/* @end */

/* Easyclearing method from positioniseverything [modified] [conditional comments for IE 6 and 7]*/

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