h5 {
    clear:left;
    font-size:130%;
    padding:.25em .75em;
    font-size:150%;
    border-bottom:dashed #DE9D51;
}
h3 {
    clear:left;
    padding:.25em .75em;
    font-size:110%;
    width:85%;
    color:#FFFFFF;
    background:#00a886;
}
    .sub a {
        color:#00a886;
    }
    
        
    
/* take the orange arrow off the headers */
/* the width of each column compared to the entire screen */
.noarrow {
    list-style: none;
    float:left;
    width:32%;
}
/* move the headers off the left of the window */
#content {
    padding-left: 1em;
}
/* the image that displays foreign language translations */
#countrylist ul.sub li img {
    float:none;
    margin:0;
    padding:0;
    border-bottom-style:solid; /*bhohl*/
    border-bottom-color:#00a886; /*bhohl*/
    border-bottom-width:1px;  /*bhohl*/
    vertical-align: middle;
}
/* move the content of the columns to the right a little under their headings */
#countrylist ul.sub {
    margin-left: 2em;
}
/* both of the last two in tandem are needed to get IE to quit displaying the */
/* list image. Firefox seems to only need the first one. */
/*#countrylist ul.sub li {
    list-style: none;
    list-style-type: none;
    list-style-image: none;    
}*/
/* the width of each column in each column's space */
/* Setting this width value causes the design to put the arrow in the
middle of the two row li item, instead of lined up with the top line of
text like the bullet is supposed to be. Only an issue in IE, not Firefox.
#countrylist ul.sub li {
    width:95%;
}

*/

.lang {
    border-bottom-width:1px;
    border-bottom-color:#00a886;
}