body {
  margin-top : 0;
  padding : 0;
  background-color : #ffffff;
  color : #000000;

scrollbar-face-color: #eeeedd; 
scrollbar-shadow-color: #eeeedd; 
scrollbar-highlight-color: #666666; 
scrollbar-3dlight-color: #eeeedd; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #999999; 
scrollbar-arrow-color: #999999; 

}


#header {
  position : fixed;
  width : 900px;
  height : 15%;
  top : 10px;
  right : 0px;
  bottom : auto;
  left : 5%;
  border-bottom : 10px solid #cccccc;
}


#leftnavigation {
    position : fixed;
    height : auto;
    top : 20%;
    left : 5%;
    width : 18%;
    bottom: 50px;
    margin : 0px 0px 0px 0px;
    padding : 5px;
    overflow : no;
    
    font-size: 8pt;
    line-height: 75%;
    color: #999955;
    background: #eeeedd;
    text-align: center;
 }

#content {
  position : fixed;
  height : auto;
  top : 20%;
  left: 5%;
  width : 60%;
  bottom : 50px;
  margin : 0px 400px 0px 210px;
 
  padding-left : 25px;
  padding-right : 20px;
  

  color : gray;
  border-left : 2px solid #cccccc;
  overflow : auto;
}

#cynnwys {
  position : fixed;
  height : auto;
  top : 20%;
  left: 5%;
  width : 56%;
  bottom : 50px;
  margin : 0px 10px 0px 210px;
 
  padding-left : 25px;
  padding-right : 20px;
  

  color : gray;
  border-left : 2px solid #cccccc;
  overflow : auto;
}
#content h1, #content h2, #content h3, #cynnwys h1, #cynnwys h2 {
  color : MediumVioletRed; #cc0000;
}

#footer {
  position: fixed;
  width: 900px;
  height: 30px;
  top: auto;
  right: 0;
  bottom: 0;
  left : 5%;
  border-top : 2px solid #cccccc;
}

hr.rhannu {
  color: #999955;
  width: 5px;
  height: 5px;
  border: 1px solid;
}

p, table, ul, ol, li {
  font-family: Lucida Sans, Arial Unicode MS, sans-serif;
  font-size: 12pt;
  line-height: 1.4;
  color: gray;  
  
}

p.capsiwn {
  font-size: 10pt;
  color: #999955;
  text-align: center
}

p.nav {
  font-size: 10pt;
  font-family: Lucida Sans, Arial, sans-serif;
  line-height: 0.5;
}

p.nawr {
  font-size: 12pt;
  font-family: Lucida Sans, Arial, sans-serif;
  color:  MediumVioletRed;
  line-height: 50%;
}


p.esboniad {
  font-family: Times, serif;
  font-size: 10pt;
}

ul {
  list-style-type: square;
}

li.cyfeirio {
  line-height: 1.5;
}



h1 {
  font : bold 30pt Arial, Helvetica, geneva;
}

h2 {
  font : bold 20pt Arial, Helvetica, geneva;
}

h3 {
  font : bold 14pt Arial, Helvetica, geneva;
}


h4 {
  font : bold 12pt Arial, Helvetica, geneva;
}

a:link {text-decoration: none; color: black;}
a:visited {text-decoration: none; color: black;}
a:active {text-decoration: none; color: DarkCyan;}
a:hover {text-decoration: none; font-size: 12pt;  color: MediumVioletRed;}