/* unvisited link */
BODY.main A:link { 
  color: yellow; 
  background: green; 
  text-decoration: underline; 
  border: 0.2em solid green; 
} 
/* visited links */
BODY.main A:visited { 
  color: yellow; 
  background: green; 
  text-decoration: none; 
  border: 0.2em solid green; 
}

BODY.main A:hover { 
  color: blue; 
  background: yellow; 
  text-decoration: none; 
  border: 0.2em solid yellow; 
}
/* active links */
BODY.main A:active { 
  color: yellow; 
  text-decoration: overline; 
}

BODY.main A:focus { 
  color: red; 
  text-decoration: underline; 
}



A:link { 
  color: darkblue; 
  background: none; 
  text-decoration: underline; 
  /* border: 0.2em solid green; */
} 
/* visited links */
A:visited { 
  color: darkblue; 
  background: none; 
  text-decoration: underline; 
  /* border: 0.2em solid green; */ 
}
A:hover { 
  color: orange; 
  background: none; 
  text-decoration: underline; 
  /* border: 0.2em solid yellow; */ 
}


H2 {
  margin-bottom:2px; 
}



P EM { background: yellow }
/* is P EM. This rule says that emphasized text
   within a paragraph should have a yellow background;
   emphasized text in a heading would be unaffected.
*/

BODY {
  background: #ffb; /* white: #eee  very light yellow: #ffe */
  color: #000; /* black */
  /* font-family: "Gill sans", sans-serif; */ 
  /* font-family: "FreeSans", sans-serif; */
  /* font-family: "Helvetica", sans-serif; */ 
  font-family: Arial, sans-serif;
  /* font-size: 10pt; */
  /* width: 600px; */
/*
  # background: #336699 url(./hdpd-blue-bg-with-logo-small500.png); 
  background: #009acd url(./meles_media_logo_text_bg.png); 
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center;
  # color: yellow; 
  color: #eeb422; # DarkGoldenrod2  
*/
}


p.melesmedia {
  margin: 10px; 
  font-size:150%; 
  font-family: "FreeSans", sans-serif; 
  display:block;
}


#header {
        # margin-left: 0px;
        width: 100%;
        height: auto;
        # background: darkred; 
        background: #fe9; 
}


/* upper nested header box*/

#upperheader {
        width: 100%;
        margin-top: 11px;
        height: auto;
        color: #8b0000;
}

#logo {
        float: left;
        margin-left: 6px;
        # background: red; 
        # background: #FFFFFF;
}

#headright {
        float: right;
        display: block;
        padding-top: 1px;
        margin-right: 6px;
        margin-left: auto;
        text-align: right;
        top: 0;
        right: 0;
}

#navbarh {
        /* margin-top: 1em; */
        clear: both;
        padding-left: 0px;
        /* margin-top: 5px; */
        padding-top: 4px;
        padding-bottom: 4px;
        width: 100%;
        height: auto;
        text-align: center;
        # background: #BF1238; 
        background: #8b0000; /* darkred = 8b0000 */ 
}
#navbarh ul {
        display: inline;
        list-style-type: none; 
        padding-left: 0px;
        line-height: 1.5em;
}
#navbarh ul li {
        display: inline;
        margin: 0;
        white-space: nowrap;
}
#navbarh a {
        # color: #FFFFFF;
        color: #8b0000;
        text-decoration: none;
        padding: 0.2em 0.4em 0.2em 0.4em;
        # background-color: #000084; 
        # border: 1px solid #000084; 
        background-color: #fe9; 
        border: 1px solid #fe9; 
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 0.9em;
}
#navbarh a:hover {
        # background: #0000CC; 
        # background: #fe6;
        background: #fc0;
}




/* Styles for the DIVs */
td.navbar
{
    vertical-align:top; 
    width:150px; 
    float:left;
    # width: 20%;
    # width: 100%;
    # height: 100%; 
    # height: 300px; 
    # height: 200px; 
    margin: 0px; 
    # padding: 0.5em; 
    padding-top: 0.5em;
    # padding-bottom: 100%; 
    padding-left: 0.5em;
    padding-right: 0.5em;
    # background-color: #666699;
    # background-color: red;
    # background-color: #009acd; # DeepSkyBlue3
    # background-color: #ffe; 
    background-color: #fe9;
    border:none; 
}

td.main
{
   # margin-left: 22%;
   # padding-left: 1em; 
   vertical-align:top; 
   align:left; 
}

.navbarmain
{
    margin-top:0;
    margin-left:2px;
    padding-top: 0em;
    padding-left: 0em; 
    height: 100%; 
}
.navbarmain li
{
    display: block;
    # font-size: 130%;  
    font-size: 100%;  
    font-family: arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
    # border-top: solid 1.5pt #9999FF;
    # border-left: solid 1.5pt #9999FF; 
    border-top: solid 1.5pt #8b0000;
    border-left: solid 1.5pt #8b0000; 
    border-bottom: solid 2pt black;
    border-right: solid 2pt black;
    margin-bottom: 1.5pt;
    # width:100px;
    # width:140px;
}

.navbarmain a
{
    text-decoration: none;
}
.navbarmain a, .navbarmain b
{
    display: block;
}
/* This is to avoid the one line spacing between the nav-menu entry and
the sub-entry. */
.navbarmain br
{
    display: none;
}
.navbarmain a, .navbarmain b
{
    padding-top: 3pt;
    padding-bottom: 3pt;
    padding-left: 3pt;
}

/* for menu entry over which the mouse is */
.navbarmain a:hover, .navbarmain b
{
    # background-color: lightblue; 
    background-color: #fc0; 
}
/* for not-displayed menu entries */
.navbarmain a
{
    /* color: white;
      background-color: #666699; */
    # color: orange;
    # background-color: lightblue; 
    color: #8b0000; 
    background-color: #fe6; 
}
/* for displayed menu entry */ 
.navbarmain b
{
    color: black;
    background-color: orange;
}

/* for language selector */
li.navbarlang  
{ 
    display:inline;
    border:none;
} 
li.navbarlang a, li.navbarlang b  
{
    display:inline;
    padding:2px; 
    border-top: solid 1px #8b0000;
    border-left: solid 1px #8b0000; 
    border-bottom: solid 1px black;
    border-right: solid 1px black;  
    margin: 1px;  
}
li.navbarlang a:hover   
{
    border-top: solid 2px #8b0000;
    border-left: solid 2px #8b0000; 
    border-bottom: solid 2px black;
    border-right: solid 2px black;  
    margin: 0px; 
}  
li.navbarlang img  
{
    width:16px; 
    height:10px;  
    padding:0px; 
    border:solid 1pt black; 
}









.navbarnested
{
    margin:0;
    padding:0;
}
.navbarnested li
{
   display:block;
   font-size:70%;
   border: none;   
   margin-left: 0;
   padding-left 0;
}
.navbarnested li a, .navbarnested li b
{
    padding-left: 10pt;
}
.navbarnestnest
{
    padding-left:0;
    margin-left:0;
}
.navbarnestnest li
{
    font-size: 80%;
}
.navbarnestnest li a, .navbarnestnest li b
{
    padding-left: 20pt;
}


.sf
{
    font-size: 120%;
    font-family: Arial,Helvetica,sans-serif;
}
.link
{
    # color: #ddddff;
    color: darkgreen; 
}
.title
{
    font-size: 120%;
}


#navbarh a {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        /* these go to the end as the css validator does not like them
        will be replaced by border-radius with css3 */
}