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

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

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

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

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

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

.headingclearfloat { clear: both; }

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

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; }

	
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: 3px 8px 2px; margin-bottom: 12px; }
 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 td { padding: 4px 10px 2px 4px; border-bottom: 1px solid #fff; background: #f1efeb; }
.datatable tbody tr:nth-child(odd) td { background-color:#f6f4f1; }
.datatable thead td { font-weight: bold; background: #fff; }