* {margin: 0; padding: 0;}
body  {width: 100%; height: 100%; font: 63.125%  Arial, Verdana, Helvetica, sans-serif; background: #ccc; margin: 0; padding: 0; text-align: center; color: #000033;}

h1 {font: 2.2em Georgia, "Times New Roman", Times, serif; color:#333; margin: 10px 0; padding: 0; letter-spacing: -1px;}
h1 cite {padding: 0 .15em;}
h2 {font: 2em Georgia, "Times New Roman", Times, serif; color:#333; margin: 10px 0; padding: 0;}
h3 {clear: left; font: bold 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 20px 0 10px; padding: 0; color: #38569a;}
h4 {font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 5px 0 10px; padding: 0;}
h5 {font: 1.4em Verdana, Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0;}
h6 {font: 1.2em Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; padding: 0;}
p {font: 1.3em Arial, Helvetica, sans-serif; margin: 0 0 1.2em; padding: 0;}
p.intro { margin: 0 0 1.3em; text-align: justify; line-height: 1.5em; }
li {font: 1.2em Arial, Helvetica, sans-serif;}
span {font: 1em Verdana, Arial, Helvetica, sans-serif;}
small {font: 1em Verdana, Arial, Helvetica, sans-serif;}
small.xsmall {font: .9em Verdana, Arial, Helvetica, sans-serif;}

ol {
	margin: 0 0 1em;
}
ol li {
	font-size: 1.3em;
	margin: 0 0 7px 30px;
}

a {color: #35659a;}
a:hover {color: #000033; text-decoration: none;}
a img {border: none;}

#full #header {display: block; background: #fff url(/JACSbeta/_img/hdrBgrd.gif) repeat-x top left; padding: 0; margin: 0 auto; width: 100%; height: 155px;} 
#full #header #headerWrap {width: 970px; height: 150px; margin: 0 auto; padding: 0; text-align: center;}
#acspubs {text-align: left; width: 970px; height: 67px; margin: 0 auto; padding: 5px 0px 0px 0px; }
#acspubs span {display: block; width: auto; height:auto; padding: 10px 0 0 0; font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
#full #header h1 {display: block; margin: 0 auto; padding: 10px 0px 0px 0px; height: 75px; width: auto; text-align: center;}
#full #header h1 a {display: block; margin: 0 auto; padding: 10px 0px 0px 0px; text-align: center;}
#full #header #headimage {padding: 10px 0px 0px 0px;}
#full #header a {text-decoration: none;}
#full #header #tagline {display: block; margin: 0 auto; padding: 1px 0 10px 0; width: auto; height: 23px; text-align: center; font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#full #acspubs a:hover {border-bottom: 0px solid #35659a;}
#full #colorbar {height: 10px; background: #38569a; border-left: 150px solid #d9b619;}

#full #nav {display: block; height: 32px; margin: 0 auto; padding: 40px 0 10px 0; background: #fff;}
#full #navWrap {width: 970px; height: 31px; margin: 0 auto; padding: 0; text-align: center;}
#full #nav ul {display: block; width: 548px; height: 30px; margin: 0 auto; padding: 0; list-style: none;}
#full #nav ul li {display: inline; width: 136px; height: 30px; margin: 0 0 0 1px; padding: 0; text-align: center; float:left;}
#full #nav ul li a {display: block; width: 136px; height: 28px; margin: 0; padding: 2px 0 0; text-align: center; float:left; font: bold 1.1em/30px "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(/JACSbeta/_img/navBgrd.gif) no-repeat top left; color:#35659a; text-decoration: none;}
#full #nav ul li a:hover { background: url(/JACSbeta/_img/navBgrd.gif) no-repeat 0 -30px; color:#000033;}
#full #navWrap * { vertical-align: middle; }
#full #navWrap sup, #full #sidebar sup, #full #footer sup { position: relative; top: -.7em; left: 1px; font-family: 'Times New Roman', Arial, Helvetica, sans-serif; color: #e00;}
#full #sidebar sup { top: -.2em; color: #e00; }
#full #footer sup { top: -.1em; font-size: 1em; color: #e00; }

#full #container {display: block; width: 100%; background: #fff; margin: 0 auto; padding: 0;} 
#full #wrap { width: 970px;  background: #FFFFFF url(/JACSbeta/_img/sidebarBgrd.gif) repeat-y top right; margin: 0 auto; padding: 0; text-align: left; } 

#full #sidebar {display: block; float: right; width: 320px; padding:  10px 0 0 0; color:#ccc; background: url(/JACSbeta/_img/sidebarHdr.gif) no-repeat top left;}
#full #sidebar h3 {margin: 10px 20px; color: #333; font-size: 1.6em;}
#full #sidebar h4 {margin: 10px 0 0 0; color: #333; font-size: 1.3em;}
#full #sidebar p {margin: 0 20px 1.2em; color: #333;}
#full #sidebar a {text-decoration:underline;}
#full #sidebar a:hover {color: #35659a; text-decoration:none;}
#full #sidebar h3 cite {font-style: normal; color: #38569A;}

#full #sidebar #tips, #full #sidebar #feedNotice {
	width: 275px;
	padding: 0 0 7px;
	margin: 0 auto 20px;
	border-bottom: 1px solid #ccc;
}
#full #sidebar #feedNotice {
	border: 0;
}
#full #sidebar #tips h3, #full #sidebar #feedNotice h3, #full #sidebar #feedNotice p {
	margin-left: 0;
}
#full #sidebar ul {
	width: 265px;
	margin: 10px 0 0 15px;
	padding: 0;
}
#full #sidebar ul li {
	margin: 0 0 7px;
	padding: 0;
	color: #333;
	list-style-image: url(/JACSbeta/_img/bullet1-trans.gif);
}



#full #mainContent {display: block; width: auto; min-height: 440px; margin: 0 330px 0 5px; padding: 10px 0 25px 0;} 
#full #mainContent ul {list-style-type: square;}
#full #mainContent a:hover {border-bottom: 1px solid #35659a;}
#full #about {display: block; width: auto; min-height: 440px; margin: 0 340px 0 10px; padding: 10px 0 25px 0;}
#full #about p {margin-bottom: 1.3em; text-align: justify; line-height: 1.5em;}


#poll, #poll2, #poll3, #poll4, #poll5, #poll6, #commentForm, #fbookComments, #fbookComments2, #chemdrawComments {
	width: 275px;
	margin: 7px auto 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ccc;
}
#poll label, #poll2 label, #poll3 label, #poll4 label, #poll5 label, #poll6 label {
	float: left;
	margin: 0 0 4px;
	color: #333;
	font-size: 1.2em;
	cursor: pointer;
}
#poll label input, #poll2 label input, #poll3 label input, #poll4 label input, #poll5 label input, #poll6 label input {
	clear: left;
	float: left;
	width: 12px;
	height: 12px;
	margin: 0 0 7px;
	cursor: pointer;
}
#poll label span, #poll2 label span, #poll3 label span, #poll4 label span, #poll5 label span, #poll6 label span {
	float: left;
	width: 250px;
	margin: 0 0 7px 7px;
}
#commentForm textarea, #fbookComments textarea, #fbookComments2 textarea, #chemdrawComments textarea {
	width: 270px;
	margin: 0 0 10px;
}
#siteComments textarea {
	width: 600px;
}
#commentForm label, #siteComments label, #fbookComments label, #fbookComments2 label, #chemdrawComments label {
	clear: left;
	float: left;
	width: 98%;
	margin: 0 0 10px;
	font-size: 1.1em;
}
#commentForm label span, #siteComments label span, #fbookComments label span, #fbookComments2 label span, #chemdrawComments label span {
	float: left;
	width: 10.5em;
	font-size: .9em;
	color: #333;
}
#siteComments label span {
	width: 15em;
}
#commentForm label input, #siteComments label input, #fbookComments label input, #fbookComments2 label input, #chemdrawComments label input {
	font-size: 1em;
}
#poll .submit, #poll2 .submit, #poll3 .submit, #poll4 .submit, #poll5 .submit, #poll6 .submit, #feedback .submit, #siteComments .submit, #commentForm .submit, #fbookComments .submit, #fbookComments2 .submit, #chemdrawComments .submit {
	margin: 10px 0 0;
	cursor: pointer;
}
#results, #results2, #results3, #results4, #results5, #results6 {
	width: 275px;
	margin: 15px auto;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}
#results strong, #results span, #results2 strong, #results2 span, #results3 strong, #results3 span, #results4 span, #results5 span, #results6 span, #results4 strong, #results5 strong, #results6 strong {
	color: #333;
	font-size: 1.1em;
}
#results .graphBar, #results2 .graphBar, #results3 .graphBar, #results4 .graphBar, #results5 .graphBar, #results6 .graphBar, #imgAnswers .graphBar {
	width: 0;
	height: 7px;
	margin: 2px 0 10px;
	padding: 0;
	background: #d9b619;
	font-size: 1px;
	line-height: 1px;
}
#poll p, #poll2 p, #poll3 p, #poll4 p, #poll5 p, #poll6 p, #results p, #results2 p, #results3 p, #results4 p, #results5 p, #results6 p {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
span.viewResults {
	margin-left: 15px;
}
span.viewResults a {
	text-decoration: none !important;
	padding: 2px 3px;
	background: #369;
	color: #fff;
}
span.viewResults a:hover {
	color: #fff !important;
	background: #5a92cb;
}

#feedback {
	display: block;
	margin: 0;
	padding: 0;
}
#feedback textarea {
	width: 100%;
	margin: 0;
	padding: 0;
}

#full #footer {padding: 0; border-top: 2px solid #35659a;} 
#full #footerWrap {width: 970px;  margin: 10px auto; color: #35659a; text-align: left;} 
#full #footerWrap .col {float: left; width: 320px;}
#full #footerWrap .col ul {list-style-type: none; margin: 0; padding: 10px; }
#full #footerWrap .col ul li {font: bold 1.1em/1.2em Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px dotted #35659a;}
#full #footerWrap .col ul li a {display: block; width: auto; padding: 10px; color: #35659a; text-decoration: none;}
#full #footerWrap .col ul li a:hover {display: block; width: auto; padding: 10px; color: #333; text-decoration: none; border-bottom: none; background: #ccc;}
#full #footerWrap .col h2 {color: #35659a; text-decoration: none; margin: 0 0 0 10px; padding: 10px 0 0 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#full #footerWrap .col h2 a {color: #35659a; text-decoration: none;}
#full #footerWrap .col h2 a:hover {color: #666666; text-decoration: none; border-bottom: 1px solid #35659a;}

#full #footer #bottom {
	background: #ccc;
	padding: 15px 0;
	text-align: left;
}
#full #footer #bottomWrap {width: 970px;  margin: 0 auto; color: #333; text-align: left;}
#full #footer #bottomWrap p {font: bold 1em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #35659a;}
#full #footer #bottomWrap p a { color: #35659a; text-decoration: none;}
#full #footer #bottomWrap p a:hover {color: #333; text-decoration: none; border-bottom: 1px solid #35659a;}



.hpthumb {
	float: right;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline; /* Explorer sucks */
}
.featureLink {
	position: absolute;
	bottom: 5px;
	right: 7px;
	font-size: 1.2em;
	font-weight: bold;
}
.featureLink a { text-decoration: none; }


.section {
	width: 95%;
	margin: 0 auto 40px;
	padding: 0 5px;
	border-top: 1px solid #aaa;
	border-bottom: 2px solid #ddd;
	font-size: 1.2em;
	background: url(/JACSbeta/_img/gradient.gif) repeat-x;
}
.section h2 {
	font-size: 1.5em;
}
.section p {
	font-size: 1em;
}
.section a:hover {
	border-bottom: 0 !important;
}
.audioBoxWrap, .pptWrap {
	margin: 15px 0;
	text-align: center;
}
.audioBoxWrap .info, .pptWrap .info {
	margin: 5px 0 0;
}

/* FAQ Page */

.faqBlock {
	margin: 0 0 10px 20px;
}
.faqBlock h3 {
	font-size: 1.25em;
	margin-bottom: 2px;
}
.faqAnswer {
	background: #efefef;
	padding: 7px;
	border-bottom: 1px solid #666;
}


/* Image Challenge */
.challenge {
	border-top: 1px solid #333;
	padding-top: 10px;
}
.challengeImage {
	padding: 15px 0;
	text-align: center;
}
.challengeImage {
	margin: 0 auto;
}
.padded {
	padding: 7px;
}
.bordered {
	border: 1px solid #ccc;
}
.questions {
	font-size: 1.1em;
}
.questions label {
	display: block;
	margin: 0 10px 10px 20px;
}
.questions span {
	margin-left: 5px;
}
#answers {
	margin: 7px 20px 0;
	padding: 0 10px;
	background: #eee;
	border: 1px solid #ccc;
}
.challengeArticle {
	margin-top: 15px;
	border-top: 1px solid #369;
}
.challengeArticle div {
	font-size: 1.3em;
}


/* misc. classes */
span.beta {
	font: normal 1.1em 'Times New Roman', Helvetica, sans-serif;
	color: #e00;
}
.boxWrap {
	float: left; 
	margin: 0 0 20px; 
	padding: 0; 
	width: auto; 
	height:auto; 
	display: inline;
}
.flright {
	float: right;
	margin-left: 8px;
}
.flleft {
	float: left;
	margin-right: 8px;
}
.box {
	position: relative; 
	float:left;
	margin: 0;
	padding-bottom: 1.3em;
	background: #fff url(/JACSbeta/_img/gradBgrd.jpg) repeat-x top left;
	border: 1px solid #bfd3e3;
	min-height: 23em;
	display: inline;
}
.right {
	margin: 0 0 0 15px;
}
.box h4 {
	margin-top: 0;
}
.box p {
	width: 195px;
	margin-bottom: 0;
}
.box p.fullWidth { width: auto; }
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0;}

.sideBoxRight {
	float: right;
	margin: 0 10px 0 30px;
}
.sideBoxLeft {
	float: left;
	margin: 0 30px 0 0;
}
.atTop {
	margin-top: 15px;
}

.addTopSpace {
	margin-top: 2em !important;
}

.grey {color: #333;}
.w600 {width: 600px;}
.w550 {width: 550px;}
.w500 {width: 500px;}
.w450 {width: 450px;}
.w400 {width: 400px;}
.w350 {width: 350px;}
.w320 {width: 320px;}
.w300 {width: 300px;}
.w250 {width: 250px;}
.w200 {width: 200px;}
.w150 {width: 150px;}
.w125 {width: 125px;}
.w100 {width: 100px;}
.w50 {width: 50px;}
.padding10 {padding: 10px;}
.paddingTop {padding-top: 10px;}
.paddingBtm {padding-bottom: 10px;}
.none {display: none;}

.button a {
	display: block;
	width: 10.5em;
	margin: 0 auto;
	padding: 5px;
	background: #369;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.pptWrap .button a {
	width: 16.3em;
}
#full #mainContent .button a:hover {
	border-bottom: 0;
	background: #5a92cb;
}