/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Main Body Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#main-text {
  background-color: white;
  margin-left: 160px; /* change navbar width as well */
  border:1px #BBBBBB solid;
/*  border-left: 1px #ff9900 solid;
  border-right: 1px #ff9900 solid;
  border-bottom: 1px #ff9900 solid;*/
  padding: 10px;
  min-height: 1200px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Download Link Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#download {
background: url(images/down.png) no-repeat 10px center;
margin-top: 10px;
}
#download li.update {
color:black;
font-size: 0.6em;
background: #DDDDDD;
padding-left: 10px;
width:170px;
display:block;
}
#download li.link{
list-style:none;
padding:0px;
font-size: 0.8em;
}
#htmltext {
background: url(images/html.png) no-repeat 4px center;
margin-top: 10px;
font-size: 0.8em;
}
#htmltext li{
list-style: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Table Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#table {
padding: 10px;
margin-top: 10px;
}
#table td{
font-size:0.9em;
}
#table td.date, td.fill{
color:#000000;
font-size: 0.7em;
background: #DDDDDD;
padding-left: 5px;
padding-right: 5px;
}
#table td.date{text-align:right;}
#table td.fill{text-align:center;}
#table td.bullet{background:url(images/bullet.gif) no-repeat left center ; padding-left: 10px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Tips and Notes Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tips li, #notes li, #warning li{
	list-style:none;
  	font-size: 0.7em;
  	line-height: 1.2em;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:1px;
	text-align: justify;
	width: 400px;
}
#tips li.caption, #notes li.caption, #warning li.caption{
	text-align: center;
	font-weight:bold;
	color:#FFFFFF;
	width: 100px;
}
/* Green heading and light grean box */
#tips li.caption{	background-color:#006600;}
#tips li{			background-color:#CCFFCC;}
/* Black heading and gray box */
#notes li.caption{	background-color:#000000;}
#notes li{			background-color:#DEDEDE;}
/* Red heading and light oracnge box */
#warning li.caption{background-color:#FF0000;}
#warning li{		background-color:#FFCC99;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Bulleted text Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p.bullet{ 
  background-image: url(images/bullet.gif);
  background-position: left 3px; 
  background-repeat: no-repeat; 
  padding-left: 15px;
}
.list, .list2{
  	font-size: 0.7em;
  	line-height: 1.2em;
  	text-align: justify;
	list-style-image: url(images/bullet.gif);
	list-style-position:outside;
}
.list2{
	font-weight:bold;	
	color:#000000;
	border-bottom: 1px #cfd7f6 solid;
	font-size: 0.8em;
  	line-height: 1.2em;
}
.projID {
	list-style:none;
	color:#ff9900;
  	font-size: 0.6em;
}
.description {
  list-style:none;
  font-size: 0.7em;
  line-height: 1.2em;
}
#thumblink { }
#thumblink img { float:left; height:120px;}
.conference,.confhead,.confdate,.conftitle{ list-style:none;font-size: 0.8em;}
.conference{ color:#FF6600;}
.confhead{color:#999999; font-size:0.7em;}
.confdate{font-size:0.7em;}
.conftitle{font-weight:bold;}

p.preamble{
  	font-size: 0.7em;
  	line-height: 1.2em;
  	text-align: justify;
	background-color:#ff9900;
	padding: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Group Info Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#person {
	height:100px;
	margin-top: 5px;
	padding-bottom:15px;
}
#person table td.image {
	padding:0px;
	margin: 0px;
	float: none;
}
#person table td.personInfo{
	padding-top:15px;
	padding-right: 10px;
  	font-size: 1.2em;
}
#person img.picture{float:none;height:100px; background-color:#E6E6E6;}
img.email{	float:none; margin:-3px; margin-bottom:-5px;}
#person li{			list-style:none; font-size:0.7em;}
#person li.name{	font-weight:bold;}
#person li.task{	color:#FF6600; font-weight:bold; }
#person li.task a {	color:#FF6600; font-weight:bold; }
#person li.task a:hover {	color:#FFbb44; background-color: #4444cc; font-weight:bold; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Screenshots Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#screenshot {
/*	height: 172px;
	background-repeat: no-repeat; */
}
#screenshot p{
/*  margin-left: 220px; */
}
img { 
	padding: 5px;
	float:	right;
	border:none;
	margin: 15px;
}
#thumblink img {
	float: left;
	padding: 10px;
	background-color:#E6E6E6;
	margin-right: 20px;
}
#pubyear p {
/*	background-color:#FF9933;*/
	color: #cc0000;
	font-weight:bold;
	font-size:0.9em;
	display:block;
	width:150px;
	text-align: center;
	border-bottom: 1px #ff9900 solid;
	border-left: 5px #ff9900 solid;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MainImage Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#treegroups {
  height: 250px;
  background-image: url(images/phylo_tree.jpg);
  background-position: left center;
  background-repeat: no-repeat;
}
#treegroups p{
  margin-left: 420px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Citation Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#citation p{
  background-color: #ff9900;
  padding: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Publication Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#publication p{
  background-image: url(images/book.gif);
  background-position: left 2px; 
  background-repeat: no-repeat; 
  padding-left: 25px; 
  padding-right: 10px;*/
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Heading Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1,h2 {
  color: #000000;
  border-bottom: 1px #CCCCCC solid;
  border-left: 5px #ff9900 solid;
  padding-left: 5px;
  margin-bottom: -10px;
}
h1 {
  font-size: 0.9em;
}
h2 {
  font-size: 0.8em;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Paragraph style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p{
  font-size: 0.7em;
  line-height: 1.2em;
  text-align: justify;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Link Style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a {}
a:link {
  text-decoration: none;
  color: #0000BB;
}
a:visited {
  text-decoration: none;
  color: #880000;
}
a:hover {
  text-decoration: none;
  background-color: #ff9900;
  color: white;
}
a:active {}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Footer style */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {border-top: 1px #ff9900 solid;}
#footer td.update{  
	color: #777777;  
	font-size: 0.7em;
  	text-align: left;
}
#footer date{ color:#000088;}
#footer td.contact{  
	padding-left: 50px;
	color: #000000;  
	font-size: 0.7em;
  	text-align: right;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/