/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
  {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* ================= */
/* === structure === */

#wrapper {
  width: 800px;
  margin: 0 auto;
  position:relative;
}

#header {
  height: 55px;
}

.column {
  float: left;
  margin-right: 20px;
}

.nav {
  width: 150px;
}

.middle {
    width: 370px;
}

.right {
  width: 240px;
  margin-right: 0;
}

.content {
  width: 630px;
  margin-right: 0;
}

.colorbar {
  height: 10px;
  margin-top: 20px;
}

.colorbar.blue { background:#B0CFE5; }
.colorbar.medblue { background:#62A0CC; }
.colorbar.darkblue { background:#4E94C6; }

/*
  .colorbar.blue { background:#84DED2; }
  .colorbar.orange { background:#FFB144; }
  .colorbar.purple { background:#B292BF; }
  .colorbar.green { background:#9DDF9B; }
*/

  
  .index .bottombar {
    visibility: hidden;
  }
  
.footer {
  margin-left: 170px;
}
  .footer p {
    font-size: 11px;
    margin-bottom: 30px;
  }

 .index .footer {
   clear: both;
   position: relative;
   top: 275px;
 }

/* ================ */
/* == typography == */

em {
  font-family: 'Calibri','Trebuchet MS', Arial, Helvetica;
  font-style: italic;
}

p, li, td {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 12px;
  line-height: 17px;
}

li {
  padding: 0 0 8px 0;
}

td {
  padding-top: 12px;
}

a, a:visited, a:active, a:hover {
  color: #305F80;
}

a {
  text-decoration: none;
  outline:none;
}
a:hover {
  text-decoration: underline;
}

p {
  margin-top: 8px;
  padding-bottom: 8px;
}
  .content > p.description {
    margin-top: 0px;
    width: 450px;
    color: #444;
  }

h2 {
  font-family: 'Calibri','Trebuchet MS', Arial, Helvetica;
  font-style: italic;
  font-size: 20px;
  margin-top: 20px;
  line-height: 24px;
}

h3 {
  font-family: 'Calibri','Trebuchet MS', Arial, Helvetica;
  color: #222;
  font-style: italic;
  font-size: 17px;
  margin-top:24px;
  padding-top: 4px;
  border-top: 1px solid #B0CFE5;
}
  .index h3 {
    margin-top: 14px;
    padding-top: 0;
    border: none;
  }

h4 {
  font-family: 'Calibri', Arial, Helvetica;  
  font-weight: bold;
  font-size: 13px;
  line-height: 17px;
  margin-top:8px;
  color: #222;
}

  .index h4 {
    margin-top: 16px;
  }
  

.column ul, .column ol {
  margin-top: 10px;
}

.content > li {
  margin-left: -5px;
}
  .content ol {
    list-style-position: outside;
    padding-left: 19px;
  }

.annotation {
  font-size: 11px;
  line-height: 14px;
}

.content .annotation {
  border-top:1px solid #444;
  padding-top: 14px;
  margin-top: 24px;
}

.content .annotation li {
  font-size: 10px;
  line-height: 12px;
}

.top_link {
	font-family: 'Calibri', 'Trebuchet MS', Arial, Helvetica;
	font-size: 12px;
	font-style: italic;
	padding-top: 6px;
}

table {
  margin: 24px;
}

td {
  border: 1px solid #444;
  padding:5px;
}

/* ================== */
/* ==== main nav ==== */

.nav_list {
  padding-left: 0px;
  list-style-type: none;
  padding-top: 10px;
  min-height: 0;
}

.nav li {
  font-family: 'Calibri', Arial, Helvetica;
  font-size: 15px;
  list-style-position: inside;
  width: 150px;
  margin-bottom: 20px;
  min-height: 19px;
  padding: 0;
  text-indent: 5px;
  display: block;
}
  * + html .nav li {
    list-style-position: outside;
  }
  .nav li a {
    color: #222;
    border-left: 5px solid #FFFFFF;
  }
    .nav li a:hover {
      color: #305F80;
      text-decoration: none;
      border-left: 5px solid #62A0CC;
    }

.nav_list .sub_nav {
  list-style-type: none;
  margin-bottom: -5px;
}

  .nav_list .sub_nav li {
    font-family: Helvetica, Arial;
    margin-left: 10px;
    font-size: 11px;
    margin-bottom: 6px;
    line-height: 13px;
  }

    .nav_list .sub_nav a {
      text-decoration: none;
      color: #222;
    }
  

.nav_list a, a.block {
  display: block;
}


.nav_list .graph_text {
  text-indent: -5000px;
  overflow: hidden;
  background-repeat: none;
}

.nav_list .nav_home > a   { background: url(../images/text/main_nav.gif) no-repeat; background-position: 10px 0px; }
.nav_list .nav_haiti > a  { background: url(../images/text/main_nav.gif) no-repeat; background-position: 10px -39px; }
.nav_list .nav_ose > a    { background: url(../images/text/main_nav.gif) no-repeat; background-position: 10px -78px; }
.nav_list .nav_relief > a { background: url(../images/text/main_nav.gif) no-repeat; background-position: 10px -117px; }
.nav_list .nav_help > a   { background: url(../images/text/main_nav.gif) no-repeat; background-position: 10px -156px; }
.nav_list .nav_press > a  { background: url(../images/text/main_nav.gif) no-repeat; background-position: 10px -195px; }
.nav_list .nav_links > a  { background: url(../images/text/main_nav.gif) no-repeat; background-position: 10px -234px; }
.nav_list .nav_reports a  { background: url(../images/text/main_nav.gif) no-repeat; background-position: 10px -273px; }


.nav_list .nav_home > a:hover   { background-position: 10px 0px; }
.nav_list .nav_haiti > a:hover  { background-position: 10px -59px; }
.nav_list .nav_ose > a:hover    { background-position: 10px -98px; }
.nav_list .nav_relief > a:hover { background-position: 10px -137px; }
.nav_list .nav_help > a:hover   { background-position: 10px -176px; }
.nav_list .nav_press > a:hover  { background-position: 10px -215px; }
.nav_list .nav_links > a:hover  { background-position: 10px -254px; }
.nav_list .nav_reports > a:hover  { background-position: 10px -293px; }

body.how_to_help .nav_help a { background-position: 10px -176px; border-left: 5px solid #62A0CC;  }
body.press .nav_press > a    { background-position: 10px -215px; border-left: 5px solid #62A0CC;  }
body.reports .nav_reports > a    { background-position: 10px -293px; border-left: 5px solid #62A0CC;  }
body.links .nav_links > a    { background-position: 10px -254px; border-left: 5px solid #62A0CC;  }

body.quake .nav_quake a,
body.history .nav_history a,
body.map .nav_map a,
body.links .nav_links a,
body.mission .nav_mission a, 
body.bios .nav_bios a,
body.international_assistance .nav_international_assistance a,
body.not_for_profit .nav_not_for_profit a,
body.private_sector .nav_private_sector a,
body.press_releases .nav_press_releases a,
body.in_the_news .nav_in_the_news a,
body.op-eds .nav_op-eds a,
body.transcripts .nav_transcripts a,
body.multimedia .nav_multimedia a,
body.links .nav_links a {
  border-left: 5px solid #62A0CC;
  color: #305F80;
}


/* ================= */
/* == home layout == */


.index .gallery {
  height: 280px;
  float: left;
}

.index .slideshow {
  margin-left: 0px;
  position: absolute;
  top: 85px;
  width: 630px;
  height: 280px;
}


.index .column {
  position: relative;
  top: 305px;
}

 .index .column.nav {
   top: 0px;
 }

.dateline {
  margin-top: 0px;
  font-family: 'Trebuchet MS';
  font-style: italic;
  color: #666;
  font-size: 11px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #B0CFE5;
}

.continue {
  margin-top: 8px;
}

.middle > p, .middle > h4 {
  width: 370px;
}

/* =================== */
/* == inside layout == */

.content > h2, .content > h3, .content > p, .content > ul, .content > h4, 
.content > div.dateline {
  width: 540px;
}

.content ul {
  padding: 0px 20px;
}

ul.linklist {
  list-style-type: none;
  list-style-position: outside;
  padding: 0px;
}

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

  body.multimedia .content img {
    float:none;
    margin:0;
  }