﻿@charset "utf-8";
/* CSS Document */


body, html {
	height:100%;
}


body, ul, li, a, img {

	margin:0px;
	padding:0px;
	
}



strong a {
	text-decoration:none;
	color:#39275B;
	
}

p {
	padding:0px;
	margin:0px;
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
	color: #39275B;
	line-height:1.4em;
		
}


a {
	text-decoration:none;
	color:#a17700;
	/*border-bottom:dotted 1px #a17700;*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}



a:hover {
	background-color:#fffad7;
}

h1 {
	font-size:150%;
	font-family:Georgia,serif;
	margin-bottom:10px;
	margin-top:10px;
	color:#39275B;
}

h1 a {

	text-decoration:none;
	color:#39275B;
	border:0;
}

h1 a:hover {
	background-color:transparent;
}



h2 {
	font-size:125%;
	font-family:Georgia,serif;
	margin-bottom:10px;
	margin-top:15px;
	color:#39275B;
}

h2 a {

	text-decoration:none;
	color:#39275B;
	border:0;
}

h2 a:hover {
	background-color:transparent;
}

h3 {
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	margin-top:8px;
	color:#39275B;
}

h3 a {

	text-decoration:none;
	color:#39275B;
	border:0;
}

h3 a:hover {
	background-color:transparent;
}

h4 {
	color:#39275B;
}

UL {
	padding-left:15px;
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
	color: #39275B;
	line-height:1.4em;
}



#googlesearch img {
	border:none;
}



#indent li {
	padding-left:10px;
}


.peoplefix {
	margin-bottom:10px;
}

.peoplefix a {
	color:#39275B;
	font-size:90%;
	
}

.peoplefix a:hover {
	background-color: #fffad7;
	color:#39275B;
	border-bottom:solid 1px #a17700;
}


/* BEGIN UW TOOLBAR SECTION */

#UWTools {
	
	background-image:url(https://pluto.chem.washington.edu/styles/images/header_background.jpg);
	width:100%;
	float:left;
	height:40px;

}


#UWLogo {
	float:left;
	

}

#UWLogo a:hover {
	background-color:transparent;
}


#UWTools img {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	border-style:none;
}

#UWTools UL {
	padding-top:3px;
	float:right;	
}

#UWTools UL LI {

	display:inline;
	float: right;
	color:#888888;
	
}

#UWTools UL LI A {

	color:WHITE;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	font-size:80%;
	border-bottom:none;
	font-weight:normal;
	
	
}

#UWTools UL LI A:hover {

	color:BLACK;
	background-color:transparent;

	
}

/* END UW TOOLBAR SECTION */


/* BEGIN DEPT OF CHEM HEADER */

#logo {
	width:100%;
	float:left;
	background-image:url(https://pluto.chem.washington.edu/styles/images/header_background.jpg);
	height:80px;
	
}

#logo a:hover {
	background-color:transparent;
}

#logo a {
	text-decoration:none;
}

#logo img {
	border:0;
}



#logo img {
	padding-left:40px;
	padding-top:20px;
	padding-bottom:20px;
}

/* END DEPT OF CHEM HEADER */


/* BEGIN CHEM NAV BAR */

.ChemNavBar {
	float:left;
   	width:100%;
   	background-image:url(https://pluto.chem.washington.edu/styles/images/button_slice.png);
	border-top:5px solid white;
   	overflow:hidden;
   	position:relative;

}

.ChemNavBar ul {
	
	clear:left;
   	float:left;
   	list-style:none;
   	position:relative;
  	left:46%;
  	text-align:center;

}

.ChemNavBar ul li {
	display:block;
   	float:left;
   	list-style:none;
   	position:relative;
   	right:48%;
	
}

.ChemNavBar li a {
	display:block;
   	padding:4px 8px;
   	color:white;
   	text-decoration:none;
   	font-size:80%;
	font-weight:normal;
	border:0;
	
}

.ChemNavBar li a:visited {
	color: white;
}

.ChemNavBar li a:hover, .ChemNavBar li.selected a {
	background-image:url(https://pluto.chem.washington.edu/styles/images/button_hover_slice.png);
   	color:black;
}

/* END CHEM NAV BAR */

#PageTitle {
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:21%;
	font-family:Georgia,serif;
	font-size:1.4em;
	color:#39275B;
	font-weight:bold;

	
}



/* BEGIN 3 COLUMN LAYOUT */
/* BASED ON: Matthew James Taylor */ /* http://matthewjamestaylor.com/blog/perfect-3-column.htm */


.columnmask {
	width: 100%;
	position: relative;
	clear: both;
	float: left;
	overflow: hidden;
}

.columnmid, .columnleft  {
    float: left;
    width: 100%;
    position: relative;
 }

.column1, .column2, .column3 {
    float: left;
    position:relative;
    overflow: hidden;
}

.threecol {    
	background-color:white;
	padding-bottom:35px;
}

.threecol .columnmid {
    right: 20%;	
}


.threecol .columnleft {   
    right: 61%;	
}

.threecol .column1  {
    width:55%;
    left: 102%;
    padding-top: 10px;
	border-top:medium solid #D7A900;
}



.threecol .column1 p  {
	padding-left:10px;
		
}

.threecol .column1 img {
	border:solid 2px black;
	margin-left:10px;
}

.threecol .column2 {
    width:17%;
    left: 27%;
	   
}

.threecol .column3 {
   
	width:19%;
   	left:89%;
   	padding-top: 10px;
}

.threecol .column3 img {
	border:thin solid black;
	margin-bottom:10px;
}


/* END 3 COLUMN LAYOUT */




/* BEGIN LEFT NAV BAR CSS FOR MENU OPEN - CLOSE FUNCTION */



.column2 li {
	list-style-type: none;
}

.closed ul {
	display:none;
}

.open ul {
	display:block;

}

.closed a, .open a {

	padding: 2px 0px 2px 2px;
	display: block;
	background-color: WHITE;
	color: #39275B;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	border-bottom:solid 1px #a17700;
	
}

.closed a:hover, .open a:hover, .closed a:active, .open a:active {
	
	background-color: #fffad7;
	color:#39275B;

}

.closed ul a, .open ul a {
	background-color: white;
	font-size: .8em;
	padding: 2px 0px 2px 2px;
	margin: 0px 0px 0px 16px;
}

.closed ul a:hover, .open ul a:hover {
	background-color: #fffad7;
}


/* END LEFT NAV BAR CSS FOR MENU OPEN - CLOSE FUNCTION */



#chemfooter {
	
	width:100%;
	float:left;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#39275B;
	border-top:1px solid black;

}


#chemfooter p {
	
	text-align:center;
	font-size:80%;
	color:WHITE;
}

#chemfooter a {
	border-bottom:none;
	color:white;
	font-weight:normal;	
	
	
}

#chemfooter a:hover {
	
	background-color:transparent;
	color:#D7A900;
	
}

/* END FOOTER CSS*/

/* NO BORDER FOR IMG */


.columnmask .columnmid .columnleft .column1 .noimgborder {
	border-style:none;
	
}
