@import url("navigation.css");

/* Body */
body{
	background-color: #333;
	margin: 10px auto 10px auto;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 807px;
	font-size : 12px;
}

p{
	line-height: 150%;
}

a:link, a:visited, a:active{
	color: #CC0000;
	text-decoration: underline;
	padding: 0;
}

a:hover{
	text-decoration: none;
}

/* Main */

/* =wrapper
-----------------*/
#wrapper {
	width : 807px;
	margin : 0;
	padding : 0;
}

.home-page #wrapper {
	background: url(../img/main_img.png) 0 0 no-repeat;
}

.content-page #wrapper {
	background : url( ../img/body_bg.gif ) repeat-y;
	float : left;
}

/* =outer-content
----------------*/

.home-page #outer-content {
	background: url(../img/body_bg.gif) repeat-y;
	margin-top : 4px 0 0 0;
        padding : 0;
}

.content-page #outer-content {
	float : left;
	width : 535px;
	padding : 20px;
}

.content-page #outer-nav {
	float : left;
}

#outer-nav { 
padding : 0 0 4px 0;
}


/* Container */

/* Header */
#header{
	margin: 0;
	padding: 0;
	width: 807px;
	height: 55px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

/* Content */
#content {
	margin: 0;
	padding: 10px 74px 10px 74px;
	width: 659px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body #content {
	width: 659px;
}

/*Masthead*/
#masthead {
	height: 87px;
	margin: 0;
	padding: 0;
	background: url(../img/page_masthead.gif) no-repeat;	
}

/*Footer*/
#footer{
	clear: both;
	width: 807px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0;
	background : url(../img/footer.gif) no-repeat;
	padding: 0;
	height /**/: 61px;
}

html>body #footer {
	width: 807px;
}

#footer ul {
	margin: 0;
	padding: 6px 0px 0px 8px;
}

#footer li{
	display: inline;
	margin: 0;
}

/**
 * Begin content specific styles.
 */

/* =divs
------------------------*/
div.collaborator {
	margin-top : 30px;
}

div.first-collaborator, h4.first-collaborator {
	margin-top : 0;
}

div#current-projects,
div#weekly-calendar,
div#contact-list,
div.calendar-day {
	margin-bottom : 30px;
}

div.calendar-event {
	margin : 0 0 10px 0;
	padding : 0;
}

/* =lists
------------------------*/
ol {
	list-style: disc outside;
	margin : 0;
	padding : 0;
}

ol li {
	margin : 0 0 3px 0;
	padding : 0;
}

ul {
	list-style: disc outside;
	margin : 0;
	padding : 0;
}

ul.gen-info {
	margin-left : 10px;
	list-style-position : inside;
}

ul#toc-list, ol#toc-list {
	list-style : none;
}

ul.collaborators-list, 
ul.lab-member-contact-info,
ul.publications-list, 
ul.funders, 
ul.clinical-tools,
ul.imaging-tools,
ul.genetic-tools, 
ul.site-map,
ul.collaborators {
	list-style: none;
}

ul.publications-list {
	margin-bottom : 30px;
}

ul.publications-list li {
	margin-bottom : 15px;
}

ul.funders li, ul.collaborators li {
	margin-bottom : 30px;
}

ul.clinical-tools, 
ul.imaging-tools,
ul.genetic-tools, 
ul.site-map {
	margin-bottom : 30px;
}

ul li {
	margin : 0 0 3px 0;
	padding : 0;
}

ul#toc-list li {
	margin-bottom : 10px;
}

.list-title {
	font-weight : bold;
}

p.person-name, 
p.person-title, 
p.tool-title, 
p.research-item,
.project p {
	padding : 0;
	margin : 0;
}

p.reference-note {
	margin-bottom : 30px;
}

.calendar-event p {
	margin : 0;
	padding : 0;
}

/* =headings
---------------------*/
h4 {
	margin : 10px 0;
	padding : 0;
	font-size : 14px;
}

h4.paragraph-title {
	margin : 30px 0 0 0;
}

.lab-member h4 {
	margin-top : 30px;
}

h5 {
	margin : 10px 0;
	padding : 0;
	font-size : 12px;
	font-weight : bold;
}

.calendar-day h5 {
	margin-bottom : 0;
}

h6 {
	margin : 0 0;
	padding : 0;
	font-size : 12px;
	font-weight : normal;
}

.project h5 {
	margin-bottom : 0;
}

.hdr-image {
	margin-bottom : 15px;
}

/* =images
----------------------*/
img.bio-photo {
	float : left;
	margin : 10px 10px 0 0;
}

ul.funders img, ul.collaborators img {
	border : none;
}

a.img-link {
	text-decoration : none;
	display : block;
	width : 100px;
}

/* =links
----------------------*/
a.in-page-nav {
	clear : both;
}

/* =tables
----------------------*/
caption{
	text-align : left;
	font-size : 12px;
	font-weight : bold;
	margin-bottom : 5px;
}

th {
	text-align : left;
	font-size : 12px;
	font-weight : bold;
	border-bottom : 1px solid #000;
	border-right : 1px solid #000;
	padding : 3px;
	background-color : #ccc;
	vertical-align : bottom;
}

td {
	border-bottom : 1px solid #000;
	border-right : 1px solid #000;
	padding : 3px;
	vertical-align : top;
}

table {
	border-left : 1px solid #000;
	border-top : 1px solid #000;
	margin-bottom : 10px;
	width : 574px;
}

div#pagecontent img {
	margin-bottom : 15px;
}

/* =search
------------------------*/

/* This is only here because of the search box since padding pushes everything down too far. */
#masthead {
    overflow : hidden;
}

#search-box {
	float : right;
	padding : 15px 20px 0 0;
}

#search-box label {
	display : none;
}

#search-box input {
	display : block;
	float : right;
	clear : right;
	margin : 0 0 3px 0;
}

#search-results {
	list-style : none;
}

#search-results li {
	margin : 0;
	padding : 0;
}

#search-results li p {
	margin : 0 0 10px 0;
	padding : 0;
}

#search-results li p b {
	background-color : #ff0;
	font-weight : bold;
}

/* =images
-----------------*/
.right-float {
	float : right;
	margin : 0 10px 10px 10px;	
}

.left-float {
	float : left;
}

.photo-entry {
	margin-bottom : 30px;
}

.photo-entry img {
	border : none;
}

img {
   border : none;
}