html { font-size: 100%; /* IE hack */ }

 body{font-family: Arial,sans-serif;color: #333333;line-height: 1.166;	
	margin: 0px;padding: 0px;border:0px;font-size:62.5%;font-weight:normal;	
	background-color:#eee;	min-width: 760px;	
background:#d2d2d2 url(../lluniau/cefndircysgod.gif) repeat-y top center;	
	
	
	}

.corffcanol{position:relative;width:978px;margin-left:auto;margin-right:auto;
	border-left:8px solid #fff;border-right:8px solid #fff;background:#fff;}

.coch{color:#FF0000}

a{color: #000066;text-decoration: none;}

a:link{color: #003366;text-decoration: none;}

a:visited{color: #003366;text-decoration: none;}

a:hover{color: #003366;text-decoration: underline;}

h1{font-family: Verdana,Arial,sans-serif;font-size: 2.4em;color: #334d55;margin: 0px;padding: 0px;}

h2{font-family: Arial,sans-serif;font-size: 1.8em;color: #006699;margin: 0px;padding: 0px;}

h3{font-family: Arial,sans-serif;font-size: 1.4em;color: #006699;margin: 0px;padding: 0px;}

h4{font-family: Arial,sans-serif;font-size: 1.2em;color: #006699;margin: 0px;padding: 0px;}

ul{list-style-type: square;}

ul ul{list-style-type: disc;}

ul ul ul{list-style-type: none;}

label{font-family: Arial,sans-serif;font-size: 1.0em;font-weight: bold;color: #334d55;}



.dewisiaith {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; background-color: #ddd; color: #333333; padding:3px;}
a.dewisiaith:link { color: #229922; text-decoration: none }
a.dewisiaith:visited { color: #229922; text-decoration: none }
a.dewisiaith:hover {color: #FF0000;text-decoration: none;background-color: #dddddd;}
a.dewisiaith:active { text-decoration: none }





/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper{width:1020px;margin:0 auto;background-color:#ffffff;border:1px solid #555555;border-top:0px;}

#masthead{padding: 1px 0px 0px 0px;border-bottom: 1px solid #cccccc;width: 100%;}


.penlunbocs {margin-left: 10px; float:left; width: 285px;}
.penlunbocsdde {float:right;width: 555px;}

.feature2{float:right;width: 235px;font-size: 1.3em;}

.feature3 img{float: left;padding: 10px 10px 0px 0px;}

#rhescanol{width:100%;min-width:920px;}

/* --- DAU COLOFN --- */
#colofn2chwith {clear:both;width:510px;padding:0px;float:left;background:#fff;}

#colofn2dde {margin-left: 520px;margin-right:5px;padding:5px;background:#fff;font-size:1.2em;	}


#colofnchwith{clear:both;float: left;width: 260px;margin: 0px;padding: 0px;
	border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}	
	
#colofnchwdewis{clear:both;float: left;width: 130px;margin: 0px;padding: 0px;
	border-right: 1px solid #cccccc;background:#fff;border-bottom: 1px solid #cccccc;}		

.llun {margin-left: 2px; float:left; width: 255px;}
.llundde {margin-left: 5px; float:right; }
.llunbach {margin-left: 2px; float:left; padding:5px;width: 200px;}
#colofndewis1{float: left;width: 130px;margin: 0px;padding: 0px;}

.navBar{background-color: #eeeeee;border: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}

/*********** #navBar link styles ***********/

.navBar ul a:link, #navBar ul a:visited {display: block;}
.navBar ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
.navBar li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body .navBar li {border-bottom: none;}

#colofndewis2{float: right;width: 130px;margin: 0px;padding: 0px;}


.sectionLinks{margin: 0px;padding: 0px;border-bottom: 1px solid #cccccc;font-size: 1.1em; font-weight:bold;	}
.sectionLinks ul a:link, #navBar ul a:visited {display: block;}
.sectionLinks ul {list-style: none; margin: 0; padding: 0;}
.sectionLinks h3{padding: 0px 0px 2px 10px;}
.sectionLinks a {display: block;border: 1px solid #cccccc;padding: 3px 0px 3px 5px;}
.sectionLinks a:hover{background-color: #dddddd;}



#colofndde{float:right;width: 150px;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding-right: 5px;}

#colofndde p{padding: 0px 0px 0px 0px;}

#colofnddellydan{float:right;width: 260px;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding-right: 5px;}

#colofnddementer{float:right;width: 130px;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding-right: 5px;}

#colofncynnwys {background:#fff;float:left;padding: 5px 5px 2px 5px;}

#colofncynnwys{width:100%;}

#colofncanol {background:#fff;margin-left: 135px;margin-right:145px;}
	
	
	
html>body #centercolofncanol {
margin-left: 265px;
margin-right:180px;
	}

#colofncanolbach {background:#fff;
margin-left: 135px;
margin-right:285px;
	}

#content {background:#fff;margin-left: 270px;margin-right:180px;
/*border-bottom:1px solid #cccccc;*/
margin-left: 270px;
margin-right:180px;
	}
	
html>body #centercontent {
margin-left: 270px;
margin-right:180px;
	}




/***********************************************/
/* Components                                  */
/***********************************************/


#siteheading{float:right;margin: 0;padding: 0 0 0 10px;}



/************** steiliau tecst *****************/

.story{padding: 0px 0px 0px 0px;font-size: 1.1em;}

.story p{padding: 0px 0px 10px 0px;}

.gair12{padding: 0px 0px 0px 0px;font-size: 1.2em;}

.gair14{padding: 0px 0px 0px 0px;font-size: 1.4em;}

/************** .storicolofn styles ***************/

.storicolofn{ clear:right;padding: 0px 0px 10px 20px;font-size: 1.2em;border-top: 1px solid #cccccc;	}

.storicolofn h3{padding: 0px 0px 5px 0px;text-align: center;}

/**.storicolofn img{float: right;padding: 5px 5px 5px 5px;}**/

/*** dau colofn**/
.storicolofn{background-color: #fbfbfb;margin-left:0px; border: 1px solid #8888ff;width:300px; 
padding: 5px;	text-align: left;}
.storillun{margin:3px 0 3px 0;text-align: center;}
.storidaucolofn {float: left;width:632px;border-top: 0px solid #777777;	}
.storicolofn1{clear:both;float: left;width:310px;	}
.storicolofn2{margin-left:320px;width:310px;	}
.storitop{height:20px;	}


.storicyswllt{ width: 80px;font-size: 1.2em; color: #0000ee;background:#dddddd;text-align:center; text-decoration: none}
a.storicyswllt:link{ font-weight:bold;text-decoration: none}
a.storicyswllt:hover { color: #ff5555; text-decoration: none;background:#aaaaaa} 
a.storicyswllt:visited { font-weight:bold;text-decoration: none}
a.storicyswllt:active { text-decoration: none} 


/************* #gwaelod tudalen ***************/

#siteInfo{clear: both;width:100%;border-top: 1px solid #cccccc;font-size: 1.0em;
color: #cccccc;padding: 0px 0px 0px 0px;}

#siteInfo img{padding: 4px 4px 4px 10px;vertical-align: middle;}