/* ---------- MAIN CONTENT FORMATTING ---------- */
body, /*body div,*/ body p, body th, body td, body li, body dd {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:       #000000;
  font-size:   small;
}

body, /*body div,*/ body p, body th, body td, body li, body dd {
  \font-size:   x-small;
  f\ont-size:   small;
}

body {
margin:      20px 0 0 0; 
padding:     0;
}

/* HEADERS  */
body h1 {
color: #abccdd;
font-size:  24pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
}

h1 a:link    { color: #abccdd;
font-size:  24pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
text-decoration: none;
}

h1 a:visited { color: #abccdd;
font-size:  24pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
text-decoration: none;
}	

h1 a:hover   {color: #abccdd;
font-size:  24pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
text-decoration: none;
}

h1 a:active  { color: #abccdd;
font-size:  24pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
text-decoration: none;
}

body h2 {
color: #006699;
font-size:   14pt;
font-weight: bold;
padding-bottom: 0;
margin-bottom: 0;
}

h2 a:link    {color: #006699;
font-size:   14pt;
font-weight: bold;
padding-bottom: 0;
margin-bottom: 0;
text-decoration: none;
}

h2 a:visited { color: #006699;
font-size:   14pt;
font-weight: bold;
padding-bottom: 0;
margin-bottom: 0;
text-decoration: none;
}	

h2 a:hover   {color: #006699;
font-size:   14pt;
font-weight: bold;
padding-bottomp: 0;
margin-bottom: 0;
text-decoration: none;
}

h2 a:active  { color: #006699;
font-size:   14pt;
font-weight: bold;
padding-bottom: 0;
margin-bottom: 0;
text-decoration: none;
}

body h3 {
color: #000000;
font-size:   14pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
}

h3 a:link    {color: #000000;
font-size:   14pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
text-decoration: none;
}

h3 a:visited { color: #000000;
font-size:   14pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
text-decoration: none;
}	

h3 a:hover   {color: #000000;
font-size:   14pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
text-decoration: none;
}

h3 a:active  { color: #000000;
font-size:   14pt;
font-weight: normal;
padding-top: 0;
margin-top: 0;
text-decoration: none;
}

/* DEFAULT LINK/MAIN CONTENT AREA LINKS */
a:link    { color: #0000ff; font-weight: normal; text-decoration: underline;}
a:visited { color: #006696; font-weight: normal; text-decoration: underline;}	
a:hover   { color: #B69218; font-weight: normal; text-decoration: underline;}
a:active  { color: #B69218; font-weight: normal; text-decoration: underline;}


#main {
width: 1014px;
padding: 0;
margin: 0;
background-color: #ffffff;
}

#HomeHeader {
background: url(/files/PageLayoutImages/BeakerBKGD.jpg) no-repeat;
width: 1014px;
height: 100px;
}

#HeaderPenPaper {
background: url(/files/PageLayoutImages/PenPaperBKGD.jpg) no-repeat;
width: 1014px;
height: 100px;
}

#HeaderBook {
background: url(/files/PageLayoutImages/BookBKGD.jpg) no-repeat;
width: 1014px;
height: 100px;
}

#HeaderTestTube {
background: url(/files/PageLayoutImages/TestTubeBKGD.jpg) no-repeat;
width: 1014px;
height: 100px;
}

#header {
float: left;
width: 720px;
}

#Utility {
float: left; 
width: 285px;
}

#search {
width: 285px;
height: 95px;
padding: 5px 0 0 0;
margin: 0;
float: left;
text-align: right;
color: #006699;
}

#search a:link    {font-size: 11px; font-weight: normal;}
#search a:visited {font-size: 11px; font-weight: normal;}	
#search a:hover   {font-size: 11px; font-weight: normal;}
#search a:active  {font-size: 11px; font-weight: normal;}

#searchBox {
padding-top: 20px;
}


/* FLYOUTS */
#nav, #nav ul { /* all lists */
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav {
  padding: 0 0 5px 30px;
  width: 982px;
  height: 20px;
  background: url(https://www.aocs.org/files/PageLayoutImages/navBKGD.gif);
  color: #006699;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  border-left: #006699 solid 1px;
  border-right: #006699 solid 1px;
}

#nav li { /* all list items */
  display: block;
  position: relative;
  float: left;
  padding: 0;
  margin: 0;
  z-index: 100;
  font-size: 12px;
}

#nav li a {
  display: block;
  margin: 0;
  padding: 4px 6px 6px 6px;
  color: #006699; 
  font-weight: bold; 
  text-decoration: none;  
  font-size: 12px;
}

#nav li a:hover {
  background-color: #036499; 
  color: #ffffff;
}

#nav li a.on {
  background: url(https://www.aocs.org/files/PageLayoutImages/OnBKGD.gif);
  color: #ffffff;
}

/* main nav */
#nav li.mn {
  padding-right: 27px;
}

/* secondary nav */
#nav ul.sn {
  position: absolute;
  left: -999em;
  width: 350px;
  background: white;
  border: #acccdb solid 1px;
  line-height: 21px;
}		

#nav li.sn {
  width: 100%;
}

#nav span.sn {
  display: block;
  padding-left: 15px;
  color: #006699; 
  background-color: #abccdb;
  font-size: 11px;
  cursor: default;
}

/* tertiary nav */
#nav ul.tn {
  margin-left: 15px;
}

#nav li.tn {
  float: none;
}

#nav li.tn a {
  display: inline;
  padding: 0;
  background-color: white;
  font-size: 11px;
}

#nav li.tn a:hover {
  background-color: white;
  text-decoration: underline;
  color: #B69218;
}

#nav ul.tn.half, #nav ul.tn.half li {
  float: left;
  width: 160px;
}

/* flyouts/hover effects */
#nav li:hover ul, #nav li.sfHover ul {
  margin-top: 0;
  left: 0;
  z-index: 100;
}	

#nav li.right-side:hover ul, #nav li.right-side.sfHover ul {
  right: 0;
  left: auto;
}

#HomeBodyContent {
width: 974px; /* 1014 px minus padding */
background: url(/files/PageLayoutImages/bodyBKGD.gif) repeat-y;
text-align: left;
float: left;
padding: 20px 20px 20px 20px;
color: #999999;
}

#HomeBodyContent #Left {
float: left;
width: 486px;
margin-right: 7px;
height: 100%;
background: #ffffff;
}

#HomeBodyContent #Right {
float: left;
width: 479px;
background: #ffffff;
margin-top: 0;
padding-top: 0;
}

#HomeBodyContent #Right  p {
color: #999999;
font-size: 10pt;
margin-top: 5px;
}

#HomeBodyContent #Right .AboutTeaser {
font-size: 10pt;
padding: 0;
margin: 0;
}

#HomeBodyContent #Right #Column1 .title {
font-size: 30px;
color: #ABCCDD;
padding: 0;
margin: 0;
}

#HomeBodyContent #Right #Column2 .title {
font-size: 30px;
color: #ABCCDD;
padding: 0;
margin: 0;
}

#HomeBodyContent #Right .storyAbstract {
color: #000000;
}

#HomeBodyContent #Right #Column1 {
float: left;
width: 225px;
margin-right: 30px;
margin-bottom: 0;
padding-bottom: 0;
color: #999999;
font-size: 11px;
}

#HomeBodyContent #Right #Column1 select.browsebyDrop {
width: 224px;
border: #006699 solid 1px;
}

#HomeBodyContent #Right #Column2 {
float: left;
width: 218px;
}

#HomeBodyContent #Right #Column2 a:link    {font-size: 10pt;}
#HomeBodyContent #Right #Column2 a:visited {font-size: 10pt;}	
#HomeBodyContent #Right #Column2 a:hover   {font-size: 10pt;}
#HomeBodyContent #Right #Column2 a:active  {font-size: 10pt;}

#HomeBodyContent #Right #Column2 #dots {
float: left;
margin: 3px 18px 0 0;
}

#HomeBodyContent #Right #Column2 #Inform {
float: left;
width: 134px;
margin: 1px 0 0 0;
}

#HomeBodyContent #Left #Column1_2 {
float: left;
width: 225px;
margin-right: 30px;
margin-top: 20px;
padding-top: 0;
}

#HomeBodyContent #Left #Column2_2 {
float: left;
width: 218px;
margin-top: 56px;
}

#HomeBodyContent #Left #Column1_2 .DropTitle {
color: #006699;
font-weight: bold;
font-size: 12px;
}

#HomeBodyContent #Left #Column2_2 .DropTitle {
color: #006699;
font-weight: bold;
font-size: 12px;
}


#HomeBodyContent #Left #Column1_2 .title {
font-size: 30px;
color: #ABCCDD;
padding: 0;
margin: 0;
}

#InteriorBodyContent {
width: 974px; /* 1014 px minus padding */
min-height: 500px;
background: url(/files/PageLayoutImages/bodyBKGD.gif) repeat-y;
text-align: left;
float: left;
padding: 0 24px 10px 25px;
color: #000000;
font-size: 12pt;
}

#InteriorBodyContent p, #InteriorBodyContent th, #InteriorBodyContent td, #InteriorBodyContent li, #InteriorBodyContent dd {
font-size: 12pt;
}

#Breadcrumb {
font-size: 11px;
text-transform: capitalize;
color: #000000;
background: url(/files/PageLayoutImages/bodyBKGD.gif) repeat-y;
text-align: left;
padding: 15px 0 19px 25px; 
}

#Breadcrumb a:link    {color: #0000ff; font-weight: normal;}
#Breadcrumb a:visited {color: #666699; font-weight: normal;}	
#Breadcrumb a:hover   {color: #B69218; font-weight: normal;}
#Breadcrumb a:active  {color: #B69218; font-weight: normal;}

#share {
float: right; 
width: 150px;
padding: 12px 0 0 25px; 
}

#InteriorBodyContent #ColumnOneFifty {
float: left;
width: 470px;
margin-right: 25px;
}

#InteriorBodyContent #ColumnTwoFifty {
float: left;
width: 470px;
}

#InteriorBodyContent h2 {
font-weight: bold;
font-size: 14pt;
color: #006699;
padding-bottom: 0;
margin-bottom: 0;
}

#adSpace {
clear: both;
border-right: #006699 solid 1px;
border-left: #006699 solid 1px;
padding-left: 20px;
padding-top: 5px;
}

#adSpaceInterior {
clear: both;
}

#footer {
clear: both;
border-right: #006699 solid 1px;
border-bottom: #006699 solid 1px;
border-left: #006699 solid 1px;
background: #D9E5EC;
font-size: 11px;
color: #666666;
padding: 0 0 8px 0;
margin: 0;
}


#footer .blueline {
border-top: #006699 solid 1px;
padding: 0;
margin: 0;
}

#footer .join {
color: #006699;
font-size: 11px;
font-weight: bold;
}

#FooterEmailForm {
background: url(/files/pagelayoutimages/joinBKGD.gif) no-repeat bottom; 
width: 126px; 
height: 18px; 
border: none; 
padding-top: 2px;
color: #6F6363; 
font-size: 11px;
}

#JoinButton {
margin-top: -3px;
}


/* LANDING PAGES */


#InteriorBodyContent .FullWidth {
width: 965px;
padding-bottom: 14px;
border-bottom: #d9e5ec solid 1px;
}

/* LANDING PAGES 2 BOXES */

#InteriorBodyContent .HalfWidth {
float: left;
width: 470px;
margin-top: 14px;
}


/* LANDING PAGES 3 BOXES */

#InteriorBodyContent .ThirdWidth {
float: left;
width: 305px;
margin-top: 14px;
}


/* LANDING PAGES 4 BOXES */

#InteriorBodyContent .FourthWidth {
float: left;
width: 223px;
margin-top: 14px;
}


/* LANDING PAGES 6 BOXES */

#InteriorBodyContent .SixWidth {
float: left;
width: 140px;
margin-top: 14px;
}

/* inform LANDING PAGE */

#InteriorBodyContent #informLandingLeft {
float: left;
width: 468px;
margin-right: 13px;
}

#InteriorBodyContent #informLandingLeft .headline {
color: #abccdd;
font-size:  24pt;
font-weight: normal;
padding: 0;
margin: 0;
}

#InteriorBodyContent .headline {
color: #abccdd;
font-size:  24pt;
font-weight: normal;
padding: 0;
margin: 0;
}

#InteriorBodyContent #informLandingLeft .subheader {
color: #006699;
font-size: 14px;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0;
}

#InteriorBodyContent .subheader {
color: #006699;
font-size: 14px;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0;
}

#InteriorBodyContent .Supplementsubheader {
color: #006699;
font-size: 14pt;
font-weight: bold;
padding: 0 0 5px 0;
margin: 0;
}

#InteriorBodyContent #informLandingLeft #Current {
float: left;
width: 303px;
margin-right: 25px;
}

#InteriorBodyContent #informLandingLeft #Current .login {
background: #d9e5ec;
padding: 5px 9px 5px 9px;
margin-top: 10px;
}

#InteriorBodyContent #informLandingLeft #Masthead {
float: left;
width: 140px;
}

#InteriorBodyContent #informLandingRight {
float: left;
width: 465px;
margin-left: 13px;
}

#InteriorBodyContent #informLandingRight #LatestNews {
float: left;
width: 205px;
margin-right: 20px;
}

#InteriorBodyContent #informLandingRight #CoverStory {
float: left;
width: 223px;
}

#InteriorBodyContent #informLandingRight #NextMonth {
background: #d9e5ec;
padding: 4px 4px 10px 10px;
margin-top: 17px;
margin-bottom: 15px;
clear: left;
}

#InteriorBodyContent #informLandingRight #NextMonth .headline {
color: #ffffff;
font-size: 30pt;
padding-right: 5px;
}

#InteriorBodyContent #informLandingRight #NextMonth .subheader {
color: #006699;
font-size: 14pt;
font-weight: normal;
}

#InteriorBodyContent .informDate {
color: #999999;
font-size: 12pt;
}

#InteriorBodyContent .informText, #InteriorBodyContent .informText p, #InteriorBodyContent .informText td, #InteriorBodyContent .informText li {
font-size: 12pt;
}

#InteriorBodyContent .informTextSmall {
font-size: 12px;
}



#InteriorBodyContent #informFooter {
clear: both;
text-align: center;
border-top: #006699 solid 1px;
font-size: 11px;
padding-top: 6px;
margin-left: -25px;
margin-right: -15px;
margin-top: 20px;
}

#InteriorBodyContent ul.noindent {
margin-left: 10px;
padding-left: 10px;
}

#InteriorBodyContent .coverImage {
float: left;
margin-right: 24px;
width: 120px;
}

#InteriorBodyContent #informContentDetail {
float: left;
width: 500px;
}

#InteriorBodyContent #Departments {
float: left;
margin-top: 35px;
margin-left: 24px;
width: 200px;
}

#InteriorBodyContent .informThumbs {
font-size: 11px;
}


#InteriorBodyContent #informArchiveTitle {
float: left;
width: 303px;
}

#InteriorBodyContent #informArchiveNav {
float: left;
width: 580px;
margin-top: 20px;
}

#InteriorBodyContent #informArchiveNav a.on:link    { background: #d9e5ec; padding: 5px; text-decoration: none;}
#InteriorBodyContent #informArchiveNav a.on:visited { background: #d9e5ec; padding: 5px; text-decoration: none;}	
#InteriorBodyContent #informArchiveNav a.on:hover   { background: #d9e5ec; padding: 5px; text-decoration: none;}
#InteriorBodyContent #informArchiveNav a.on:active  { background: #d9e5ec; padding: 5px; text-decoration: none;}


#InteriorBodyContent #informMoreYears {
float: left;
width: 776px;
margin-top: 20px;
}

#InteriorBodyContent #informSearch {
float: left;
width: 144px;
margin-top: 20px;
margin-right: 40px;
font-size: 11px;
text-align: left;
}

#InteriorBodyContent #informSearch p {
font-size: 11px;
}

#InteriorBodyContent #informSearch .searchbox {
background: #d9e5ec;
padding: 10px 12px 12px 7px;
font-size: 11px;
text-align: left;
}

#InteriorBodyContent #LatestNewsCol1 {
float: left;
width: 223px;
}

#InteriorBodyContent #LatestNewsCol2 {
float: left;
width: 471px;
margin: 0 20px 0 20px;
}

#InteriorBodyContent #LatestNewsCol3 {
float: left;
width: 225px;
}

#InteriorBodyContent #FreeCoverLeft {
float: left; 
width: 140px;
background: #d9e5ec;
padding: 10px 0 10px 0;
}

#InteriorBodyContent #FreeCoverLeft .item {
float: left; 
width: 120px;
background: #d9e5ec;
padding: 0 10px 0 10px;
}

#InteriorBodyContent #FreeCoverMiddle {
float: left; 
width: 691px; 
margin-right: 20px;
margin-left: 20px;
}

#InteriorBodyContent #FreeCoverRight {
float: left; 
width: 223px;
}

/* Ratings & Comments */
#rate {
overflow:hidden;
}
ul#starlist, #starlist ul {
display:inline;
}
#starlist:hover, #starlist.hover {
cursor:pointer;
}
#starlist li {
display:inline;
list-style-type:none;
}
#startext {
font-weight:bold;
margin:0 auto;
}
#startitle {
font-weight:bold;
margin:0 auto;
}
#ratingtitle {
font-weight:bold;
margin:0 auto;
}
#commentsubmit, #commentcancel {
-x-system-font:none;
font-family:Arial,Sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:2px 3px;
vertical-align:top;
}
.reviewitem {
padding-bottom:30px;
}
ul#ratinglist, #ratinglist ul {
display:inline;
margin:0;
padding:0;
}
#ratinglist li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}

/* End Ratings & Comments */