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;	}

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


.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.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: #ff3333;text-decoration: underline;}


p{font-family: Verdana,Arial,sans-serif;font-size: 1.1em;color: #000000;margin-bottom: 10px;padding: 0px;}

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

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

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

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

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

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

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

h4{font-family: Arial,sans-serif;font-size: 1.2em;color: #ff0000;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;}


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

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

#penawd{margin: 0px 0px 0px 0px;border-bottom: 0px 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%; padding: 25px 0px 10px 0px;  background-image: url(../lluniau/cefndirg.jpg)   }

#rhesgwaelod{clear: both; width:603px; padding:5px;height:62px;margin:50px 0px 0px 40px;background:#ddd;border:2px solid #aa0066;   }

.colofndde {width:450px;margin-left:210px;margin-right:0px;padding:5px;background-color:#f5f5f5}



/* --- 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: 160px;margin-left: 10px;padding: 0px;border-right: 0px solid #cccccc;border-bottom: 0px 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: 5px 2px 5px 5px;border-bottom: 0px solid #cccccc;background-color: #f3f3f3;font-size: 1.5em;	}
.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: 10px 0px 10px 5px;font-weight: bold;color:#FF0000}
.sectionLinks a:hover{background-color: #dddddd;}



#colofndde{float:right;width: 350px;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;width:540px;padding: 5px 5px 2px 5px;}


#colofncanol {background:#fff;margin-left: 135px;margin-right:155px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 135px;
margin-right:155px;
	}
html>body #centercolofncanol {
margin-left: 265px;
margin-right:180px;
	}

#colofncanolbach {background:#fff;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 135px;
margin-right:285px;
	}

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

#colofncynnwys{width:100%;min-width:310px;}


/***********************************************/
/* 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;	
}

.storicyswllt{
     clear:right;
	padding: 5px 0px 10px 20px;
	font-size: 1.4em;
	border-top: 0px solid #cccccc;	
	line-height:1.6em;
}

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

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


/************* #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;}