body { 	
padding: 0;
margin: 0;
font-family: verdana, arial, helvetica, geneva, sans-serif; 
font-size: 70%;
background-color: #e9e9e9;
text-align: center;
}

h1, h2, h3, h4 {
color: #004685;
}

h1 {
font-size: 1.5em;
margin: 0;
padding: 0;
}

h2 {
font-size: 1.25em;
padding: 0;
margin: 0;
}

h2.margin {
margin-top: 20px;
}

h3 {
font-size: 1.1em;
}

h4, h5 {
font-size: 1.0em;
}

a:hover {
color: #666;
}



/* Use for internal a id */

#mainContent h5, #mainContent h5 a, #mainContent h5 a:hover {
color: #333
}

ul, ol, dl { /* IE7 hack - left padding */
padding-left: 16px;
margin-left: 10px;
}

li, dt, dd {
margin: 2px 0;
padding: 1px 0;
}

ul ul, ol ol, dl dl, ol ul, ul ol {
margin-top: 12px;
margin-bottom: 12px;
margin-left: 4px;
padding-left: 10px;
}

#mainContent h3 a:hover, #mainContent h2 a:hover {
color: #004685
}

/* LIST ITEMS - ADDITIONAL SPACING FOR LARGE BLOCKS OF TEXT */

ol.lr li {
list-style-type: lower-roman
}

.botspace li { /*adds spacing below each list item */
margin-bottom: 12px;
}

.botspace li > span {
line-height: normal;
display: block;
margin: 10px 0 0
}

.bold li { /* bolds list item */
font-weight: bold;
} 

.bold li span {/* removes bolding from bold list items */
font-weight: normal;
}

.letterspace, span.letterspace {
letter-spacing: .07em
}

/* LIST ITEMS - SQUARE BULLET */

ul.square {
list-style-type: square;
}

/* MAIN STRUCTURE */

#container {
width:950px;
padding: 0;
margin: 0 auto;
border: 1px solid #369;
border-top: 10px solid #369;
background-color: #fff; 
background-image: url("../images/bkgrd.gif"); 
background-repeat: repeat-y;
text-align: left;
min-height: 700px;
}

/* LEFT PANEL - IMAGES AND SMALL BOXES */

#leftpanel {
float:left;
padding-top:5px;
width:140px;
background-color:#fff;
text-align: center; 
}

#leftpanel a img {
border: none;
margin: 5px auto;
padding: 0;
}

/*

#rightbottom p {
text-align: center;
font-size: .85em;
margin: 0 auto;
padding: 0 7px;
}*/

.maillist {
margin: 10px auto;
width: 90px;
/*padding-bottom: 11px;*/
text-align: left;
}

.maillist h3 { 
background-color: #369;
color: #fff;
font-weight: bold;
padding: 4px 0 4px 5px;
margin: 0;
font-size: .9em;
}

.maillist ul {
margin: 0;
border: 1px #69c;
border-style: solid;
padding-left: 0;
background: #ecf1f6;
-moz-border-radius: 10px 5px;
border-radius: 0 0 10px 10px;
}

.maillist li {
list-style-type: none;
padding: 3px 7px 10px;
margin: 0;
}

.maillist li a { 
color: #369;
font-size: .9em;
}

/*  END LEFT PANEL */

#main {
margin:0;
margin-left: 148px; 
background-color: #fff; 
}


#googleSearch form { 
float: right; 
padding: 5px 10px 0 0;
/*background-color: #c6d6e6;*/
background-color: #e3ecf5;
margin-top: -5px;
}

#googleSearch input {
font-family:verdana;
}

#googleSearch input.button { 
width:70px; 
padding:0px;
height: auto;
}

/* XXXXXXXXXX MASTHEAD AND TOP NAVIGATION XXXXXXXXXX */

#masthead {
height:40px;
background: #6a91b8 url(../images/tcag_top.gif) left top no-repeat;
}

#masthead img {
float: right;
border: 0;
margin: 8px 16px 0 0;
}

#topnav {
height:38px;
margin:0;
padding: 8px 0 8px 12px;
background: #e3ecf5;
font-size: 1em;
border-top: 1px solid #069;
border-bottom: 1px solid #069;
}

#topnav ul {
float:left;
padding: 0;
margin: 0;
list-style: none;
}

#topnav li {
display: inline; 
color: #fff;
padding: 0;
margin:0;
}

#topnav li a {
text-decoration: none;
padding: 2px 9px 2px 3px;
margin: 0 4px 0 2px;
color: #039;
display: block;
}

#topnav li a:hover { 
color: #036;
color: #668fb7;
color: #003;
text-decoration: underline;
}

/* adds selected highlight to top navigation */

body#home a#homepage,
body#projects a#projectsupport,
body#tools a#toolslist,
body#data a#databases,
body#staff a#stafflist, 
body#facilities a#facilitieslist,
body#acknowledge a#acknowledglist,    
body#pubs a#publications, 
body#news a#newsarticles,
body#careers a#careerinfo,
body#links a#linkslist,
body#contact a#contactform {
/*background: #e3ecf5;*/
background: #fff;
}

#news #mainContent,
#pubs #mainContent { /* removes top padding */
padding: 0 15px;
}

/* XXXXXXXXXX BODY, RIGHT NAV HOME PAGE, etc. XXXXXXXXXX */ 

#mainContent { 
color: #333;
margin: 0;
padding: 10px 15px 15px;
}

#mainContent p {
margin: 10px 0;
line-height: 1.5em;
}

#mainContent a {
color: #039;
}

#mainContent a:hover {
color: #666;
}

/* XXXXXXX RIGHT BOXES LARGE FOR MAIN LANDING PAGE - NEWS, EVENTS AND ANNOUNCEMENTS XXXXXXX */

#rightpanel { /* MAIN LANDING PAGE - right container for news, events and sponsor logos  */
float:right;
width:380px; 
margin-left:10px;
margin-right: 0;
padding-top: 10px;
}

/*
#rightpanel .rightlist span a, #rightpanel .rightlist span a:visited {
color: #fff;
}*/


/* RIGHT BOX WITH ROUNDED CORNERS */

.rightbox, .rightboxbottom {
background: #ecf1f6;
border: 1px solid #369;
float:right;
margin-left:20px;
border-bottom-right-radius: 20px; 
border-bottom-left-radius: 20px;
}

.rightbox h3, .sponsors h3, #bottomleft h3 {
background-color: #369;
color: #fff;
font-size: 1.1em;
font-weight: bold;
padding: 7px 9px;
margin: 0;
}

.rightbox h3 span{ /* main landing page */
float:right;
font-weight: normal;
}

.rightbox h3 span a, .rightbox h3 span a:visited {
color: #fff !important;
text-decoration: none;
}

.rightbox.width150 { /* FOR SMALL BOXES ON THE PUBLICATIONS PAGES */
width: 150px;
margin: 30px 15px 10px
} 

.rightbox.width250 { /* FOR FACILITIES */
width: 250px;
margin: 10px 10px 0 20px;
} 

.rightbox.width380 { /* MAIN LANDING PAGE */
width: 380px;
margin: 2px 0 7px;
padding-bottom: 7px;
}

.rightbox dl {
margin: 0;
padding: 7px 0;
}

.rightbox ul {
padding: 5px 0 0;
margin-top: 0;
}

.rightbox dt {
padding: 2px 2px 3px 7px;
}

.rightbox dd,  a.rightbox dd a, .rightbox li,  a.rightbox li a {
padding: 3px 2px 3px 7px;
margin: 0;
display: block;
font-weight: normal
}

.rightbox li, .rightbox li a {
list-style-type: none;
margin-bottom: 7px;
padding-right: 5px;
}

.rightbox li strong {
margin: 0 0 3px 0;
display: inline-block;
}

.rightbox dd a:hover {
color: #069;
background: #fff;
display: block;
}




/* BOTTOM RIGHT FOR SPONSOR LOGOS */
/* MAIN LANDING PAGE */

.rightboxbottom {
margin: 2px 0 20px;
padding-bottom: 11px;
width: 380px;
background: #fff;
font-weight: normal;
font-size: 1em;
}

.sponsors a img { 
margin: 5px 40px;
border: none;
display: inline;
text-align: center;
}

/* BOTTOM LEFT BOX FOR FACILITIES */

#bottomleft {
margin: 8px 0 0;
width: 352px;
background: #ecf1f6;
border: 1px solid #369;
border-bottom-right-radius: 20px; 
border-bottom-left-radius: 20px;
}

#bottomleft ul#mainfacilities {
list-style-type: none;
margin: 0 0 14px;
padding-left: 0;
}

#mainfacilities li {
margin: 0;
padding: 0;
}

#mainfacilities li a {
display: block;
list-style-type: none;
border-bottom: 1px solid #369;
font-weight: bold;
padding: 5px 8px;
text-decoration: none;
line-height: normal;
}

#mainfacilities li.last a {
border-bottom: none;
}

#mainfacilities li a:hover { 
color: #369;  
background-color: #fff; 
}

/* RIGHT PANEL - PUBLICATION ARCHIVES AND FACILITIES - ADDS SELECTED HIGHLIGHT */

/*body.biobanking #rightpanel2 dd a.biobanking,
body.cytogenomics #rightpanel2 dd a.cytogenomics,
body.sequencing #rightpanel2 dd a.sequencing,
body.genetic #rightpanel2 dd a.genetic,
body.informatics #rightpanel2 dd a.informatics,
body.microarray #rightpanel2 dd a.microarray,
body.statistical #rightpanel2 dd a.statistical,*/



/* RIGHT PANEL - FACILITIES - ADDS SELECTED HIGHLIGHT */
body.biobanking .rightbox dd a.biobanking,
body.cytogenomics .rightbox dd a.cytogenomics,
body.sequencing .rightbox dd a.sequencing,
body.genetic .rightbox dd a.genetic,
body.informatics .rightbox dd a.informatics,
body.microarray .rightbox dd a.microarray,
body.statistical .rightbox dd a.statistical,

/* RIGHT PANEL - PUBLICATION ARCHIVES AND FACILITIES - ADDS SELECTED HIGHLIGHT */
body.pubarchive1 .rightbox dd a.pubs1,
body.pubarchive2 .rightbox dd a.pubs2,
body.pubarchive3 .rightbox dd a.pubs3,
body.pubarchive4 .rightbox dd a.pubs4,
body.pubarchive5 .rightbox dd a.pubs5,
body.pubarchive6 .rightbox dd a.pubs6,
body.pubarchive7 .rightbox dd a.pubs7,
body.pubarchive8 .rightbox dd a.pubs8,
body.pubarchive9 .rightbox dd a.pubs9,
body.pubarchive10 .rightbox dd a.pubs10,
body.pubarchive11 .rightbox dd a.pubs11,
body.pubarchive12 .rightbox dd a.pubs12,
body.pubarchive13 .rightbox dd a.pubs13, 
body.pubarchive14 .rightbox dd a.pubs14,
body.pubarchive15 .rightbox dd a.pubs15,
body.pubarchive16 .rightbox dd a.pubs16,
body.pubarchive17 .rightbox dd a.pubs17,
body.pubarchive18 .rightbox dd a.pubs18,
body.pubarchive19 .rightbox dd a.pubs19
 {
display: block;
background: #d9e2ec;
}



/* SHORT RIGHT PANEL ENDS HERE */

div#slides {
margin: 6px 0 0;
}

.partners {
border: 1px #039;
border-style: solid solid none;
background: #fff;
text-align: center;
/*padding-top: 20px;*/
}

.partners h3 {
background-color: #369;
color: #fff;
font-size: 1.1em;
font-weight: bold;
padding: 4px 5px 5px;
margin: 0;
/*padding-top: 0;*/
text-align: left;
}


.partners a img {
margin: 5px 40px;
border: none;
/*float: left;*/
display: inline;
}

footer {
clear: right;
height:70px;
text-align:center;
/*background:#fff; */
margin: 0;
border-top: 1px solid #039;
color: #333!important;
}

/*
footer a {
color: #333!important;
}*/


footer, #footer {
/*border-top: 1px solid #039;*/
padding: 5px 0 10px 5px;
font-size: 9px;
/*color: #666;*/
clear: both;
}

footer a, #footer a {	color: #666!important; }
footer a, #footer a:hover { color: #369; }

/* LISTS OF NEWS ITEMS AND PUBLICATIONS */

ul.items {
margin: 14px 0 0;
padding: 0;
list-style-type: none;
}

.items li {
margin-bottom: 14px;
font-weight: normal
}

/* PDF icon */

a.pdf {
background:transparent url(../images/pdf.gif) top right no-repeat;
padding-right:20px;
}

li a.pdf { /* IE7 hack for bkgr image slipping out of alignment on wrapped lines - not supported on IE7 */
line-height: 1.5em;
}

/* FOR LINKS TO EXTERNAL SITES */

li a.outside, a.outside, dl.outside dd a, dd.outside a {
background:transparent url(../images/outside.gif) center right no-repeat;
padding-right:13px;
}

/* ACROBAT LIST */

ul.acro {
margin: 0;
padding: 0;
}

.acro li {
list-style-type: none;
background:transparent url(../images/pdf.gif) top left no-repeat;
padding-left: 24px;
padding-bottom: 14px;
}

/* SCIENTIFIC PROFILE */

.profile {
font-size: 95%;
}

.profile img {
border: 1px solid #69c;
}

/* UTILITY */

ul.botMargin, ol.botMargin, dl.botMargin { /* adds spacing below list items */
margin: 0 18px;
padding: 0;
}

.botMargin li {
margin: 0;
padding:10px 0;
}

.botMargin dd {
margin: 0;
padding:5px 0;
}

.floatright {float:right;}
.floatleft {float: left;}

.imgleft, img.imgleft  {
float: left;
margin: 7px 7px 7px 0;
}

.imgright, img.imgright {
float: right;
margin: 7px 0 7px 7px;
}

.imgmargin20 a img {
margin: 5px 20px 0;
}

.margin20, table.margin20 {
margin: 20px 0;
}



.margin10, img.margin10, table.margin10 {
margin: 10px 0;}

.marginbottom20 {margin-bottom: 20px;}
.margintop20 {margin-top: 20px;}

h1 span, h2 span {
margin: 2px 0;
display: block;
font-family: verdana, arial, helvetica, geneva, sans-serif; 
font-size: 90%;
color: #000;
font-weight: normal;
}

.blackborder {border: 1px solid #000;}

.clearleft {clear:left}
.clearright {clear:right}
.clearboth {clear:both}

.right, td.right {
text-align: right;
}

.cent, td.cent {
text-align: center;
}

.left, td.left, th.left, table.left th {
text-align: left;
}

.top, .top td {
vertical-align: top;
}

.bottom, table.bottom, td.bottom, th.bottom, .bottom td, .bottom th {
vertical-align: bottom;
}

.bg, td.bg {
font-size: 125%;
}

.sm {
font-size: 90%;
}

.red {
color: red
}

.caption {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.25em;
}

.background {
margin: 12px 10px 12px 0;
padding: 7px 12px;
background: #eee;
}

.nowrap {
white-space: nowrap;
}

.visuallyhidden {display: none;}

hr {
  display: block;
 margin-top: 1.5em;
  margin-bottom: 1.5em;
  /*margin-left: auto;
  margin-right: auto;*/
  border-style: solid;
  border-width: 1px;
  border-color: #069;
}

/*.button {
  background-color: rgb(225 225 225);
  border: none;
  color: black;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 15px;
  box-shadow: 5px 8px 3px 0 rgba(0.5,0.5,0.5,.5), 0 6px 20px 0 rgba(0,0,0,0.19)
}

a.button {
text-decoration: none;
font-family: arial, helvetica, verdana, sans-serif;
letter-spacing: .1em;
}

.button:hover {
 background-color: rgb(245 245 245);
}

.button:active {
  background-color: rgb(200 200 200);
  box-shadow: 5px 8px 3px 0 rgba(0.3,0.3,0.3,.5), 0 6px 20px 0 rgba(0,0,0,0.19);
transform: translateY(4px);
}*/

button {
padding: 5px 25px;
float: right;
border: 2px solid #369;
margin: 6px 16px 0 0;
border-radius: 15px;
background: #fff;
font-weight: bold;
letter-spacing: .1em;
color: #036;
}

button a {
text-decoration: none;
color: #036;
}

button:hover {
    background: #dee9f5;
	color: #036;
}

button:focus {
background: #dee9f5;
color: #036;
} 

button:active {
   /* transform: scale(0.99);*/
	  box-shadow: 2px 2px 10px #69c inset;
	  color: #036;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 500px;
    height : 900px;
    max-width  : 40%;
    max-height : 45%;
    margin: 0;
	background: #333;
	overflow: hidden;}