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

body{font-family: Arial,sans-serif;text-align: left;color: #333333;line-height: 1.166;	
	margin: 0px;padding: 0px;border:0px;font-size:62.5%;font-weight:normal;	
	background-color:#ffFFFF; min-width:850px;}
	
body{background-color:#ddFFFF; }	
body{background-color:#eeffee; }
body{background-color:#d9d9d9; }
body{background-color:#8f733c; }
body{font-family:verdana; }
	
.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.corffcanol{position:relative;width:978px;margin-left:auto;margin-right:auto;
	border-left:8px solid #fff;border-right:8px solid #fff;background:#fff;}
	
.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.columnContainer {padding-top: 10px;}
.column320 {width: 320px; float: left;margin-right: 0px;margin-bottom: 10px;}
.column450 {width: 450px; float: left;margin-right: 0px;margin-bottom: 10px;}
.colofn450 {width: 450px; float: left;margin-right: 0px;margin-bottom: 10px;}
.column {float: left;margin-right: 10px;margin-bottom: 10px;}

.dde {float: right;}
.chwith {float: left;text-align: left;}  
.coch{color:#FF0000}
.gwyrddg{color:#c1d82f}
.gwyrddt{color:#5d9732}
.du {color:#000000}
.canol{text-align:center}

a{color: #000066;text-decoration: none;}
a:link{color: #003366;text-decoration: none;}
a:visited{color: #003366;text-decoration: none;}
a:hover{color: #003366;background:#eeeeee;text-decoration: none;}

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

h1{font-family: Verdana,Arial,sans-serif;font-size: 3.0em;color: #334d55;margin: 0px;padding: 0px;}
h2{font-family: Arial,sans-serif;font-size: 2.0em;color: #002255; margin: 0px;padding: 0px;}
h3{font-family: Arial,sans-serif;font-size: 1.6em;color: #003366;margin: 0px;padding: 0px;}
h4{font-family: Arial,sans-serif;font-size: 1.4em;color: #006699;margin: 0px;padding: 0px;}
h5{font-family: Arial,sans-serif;font-size: 1.2em;font-weight: bold;margin: 0px;padding: 0px;}

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

/***********************************************/
/* Div Gosod Tudalen                                 */
/***********************************************/

/****  background:#f3f7db;  - ochrau golau      **/
#penawd{background:#ffffff;width: 100%; height:110px;border-bottom: 6px solid #770200;}
#penawdchwith{clear: both;float:left;width: 700px; padding-top:0px;height:120px;}
#penawdcanol{float:left;width: 600px; padding-top:5px;height:115px;}
#penawddde{float:right;width: 185px; padding-top:1px;height:100px;}
#rhesdewis{clear:left;height:27px;margin-left:5px;margin-top:10px;width: 550px;}

.penawdtop{float:left;width: 500px;height:80px;padding: 10px 0px 0px 50px;}



.dewisia{float:left;width: 105px;padding: 0px 0px 0px 2px;font-size:1.0em;line-height: 1.4em;}
.dewisiaith {font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ddd; color: #aa0000;}
a.dewisiaith:link { text-decoration: none }
a.dewisiaith:visited { text-decoration: none }
a.dewisiaith:hover {color: #FF0000;text-decoration: none;background-color: #dddddd;}
a.dewisiaith:active { text-decoration: none }


.bocs150{float:left;width: 150px;padding: 5px 0px 0px 5px;font-size: 1.0em;height:67px;}
.bocs250{float:left;width: 250px;padding: 5px 5px 5px 5px;font-size: 1.0em;height:62px;}
.bocs500{float:left;width: 500px;padding: 0px 0px 0px 50px;}
.bocsdde {float: right;margin-top:0px;width: 100px;}
.bocsdde200 {float: right;margin-top:0px;width: 200px;}



.bocs120{float:left;width: 120px;padding: 10px 0px 0px 5px;font-size: 1.0em;height:100px;}

.bocsdde {float: right;margin-top:0px;width: 100px;}
.bocsdde200 {float: right;margin-top:0px;width: 200px;}


table.tablcynnwys{border:0px; cellpadding:0px; cellspacing:0px; background-color:#f9ecd5}

#rhescynnwys {clear: both;width:100%;text-align: center;margin-left:0px;margin-top:10px;}

#colofnchwith{clear:both;float:left;width:640px;padding: 3px; margin:0 auto;text-align: left;
border-right: 0px solid #cccccc;border-bottom: 0px solid #cccccc;}

.colofncefndir{background-color:#fadddd;width:100%;}
#colofncanol{clear:both;background:#ffffff;width:650px;padding: 3px; margin:0 auto;text-align: left;
border-right: 0px solid #cccccc;border-bottom: 0px solid #cccccc;}

#colofndde {margin-left: 650px;width:320px;	}


.gairtroist {background-color:#aaffff;width:200px;height:130px;font:normal 7pt Verdana;}



#rhesgwaelod {clear: both;width:100%;border-top: 1px solid #cccccc;}

#rhesgwaelod2 {clear: both;width:100%;border-bottom: 1px solid #cccccc;}



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

#colofnchwdewis{clear:both;float: left;width: 110px;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; }
.llunbach {margin-left: 2px; float:left; padding:5px;width: 200px;}
#colofndewis1{float: left;width: 130px;margin: 0px;padding: 0px;}



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



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



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

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

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

.gair8{padding: 0px 0px 0px 0px;font-size: 0.8em;}

.gair10{padding: 0px 0px 0px 0px;font-size: 1.0em;}

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

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

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

/************** storicolofn styles ***************/
.storitecst10px {font-size: 1.1em;font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:1.3em; text-align: left;} 
.storicolofn h3{text-align: left;font-size: 1.3em;color: #980000;}        

.storicolofn{background-color: #fbfbfb;margin-left:0px; border: 1px solid #5d9732; width:300px; 
padding: 5px;	text-align: left;}

.postercolofn{background-color: #fbfbfb;margin-left:0px; border: 1px solid #5d9732;  
padding: 5px;	text-align: left;}


.storillun{margin:3px 0 3px 0;text-align: center;}
.storidaucolofn {float: left;width:633px;border-top: 0px solid #777777;	}
.storicolofn1{clear:both;float: left;width:310px;	}
.storicolofn2{float: left;margin-left:5px;width:315px;}
.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}