body {
text-align:center;
background-color:#f03;
margin:20px;
}
body, input, textarea {
font-family:Helvetica,Arial,sans-serif;
font-size:20px;
color:#333;
}
#tudalen {
text-align:left;
margin:0 auto;
width:640px;
background-color:#fff;
border-bottom:40px #f03 solid;
}

#cynnwys {
clear:both;
padding:10px 20px;
xborder-bottom:1px #ccc solid;
}
h1,h2 { margin:0; text-align:center; }
p.canol { text-align:center; }
input.ff, textarea {
width:280px;
border:1px solid #999;
padding:5px;
background:#f6f6f6;
}

form { text-align:center; }
form p { text-align:left; }
table { text-align:left; margin:0 auto; border-collapse:collapse; }
td, th { width:300px; vertical-align:top; padding:4px; }
td.label { width:150px; text-align:right; padding:11px; }
td.dde { text-align:right; }
.gwybod { font-size:70%; }
input, textarea { margin:0; }

a:link { color:#f03; text-decoration:none; }
a:visited { color:#a00; text-decoration:none; }
a:hover { text-decoration:underline; }

.nav {
float:left;
width:100%;
font-size:75%;
background:url("/img/gradccc.gif") bottom repeat-x;
}
.nav ul { list-style:none; margin:0; padding:0; }
.nav li { display:block; float:left; margin:0; padding:0; }
.nav a { display:block; padding:5px 8px; }
.nav a:link, .nav a:visited { color:#666; }
.nav a:hover, .nav a:active { color:#666; text-decoration:none; background:url("/img/grad999.gif") bottom repeat-x; }

.troed {
font-size:55%;
text-align:center;
color:#999;
text-transform:uppercase;
background:url("/img/gradccc.gif") bottom repeat-x;
padding:10px 0 20px 0;
}

ul.dolenni { font-size: 90%; }
ul.dolenni li { margin-bottom:0.5em; }
li.pdf { list-style-image: url("/img/pdf16.gif"); }
li.gwe { list-style-image: url("/img/gwe16.gif"); }


#templad { display:none; }

#neges { display:none; padding:5px; margin:5px 0; color:#f03; text-align:center; }
.bach { font-size:60%; color:#666; }

code {
display:block;
background:#ddd;
border:1px solid #999;
font-size:70%;
padding:6px;
}
h2 a img { border:1px solid #f03; }