/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FF 3.x Fix */
footer, header, article, aside, section, nav { display: block; }

body {
  background: #C1BE9F url(../images/background.png) repeat-x;  
  font-family: Verdana, sans-serif;
}
p, li, td, th, dt, dd { 
  font-size: .75em;
  line-height: 1.5em;
}
p.large { 
  font-size: 1.1em; 
  font-family: 'Helvetica Neue', Helvetica, sans-serif; 
}
li p, td p, th p, dd li { font-size: 1em; }
p { 
  margin: 0 0 .5em;
}
li { margin: 0 0 .5em; }

#main ul { list-style: disc; margin: 0 0 1em 2em; }
#main ol { list-style: decimal; margin: 0 0 1em 2em; }

a { color: #1C5170; }
a:active { color: #2C6D54; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
hgroup h2 {
  font: normal 1.1em 'Helvetica Neue', Helvetica, sans-serif;
  text-transform: uppercase;
  margin: -20px .5em .25em 0;
  background-color: #61927F;
  color: #fff;
  padding: 6px 12px;
  float: left;  
}
hgroup h1 { clear: left; }

h1 { 
  font-size: 3em; 
  margin: 0 0 .15em;
  color: #2C6D54;
}
h1 small { 
  background-color: #61927F;
  color: #fff;
  padding: 8px;
  font-size: .45em; 
  font-weight: normal;
  text-transform: uppercase;
  margin: .2em .7em 0 0;
  float: left;
}
h2 {
  font-size: 1.25em;
  margin: .5em 0 .5em;
}
h2 small {
  color: #1C5170;
  font-weight: normal;
  font-size: .9em;
}
h3 {
  font-size: 1em;
  margin: .5em 0;
}

img.right {
  float: right;
  margin: 0 0 20px 20px;
}
img.left {
  float: left;
  margin: 0 20px 20px 0;
}

table {
  margin: -1em 0 1em;
}
table thead th {
  padding: 0 5px 2px 0;
  text-align: left;
  color: #666;
  text-transform: uppercase;
  font-size: .7em;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}
table tbody td, table tbody th {
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight: normal;
}
table tbody th a {
  display: block;
/*  float: left;*/
  font-weight: bold;
}
table tbody td:first-child, table tbody th:first-child {
  border-left: 1px solid #ccc;
} 
#main table ul { margin: 0; }
table tbody th .tag {
  float: right;
  margin: -5px -5px 0 3px;
}
table.index tbody th { width: 45%; }


dl {
	margin: 0 0 1em;
	width: 100%;
	border-bottom: 1px solid #ccc;	
}
dl dd, dl dt {
	padding: .4em .5em .4em 0;
	border-top: 1px solid #ccc;
	margin: 0;
	min-height: 1em;
}
dl dt {
	width: 9em;
	float: left;
	margin: 0;
	font-weight: bold;
}
dl dd { margin-left: 9.5em; min-height: 1.5em; }


.details { 
  font-size: .7em;
  color: #666;
}
.tag {
  background-color: #900;
  color: #fff;
  font: bold 8pt 'Helvetica Neue', Helvetica, Arial;
  padding: 5px 8px;
  display: block;
  float: left;
  margin: 0 8px 0 0;
  text-transform: uppercase;
}

.columns {
  clear: both;
  overflow: hidden;
}
.col1, .col2, .col3, .col4, .col5, .col6 { float: left; }

.col6 { width: 460px; }
.col3 { width: 220px; margin-left: 20px; }

a.button {
  background: #1C5170 url(../images/triangle-right.png) right center no-repeat;

  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font: normal .7em Verdana, sans-serif;
  padding: 8px 40px 8px 10px;
  margin: 0 10px 10px 0;
  display: block;
  float: left;
}
a.case {}
a.area { 
  background-color: #6E90A4; 
  float: right;
}

a.browse { 
  background-color: #2C6D54;
  background-image: url(../images/triangle-down.png);
  padding: 8px 50px 8px 10px;
  margin: 0 0 5px;
  font-size: .85em;
}

body > header {
/*  background-color: #1C5170;*/
	color: #fff;
}
body > header > nav, body > header > h1 {
	width: 940px;
	margin: 0 auto;
}
body > header > nav {
  width: 980px;
  padding: 15px 0;
  height: 35px;
}
body > header > nav ul li {
  font: bold .85em 'Helvetica Neue', Helvetica, sans-serif;
  text-transform: uppercase;
  float: left;
  display: block;
  padding-right: 0;
  position: relative;
}
body > header > nav ul li a {
  float: left;
  margin: 0 10px;
  padding: 10px 10px;
  color: #fff;
  text-decoration: none;
}
body > header > nav > ul > li:last-child { float: right; }
body > header > nav ul li:hover a { background-color: #3E6B85; }

body > header > nav ul li > ul { 
  border-top: 1px solid #61869B; 
  display: none;
  background-color: #3E6B85;
	width: 14em;
 	position: absolute;
  top: 37px;
  left: 10px;
  padding: 0;
  margin: 0;
}


body > header > nav ul li:hover > ul { display: block; }

body > header > nav ul ul > li { 
  float: none; 
  display: block;
  margin: 0;
}
body > header > nav ul ul li a, 
body > header > nav ul ul li:last-child a  {
	float: none;
  text-transform: none;

  clear: left;
  display: block;
	color: #D2DCE2;
	font-weight: normal;
	text-decoration: none;
	font: normal .95em Verdana, sans-serif;
	padding: 5px 10px;
	margin: 0;
	border-bottom: 1px solid #61869B; 
}
body > header > nav ul ul li a:hover { color: #fff; }

body > header > nav ul li > div.menuitem {
  border-top: 1px solid #61869B; 
  display: none;
  background-color: #3E6B85;
	width: 420px;
 	position: absolute;
  top: 37px;
  left: 10px;
  padding: 10px 10px 8px;
  margin: 0;
  
  -webkit-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.4); 
  -moz-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.4); 
	box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.4); 
  
}
body > header > nav ul li:hover > div.menuitem { display: block; }
body > header > nav ul li > div.menuitem ul {
  position: relative;
  width: 100%;
  overflow: hidden;
}
body > header > nav ul li > div.menuitem ul li {
  border: none;
}
body > header > nav ul li > div.menuitem ul.threecol li {  
  float: left;
  width: 30%;
  margin: 0 3% 0 0;
}
body > header > nav ul li > div.menuitem div.cols {
  overflow: hidden;
  margin: 0 0 .5em;
}
body > header > nav ul li > div.menuitem div.cols ul { 
  float: left;
  width: 30%;
  margin: 0 3% 0 0;
}
body > header > nav ul li > div.menuitem ul li a {
  padding: 0 0 5px;
  border: none;
}
body > header > nav ul li > div.menuitem ul.options li a {
  color: #fff;
  font-weight: bold;
}
body > header > nav ul li > div.menuitem ul.options li a:hover {
  text-decoration: underline;
}
body > header > nav ul li > div.menuitem h4 {
  margin: 0 0 .5em;
  font-weight: normal;
  font-size: .8em;
  color: #8DA8B7;
}
#header #menu ul li li a:hover { text-decoration: underline; }

body > header > h1 {
  text-indent: -10000px;
  background: url(../images/header_title.png) no-repeat;
  height: 112px;
  margin: 12px auto 38px;
/*  padding: 15px 0;*/
  overflow: hidden;
}

section#main {
  overflow: hidden;
  
	width: 900px;
	margin: 0 auto 20px;

  padding: 20px;

  -webkit-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.4); 
  -moz-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.4); 
	box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.4); 
  background-color: #fff;
}

#home { overflow: hidden; margin: -20px; }
#home h3 {
  color: #1C5170;
  text-transform: uppercase;
  font: bold .85em;
  margin: 0 0 .25em;  
}

#home article {
  height: 360px;
}
#home section.cases {
/*  width: 680px;*/
}
#home section.cases article.case {
  width: 680px; /* 320 + 380 */
  padding: 20px 0 0 20px;
  float: left;
  margin: 0;
  border: none;
  background-color: #fff;
}
#home .cases article.case img {
  float: right;
  margin: -20px 0 0 20px;
}

#home .cases article.case h2 {
  font: normal 1.3em/1.3 Georgia, Times, serif;
  margin: .5em 0 .4em;
}
.cases article.case p.hint { 
  clear: left; 
  font-size: .7em;
  margin: 0;
  color: #2C6D54;
}
.cases article.case p.hint a { color: #2C6D54; }

#why {
  padding: 20px 20px 0;
  float: right;
  width: 200px;
  color: #fff;
	background-color: #2C6D54;
}
#why p {
  color: #ABC5BB;
  margin: .9em 0;
  font-size: .6em;
}
#why a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#why p.more { 
  font-size: .75em; 
  line-height: 1.4;
  margin: .8em 0 0; 
}
#why ul { margin: 0; list-style: none; }
#why li { font-size: .7em; }
#why h3 a { color: #C6D931; }

#content footer {
  overflow: hidden;
  clear: left;
	color: #4C4B40;
	width: 940px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: .9em;
}
#content footer a { 
  color: #000; 
  text-decoration: none;
}
#content footer a:hover { text-decoration: underline; }
#content footer h3 {
  text-transform: uppercase;
  font-size: .85em;
}

p.author { color: #666; }

#mission p:first-child { font: 1em/1.5 'Helvetica Neue', Helvetica, sans-serif; }
#mission p:nth-child(2) { width: 380px; }

body > footer {
	background-color: #4C4B40;
	color: #fff;
}
body > footer div {
  width: 940px;
  padding: 20px 0;
  margin: 0 auto;
  overflow: hidden;
}
body > footer nav {
  width: 450px;
  float: left;
}
body > footer nav { display: inline; }
body > footer nav li { display: inline; }
body > footer article p { margin: 0; }
body > footer article p, body > footer article h4 {
  font: .75em/2.25 'Helvetica Neue', Helvetica, sans-serif;
}
body > footer a { color: #fff; }
body > footer nav li a {
  font: bold 1em/2.25 'Helvetica Neue', Helvetica, sans-serif;
  text-decoration: none;
  display: block;
  float: left;
  width: 180px;
  text-transform: uppercase;
  color: #fff;
/*  margin: 0 0 1em;*/
}
body > footer nav li ul, body > footer nav li div.menuitem { display: none; }
body > footer article {
  width: 400px;
  float: right;
}
body > footer article h4 a { 
  margin-left: .75em;
  font-style: italic;
  color: #fff;
  text-decoration: none;
}


/* Stories Page */
#voices h2 { margin: 2em 0 .5em; }
#voices img.right { 
  margin: 30px 0 -25px 20px;
  clear: right;
  padding-bottom: 25px;
}

/* Case-specific page */
#main > article.case h1 {
  font: normal 2.25em Georgia, Times, serif;
  color: #000;
  clear: both;
}
#main > article.case h1 .tag {
  margin-top: .5em;
  font-size: 10pt;
}
article.case p.status {
  background-color: #eee;
  color: #444;
  font-size: .7em;
  padding: 10px 20px;
  margin: 10px -20px -20px;
}

#main ul.inline {
  list-style: none;
  margin: 0;
}
#main ul.inline li {
  display: inline;
}
#main ul.inline li a { color: #333; }
#main ul.inline li:after { content: ', '; }
#main ul.inline li:last-child:after { content: ''; }


/* Case List */
.introduction { 
  margin: 0 0 1em;
}

.cases article.case { 
  border: 1px solid #ccc;
  margin: 0 0 1em;
  padding: 10px;
}
.cases article.case h2 {
  margin: 0;
  font: normal 1.25em Georgia, Times, serif;
}
.cases article.case h2 a { color: #000;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
.cases article.case h2 a:hover {
  color: #1C5170;
  border-color: #1C5170;
}
.cases article.case h2 .tag { 
  font-size: 8pt;
}
#content .cases article.case footer {
  background-color: #eee;
  padding: 10px;
  margin: 10px -10px -10px;
  width: auto;
}
#content .cases article.case a.more {
  float: left;
  width: auto;
  font-weight: bold;
  color: #1C5170;
  padding-bottom: 3px;
  border-bottom: 1px solid #1C5170;
}
#content .cases article.case a.more:hover {
  color: #2C6D54;
  border-color: #2C6D54;
  text-decoration: none;
}
.cases article.case .status {
  width: 30%;
  float: right;
  text-align: right;
  font-size: .7em;
  margin-top: .4em;
  color: #777;
}

h3.author {
  font: bold .75em 'Helvetica Neue';
  background-color: #eee;
  color: #333;
  padding: 6px 10px;
}
h3.author small {
  color: #666;
  font-weight: normal;
  text-transform: uppercase;
  float: left;
  margin: 1px .5em 0 0;
  font-size: 1em;
}

.documents {}
#main .documents ul {
  list-style: none;
  margin: 0 0 1em;
}
.documents ul li .filetype {
  background-color: #ccc;
  color: #666;
  padding: 3px 4px;
  margin: 0 0 0 .75em;
  text-transform: uppercase;
  font-size: .8em;
}