/*===============================================
General
===============================================*/

abbr {
  border-style: none;
}
acronym {
  border-style: none;
}
address {
  font-style: normal;
}
blockquote {
  margin: 0;
}
body {
  background-attachment: scroll;
  background-color: #fff;
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  /*font-size: medium;*/
  padding: 0;
  margin: 0;
}
html {
  background-attachment: scroll;
  background-image: url(../images/background.jpg);                              /* To fill-in a space at the top in Firefox */
  background-repeat: no-repeat;
}
cite {
  display: block;
  margin-left: 2em;
}
dfn {
  font-style: normal;
}
h1 {
  font-family: "Century Gothic", Arial, sans-serif;
}
h2 {
  font-family: "Century Gothic", Arial, sans-serif;
}
h3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: large;
  font-weight: bold;
}
h4 {
  font-family: Verdana, Arial, sans-serif;
  font-size: large;
  font-weight: normal;
}
h5 {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  font-weight: bold;
  text-decoration: none;
}
h6 {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  font-weight: normal;
  text-decoration: underline;
}
html
img {
  border-width: 0;
  vertical-align: bottom;
}
input,
select,
textarea {
  background-color: #e8f4ff;
  border: 1px solid #ccc;
}
input:focus,
select:focus,
textarea:focus {
  background-color: #eda5a5;
}
label {
  display: block;
}
textarea {
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}
tfoot {
  background-color: transparent;
  color: #666666;
  font-size: x-small;
}
tfoot > td:first-child {
}



/*===============================================
Pseudo-class selectors
===============================================*/

/* General --------------------------*/
a:link {
  background-color: transparent;
  color: #339;
  text-decoration: none;
}
a:visited {
  background-color: transparent;
  color: #903;
  text-decoration: none;
}
a:hover,
a:active {
  background-color: #e8f4ff;
  color: #c00;
  text-decoration: none;
}

/* Menu items -----------------------*/
#main_menu a:link,
#main_menu a:visited {
  background-color: transparent;
  color: #003;
  text-decoration: none;
}
#main_menu a:hover,
#main_menu a:active {
  background-color: #e8f4ff;
  border-bottom: 1px solid #fff;                 /*  To make it not show because I don't want to un-do all of the :hover compensation stuff for IE  */
  color: #c00;
  margin-bottom: 0;
  text-decoration: none;
}

/* Addendum ------------------------*/
.addendum a:link,
a.addendum:link {
  background-color: transparent;
  color: #66c;
  text-decoration: none;
}
.addendum a:visited,
a.addendum:visited {
  background-color: transparent;
  color: #c33;
  text-decoration: none;
}
.addendum a:hover,
.addendum a:active,
a.addendum:hover,
a.addendum:active {
  background-color: #e8f4ff;
  color: #c66;
  text-decoration: none;
}

/* General ----------------------------*/
abbr:hover {
  cursor: help;
}
acronym:hover {
  cursor: help;
}


/*===============================================
Class selectors
===============================================*/

.addendum {
  background-color: transparent;
  color: #666666;
}
ul.articles blockquote {
  margin: 1em 2em;
}
ul.articles div.description {
  margin-left: 125px;                            /*  Float div.picture_box into the margin  */
  min-height: 150px;
}
ul.articles .caption {
  display: none;
}
ul.articles cite {
  font-style: normal;
}
ul.articles li {
  clear: both;
}
ul.articles li ul li {
  clear: none;                             /*  Can't use the first-child selector (>) because of IE6  */
}
h4.article,
h5.article,
h6.article {
  border-bottom: 1px solid #ccc;
  font-size: large;
  font-weight: normal;
  margin-bottom: 0.75em;                         /*  To line-up with the top on div.picture_box  */
  margin-top: 1.5em;                             /*  IE because min-height won't work  */
  text-decoration: none;
}
h4.article a:link, h4.article a:visited,
h5.article a:link, h5.article a:visited,
h6.article a:link, h6.article a:visited {
  color: #000;
}
h4.article a:hover, h4.article a:active,
h5.article a:hover, h5.article a:active,
h6.article a:hover, h6.article a:active{
  color: #c00;
}
.back_to_top {
  clear: both;
  display: block;
  font-size: x-small;
  position: relative;
    bottom: -2em;
  text-align: right;
}
.current {
  background-color: transparent;
  color: #c00;
}
.dr.dr_only {
  background-image: url(../images/dominican_republic.flag);  /*  Image dimensions are 26x16  */
  background-repeat: no-repeat;
}
.dr.dr_only {
  background-position: left center;
  padding-left: 30px;
}
.dr.picture_box {
  /*background-position: right bottom;*/
  /*padding-right: 5px;*/                        /*  The regular padding  */
}
#main_menu li .current {                         /*  Compensate for the a:hover border  */
  display: block;
  margin-bottom: 1px;
}
#main_menu li .not_link {                        /*  Compensate for the a:hover border  */
  margin-bottom: 0px !important;
}
#main_menu a.current {
  background-color: transparent;
  color: #c00;
  margin-bottom: 1px;
}
#main_menu a.current:hover,                      /*  Compensate for the a:hover border  */
#main_menu a.current:active {
  margin-bottom: 0;
}
_html .IEpeekaboobug {                           /*   Thanks http://plone.org/documentation/how-to/internet-explorer-invisible-text  */
  height: 0.01%;
}
ul.nonvisual_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.picture_box {
  background-color: #e8f4ff;
  border: 1px solid #ccc;
  color: #000;
  display: block;                                /*  In case the element is a <li> or something else  */
  float: left;
  /*float: right;*/                              /*  Specified on an individual basis  */
  margin: 0 5px 5px 5px;
  padding: 5px;
}
.picture_box .caption {
}
.picture_box img {
  background-color: #fff;                        /*  In case the file file is missing  */
  /*border: 1px solid #a4d3ff;*/
  color: #fff;
  display: block;
  margin-bottom: 1em;
}
.publication,
.publication * {
  font-style: italic;
}
.sent {
  color: #999;
}


/*===============================================
ID selectors
===============================================*/

#breadcrumb {
  float: right;
  font-size: x-small;
  text-align: right;
}
#content {
  background-color: #fff;
  border: 1px solid #999;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  font-style: normal;
  font-weight: normal;
  height: auto !important;
  height: 31em;
  margin: 0.25em 9.75em 0.5em 11.25em !important;
  margin: 0.25em 9.5em 0.5em 10.75em;
  min-height: 31.2em;                            /*  To line-up with #main_menu  */
  padding: 0.5em 0.5em 2em 0.5em;
  position: relative;
  text-decoration: none;
  z-index: 10;
}
#content img {
  position: relative;
  z-index: 15;
}
#footer {
  border-top: 0.1em solid #999;
  clear: both;
  display: block;
  font-size: x-small;
  margin: 0;
  padding: 0 0 0 0.25em;
  text-align: left;
}
#footer ul {
  display: inline;
  list-style-type: none;
  margin: 0.5em 0 0 0;
  padding: 0;
}
#footer li {
  display: inline;
}
#header {
  background-color: transparent !important;
  background-color: #fff;
  border: none !important;
  border: 1px solid #999;
  float: left;
  margin: 0.25em 0 0.25em 0.25em !important;
  margin: 0.25em 0 0.25em 0.15em;
  min-width: 134px;
  padding: 0.1em;
  position: fixed;
    left: 0;                                     /*  IE7  */
    top: 0;                                      /*  IE7  */
  width: 8.5em;
  z-index: 1;
}
#header h1 {
  margin: 0;
  padding: 0;
}
#header h2 {
  margin: 0;
  padding: 0;
}
#header a {
  display: inline;
  background-color: transparent;                 /*  IE  */
}
#header img {
  display: block;
  margin: 0 auto;
}
#main_menu {
  background-color: #fff;
  border: 1px solid #999;
  color: #003;
  font-family: Arial, Verdana, sans-serif;
  margin: 0.25em 0 0 0.25em;
  padding: 0.25em;
  position: fixed !important;
  position: absolute;
    left: 0;                                     /*  There'd also be an left: auto !important;, but IE7 needs left: 0;, too  */
    top: 67px;
  width: 8em !important;
  width: 10.4em;
  white-space: nowrap;
  z-index: 5;
}
#main_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#main_menu ul li {
  clear: both;                                   /*  IE white-space fix  */
  float: left;                                   /*  IE white-space fix  */
  font-size: medium;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0.5em 0;
  width: 100%;                                   /*  Part of IE white-space fix  */
}
#main_menu ul li.last {
  margin-bottom: 0;
}
#main_menu ul li a {                             /*  Compensate for the a:hover border  */
  display: block;
  margin-bottom: 1px;
}
#main_menu ul li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 7.5em !important;                       /*  In combination for IE white-space fix so child <li>s don't go out of the menu for width: 100%  */
  width: 8.25em;
}
#main_menu ul li ul li {
  font-size: small;
  font-weight: normal;
  margin: 0;
  padding: 0 0 0 0.5em;
}
#resources {
  float: right;
  font-size: x-small;
  margin: -2.75em 0.25em 0 0;
  text-align: right;
}
#resources ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sub-menu {
  background-color: #fff;
  border: 1px solid #999;
  color: #000;
  float: right;
  font-family: Arial, Verdana, sans-serif;
  font-size: small;
  margin: 0.25em;
  padding: 0.25em;
  position: fixed;
    right: 0;
    /*top: 0;*/
    top: 68px;                                   /*  Line it up with #main_menu  */
  width: 8.5em !important;
  width: 9em;
}
#sub-menu p {
  font-weight: bold;
}
#sub-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sub-menu ul li {
  background-color: #fff;
  color: #003;
}
#sub-menu ul li a {
  display: block !important;
  display: inline;
}
#sub-menu_title {
  background-color: #fff;
  color: #003;
  font-size: medium;
  font-weight: bold;
  margin: 0 0 0.5em 0;
}