/* Scroll bar always so page width stays constant */
html { overflow-y: scroll; margin: 0px; padding: 0px; border: 0px; height: 100%; }

@font-face {
font-family: 'swiss';
src: url('fonts/swiss/swiss.eot'); /* IE9 Compat Modes */
src: url('fonts/swiss/swiss.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('fonts/swiss/swiss.woff') format('woff'), /* Modern Browsers */
     url('fonts/swiss/swiss.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('fonts/swiss/swiss.svg#Swiss721BT-LightExtended') format('svg') /* Legacy iOS */
}

/* Page margin and padding zero*/
*{ margin: 0; padding: 0; }

/* Setup fonts and background */
:focus,:active { outline: 0; }
body { font-family: swiss; text-align: justify; color: #000000; background: #EDEDED; height: 100%; }
a { text-decoration: none; color: #3464D1; }
a:hover { opacity: 0.5; }
.fancybox:hover { opacity: 1; }
.x { clear: both; }

#scroll_lock { height: 100%; }

/* Setup paragraphs */
p { line-height: 22px; color: #666666; font-size: 14px; margin-bottom: 20px; }
#figure p { font-size: 12px; padding-top: -22px; padding-left: 10px; padding-right: 10px; background-color: #FCFCFC; border: 1px solid #CCCCCC; }
#publication_list p { }

/* Setup main image */
img { border: 0; }

/* Setup all headings */
h1 { font-size: 26px; margin-bottom: 0px; }
#research_heading h1 { font-size: 40px; margin-bottom: 0px; }
h2 { font-size: 16px; margin-bottom: 0px; color: #333333; }

/* Hide email from bots */
span.hide { display: none; }

/* Define page wrapper */
#wrapper { margin: 0 auto; width: 982px; height: 0px; background: #FFFFFF;}

/* Logo and background stuff */
#logo { position: absolute; z-index: 2001; width: 600px; height: 80px; border-left: 1px solid #CCCCCC; border-bottom: none; display: block; }
	#logo img { width: 600px; height: 80px; border-bottom: none; }
	#logo img#text { position: absolute; z-index: 2007; width: 600px; height: 80px; opacity: 0.4; border-bottom: none; }

#mcgill { position: absolute; z-index: 2001; width:366px; height: 64px; padding: 16px 15px 0px 0px; margin-left: 600px; border-right: 1px solid #CCCCCC; background: #FFFFFF; }
	#mcgill a img { border: 0; float: right; opacity: 1; }
		#mcgill a img:hover { opacity: 0.6;}
	
/* Content wrapper */
#content { background: #fff; width: 980px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

/* Menu and links */
#line-top { height: 24px; position: absolute; z-index: 2000; top: 80px; width: 980px; background: rgba(0,0,0,0.4); }
#menu_drop { height: 20px; position: absolute; z-index: 2000; margin-left: -15px; top: 24px; width: 430px; background: rgba(50,50,50,0.4); }

#floater { float: left; height: 50%; width: 100%; margin-bottom: -13px;}

#menu { clear: both; opacity: 0.8; height: 0px; width: 950px; padding-left: 15px; padding-right: 15px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; z-index: 2000; }
#home { width: 64px; height: 24px; display: inline-block; *display: inline; }
#research { width: 119px; height: 24px; display: inline-block; *display: inline; }
#publications { width: 156px; height: 24px; display: inline-block; *display: inline; }
#protocols { width: 133px; height: 24px; display: inline-block; *display: inline; }
#lab_members { width: 159px; height: 24px; display: inline-block; *display: inline; }
#links { width: 63px; height: 24px; display: inline-block; *display: inline; }
#home:hover, #research:hover, #publications:hover, #protocols:hover, #lab_members:hover, #links:hover { cursor: pointer; }

#menu_list { width: 400px; opacity: 0.8; padding-left: 15px; padding-right: 15px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
#lung_cancer { width: 130px; height: 20px; display: inline-block; *display: inline; }
#melanoma { width: 106px; height: 20px; display: inline-block; *display: inline; }
#tools { width: 62px; height: 20px; display: inline-block; *display: inline; }
#lung_cancer:hover, #melanoma:hover, #tools:hover { cursor: pointer; }

#stretch { width: 100%; display: inline-block; font-size: 0px; line-height: 0px; }
	
/* Main images */
#splash { margin-top: 0px; margin-bottom: 30px; }
	#splash .infoline { margin-top: -70px; padding: 0px 0px 0px 25px; background: #FFFFFF; width: 955px; opacity: 0.70; height: 30px; color: #FFFFFF; }

	.splash-gallery { overflow: hidden; position: relative; }
		.splash-gallery img { width: 980px; height: 420px; }
		.splash-gallery-holder { width: 25000px; position: relative; top: 0; left: 0; }
		.splash-gallery-div { float: left; }

/* Left hand text */		
#left { width: 610px; float: left; margin-left: 25px; display: inline; }

/* Left images + Fancy things*/
.left-fancy { padding: 3px; }
	.left-fancy img { display: block; margin-left: auto; margin-right: auto; width: 900px; }

/* Lab members */
#members_wrapper { background-color: #FCFCFC; border: 1px solid #CCCCCC; margin-top: 0px; }
#title h1 { margin-top: 30px; text-align: left; }
#title h1.top { margin-top: 0px; }
.members { margin-top: -15px; width: 608px; margin-bottom: 10px; }
	.members a.background { display: block; background-color: #FCFCFC; height: 69px; margin-top: 12px; padding: 10px 10px 10px 10px; cursor: pointer;  border-top: 1px solid #FCFCFC; border-bottom: 1px solid #FCFCFC; }
	.members a.background:hover { background-color: #EEEEEE; cursor: pointer; z-index: 2000; opacity: 1; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }	
	.members img { clear: both; float: left; margin: -95px 0px 0px 0px; padding: 1px; border: 1px solid #CCCCCC; }
	.members h2 { clear: both; width: 608px; margin-top: 20px; margin-bottom: -10px; text-align: left; padding-left: 30px; font-size: 22px; }
	.members p { line-height: 10px; font-size: 16px; }
		.members p.right { float: right; }
		.members p.left { margin-left: 100px; clear: both; float: left; }
	
/* Right hand text */
#right { width: 260px; float: right; border-left: 1px solid #ccc; padding-left: 30px; margin-right: 25px; display: inline; }

/* Submit button */
.login {width: 150px; height: 25px; border: 1px solid #CCCCCC; background: #FFFFFF;}
.login:hover {width: 150px; height: 25px; border: 1px solid #CCCCCC; background: #FFFFFF; opacity: 0.6;}
.input { width: 150px; border: 1px solid #CCCCCC; height: 20px; background: #FFFFFF; } 
.input:hover { width: 150px; border: 1px solid #CCCCCC; height: 20px; background: #FF6; }

/* Lab info + awards */
.info { font-size: 13px; color: #999; }
.awards { font-size: 13px; color: #999; margin: 0 0 0;}

/* Funding sources */	
#funding { padding-left: 180px; }
	.icon { float: left; margin-right: 12px; margin-bottom: 10px; }
		.icon img:hover { padding: 3px; opacity: 0.6;}
		.icon img { padding: 3px; opacity: 1; }
	.last-icon { float: left; }
		.last-icon img:hover { padding: 3px; opacity: 0.6; }
		.last-icon img { padding: 3px; opacity: 1; }

/* FOOTER */	
#footer { color: #666; font-size: 13px; margin: 20px 0 20px 10px; text-align:center;}

/* Other stuff */
.break { border-top: 1px solid #ccc; margin: 20px 0 0; display: block; }
.space { margin-bottom: 20px; }