/* CSS Document */

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

h1, h2, h3, h4, 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 {
	 text-align: left;
	 width: 800px; 
	 margin: 3px 0px; 
	 background-image: url(/arcss/snacs/images/snacsbar.jpg); 
	 background-repeat: no-repeat; 
	 background-position: bottom;
	 padding: 10px 0px;
  } /* dimensions and bg for footer */
  

 #content {
	width: 800px;
} /* width of content box */

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


#leftnav {
 	 border-bottom: 1px solid #FFF;
 	 margin: 0px; 
	 padding: 0px; 
	 width: 160px; 
	 height: 300px;
	 background: url(/arcss/snacs/images/stripe.png) right top no-repeat;
  } /* leftnav dimensions */
  
#leftnav ul {
	font-size: 12px; 
	font-weight: bold;
    margin: 20px 0px 0px 0px;
    padding: 0px;
	list-style-type: none;
	
 }  /* list dimensions*/
 
#leftnav li a {
	 color: #5E718F;
	 padding: 5px 0px;
	 margin-left: 0px;
	  line-height: 1.5em;
	  text-decoration: none;
  } /* color height and padding of leftnav links*/
  
#leftnav li a:hover {
	text-decoration: underline ;
	 color: #82A4C7;
 } /* color of link hover */

#leftnav ul.sub {
	list-style-image: url(/arcss/snacs/images/bullet.jpg);
	padding: 2px 0px 2px 8px;
	margin: 1px 0px 0px 0px;
	}
	
#leftnav ul.sub li {
	
	line-height: .85;
	
}  /* leftnav for list items */

#leftnav ul.sub  a {
	
	color: #444444;
	
} 

#leftnav ul.sub  a:hover {
	
	color: #5E718F;
	
} 
 

#maincontent {
	background-color: #FFFFFF; 
	padding-left: 10px; 
	width: 640px;
	vertical-align: top;
	 
  } /* dimensions of maincontent box */
 
 /*heaader definitions*/
h1  {
	font: bold 135% arial, Helvetica, sans-serif;
	color: #5e7194;
	}	

h2 {
	font: bold 115% arial, Helvetica, sans-serif;
	

	}

h3 {
	font: bold 13px arial, Helvetica, sans-serif;
	margin: 20px 2px 15px 0px;
	padding-bottom: 0px;
	
	}

h4 {
		font: bold 13px arial, Helvetica, sans-serif;
		margin: 3px 2px 15px 0px;
		padding-bottom: 0px;
		color: #2A4F6F;
	}

h5 {
    font: bold 13px arial, Helvetica, sans-serif;
	margin-bottom: 1px;
	}

h6 {
    font: bold 13px arial, Helvetica, sans-serif;
	margin-bottom: 1px;
	color: #2A4F6F;
	}
	
/*end section*/

 #maincontent a:link {
	color: #0055A8; 
} /* link color */

#maincontent a:visited {
	color: #0055A8;
 } /* visited link color */
 
#maincontent a:hover {
	color: #50688E;
 } /* hover link color*/
 


#maincontent p {
	text-align: justify;
	line-height: 1.2em;
	}
/* horizontal navigation definitions */
#maincontent  #subnav {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	width: 99%;
	
}

ul.meeting {

margin-top: 25px;

}
#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: #2A4F6F;
	}
	
#maincontent  #subnav a:hover {
	color: #555;
	}
	
/*end horizontal navigation */

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


#maincontent #main_image p {
	margin: 3px 10px 3px 10px;
	float: 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-image: url(/arcss/snacs/images/snacsbar.jpg);
	   background-repeat: no-repeat; 
	   padding: 10px 0px;
	   }
	   
	   
#footer a {
	 color: #5E718F;
	 padding: 5px 0px;
	 margin-left: 0px;
	  line-height: 1.5em;
	  text-decoration: none;
	  }
	  
#footer a:hover {
	 text-decoration: underline ;
	 color: #82A4C7;
	  
	  
	  }	   
    /* dimensions and bg for footer */
   

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

.data td {background-color: #EDEDED; border: 1px dotted #999; padding: 4px; font-size: .9em; line-height: 1.25; } /* td's are the main table cells in the gray block*/

#maincontent table.contactinfo td {background-color: #EDEDED;  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; background-color: #ccc; border: 1px solid #999; 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;
	}
	
	
/* Section heading colors */

#leftnav ul.sub li.whales a {
	color: #663300;
	}

#leftnav ul.sub li.synthesisandscaling a {
	color: #281d5f;
	}

#leftnav ul.sub li.organiccarbon a {
	color: #770000;
	}
	
#leftnav ul.sub li.methane a {
	color: #5f491d;
	}

#leftnav ul.sub li.mercury a {
	color: #245f23;
	}
	
#leftnav ul.sub li.carboninterconnections a {
	color: #993300;
	}

/*end section */
