* {
margin: 0;
padding: 0;
}

a {
color: #174074;
cursor: pointer;
outline: 0;
}

a img {
border: 0;
}

table {
border-collapse: collapse;
}

td {
text-align: left;
vertical-align: top;
}

body {
background: #fff url('../images/bg_leaf.jpg') 585px 0px no-repeat;
border-top: 3px solid #174074;
color: #174074;
font: normal 16px/18px 'trebuchet ms', Helvetica, Arial, sans-serif;
}

#wrapper {
float: left;
padding: 0 0 0 31px;
width: 925px;
}

.clear {
clear: both;
}

.hidden {
display: none;
}

/*	header
	------------------------------------------------------- */

#header {
float: left;
border-top: 3px solid #174074;
margin-top: -3px;
padding: 56px 0 27px 0;
position: relative;
width: 925px;
}

#social_links {
float: right;
list-style-type: none;
padding: 0 0 5px 50px;
}

#social_links li {
float: left;
padding-left: 7px;
}

#social_links a {
float: left;
}

#logo {
position: absolute;
bottom: 27px;
left: 0;
}

#header h1,
a.banner {
float: right;
background: #174074 url('../images/cgc_banner.gif') top left no-repeat;
color: #fff;
text-indent: -9999px;
width: 891px;
height: 44px;
}

#header .latest_news {
float: right;
background: #95b83e;
font-style: italic;
font-size: 14px;
line-height: 22px;
padding: 0 0 1px 101px;
width: 790px;
height: 22px;
overflow: hidden;
}

#header .latest_news a {
text-decoration: none;
}

/*	left_col
	------------------------------------------------------- */

#left_col {
float: left;
margin: 0 9px 9px 0;
width: 220px;
overflow: hidden;
}

/*	nav
	------------------------------------------------------- */

#nav {
float: left;
background: url('../images/nav_slice.jpg') top left repeat-y;
font-size: 12px;
font-weight: bold;
line-height: 16px;
padding: 14px 0 113px 0;
width: 220px;
}

#nav ul {
float: left;
border-top: 2px solid #fff;
list-style-type: none;
}

#nav ul div {
float: left;
}

#nav ul ul {
margin-bottom: -2px;
}

#nav li {
float: left;
border-bottom: 2px solid #fff; 
width: 217px;
}

#nav li a {
display: block;
background: url('../images/nav_slice.jpg') top left repeat-y;
border-left: 3px solid #174074;
padding: 10px 20px 9px 10px;
text-decoration: none;
text-transform: uppercase;
width: 187px;
}

#nav li li a {
background: url('../images/nav_sub_slice.jpg') top left repeat-y;
border: 0;
color: #fff;
padding-left: 13px;
}

#nav li li li a {
text-transform: none;
padding-left: 28px;
width: 172px;
}

#nav li li li a.active {
background: url('../images/nav_sub_sub_slice_active.jpg') top left repeat-y;
}

#nav .coverup {
position: relative;
}

/*	address
	------------------------------------------------------- */

#address {
float: left;
background: url('../images/addressbox_slice.jpg') top left repeat-y;
font-size: 12px;
line-height: 15px;
margin: 9px 9px 0 0;
padding: 21px 12px 0 12px;
width: 196px;
height: 89px;
}

#address a {
text-decoration: none;
}

/*	right_col
	------------------------------------------------------- */

#right_col {
float: left;
width: 695px;
}
	
	
/*	slideshow
	------------------------------------------------------- */

.slideshow {
background: #174074;
float: left;
border: 3px solid #174074;
overflow: hidden;
width: 689px;
height: 308px;
}

.slideshow_images {
float: left;
width: 465px;
height: 308px;
}

.slideshow_images img {
position: absolute;
}

.slideshow_links {
float: left;
font-size: 10px;
padding: 12px 0 13px 14px;
}

.slideshow_links ul {
list-style-type: none;
}

.slideshow_links li {
float: left;
padding: 0 4px 0 0;
}

.slideshow_links a {
display: block;
background: #fff;
padding: 3px 7px 3px 7px;
text-decoration: none;
}

.slideshow_links a.active,
.slideshow_links a:hover {
background: #15a755;
color:#fff;
}

.slideshow_text {
float: left;
color: #fff;
font-size: 14px;
padding: 0 10px 0 14px;
width: 200px;
margin-right: -3px;
}

.slideshow_text a {
color: #fff;
text-decoration: underline;
}

.slideshow_text p {
padding-bottom: 18px;
}

.slideshow_text h5 {
font-size: 14px;
}

/*	buckets
	------------------------------------------------------- */

#buckets {
float: left;
font-size: 12px;
list-style-type: none;
padding: 9px 0 0 0;
width: 696px;
}

#buckets li {
float: left;
width: 228px;
height: 110px;
}

#buckets .principles_chemistry {
background: url('../images/btn_12_principles_chem.jpg') top left repeat-y;
margin-right: 6px;
text-indent: -9999px;
}

#buckets .principles_engineering {
background: url('../images/btn_12_principles_engin.jpg') top left repeat-y;
margin-right: 6px;
text-indent: -9999px;
}

#buckets .principles_chemistry a,
#buckets .principles_engineering a {
display: block;
height: 110px;
}

#buckets .upcoming_event {
background: url('../images/btn_upcoming_event.jpg') top left no-repeat;
color: #fff;
line-height: 14px;
overflow: hidden;
}

#buckets .upcoming_event a {
display: block;
color: #fff;
text-decoration: none;
padding: 40px 12px 0 13px;
width: 203px;
height: 70px;
}

/*	int_content
	------------------------------------------------------- */

#int_content {
float: left;
color: #272727;
font-size: 12px;
padding: 25px 0 0 11px;
width: 684px;
}

#int_content a {
color: #272727;
}

#int_content h1 {
color: #15a755;
font-size: 16px;
padding: 0 0 19px 0;
}

#int_content h3 {
font-size: 13px;
}

/*	int_content - one_col_listing
	------------------------------------------------------- */

.one_col_listing {
overflow: hidden;/*ie6*/
}

.one_col_listing ul {
list-style-type: none;
}

.one_col_listing li {
float: left;
clear: both;
padding: 0 0 9px 0;
width: 684px;
}

.one_col_listing .img_wrap {
float: left;
padding: 4px 11px 0 0;
}

.one_col_listing h2 {
font-size: 13px;
text-transform: uppercase;
}

.one_col_listing span {
display: block;
font-style: italic;
padding: 0 0 18px 0;
}

.one_col_listing a {
text-decoration: none;
}

/*	int_content - one_col_generic_listing
	------------------------------------------------------- */

.one_col_generic_listing {
overflow: hidden;/*ie6*/
}
	
.one_col_generic_listing h3 {
display: inline;
font-size: 13px;
}

.one_col_generic_listing ul {
list-style-type: none;
}

.one_col_generic_listing li {
float: left;
clear: both;
padding: 0 0 18px 0;
width: 684px;
}

.one_col_generic_listing li li {
float: none;
clear: none;
padding: 0;
width: auto;
}

.one_col_generic_listing li img {
float: left;
padding: 4px 11px 11px 0;
}

.one_col_generic_listing li li img {
float: none;
padding: 0;
}

.one_col_generic_listing h2 {
font-size: 13px;
text-transform: uppercase;
}

.one_col_generic_listing p {
padding-bottom: 18px;
}

.one_col_generic_listing .status_indicator {
float: left;
margin: 2px 2px 0 0;
padding: 0 3px 0 0;
cursor: pointer;
}

.one_col_generic_listing .status_indicator div {
background: url('../images/spritesheet_arrows.gif') top left no-repeat;
width: 13px;
height: 13px;
}

.one_col_generic_listing .status_indicator .active {
background-position: -13px 4px;
}

.one_col_generic_listing .status_indicator .inactive {
background-position: -17px -13px;
}

.one_col_generic_listing .content {
float: left;
width: 666px;
}

.one_col_generic_listing .content ul {
padding-left: 14px;
*padding-left: 17px;
list-style-type: disc;
padding-bottom: 18px;
}

.one_col_generic_listing .content ol {
padding-left: 23px;
*padding-left: 25px;
padding-bottom: 18px;
}

.one_col_generic_listing .content li {
float: none;
}

/*	int_content - one_col_generic_dated_listing
	------------------------------------------------------- */

.one_col_generic_dated_listing {
overflow: hidden;/*ie6*/
}

.one_col_generic_dated_listing h3 {
font-size: 13px;
display: inline;
}

.one_col_generic_dated_listing ul {
list-style-type: none;
}

.one_col_generic_dated_listing li {
float: left;
clear: both;
padding: 0 0 18px 0;
width: 684px;
}

.one_col_generic_dated_listing li li {
float: none;
clear: none;
padding: 0;
width: auto;
}

.one_col_generic_dated_listing .date {
font-weight: bold;
}

.one_col_generic_dated_listing p{
padding-bottom: 18px;
}

.one_col_generic_dated_listing .status_indicator {
float: left;
margin: 2px 2px 0 0;
padding: 0 3px 0 0;
cursor: pointer;
}

.one_col_generic_dated_listing .status_indicator div {
background: url('../images/spritesheet_arrows.gif') top left no-repeat;
width: 13px;
height: 13px;
}

.one_col_generic_dated_listing .status_indicator .active {
background-position: -13px 4px;
}

.one_col_generic_dated_listing .status_indicator .inactive {
background-position: -17px -13px;
}

.one_col_generic_dated_listing .content {
float: left;
width: 666px;
}

.one_col_generic_dated_listing #list_control {
float: left;
padding-bottom: 18px;
width: 100%;
}

.one_col_generic_dated_listing #list_control li {
float: left;
clear: none;
width: auto;
}

.one_col_generic_dated_listing #list_control a {
float: left;
cursor: pointer;
padding: 5px 10px 5px 10px;
margin-right: 2px;
border-left: 1px solid #e1e6cf;
border-right: 1px solid #e1e6cf;
border-top: 2px solid #e1e6cf;
background: #e1e6cf;
color: #174074;
}

.one_col_generic_dated_listing #list_control li.active a {
border-left: 1px solid #174074;
border-right: 1px solid #174074;
border-top: 2px solid #174074;
color: #fff;
background: #174074;
}

.one_col_generic_dated_listing .content ul {
padding-left: 14px;
*padding-left: 17px;
list-style-type: disc;
padding-bottom: 18px;
}

.one_col_generic_dated_listing .content ol {
padding-left: 23px;
*padding-left: 25px;
padding-bottom: 18px;
}

.one_col_generic_dated_listing .content li {
float: none;
}

/*	int_content - one_col_sortable_listing
	------------------------------------------------------- */

.one_col_sortable_listing  {
float: left;
width: 684px;
margin-right: -3px;/*ie6*/
}

.one_col_sortable_listing ul {
list-style-type: none;
}

.one_col_sortable_listing h2 {
font-size: 13px;
text-transform: uppercase;
}

#sort_controls {
float: left;
padding: 0 0 17px 0;
width: 684px;
}

#sort_controls .module {
float: left;
width: 342px;
}

#sort_controls .status_indicator {
float: left;
padding: 0 7px 0 0;
}

#sort_controls .status_indicator div {
background: url('../images/spritesheet_arrows.gif') top left no-repeat;
width: 13px;
height: 13px;
}

#sort_controls .status_indicator .active {
background-position: -13px 4px;
}

#sort_controls .status_indicator .inactive {
background-position: 0 4px;
}

#sort_controls .select {
float: left;
position: relative;
background: #174074;
color: #fff;
width: 300px;
}

#sort_controls .select a {
float: left;
color: #fff;
cursor: pointer;
padding: 0 4px 0 4px;
text-decoration: none;
width: 292px;
}

#sort_controls .select a:hover {
background-color: #174074;
}

#sort_controls .select ul {
position: absolute;
top: 18px;
left: 0;
background: #15a755;
width: 300px;
}

#sort_controls .select li {
float: left;
width: 300px;
}

#sort_controls ul.authors {
height: 300px;
overflow-y: scroll;
overflow-x: hidden;
width: 100%;
}

#sort_results {
float: left;
overflow: hidden;/*ie6*/
}

#sort_results ul {
list-style-type: none;
}

#sort_results li {
background-repeat: no-repeat;
padding: 0 0 18px 27px;
}

#sort_results .water {
background-image: url('../images/icon_water.gif');
background-position: 4px 3px;
}

#sort_results .green_chemistry {
background-image: url('../images/icon_flask.gif');
background-position: 4px 4px;
}

#sort_results .materials {
background-image: url('../images/icon_atoms.gif');
background-position: 3px 4px;
}

#sort_results .energy {
background-image: url('../images/icon_lightbulb.gif');
background-position: 3px 5px;
}

#sort_results .systems {
background-image: url('../images/icon_arrowcircle.gif');
background-position: 0 4px;
}

#sort_results span.last_name,
#sort_results span.suffix,
#sort_results span.first_name,
#sort_results span.middle_name {
display: none;
}

/*	int_content - one_col_expandable
	------------------------------------------------------- */

.one_col_expandable  {
overflow: hidden;/*ie6*/
}

.one_col_expandable h2 {
font-size: 12px;
display: inline;
}

.one_col_expandable ul {
padding-left: 14px;
*padding-left: 17px;
list-style-type: disc;
}

.one_col_expandable ol {
padding-left: 23px;
*padding-left: 25px;
}

.one_col_expandable p,
.one_col_expandable ul,
.one_col_expandable ol{
padding-bottom: 18px;
}

.one_col_expandable ul.expandable_list {
list-style-type: none;
padding: 0;
}

.one_col_expandable ul.expandable_list li {
float: left;
padding: 0 0 18px 0;
}

.one_col_expandable .status_indicator {
float: left;
margin: 2px 2px 0 0;
padding: 0 3px 0 0;
cursor: pointer;
}

.one_col_expandable .status_indicator div {
background: url('../images/spritesheet_arrows.gif') top left no-repeat;
width: 13px;
height: 13px;
}

.one_col_expandable .status_indicator .active {
background-position: -13px 4px;
}

.one_col_expandable .status_indicator .inactive {
background-position: -17px -13px;
}

.one_col_expandable .content {
float: left;
width: 666px;
}

.one_col_expandable .hideable_wrap {
position: relative;
}

.one_col_expandable .hideable {
padding: 18px 0 10px 0;
}

.one_col_expandable .text {
float: left;
padding: 0 35px 0 0;
width: 418px;
}

.one_col_expandable .widest {
padding: 0;
width: 666px;
}

.one_col_expandable ul.expandable_list .text li {
float: none;
padding: 0;
}

.one_col_expandable .text img {
float: left;
margin: 0 5px 0 0;
}

.one_col_expandable .misc {
float: left;
width: 216px;
margin-right: -3px; /* ie6 duplicate character bug */
}

.one_col_expandable .misc li {
list-style-type: none;
padding-bottom: 18px;
}

.one_col_expandable .misc ul {
padding-left: 0;
}

.one_col_expandable .media_wrap {
padding: 0 0 18px 0;
}

.one_col_expandable h5 {
font-size: 12px;
font-style: italic;
font-weight: normal;
padding: 0 0 18px 0;
}

.one_col_expandable p {
padding: 0 0 13px 0;
}

/*	int_content - two_col_profile
	------------------------------------------------------- */

.two_col_profile .col_1 {
float: left;
padding: 0 20px 0 0;
width: 430px;
overflow: hidden;/*ie6*/
}

.two_col_profile .widest {
width: 664px;
}

.two_col_profile .col_1 img {
float: left;
padding: 4px 10px 0 0;
}

.two_col_profile .col_1 .title {
float: left;
font-size: 13px;
font-weight: bold;
font-style: italic;
padding: 0 0 18px 0;
width: 430px;
}

.two_col_profile .widest .title {
width: 664px;
}

.two_col_profile .col_1 .title p {
margin: 0;
padding: 0;
}

.two_col_profile .col_1 p,
.two_col_profile .col_1 ul,
.two_col_profile .col_1 ol{
padding: 0 0 18px 0;
}

.two_col_profile .col_1 ul {
padding-left: 14px;
*padding-left: 17px;
}

.two_col_profile .col_1 ol {
padding-left: 23px;
*padding-left: 25px;
}

.two_col_profile .col_1 .back {
font-weight: bold;
text-decoration: none;
}

.two_col_profile .col_2 {
float: left;
padding: 0 0 0 21px;
width: 213px;
overflow: hidden;/*ie6*/
}

.two_col_profile .col_2 h3 {
font-size: 13px;
padding: 0 0 17px 0;
}

.two_col_profile .col_2 h4 {
font-size: 12px;
}

.two_col_profile .col_2 h4 a{
text-decoration: none;
}

.two_col_profile .col_2 ul {
list-style-type: none;
font-style: italic;
}

.two_col_profile .col_2 li {
padding: 0 0 18px 0;
}

.two_col_profile .col_2 ul a {
text-decoration: none;
}

/*	int_content - two_col_default
	------------------------------------------------------- */

.two_col_default ul {
padding-left: 14px;
*padding-left: 17px;
}

.two_col_default ol {
padding-left: 23px;
*padding-left: 25px;
}

.two_col_default .col_1 {
float: left;
padding: 0 40px 0 0;
width: 428px;
overflow: hidden;/*ie6*/
}

.two_col_default  .widest {
width: 644px;
}

.two_col_default .col_1 ul,
.two_col_default .col_1 ol,
.two_col_default .col_1 p {
padding-bottom: 18px;
}

.two_col_default .col_2 {
float: left;
background: url('../images/transparent_blue_pixel.png') top left repeat;
color: #174074;
font-size: 14px;
margin-top: -61px;
overflow: hidden;
padding: 13px 13px 8px 12px;
width: 191px;
overflow: hidden;/*ie6*/
}

.two_col_default .col_2 .flush_x {
margin-left: -12px;
margin-right: -13px;
}

.two_col_default .col_2 .flush_y {
margin-top: -13px;
padding-bottom: 12px;
}

.two_col_default .col_2 h4 {
font-size: 14px;
padding-bottom: 18px;
}

.two_col_default .col_2 p {
padding-bottom: 18px;
}

/*	int_content - two_col_wide
	------------------------------------------------------- */

.two_col_wide ul,
.two_col_wide ol,
.two_col_wide p {
padding: 0 0 18px 0;
}

.two_col_wide h2 {
text-transform: uppercase;
}

.two_col_wide h2,
.two_col_wide h3 {
font-size: 12px;
text-transform: uppercase;
}

.two_col_wide ul {
padding-left: 14px;
*padding-left: 17px;
}

.two_col_wide ol {
padding-left: 23px;
*padding-left: 25px;
}

.two_col_wide .col_1 {
float: left;
padding: 0 10px 0 0;
width: 332px;
overflow: hidden;/*ie6*/
}

.two_col_wide .col_2 {
float: left;
padding: 0 0 0 23px;
width: 319px;
overflow: hidden;/*ie6*/
}

/*	int_content - two_col_listing
	------------------------------------------------------- */

.two_col_listing .col_1 {
float: left;
padding: 0 40px 0 0;
width: 428px;
overflow: hidden;/*ie6*/
}

.two_col_listing .col_1 h3 {
display: inline;
}

.two_col_listing .col_1 ul {
float: left;
list-style-type: none;
}

.two_col_listing .col_1 li {
float: left;
width: 428px;
}

.two_col_listing .col_1 li li {
float: none;
}

.two_col_listing .col_1 .date {
display: block;
font-weight: bold;
width: 58px;
}

.two_col_listing .col_1 .link {
width: 340px;
}

.two_col_listing .col_1 p {
padding-bottom: 18px;
}

.two_col_listing .col_1 .status_indicator {
float: left;
margin: 2px 2px 0 0;
padding: 0 3px 0 0;
cursor: pointer;
}

.two_col_listing .col_1 .status_indicator div {
background: url('../images/spritesheet_arrows.gif') top left no-repeat;
width: 13px;
height: 13px;
}

.two_col_listing .col_1 .status_indicator .active {
background-position: -13px 4px;
}

.two_col_listing .col_1 .status_indicator .inactive {
background-position: -17px -13px;
}

.two_col_listing .col_1 .content {
float: left;
width: 410px;
}

.two_col_listing .col_1 .content ul {
float: none;
padding-left: 14px;
*padding-left: 17px;
list-style-type: disc;
padding-bottom: 18px;
}

.two_col_listing .col_1 .content ol {
padding-left: 23px;
*padding-left: 25px;
padding-bottom: 18px;
}

.two_col_listing .col_1 #list_control {
float: left;
padding-bottom: 18px;
width: 100%;
}

.two_col_listing .col_1 #list_control li {
float: left;
width: auto;
}

.two_col_listing .col_1 #list_control a {
float: left;
cursor: pointer;
padding: 5px 10px 5px 10px;
margin-right: 2px;
border-left: 1px solid #e1e6cf;
border-right: 1px solid #e1e6cf;
border-top: 2px solid #e1e6cf;
background: #e1e6cf;
color: #174074;
}

.two_col_listing .col_1 #list_control li.active a {
border-left: 1px solid #174074;
border-right: 1px solid #174074;
border-top: 2px solid #174074;
color: #fff;
background: #174074;
}

.two_col_listing .col_2 {
float: left;
background: url('../images/transparent_blue_pixel.png') top left repeat;
_background: #dfe2e8;
color: #174074;
font-size: 12px;
line-height: 18px;
margin-top: -61px;
overflow: hidden;
padding: 0 13px 48px 12px;
width: 191px;
overflow: hidden;/*ie6*/
}

.two_col_listing .col_2 h4 {
background: #15a755 url('../images/topcap_green.gif') no-repeat;
color: #fff;
font-size: 14px;
font-weight: normal;
line-height: 28px;
margin: 0 -13px 0 -12px;
padding: 1px 0 0 12px;
}

.two_col_listing .col_2 h5 {
font-size: 12px;
font-style: italic;
padding: 0 0 6px 0;
}

.two_col_listing .col_2 ul {
list-style-type: none;
padding: 0 0 15px 0;
}

.two_col_listing .col_2 li {
padding: 0 0 6px 0;
}

#int_content .two_col_listing .col_2 a {
color: #174074;
text-decoration: underline;
}

.two_col_listing .col_2 .media_wrap {
margin: 0 -13px 15px -12px;
height: 177px;
}

/*	footer
	------------------------------------------------------- */

#footer {
float: right;
font-size: 9px;
padding: 7px 0;
text-align: center;
width: 696px;
margin: 0 -3px;/*ie6 duplicate char bug*/
}

#footer a {
text-decoration: none;
}

/*	feeds
	------------------------------------------------------- */

.gfc-tabsAreaInvisible {
display : none;
}

.gfc-tabsArea {
float: left;
padding-bottom: 18px;
width: 100%;
}

.gfc-tabHeader {
float: left;
cursor: pointer;
padding: 5px 10px 5px 10px;
margin-right: 2px;
}

.gfc-tabHeader.gfc-tabhActive {
border-left: 1px solid #174074;
border-right: 1px solid #174074;
border-top: 2px solid #174074;
color: #fff;
background: #174074;
}

.gfc-tabHeader.gfc-tabhInactive {
border-left: 1px solid #e1e6cf;
border-right: 1px solid #e1e6cf;
border-top: 2px solid #e1e6cf;
background: #e1e6cf;
color: #174074;
}

.gfc-tabData.gfc-tabdActive {
display: block;
}

.gfc-tabData.gfc-tabdInactive,
.gfc-tabData .gfc-resultsHeader .gfc-title,
.gfc-resultsbox-invisible,
.gfc-resultsbox-invisible,
.gf-spacer{
display: none;
}

.gfc-results,
.gfc-result {
float: left;
width: 100%;
}

.gfc-result {
padding-bottom: 18px;
}

.gf-title {
font-size: 13px;
font-weight: bold;
}
