html, body, ul, ol, li,p, blockquote, q, h1, h2, h3,h4, h5,h6,
form, fieldset, a, div, img{margin:0; padding:0;border:0;}
 
 body{font-family: Arial,sans-serif;color: #333333;line-height: 1.3em;	
	font-size:62.5%;font-weight:normal;	background-color:#FFFFFF;min-width: 760px;	}

.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: 1.1em;color: #334d55;margin: 0px;padding: 0px;}

h2{font-family: Verdana,sans-serif;font-size: 1.2em;line-height: 1.3em;color: #006699;margin: 0px;padding: 5px;}

h3{font-family: Verdana,sans-serif;font-size: 1.4em;line-height: 1.5em;color: #006699;margin: 0px;padding: 5px;}

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;padding:10px;border:0px solid #555555;border-top:0px;}

#pentudalen{height:160px;width:760px;border-bottom: 0px solid #cccccc;}

#pentudalen2{height:100px;width:760px;}

.cynnwystop{font-family: Verdana,sans-serif;color:#ee6666;padding-left:5px;padding-top:0px; padding-bottom:0px;font-size:2.0em;line-height: 2.0em;}

#penlunbocs {clear:both;width:405px;float:left; padding:5px;}
#penlunbocsdde300 {margin-left:420px;margin-right:5px;width:250px;padding-top:5px;}

#bocsiaithgwaith {float:right;margin-right:5px;width:40px;}

#bocs2 {margin-left:5px;margin-right:5px;width:750px;padding-top:5px;}

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

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

#rhescanol{width:760px;min-width:760px;background:#fafafa;border:1px solid #555555;}

#rhesgwaelod{width:760px;min-width:760px;background:#f3f3f3;margin-top:10px;border:1px solid #555555;}

/* --- DAU COLOFN --- */
#colofn2chwith {clear:both;width:340px;padding:20px;float:left;font-size:1.2em;line-height: 1.5em;}

#colofn2dde {margin-left: 380px;margin-right:5px;padding:20px;font-size:1.2em;line-height: 1.5em;	}


#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;border-bottom: 1px solid #cccccc;}		

.llun {margin-left: 2px; float:left; width: 255px;}
.llundde {margin-left: 5px; float:right; }

#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;	}
.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: 2px 0px 2px 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;width:540px;padding: 5px 5px 2px 5px;}
#colofncynnwys{width:100%;min-width:310px;}

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




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