@charset "UTF-8";
/* CSS Document */

.author { font-style:italic; font-size: 0.9em; }

.imageleft { float: left; clear: left; margin: 2px 12px 8px 0; }
.imageleft-noclear { float: left; margin: 2px 12px 8px 0; }

.imageright { float: right; clear: right; margin: 2px 0 8px 10px; }
.imageright-noclear { float: right; margin: 2px 0 8px 10px; }

.firstpara { font-weight: bold; color: #332; }

.signoffbox, .signoffbox-clear { background: #fff; padding: 6px 9px; color: #3f3321; font-style: italic; margin-bottom: 6px;}
.signoffbox-clear { clear: both; }

.headingclearfloat { clear: both; }

.clearall, p.clearall { clear: both; margin: 3px 0; padding: 0; height: 1px; line-height: 1px; overflow: hidden; font-size: 1px; }

.clear { clear: both; }

sup { font-size: 0.7em; vertical-align: middle; color: #333; padding-left: 2px;}

div.onecolbox { width: 636px; float: left; display: inline; background: #9a8f7e; margin-bottom: 10px; }
 div.onecolbox img { float: left; margin: 2px 8px 2px 0; }
	div.onecolbox p { font-size: 1em; line-height: 1.4; margin: 8px; color: #fff;}

div.twocolbox { width: 318px; float: left; margin-right: 14px; display: inline; background: #9a8f7e; }
 div.twocolbox img { float: left; margin: 2px 8px 2px 0; }
	div.twocolbox p { font-size: 1em; line-height: 1.4; margin: 8px; color: #fff;}
	div.onecolbox a, div.towcolbox a, div.threecolbox a { font-size: 1.2em; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #ffc; text-decoration: none; }
	div.onecolbox a:hover, div.onecolbox a:focus, div.twocolbox a:hover, div.twocolbox a:focus, div.threecolbox a:hover, div.threecolbox a:focus { color: #FFF; }

div.threecolbox { width: 207px; float: left; margin-right: 14px; display: inline; background: #9a8f7e; margin-bottom: 12px; }
 div.threecolbox img { float: left; margin: 2px 8px 12px 0; }
	div.threecolbox p { font-size: 0.9em; line-height: 1.4; margin: 8px 6px 6px; color: #fff;}
 div.threecolbox a { line-height: 1.1; }
	
div.twocolhighlight { width: 318px; float: right; clear: right; margin-left: 14px; margin-bottom: 8px; margin-top: 4px; display: inline; background: #fff; }
	div.twocolhighlight p { font-size: 0.9em; line-height: 1.3; margin: 8px; }
	div.twocolhighlight li { font-size: 1em; }
div.twocolhighlight h3, div.twocolhighlight h4 { margin: 8px; }

.plainhighlight, .highlight  { background: #fff; padding: 8px 12px; line-height: 1.3em; font-size: 1em; bold; color: #444; }
div.plainhighlight { margin-bottom: 14px; }

.highlight { font-style: italic; font-weight: bold; }
div.highlight { padding-bottom: 0; margin-bottom: 14px; }
.highlight ul { padding-bottom: 14px; }


ul.features-list { list-style-type:none; margin: 2px 8px; padding: 0; font-size: 0.9em; }
 ul.features-list li { padding: 0; margin: 10px 4px; line-height: 1.25; font-family: Helvetica, Arial, sans-serif; }
  ul.features-list li .title { color:#267bd2; font-weight:bold; font-size: 1.1em; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }

div.outlinebox { clear:both; border: 1px solid #9a8f7e; padding: 6px 8px 2px; margin: 10px 0 12px; background: #f1f0ed; }
 div.outlinebox h3 { margin-top: 4px; }
	
div.ambience { height: 166px; }
div.ambience img { float: right; margin: 6px 0 0; }
div.ambience h5 { margin: 8px 0 2px; }

div.ambienceblue { background: #006ab2 url(img/articles/issue4/ambience-blue.png) no-repeat left bottom; color: #fff; }
div.ambiencegreen { background: #97be0d url(img/articles/issue4/ambience-green.png) no-repeat left bottom; color: #fff; }
div.threecolbox.ambiencepurple { margin-right: 0; background: #632181 url(img/articles/issue4/ambience-purple.png) no-repeat left bottom; color: #fff; }
div.threecolbox.ambiencepurple img { margin: 0; }
div.ambienceblue h5,div.ambiencegreen h5, div.ambiencepurple h5 { margin: 8px 6px 4px; color: #fff; }

#main p.footnote { font-size: 0.8em; font-style:italic; }

.article-list { font-size: 1.1em; }
 .article-list li { line-height: 1.25; margin-bottom: 6px; }
  .article-list li .title { color:#c5331f; font-weight:bold; font-size: 1.1em;  }


.pullquote { background: #bfb8ae; padding: 8px 10px; font-size: 1.1em; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-style: italic; clear: both; }

.pullquote em { font-style: normal; font-size: 0.9em; color: #464440; }

.centredtext { text-align:center; }

ol.list { font-size: 1.1em; }

.datatable { margin: 2px 0 10px; font-size: 0.9em; }
.datatable caption { color: #8e2517; font-size: 1.1em; font-weight: bold; padding: 4px 0 6px;}
.datatable td, .datatable th { padding: 4px 10px 2px 4px; border-bottom: 1px solid #fff; background: #f1efeb; font-size: 1em; }
.datatable tbody tr:nth-child(odd) td { background-color:#f6f4f1; }
.datatable thead td { font-weight: bold; background: #fff; }
.datatable thead th { font-weight: bold; background: #fff; font-size: 1.1em;}
.datatable td li { font-size: 1.05em; }

.spacebefore { padding-top: 12px; }
h4.nospaceafter { margin-bottom: 2px; }


ul.mexican-steps { list-style: none; }
ul.mexican-steps li { width: 180px; margin: 0 10px 0 0; float: left; padding-bottom: 10px; }
ul.mexican-steps img { margin: 0 0 10px; }
ul.mexican-steps em { font-size: 1.3em; }
ul.mexican-steps strong { color: #d2232a; }