body { color: #141414; font-size: 100%; line-height: 1.13em; text-align: center; margin: 0; padding: 0; }

p {
	font-size: 0.88em; }
dl {
	font-size: 0.88em; }
dd {
	padding-bottom: 0.5em; }
td { }

a:link { }

a:visited {
	color: #900;
	text-decoration: none; }

a:hover {
	color: #900;
	text-decoration: underline; }

a:active {
	color: #f00;
	text-decoration: none; }
a img {
	border: 0; }
h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0; padding: 0; }
h1 { font-size: 1.25em; text-align: center; }
h2 { font-size: 1.125em; text-align: center; margin: 0.5em 0; }
h3 { font-size: 1.125em; }
h4 { font-size: 1em; }
h1+p, h2+p, h3+p, h4+p { margin-top: 0.2em; }
/*<agl.folder "body">*/
	body.home {
	background-color: silver; }
	body.home #navcontainer { background-color: #404040; }
	body.section1 {
	background-color: #e5738a; }
	body.section1 #navcontainer { background-color: #99001f; }
	body.section2 {
	background-color: #dae573; }
	body.section2 #navcontainer { background-color: #8a9900; }
	body.section3 {
	background-color: #e5c973; }
	body.section3 #navcontainer { background-color: #997300; }
	body.section4 {
	background-color: #73ace5; }
	body.section4 #navcontainer { background-color: #3d6b99; }
/*</agl.folder>*/
#container { background-color: #f0f0f0; background-image: url(../images/backgrounds/sidebargradient.gif); background-repeat: repeat-y; background-position: right 100%; text-align: left; width: 56em; margin-right: auto; margin-left: auto; }
/*<agl.folder "header">*/
	#header { font-size: 100%; background-color: #f0f0f0; width: 54em; margin: 0; padding: 1em; }
	#navcontainer {
	margin: 0;
	padding: 0;
	height: 4em; }
	#navcontainer img#logo { width: 15em; margin: 0; padding: 0; height: 4em; }
	#navcontainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	float: left; }
	#navcontainer ul li {
	margin: 0;
	padding: 0;
	display: inline; }
	#navcontainer ul li a { color: #f0f0f0; line-height: 2.5em; text-decoration: none; height: 2.5em; float: left; padding-right: 1em; padding-left: 1.5em; }
	#navcontainer ul li#firstitem a { background-image: url(../images/backgrounds/lt_gray.gif); background-repeat: no-repeat; width: 15em; height: 4em; padding: 0; }
	#navcontainer ul li a:hover {
	text-decoration: underline; }
/*</agl.folder>*/
/*<agl.folder "footer">*/
	#footer { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f0f0f0; width: 54em; clear: both; margin: 0; padding: 1em 1em 0.25em; border-top: 2px solid #c0c0c0; }
	#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center; }
	#footer ul li {
	margin: 0;
	padding: 0;
	display: inline; }
	#footer ul li a {
	text-decoration: none;
	padding-right: 0.7em;
	padding-left: 0.7em; }
	#footer ul li a:hover {
	text-decoration: underline; }
	#footer img {
	vertical-align: middle; }
	#partners {
	font-size: 0.75em;
	width: 75%;
	float: left;
	margin: 0 0 1.5em;
	padding: 0;
	display: inline; }
	#partners #logoJCE { width: 5.5em; height: 3em; border-style: none; }
	#partners #logoCHED { width: 4em; height: 3em; border-style: none; }
	#partners #logoACS { width: 3em; height: 3em; border-style: none; }
	#partners #logoChemCollective { width: 13.33em; height: 2.66em; border-style: none; }
	#partners #logoNSDL { width: 8em; height: 3em; border-style: none; }
	#sponsors {
	font-size: 0.75em;
	width: 25%;
	margin: 0 0 1.5em;
	padding: 0;
	float: right;
	display: inline; }
	#sponsors #logoNSF { width: 3em; height: 3em; border-style: none; }
	#policies {
	font-size: 0.66em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0; }
	#policies ul li {
	margin: 0;
	padding: 0 1em;
	border-right: 1px solid black;
	display: inline; }
	#policies ul li a {
	text-decoration: none; }
/*</agl.folder>*/
/*<agl.folder "content">*/
	#content { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f0f0f0; width: 30em; float: left; margin: 0; padding: 1em; }
	#content h1,#content h2 { text-align: center; margin: 0; }
	#content h2 {
		color: #141414;
		background-color: #c0c0c0;
		background-image: url(../images/backgrounds/gradient2.gif);
		background-repeat: repeat-x;
		padding-top: 0.25em;
		padding-bottom: 0.25em; }

	#content h3,#content h4 { margin: 0; }
	#content p {
		margin-right: 1em;
		margin-left: 1em; }
	body.home #content {
		color: #f0f0f0;
		background-color: #404040;
		width: 56em;
		padding: 0 0 1em; }
	#content2 { color: #f0f0f0; background-color: #141414; text-align: center; padding: 1em 0; width: 56em; }
/*</agl.folder>*/

/*<agl.folder "error">*/
	#error {
		padding: 2em; }

/*</agl.folder>*/
/*<agl.folder "sidebar">*/
	#sidebar { color: #141414; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; width: 29em; float: right; padding: 1em 2em 1em 1em; }
	#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4 { background-image: url(../images/backgrounds/gradient2.gif); background-repeat: repeat-x; margin: 0 -2em 0.25em -1em; padding: 0.25em 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #c0c0c0; }
	#sidebar h2 { font-size: 1.125em; text-align: center; }
	#sidebar h3 { font-size: 1em; text-align: center; }
	#sidebar h4 { font-size: 1em; }
	#sidebar p {  }
	#sidebar dl {
		font-size: 0.88em; }
	#sidebar dl dt {
		font-weight: bold; }

	#sidebar img { background-color: #141414; margin: 0 auto 0.5em; padding: 1em; display: block; }
	#sidebar img.logo { background-color: transparent; float: right; margin: 0 0 1em 1em; padding: 0; display: block; }
	#sidebar img.thumb { background-color: #141414; width: 12em; height: 9em; margin: 0; padding: 0.5em; }
	#sidebar ul { margin: 0; padding: 0; list-style-type: none; }
	#sidebar li { float: left; margin: 0.5em; padding: 0; }
/*</agl.folder>*/
.title { }
.videowrapper { color: #f0f0f0; background-color: #141414; width: 28em; height: 16em; margin-top: 1em; margin-bottom: 1em; padding: 1em; }
.video { width: 20em; height: 16em; display: inline; }
.videooptions { font-size: 0.75em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding: 1em 0; width: 8em; height: 18em; float: right; display: inline; }
.videooptions h4 { text-align: center; }
.description { }
.equation { }
/*<agl.folder "featureBox">*/
.featureBox
{
	color: #f0f0f0;
	background-color: #141414;
	background-image: url(../images/backgrounds/gradient1.gif);
	background-repeat: repeat;
	float: left;
	margin: 1em;
}
.featureBox h3
{
		color: #f0f0f0;
		background-color: #404040;
		text-align: center;
		position: relative;
		left: 0;
		margin: 0;
		padding: 0 0 0.5em; }
.featureBoxBody
{
	color: #f0f0f0;
	background-color: #141414;
	margin: 0.5em;	/* to display gradient frame from parent featureBox */
	padding-top: 1em;	/* to display my background color as a frame */
	padding-left: 1em;
	padding-bottom: 0.25em;
	padding-right: 1em;
	text-align: center;
}
.featureBoxBody img
{
	width: 12em;
	height: 9em;
}
.featureBoxBody p
{
	margin: 0.5em 0 0.25em;
	padding: 0;
}
.featureBox a { color: #f0f0f0; text-decoration: none; }
.featureBox a:hover { text-decoration: underline; }
/*</agl.folder>*/
/*<agl.folder "whats_this">*/
	img.whatsthis { width: 16em; height: 12em; padding: 0.5em; }
/*</agl.folder>*/
/*<agl.folder "ptl">*/
	img.ptl
{
		width: 16em;
		height: 8.5em;
		padding: 0.25em 0.5em;
		background-color: #57a8de;
		background-image: url(../images/backgrounds/gradient_white_nsdlBlue.gif);
		background-repeat: repeat-x;
		background-position: 50% 100%; }
	#content2 #ptl { width: 41em; float: none; margin-left: auto; margin-right: auto; }
	#content2 #ptl img { background-color: #57a8de; padding: 0.25em; width: 39em; height: 20.5em; }
	.elementbox { }
	.elementName  { font-weight: bold; font-size: 1.5em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
	.elementsymbol {
		font-weight: bold;
		font-size: 1.88em;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
		line-height: 3em;
		padding-top: 1em;
		padding-bottom: 1em; }
	.atomicnumber   {
		color: red;
		font-weight: bold;
		font-size: 0.75em;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
		padding-top: 0.5em;
		padding-bottom: 0.5em; }
	.atomicweight {
		color: green;
		font-weight: bold;
		font-size: 0.75em;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular ;
		padding-top: 0.5em;
		padding-bottom: 0.5em; }
/*</agl.folder>*/
/*<agl.folder "model">*/
	img.m360 { width: 9.75em; height: 12em; }
/*</agl.folder>*/
#featurewrapper {
	color:            #141414;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;
	padding:          1em;
	width:            41em;
	height: 30em;
	margin: 1em auto; }

/*<agl.folder "featureList">*/
	#featureList {
		color: #141414;
		text-align: center;
		width: 100%;
		clear: both;
		padding-top: 2em;
		padding-bottom: 1em; }
	#featureList ul { background-color: #f0f0f0; background-image: url(../images/backgrounds/gradient2.gif); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0.25em 0; list-style-type: none; }
	#featureList ul li { margin: 0; padding: 0.5em 1em; display: inline; }
	#featureList ul li a { text-decoration: none; }
	#featureList ul li a:hover { text-decoration: underline; }
/*</agl.folder>*/
/*<agl.folder "ticker">*/
	#ticker {
		width: 100%;
		clear: both;
		padding-top: 1em;
		padding-bottom: 1em; }
	#ticker-content {
		color: #141414;
		background-color: #f0f0f0;
		background-image: url(../images/backgrounds/gradient2.gif);
		background-repeat: repeat-x;
		padding: 0.25em 1em; }
/*</agl.folder>*/
/*<agl.folder "eventsBox">*/
	.eventsBox {
		width: 20em;
		float: left;
		margin-left: 4em; }

/*</agl.folder>*/
/*<agl.folder "menuBox">*/
	/*menu box */
.menuBox         {
		background-image: url(../images/boxes/gray/topleft.gif);
		background-repeat: no-repeat;
		background-position: left top;
		margin-bottom: 2em;
		margin-right: 1em;
		margin-left: 1em; }
.menuBox h1, .menuBox h2, .menuBox h3, .menuBox h4, .menuBox h5       { background-image: url(../images/boxes/gray/topright.gif); background-repeat: no-repeat; background-position: right top; text-align: center; margin: 0; padding: 8px 20px 1em 0; position: relative; right: -20px }
.menuItems      { background-image: url(../images/boxes/gray/bottomleft.gif); background-repeat: no-repeat; background-position: left bottom; margin: -2.5em 0 0; padding-top: 0.5em; position: relative; bottom: -20px }
.menuBox ul      {
		font-size: 0.75em;
		background-image: url(../images/boxes/gray/bottomright.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		list-style-type: none;
		margin: 0;
		padding: 0 0 2em;
		position: relative;
		right: -20px  }
.menuBox li       { background-image: url(../images/boxes/gray/right.gif); background-repeat: repeat-y; background-position: right top; margin: 0; padding: 0 1em 0 0 }
/*</agl.folder>*/
#newswrapper {
	color:            #141414;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;
	padding:          0;
	margin: 1em 0; }
/*<agl.folder "newsbox">*/

.dsR6 /*agl rulekind: base;*/ {
	width:  10em;
	height: 7.5em; }
.newsbox {
		font-size: 0.88em;
		background-image: url(../images/boxes/red/topleft.gif);
		background-repeat: no-repeat;
		background-position: left top;
		margin-bottom: 2em;
		width: 32em  ;
		float: left;
		margin-left: 1em; }
.newsbox h1, .newsbox h2, .newsbox h3, .newsbox h4, .newsbox h5 {
		background-image: url(../images/boxes/red/topright.gif);
		background-repeat: no-repeat;
		background-position: right top;
		text-align: left;
		position: relative;
		right: -20px;
		margin: 0;
		padding: 12px 20px 12px 0; }
.newscontents {
	background-image:    url(../images/boxes/red/bottomleft.gif);
	background-repeat:   no-repeat;
	background-position: left bottom;
	position:            relative;
	bottom: -20px;
	margin: -1.25em 0 0; }
.newscontents p {
		background-image: url(../images/boxes/red/right.gif);
		background-repeat: repeat-y;
		background-position: right top;
		position: relative;
		right: -32px;
		margin-top: -1.75em;
		margin-left: -4em;
		padding-right: 2em; }
.newscontents a {
		font-size: 0.75em;
		background-image: url(../images/boxes/red/right.gif);
		background-repeat: repeat-y;
		background-position: right top;
		text-align: right;
		position: relative;
		right: -20px;
		padding-right: 2em;
		display: block; }
.newsbox img {
	width: 10em;
	height: 7.5em;
	float: right;
	margin-top: 1em;
	margin-left: 1em;
	border: solid 2px #141414; }
.newsfooter {
	font-size: 0.75em;
	background-image: url(../images/boxes/red/bottomright.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
	right: -20px;
	margin: 0 0 0 -1em;
	padding: 0 0 1em 1.33em; }
/*</agl.folder>*/
.small { font-size: 0.75em; }
.floatleft { float: left; }
.floatright { float: right; }
.nobreak { white-space: nowrap; }
.keyline1 { border: solid 1px #141414; }
.keyline2 { border: double 0.25em #c0c0c0; }