@charset "UTF-8";
/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size:1em;
	font-family: Verdana, Arial, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #666666;
	background:#FFF;
	text-align: center;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img a {border: none;}

/* Main Structure */
div#container {background-color: white; margin: 0 auto; text-align:left; width: 800px; }
div#cit-logo {text-align: center;}
div#header {margin-top:40px;}
div#content-wrap {overflow:auto;}
div#content-main {float:right; width: 520px;padding: 0px 30px; margin-top: 40px;}
div#content-main ul {font-size:16px;}
div#sidebar {float:left; width: 190px; padding-right: 15px; margin-top: 40px;}
div.spotlight {border: 1px solid #CCC;padding: 10px;margin-top: 30px;}
div#search {float:right; width: 190px; height: 20px; padding: 15px 15px 15px 5px ;}
label {font-size: .8em;}
div#logos {margin-top: 15px; padding: 5px 0; border-top: 1px solid #CCC;}
div#logos img {margin-right: 10px;}
div#footer {padding: 15px;}

/* Type styles */
a:link {color:#36C; text-decoration:underline;}
a:visited {color:#36C;text-decoration:underline;}
a:hover {color:#36C;text-decoration:none;}
a:active {color:#36C;text-decoration:none;}
h1 {color:#254D9A;font-size: 1.3em;font-weight: normal;padding-bottom: 0.5em;}
h2 {color:#484848;font-size: 1em;padding-bottom: 0.5em;padding-top: .3em;}
h3 {color: #FF6600;font-size: .95em; font-weight: normal;padding-bottom: .5em;}
h4 {color:#000;font-size: 0.9em;font-weight: bold;padding-bottom: 0.3em;}
h5 {color:#666;font-size: 0.75em;font-weight: bold;padding-bottom: 0.3em;}
h6 {color:#333;font-size: 0.85em;font-weight: normal;padding-bottom: 0.3em;text-transform:uppercase;}
p {font-size: .8em;line-height: 1.4em; padding-bottom: 1em;}
div#content-main li {font-size: .8em;line-height: 1.4em;list-style:disc;margin-left: 2em;}
div#footer p {color: #999; font-size: .7em;}
div#footer a {color: #999;}
strong {font-weight: bold;}
em {font-style:oblique;}

/* Research Table */
th, td {font-size: .8em; padding: .3em; background:#eee;border: 1px solid #FFFFFF; line-height:19px;}
th {font-weight:bold;}
th p, td p {padding-bottom: 0;}
th p {font-weight:bold;}




/* Navigation */
ul#nav-main {font-size: .7em; margin-bottom: 1em;}
ul#nav-main li {line-height: 2.5em; border-bottom: 1px solid #CCC;}
ul#nav-main li a {display:block;font-weight: bold; padding: 0 5px;}
ul#nav-main li a:link {color:#333; text-decoration:none; }
ul#nav-main li a:visited {color:#333; text-decoration:none; }
ul#nav-main li a:hover {color:#ec7334;background-color: #EEE; text-decoration:none; }
ul#nav-main li a:active {color:#36C;background-color: #EEE; text-decoration:none; }

/* Submenu Navigation */
ul#nav-main li ul li {border-bottom: none;}
ul#nav-main li ul li a {color: #AAA; margin-left:20px; text-decoration:none;background-color: #fff;}
ul#nav-main li ul li a:hover {color: #AAA;text-decoration:none;background-color: #fff;}



/*#grants ul#nav-main ul#apply {display:block;}
#grants ul#nav-main ul#apply li {padding-bottom:.3em;}
ul#nav-main ul#apply {display:none;}
ul#nav-main ul#apply li, ul#nav-main ul#news li, ul#nav-main ul#disease li, ul#nav-main ul#fund li {border-bottom:none;color: #666; font-size:.8em; list-style-image: url(../graphics/body/arrow-rt.gif); margin-left: 2em; }

ul#partner-links {padding: 15px 30px;}
ul#partner-links li {color: #999; font-size: .8em; display:inline;}
ul#partner-links li a:link {color: #999;text-decoration: none;}
ul#partner-links li a:visited {color: #999;text-decoration: none;}
ul#partner-links li a:hover {color: #36C;text-decoration: underline;}
ul#partner-links li a:active {color: #36C;text-decoration: underline;}
*/
#internal {color: #999; font-size: 10px;text-decoration: none;line-height: 1.4em; padding-bottom: 1em;}

/*Images*/
div#content-main img, div#sidebar img {border: 1px solid black;}
div#logos img {border:none;}

/*Classes*/
.clearfloat {clear:both; font-size:1px;height:0;line-height:0;}
.fltrt {float: right;}
.fltlt {float: left;}
img.fltlt {margin-right: 10px;}
img.fltrt {margin-left: 10px;}
.blockquote {margin-left: 25px;}



sub, sup {
  /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only half as far down as the superscript moved up */
  bottom: -0.25em;
}