html {background:#f4f3f1 url(/images/ACSBackground.png) repeat-x;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:82%;
	text-align:left;
	color:#333;
	margin:0;
	padding:0;
}

html>body {font-size:13px;}

#wrapper {
	background:#fff;
	margin:0 auto;
	width:950px;
}

#header {
	background:#fff url(http://www.congressweb.com/assets/headerfooter/acs/blogs/ACSHeaderBackground.png) repeat-x;
	height:148px;
	margin:0;
	padding:0;
}

#content {
	background:#fff url(http://www.congressweb.com/assets/headerfooter/acs/blogs/ACSContentBackground.png) repeat-y;
	padding:20px 0 1px;
	margin:0;
}

#wrapper.noSideNav #content {background:#fff;}

#contentMain {
	float:left;
	width:540px;
	padding:0;
	margin:0 0 0 10px;
}

#contentMain div.actionItem {margin:0;}

#contentMain div.actionItem img {
	margin:4px 10px 0 0;
	float:left;
	border:1px solid #000;
	padding:0;
}

#contentMain div.actionItem p {
	margin:0;
	float:left;
	width:450px;
}

#contentMain .readMore a, #contentMain .readMore a:hover {color:#06a;}

#wrapper.noSideNav #content #contentMain {
	float:none;
	width:auto;
	margin:0 2em 0 10px;
}

#wrapper.noSideNav #content #contentRight {display:none;}

#contentRight {
	float:right;
	width:360px;
	padding:0;
	margin:0;
	color:#fc3;
}

#contentRight .noRight {display:none;}
#contentRight div.actionItem {margin:0 0 0 1em;}

#contentRight div.actionItem img {
	margin:0;
	float:left;
	border:2px solid #136cb0;
	border-top:0;
	padding:0;
}

#contentRight div.actionItem p {
	margin:0 0 1em .5em;
	line-height:1.33em;
	float:left;
	width:230px;
}

#contentRight div.newsItem {margin:0 2em 0 1em;}

#contentRight div.newsItem p {
	margin:0 0 1em .5em;
	line-height:1.33em;
}

#footer {
	clear:both;
	text-align:right;
	margin:0 auto;
	width:950px;
	padding:0;
}

#contentRight #delicious-posts-act4chemistry {color:#fff;}
#contentRight #delicious-posts-act4chemistry a {color:#fc3;}

div.delPost {
	margin:0 0 .5em 0;
	padding:5px;
	border:1px solid #fff;
}

div.delPost:hover {
	border:1px solid #fdb827;
	background:#fd9;
}

#contentRight div.delPost {
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	color:#fff;
	font-size:1em;
	font-weight:bold;
	background:#136cb0;
	padding:3px 1em;
	margin:0 0 1em;
	border:0;
}

#contentRight div.delPost:hover {
	background:#136cb0;
	border:0;
}

#contentRight div.delPost a {color:#fff;}

div.clear {clear:both;}

h1#HeaderLogo {
	background:#fff url(http://www.congressweb.com/assets/headerfooter/acs/blogs/ACSHeaderLogo.png) no-repeat;
	height:79px;
	width:950px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	clear:both;
}

h1#HeaderLogo a {
	display:block;
	width:950px;
	height:79px;
	overflow:hidden;
}

h2 {
	font-size:2em;
	margin:0 0 .5em;
	font-weight:normal;
	padding:0;
	color:#966d18;
}

h2#ACSBlog {float:left;}

#contentRight h2 {
	clear:both;
	color:#fc3;
	font-size:1.85em;
}


h3 {
	font-size:1.5em;
	margin:.5em 0;
	font-weight:normal;
	padding:0;
	color:#000;
	clear:both;
}

#contentMain h3 {
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	font-size:1.25em;
	font-weight:bold;
	padding:.75em 0 0;
}


#contentRight h3 {
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	color:#fff;
	font-size:1em;
	font-weight:bold;
	background:#136cb0;
	padding:3px 1em;
	margin:0;
}

#contentRight h3 a {color:#fff;}

a {color:#06a; text-decoration:none;}
a:hover {color:#06a; text-decoration:underline;}

img {border:0;}

.small {font-size:.77em}
.readMore a, .readMore a:hover {color:#fff;}

blockquote {
	border:1px solid #69c;
	margin:1em 2em;
	padding:.5em 1em;
	background:#def;
}

p {line-height:1.5em;}

p.inset {
	padding:10px;
	border:1px solid #69c;
	background:#def;
}

#contentRight p.actionNotification {
	font-size:.8em;
	color:#fff;
	line-height:1.25em;
	margin:1em 1em 0 0;
	clear:both;
}

#contentRight p.actionNotification a {color:#fc3;}

#delicious-posts-act4chemistry span.delicious-network-username {padding:.5em 0 0; display:block;}

ul, ol {
	margin:0;
	padding:0;
}

ul li, ol li {
	margin:0 0 1em 2.5em;
	padding:0;
}


#delicious-posts-act4chemistry ul {
	margin:0;
	padding:0;
	list-style-type:none;
}


#delicious-posts-act4chemistry ul li {
	margin:0 0 .5em 0;
	padding:10px;
	border:1px solid #fff;
	list-style: none;
}

#delicious-posts-act4chemistry ul li:hover {
	border:1px solid #fdb827;
	background:#fd9;
}



#contentRight #delicious-posts-act4chemistry ul li {margin:0 1em .5em 0;}
#contentRight #delicious-posts-act4chemistry ul li a {color:#fff;}
#contentRight #delicious-posts-act4chemistry ul li:hover a {color:#2e6593;}



#contentRight p.readMore {
	margin-right:2em;
	clear:both;
	text-align:right;
}

span#rssIcon {
	background:url(http://www.congressweb.com/assets/headerfooter/acs/blogs/ACSRSSIcon.png) no-repeat;
	display:block;
	height:14px;
	width:14px;
	text-indent:-9999px;
	margin:12px 0 0 5px;
	padding:0;
	float:left;
}

span#rssIcon a {
	display:block;
	width:14px;
	height:14px;
	overflow:hidden;
}




/* Start Navigation Styles */
#header ul#uppernav {
	text-align:center;
	list-style-type:none;
	padding:2px 0 0;
	margin:0;
	float:right;
	height:20px;
}

#header ul#uppernav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}

#header ul#uppernav li a {
	border-left:1px solid #03487f;
	border-right:1px solid #fff;
	color:#fff;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:70px;
	height:20px;
}

#header ul#uppernav li a:hover {color:#fc3;}

#header ul#lowernav {
	text-align:center;
	list-style-type:none;
	padding:0;
	margin:0;
	height:29px;
	background:#fff;
	border-top:2px solid #136cb0;
}

#header ul#lowernav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}

#header ul#lowernav li#joinACS {
	display:block;
	float:right;
	margin:0;
	padding:0;
	width:88px;
	height:21px;
}

#header ul#lowernav li a {
	background:#fff url(http://www.congressweb.com/assets/headerfooter/acs/blogs/ACSLowerNavigationBackgroundBorder_New.png) top right no-repeat;
	color:#136cb0;
	display:block;
	margin:0;
	padding:6px 1.5em 0;
	text-align:center;
	text-decoration:none;
	height:23px;
	float:left;
}

#header ul#lowernav li#joinACS a {
	background:#fff url(http://www.congressweb.com/assets/headerfooter/acs/blogs/ACSJoinACS.png) top right no-repeat;
	display:block;
	margin:4px 4px 0 0;
	padding:0;
	height:21px;
	width:88px;
	float:right;
	text-indent:-9999px;
	display:inline;
	overflow:hidden;
}

#header ul#lowernav li a:hover {color:#966d18;}
/* End Navigation Styles */


/* Start Blog Styles */
#contentRight #blogLoginForm {
	width:345px;
	font-size:.85em;
}

#contentRight #blogLoginForm a {color:#fff;}
#contentRight #blogLoginForm a:hover {color:#fff;}

#blogLoginEmail, #blogLoginPassword {
	width:250px;
	clear:both;
	text-align:right;
	font-weight:bold;
	font-size:.93em;
	padding:7px 0;
}

#blogLoginEmail label, #blogLoginPassword label {
	width:70px;
	float:left;
	margin:5px 0 0 0;
}

#blogLoginEmail input, #blogLoginPassword input {
	width:125px;
	float:left;
	margin:0 0 0 10px;
}

div.blogLoginError {
	color:#f00;
	font-weight:bold;
	margin:10px 0;
}

div.blogLoginSubmit {clear:both;}

div.blogLoginSubmit input#login {
	width:60px;
	margin:5px 0 0 150px;
}

#blogStoryList #blogModControls {
	padding:0 0 10px;
	margin:0;
	text-align:right;
}

#blogStoryList #blogModControls a {
	background:#136cb0;
	padding:3px 5px;
	border:1px solid #0d5084;
	color:#fff;
}

#blogStoryList #blogModControls a:hover {
	background:#fff;
	padding:3px 5px;
	border:1px solid #0d5084;
	color:#136cb0;
	text-decoration:none;
}

#blogStoryList div.blogPost {
	padding:0 0 10px;
	border-bottom:1px dotted #fdb827;
	margin:0 0 15px;
	clear:both;
	overflow:auto;
}

#blogStoryList div.blogPost h3 {
	padding:0;
	margin:0;
}

div.blogStoryDetailFooter {
	padding:0 0 20px;
	border-bottom:1px dotted #fdb827;
	margin:0 0 15px;
	clear:both;
}

p.author {font-size:.8em;}

div.blogStoryDetailFooter p.blogAdminLinks {
	padding:0 0 10px;
	margin:0;
	text-align:right;
}

div.blogStoryDetailFooter p.blogAdminLinks a {
	background:#136cb0;
	padding:3px 5px;
	border:1px solid #0d5084;
	color:#fff;
}

div.blogStoryDetailFooter p.blogAdminLinks a:hover {
	background:#fff;
	padding:3px 5px;
	border:1px solid #0d5084;
	color:#136cb0;
	text-decoration:none;
}


ul.commentsAndMore {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:.85em;
}

ul.commentsAndMore li {
	margin:0;
	padding:0 20px 0 0;
	display:inline;
}

div.commentContainer div.blogComments {
	border:1px solid #fdb827;
	margin:1em 0;
	padding:1em;
	background:#fd9;
}

div.commentContainer div.blogComments div.blogComments {
	margin:1em 0 0 2em;
	background:#fff;
}

div.commentContainer div.blogComments div.blogComments div.blogComments {background:#fd9;}
div.commentContainer div.blogComments div.blogComments div.blogComments div.blogComments {background:#fff;}

div.commentContainer div.blogComments p.blogCommentsTitle {
	color:#000;
	margin:0;
	border-bottom:1px solid #000;
}

div.commentContainer div.blogComments p.blogCommentsTitle span.blogCommentTitle {font-weight:bold;}
div.commentContainer div.blogComments div.blogCommentsContent {margin:.5em 0;}

div.commentFooter ul.commentTools {
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:right;
}

div.commentFooter ul.commentTools li {
	margin:0;
	padding:0;
	display:inline;
}

div.commentFooter ul.commentTools li a {
	background:#136cb0;
	padding:3px 5px;
	border:1px solid #0d5084;
	color:#fff;
}

div.commentFooter ul.commentTools li a:hover {
	background:#fff;
	padding:3px 5px;
	border:1px solid #0d5084;
	color:#136cb0;
	text-decoration:none;
}


div.blogImageExcerpt {float:right;}


div.blogImageCenter {
	margin:0 auto;
}

div.blogImageCenter span {
	font-weight:bold;
	font-size:.75em;
	text-align:left;
}

div.blogStoryContent img, #blogStoryList img {
	border:1px solid #ccc;
	padding:4px;
	margin:0;
	float:right;
}

ul#blogPagination {
	margin:0;
	padding:0;
	height:20px;
	list-style-type:none;
	font-weight:bold;
}


ul#blogPagination li {
	margin:0;
	padding:0;
}

ul#blogPagination li#blogPaginationPrevious {float:left;}
ul#blogPagination li#blogPaginationNext {float:right;}

ul#blogPagination li a {
	margin:0;
	padding:3px 5px;
	border:1px solid #06a;
}

ul#blogPagination li a:hover {
	background:#fc3;
	text-decoration:none;
}

p.tags {
	padding:0px 0 2px 28px;
	background: url("/images/IconTags.png") no-repeat;
}
/* End Blog Styles */


/* Start Form Styles */
.tinyButton {padding-left:10px;}

input#bttn {
	background:#136cb0;
	font-size:1.14em;
	font-weight:bold;
	color:#fc3;
	border:3px double #fc3;
	padding:3px 5px;
	margin:10px 0 0 0;
}

#form.yesWide input, #form.yesWide textarea, #form.yesWide select, #form.yesWide .grFormErrorFieldLabel, #form.yesWide .grFormFieldLabel {float:left;}
#form.yesWide div.formItem {margin-bottom:7px;}

#form.yesWide .grFormErrorFieldLabel, #form.yesWide .grFormFieldLabel {
	text-align:right;
	width:170px;
	margin-right:10px;
	font-weight:bold;
	font-size:.9em;
}

#form.yesWide .grFormErrorFieldLabel label, #form.yesWide .grFormFieldLabel label {margin-left:3px;}
#form.noWide .grFormErrorFieldLabel label, #form.noWide .grFormFieldLabel label {font-weight:bold;}
#form.yesWide {margin:0 auto;}

#form.yesWide .formItem {
	display:block;
	clear:left;
	padding:2px 0;
}

#form.yesWide .submit input {float:none;}
#form.yesWide .submit {text-align:center;}
#form.noWide input {margin-bottom:7px;}
#form.noWide .submit input {margin-left:0;}

#form.noWide .submit  {
	text-align:center;
	padding-top:7px;
}


.grFormErrorFieldLabel {color:#c00;}
.TandC {font-size:xx-small;}
.formInfoMessage { }

#formIssueTargets {
	display:block;
	padding:9px 0;
}

div#wiki_open {display:none;}
#form.yesWide div.formItemCheck {padding:9px 0 8px 20px;}

#form.yesWide .formItemCheck {
	display:block;
	clear:left;
}

#form.yesWide div.formItemCheck .grFormFieldLabel {
	width:400px; 
	text-align:left; 
	margin-left:8px;
}


#form.yesWide div.formItemMultiple .grFormInput {
	display:block;
	clear:left;
}

#form.yesWide div.formItemMultiple .grFormFieldLabel {
	display: block;
	width: 400px;
	clear: both;
	text-align: left;
	padding-top: 18px;
	padding-left: 7px;
}

.chooseMultiple {
	clear:both;
	display: block;
	padding: 0;
	margin:0;
}

.chooseSingle {
	clear:both;
	display:block;
	padding:0;
	margin:0;
}

#form.noWide div.chooseSingle .grInputChooseSingle {
	padding:0;
	margin:4px 6px 0 0;
}

#form.noWide div.chooseMultiple .grInputChooseMultiple {
	padding:0;
	margin:4px 6px 0 0;
}

div.grF2FEmailFormField {
	clear:both;
	padding:10px 0px 10px 0px;
}

p.grFormDefaultText, p.grFormErrorFieldLabel, p.formInfoMessage {margin:0;}

#grid-password-div div.grFormInput {
	float:left;
	width:350px;
	font-size:.8em;
	margin:.25em 0;
}

#targetLetter {
	width:450px;
	float:right;
	border:1px solid #369;
	margin:0 2em;
	padding:.5em 1em;
	background:#def;
	display:inline;
}
/* End Form Styles */


ul#blogRollList {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#blogRollList li {
	margin:0 1em .5em 0;
	padding:5px;
	border:1px solid #fff;
	list-style: none;
}

ul#blogRollList li:hover {
	border:1px solid #fdb827;
	background:#fd9;
}

ul#blogRollList li a {color:#4782be;}
ul#blogRollList li:hover a {color:#2e6593;}






ul#tweetsList {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#tweetsList li {
	margin:0 1em .5em 0;
	padding:7px;
	border:1px solid #fff;
	font-size:0.85em;
}

ul#tweetsList li:hover {
	border:1px solid #fdb827;
	background:#fd9;
	color:#000;
}

ul#tweetsList li a {
	color:#fff;
	display:block;
	font-weight:bold;
	margin:0 0 5px;
}

ul#tweetsList li:hover a {color:#2e6593;}

div.feedList:hover {
	border:1px solid #fdb827;
	background:#fd9;
	color: white;
}

div.feedList a {color:#4782be;}
div.feedList:hover a {color:#2e6593;}