body {
font-size: 12px;
margin: 0px auto;
background: #8C9EAA;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
width: 895px;
}

h1, h2, h3 {
font-family: arial, helvetica, sans-serif;
}

h4, h5 {
font-family: arial, helvetica, sans-serif;
margin-bottom: 4px;
}


h1, h2, h3, h4 a:hover {
color: #666666; 
}


p {
font-size: 12px;
font-family: arial, helvetica, sans-serif;
}

.center {
text-align: center;
}

blockquote {
font-family: georgia, times new roman, times, serif;
}

ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 1em;
padding-left: 1em;
}

li {
background: transparent;
font-size: 100%;
font-family: arial, sans-serif;
color: #000;
}

img {
margin: 0;
padding: 0;
border: 0;
}

.category-images {
float: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 15px;
border: none;
}

.poliakoff-image {
float: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 5px;
margin-bottom: 0px;
border: none;
}

a:link { background-color: transparent; text-decoration: none; color: #00346A; }
a:hover { background-color: transparent; text-decoration: none; color: #666666; }
a:visited { background-color: transparent; text-decoration: none; color: #00346A; }


#headerwrap {
width: 100%;
height: 125px;
margin: none;
clear: none;
background: url(../images/main_site_images/header.jpg);
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}

#wrapper {
position: relative;
float: left;
margin: 0 auto;
padding: 0;
width: 100%;
background: #DFDAC3;
}

#container
{
float: left;
width: 100%;
background: #DFDAC3;
color: #333;
}


#leftnav
{
float: left;
width: 165px;
margin: 0;
padding-top: 6px;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 20px;
text-align: left;
background: #ffffff;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}



#rightnav
{
float: right;
width: 165px;
margin: 0;
padding-top: 6px;
margin-top: 5px;
margin-bottom: 20px;
margin-right: 5px;
text-align: left;
background: #ffffff;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}

#left {
float: left;
width: 165px;
margin: 0;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 20px;
text-align: left;
background: #ffffff;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}



#leftbar {
margin: 0;
padding: 10px;
color: #000;
font-size: 100%;
text-align: left;
}


#leftbar a:link {
font-weight: bold;
}

#leftbar a:hover {
font-weight: bold;
color: #666666; 
}

#leftbar a:visited {
font-weight: bold;
}


#right {
float: right;
width: 165px;
margin: 0;
margin-top: 5px;
margin-bottom: 20px;
margin-right: 5px;
text-align: left;
background: #ffffff;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}


#box {
position: relative;
float: left;
margin: 0;
height: 135px;
background: #ffffff;
color: #fff;
width: 100px;
}

#rightbar {
margin: 0px;
padding: 10px;
background: #ffffff;
color: #000;
font-size: 100%;
text-align: left;
}


#content_home_page {

margin-left: 5px;
margin-right: 177px;
padding: 1em;
padding-top: 6px;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
background: #ffffff;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}

#content_home_page2 {

margin-left: 5px;
margin-right: 177px;
padding: 1em;
padding-top: 6px;
margin-top: 5px;
margin-bottom: 20px;
text-align: left;
background: #ffffff;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}

#content
{
margin-left: 177px;
margin-right: 177px;
padding: 1em;
padding-top: 6px;
margin-top: 5px;
margin-bottom: 20px;
text-align: left;
background: #ffffff;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}


#middle {
position: absolute;
top: 5px;
left: 170px;
margin: 0px 0;
padding: 1em;
width: 530px;
background: #ffffff;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}

#featurebox
{
width: 100%;
padding: .5em;
padding-top: 10px;
text-align: left;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}

#featurebox2
{
background: #ccffcc;
width: 100%;
text-align: center;
border-left: 1px solid #8c9eaa;
border-right: 1px solid #8c9eaa;
border-top: 1px solid #8c9eaa;
border-bottom: 1px solid #8c9eaa;
}

 #feedControl { 
        width : 400px;
        margin: 20px; 
        }

.random_quotes {
font: arial, helvetica, sans-serif;
font-size: 110%;
line-height: 18px;
color: #C15203;
}

.blogtitle {
position: relative;
margin: 0;
padding: 10px;
color: #fff;
width: 380px;
text-align: left;
}

.blogtitle h1 {
margin: 0;
padding: 0;
font-size: 280%;
}

#blog {
position: relative;
float: left;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px;
font-size: 100%;
color: #000;
width: 380px;
text-align: left;
}


.date {
font-size: 120%;
background: transparent;
color: #000;
}

.title {
font-size: 130%;
background: transparent;
color: #933;
}


.red-title {
font-size: 120%;
background: transparent;
color: #933;
}

.posted {
margin-bottom: 30px;
font: 10px arial, helvetica, sans-serif;
background: transparent;
color: #000;
}

.sidetitle {
margin: 10px 0;
font-size: 125%;
background: transparent;
color: #535d6f;
}

.greentitle {
margin: 10px 0;
font-size: 125%;
background: transparent;
color: #006633;
}

.category_title {
margin: 10px 0;
font-size: 135%;
background: transparent;
color: #535d6f;
}

div.float_left {
  float: left;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 50px;
padding: 10px;
  }

div.float_right {
  float: right;
margin-top: 20px;
margin-bottom: 10px;
margin-right: 50px;
padding: 10px;
  }


  
div.float p {
   text-align: center;
   }

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			12px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 6px 10px 4px;
 margin:			0;
 background-color:	transparent;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}


.footer {
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
padding:           3px 3px 3px 3px;
margin-top:        5px;
margin-bottom:     15px;
margin-left: 240px;
color:             #fff;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */





/* Yale Search header
--------------------------------------------- */
#yale-search {
float: right;
top: 2px;
right: 25px;
}

#yale-search form {
float: right;
margin: 0;
white-space: nowrap;
}

#yale-search input#btnG {
margin: 2px 0 0px 2px;
vertical-align: middle;
border: none;
width: 28px;
height: 21px;
}

#yale-search ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 0;
margin: 10px 5px 0 0;
float: right;
}

#yale-search ul li { display: inline; }

#yale-search ul li a {
color: #fff;
text-decoration: none;
padding: 0 10px;
border-right: 1px solid #c7d5f7;
float: left;
}

#yale-search ul li a:hover {
text-decoration: underline;
color: #def;
}

#yale-search ul li a:active { color: #fffeaa; }
#yale-search ul li.last a { border: none; }





/* Google Ajax Feeds styling for Green Chem News, Related news feeds, etc...
--------------------------------------------- */



.gfc-resultsHeader {
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom : 4px;
  }
  
.gfc-resultsHeader .gfc-title{
  color: #676767;
  display: inline;
  }

.gfc-tabsArea {
  margin-top: 6px;
  }

.gfc-tabsAreaInvisible {
  display : none;
  }

.gfc-tabHeader {
  display: inline;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 2px;
  }

.gfc-tabHeader.gfc-tabhActive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #6d942d;
  color: black;
  }

.gfc-tabHeader.gfc-tabhInactive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #e9e9e9;
  background: #e9e9e9;
  color: #676767;
  }

.gfc-tabData.gfc-tabdActive {
  display: block;
  }

.gfc-tabData.gfc-tabdInactive {
  display: none;
  }

/* tab specific results header supression */
.gfc-tabData .gfc-resultsHeader .gfc-title {
  display: none;
  }

/* the results for each section
 * .gfc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gfc-results : the collection of results for a given feed
 * .gfc-result : a generic result within the control
 */
.gfc-resultsbox-invisible {
  display : none;
  }

.gfc-resultsbox-invisible {
  display : none;
  }

.gfc-results {
  padding-bottom: 1em;
  }

.gfc-result {
margin-top: 1em;  
margin-bottom: 2em;
  }

.gfc-result .gf-title {
 
font-size: 105%;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
  overflow: visible;
  }

.gfc-result .gf-author {
 
font-size: 100%;
font-family: arial, helvetica, sans-serif;
font-weight: normal;
color: #666666;
overflow: visible;
  }

.gf-result .gf-author,
.gf-result .gf-spacer,
.gf-result .gf-relativePublishedDate {
  color: #666666;
  display : inline;
  }

.gf-result .gf-spacer {
  margin-right : 3px;
  margin-left : 3px;
  margin-bottom : 10px;

  }