/* SASS Styles */

body {
	font: 12px Ariel, helvitica, sans-serif; 
} /* font family of the body */

h1, h2, h3, h3, h5 {
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
} /* headings in body */

table, td, tr, p, li, ul, ol {
	font-family: Arial, Helvetica, sans-serif;
} /* tables ul li p */

#header {
margin: 0;
padding: 0;

}
	
 /*
#header a:link {


	text-decoration: none;
	font: 24px arial, Helvetica, sans-serif;
	color: #000;
	margin: 5px 5px 20px 5px;
	width: 600px;
	display: block;
}

#header a:visited {
text-decoration: none;
	font: 24px arial, Helvetica, sans-serif;
	color: #000;
	margin: 5px 5px 20px 5px;
	width: 600px;
	display: block;

}

#header a:hover {
text-decoration: none;
	font: 24px arial, Helvetica, sans-serif;
	color: #000;
	margin: 5px 5px 20px 5px;
	width: 600px;
	display: block;


}
*/

#header span {
font-size: 34px;
color: #115599;

}
#content {
	width: 800px;
	background: url(../images/bg.jpg) left top repeat-x;
	
	
	}
 /* width of content box */

table#content {
	border-collapse: collapse;
	border-spacing: 0px;
} /* table inside of content collapse*/



#leftnav {
 	 border-bottom: 1px solid #FFF;
 	 margin: 0px; 
	 padding: 0px; 
	 width: 185px; 
	 height: 300px;
	/*  background-color: #dde6f5; */
	 border-right: solid 1px #94abc1;
  } /* leftnav dimensions */
  
#leftnav ul {
	font-size: 12px;
	margin-top: 24px; 
 	list-style-type: none;
	
 }  /* list dimensions*/
 
#leftnav ul ul {
	margin-top:3px;

}
#leftnav li a {
	  color: #115599;
	  line-height: 1.2em;
	  margin-bottom: .5em;
	  margin-left: .5em;
	  text-decoration: none;
	  cursor:pointer;
	  display: block;
	  font-weight:bold;
	  border-bottom:double;
	  border-color: #b9c5d1;
	  padding-bottom: .2em;
} /* color height and padding of leftnav links*/
  
#leftnav li a:hover {
	text-decoration: underline ;
	 color: #228bf5;
	 cursor:pointer;
 } /* color of link hover */

#leftnav ul.submenu {
	list-style-image: url(/arcss/sass/images/bullettemp.png);
	padding: 2px 0px 2px 15px;
	margin: 1px 0px 0px 0px;
	font-size: 12px;
	}

#leftnav ul.submenu ul li, #leftnav ul.submenu ul {
display: none !important;
margin-left: 5px;
}

ul.submenu li.collapsable, ul.submenu li.expandable {
background-image: none !important;
}

#leftnav ul.submenu li {
	
	line-height: .85;
	padding-left: 0px;
	
}  /* leftnav for list items */

#leftnav ul.submenu  a {
	cursor:pointer;
	color: #18779f;
	
} 

#leftnav ul.submenu  a:hover {
	cursor:pointer;
	color: #228BF5;
	
} 
 
/* left nav treeview over ride styles */

.treeview ul#projects1, .treeview ul#projects2 {
background-color: transparent;
}

#navigation {
margin: 22px 0 0 0;
}

/*End treeview styles */
#maincontent {
	/* background-color: #dde6f5; */
	padding: 10px; 
	width: 600px;
	vertical-align: top;
	
	 
  } /* dimensions of maincontent box */
 
 #maincontent a:link {
	color: #0059b1; 
} /* link color */

#maincontent a:visited {
	color: #09447e;
 } /* visited link color */
 
#maincontent a:hover {
	color: #333333;
 } /* hover link color*/
 
h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #115599;
} /* h3 color*/

h2 span { color: #000; }
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #001122;
	}
	
h4 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #115599;

}
  /* projects table and PIs*/
table.projectstable {
	width: 590px;
}

th.projects {
	width: 73%;
}

th.projects-2 {
	width: 27%;
}

 #pitable  { 
 	margin-left: 0px;
 	padding-left: 0px;
	border-collapse: collapse;
	font: normal 12px Arial, Helvetica, sans-serif;
	}/*controls the PI list table on each page*/

#pitable ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#pitable td {
	vertical-align: top;
	}

#leadpis {
width: 65px;
vertical-align: top;
} /*For the first cell in the table*/



#maincontent p {
	text-align: justify;
	line-height: 1.3em;
	}

#maincontent table p {
text-align: left;
}
/* horizontal navigation definitions */
#maincontent  #subnav {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	width: 100%;
	
}

#maincontent  ul#subnav  {
			padding: 3px 0px;
			
	}
	
#maincontent  #subnav li {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	
	}

#maincontent  #subnav a {
	text-decoration: none;
	font: bold 1em  Arial, Helvetica, sans-serif;
	color: #556666;
	}
	
#maincontent  #subnav a:hover {
	color: #115599;
	}
	
/*end horizontal navigation */

#maincontent #main_image {
	display: inline;
	float: right;
	margin: 2px 1px 10px 10px;
	font-size: .75em;
	text-align: right;
	
	}


#maincontent #main_image p {
	margin: 3px 10px 3px 10px;
	float: right;
	width: 275px;
	text-align: right;
}

#maincontent #main_image h3 {
	margin: 5px 0px 0px 10px;
	}
	
#maincontent #main_image img {
	margin-top: 2px;
	margin-left: 10px;
	outline: #000 solid 1px;
	}
	
	
#footer {
	   text-align: right;
	   font-size: 10px; width: 800px;
	   height: 24px; margin: 12px 0px; 
	   background-repeat: no-repeat; 
	   padding: 10px 0px;
	   }
	   
	   
#footer a:link, #footer a:visited {
	 color: #778888;
	 padding: 5px 0px;
	 margin-left: 0px;
	  line-height: 1.5em;
	  text-decoration: none;
	  }
	  
#footer a:hover {
	 text-decoration: underline ;
	 padding: 5px 0px;
	 margin-left: 0px;
	  line-height: 1.5em;
	 color: #115599;
	  
	  
	  }	   
    /* dimensions and bg for footer */
   

/*Sass Tabular Datasets*/	
.data {text-align: left; width: 100%; font-size: 13px; border-collapse: collapse;} /*data is main table*/

.data td {  padding: 4px; font-size: .9em; line-height: 1.25; } /* td's are the main table cells in the gray block*/

#maincontent table.contactinfo td {  padding: 4px; font-size: .9em; line-height: 1.25; vertical-align: top; border-right: none; border-left: none;}

#maincontent .data td p { font-size: .9em; line-height: 1.25; margin: 0px; text-align: left; } /*applying mainstyles to <p> in the main cells*/

#maincontent .data a:link {color: #1756A3; text-decoration: none; white-space: normal;} /*sets colors for links*/

#maincontent .data a:visited {color: #777; text-decoration: none;} /*sets colors for visted links*/

#maincontent .data a:hover {color: #1E8ED3; text-decoration: underline;} /*sets colors for mouseover links (blue)*/

.data th {padding: 4px 10px 4px 3px;  color: #333;} /*this is the top and side gray rows*/

.data caption {font-weight: bold; text-align: left; font: 125% Georgia, "Times New Roman", Times, serif; margin: 5px 0px 10px 2px; color: #2A4F6F;} /* caption styles lightblue color */

/*end tabular datasets */
.contactinfo ul {
	list-style: none; 
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	
	
}

.bio {



}

.rightimg {
	float: right; 
	margin: 10px;
	} /* floats the right image */


.leftimg {
	float: left; 
} /* floats the right image */

.floatright {
	float: right;
	}
	
/* list style definitions */

.smallbullet { list-style-image: url(/images/smallbullet.jpg);
			   margin-top: 5px;}
.nobullet { list-style: none;
			}
 /* ----end section---*/
 
 #maincontent p.agenda {text-align: center;}
td.speaker { text-align: right;}

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



.projectstable {
width: 525px;
border-collapse: collapse;
margin: 0 auto;
}


.projectstable th {

color: #2d5599;
background-color: #cbd2d3;
border: 1px solid #aaa;
}

.projectstable td {
padding: 5px 7px;
border: 1px solid #aaa;
}


.sup {

vertical-align: super;
font-size: smaller;
}

.sub {
	vertical-align: sub;
	font-size: smaller;
}

/* New Participant List Styles */
.plist ul {
list-style: none;
margin: 10px 0px;
padding: 0px;
font-size: 12px;
}

.plist {

border-collapse: collapse;
width: 100%;
margin: 0px;
padding: 0px;
}

.plist td {
vertical-align: top;
width: 50%;
padding: 0px 10px 0px 0px;
}
.plist .name {
font-weight: bold;
}