html { font-size: 100%; /* IE hack */ }
html, body { height: 100%; }
body{font-family: verdana,Arial,sans-serif;color: #333333;line-height: 1.166;	
	margin: 0px;padding: 0px;border:0px;font-size:62.5%;font-weight:normal;	
	background-color:#ddFFFF; min-width:850px;}
	

	
body{background-color:#ddFFFF; }	
body{background-color:#fadddd; }

	

.corffcanol{position:relative;width:978px;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:5px;
	border-left:8px solid #fff;border-right:8px solid #fff;background:#fff;}	
	
.clearFix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}	

.dde {float: right;}
.chwith {float: left;}  
.coch{color:#FF0000}
.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;text-decoration: underline;}

.cyswllt{ width: 120px;font-size: 1.2em; 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: 1.1em;color: #334d55;margin: 0px;padding: 0px;}
h2{font-family: Arial,sans-serif;font-size: 1.4em;color: #006699;margin: 0px;padding: 0px;}
h3{font-family: Arial,sans-serif;font-size: 2.0em;color: #003366;margin: 0px;padding: 0px;}
h4{font-family: Arial,sans-serif;font-size: 0.9em;color: #006699;margin: 0px;padding: 0px;}
h5{font-family: Arial,sans-serif;font-size: 5.0em;line-height: 1.4;	margin: 0px;padding: 0px;}

.comic{font-family: Comic Sans MS;color: #ffffff;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                                 */
/***********************************************/


#penawd{background:#980000;width: 100%; height:100px;}
#penawdchwith{clear: both;float:left;background:#980000;width: 300px; margin-top:10px;margin-left:10px;height:90px;}
#penawdcanol{float:left;background:#980000;width: 450px; margin-top:10px;height:90px;}
#penawddde{float:right;background:#980000;width: 180px; padding-top:5px;height:90px;}
.bocs150{float:left;width: 150px;padding: 5px 0px 0px 5px;font-size: 1.0em;height:67px;}
.bocs500{float:left;width: 500px;padding: 0px 0px 0px 50px;}

.bocsgwefan{float:left;width: 155px;height:170px;text-align:center;padding: 2px 0px 0px 2px;background:#eeeeee;border:1px solid #aaaaaa;font-size: 1.0em;}
.bocsclir{clear: both;float:left;}

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

#rhesdewis{clear:left;background-color:#980000;height:27px;width: 730px;}
.dewisia{float:left;width: 105px;padding: 5px 0px 0px 7px;font-size:0.9em;}
.dewisiaith {font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eeeeee; 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 }



#rhescynnwys {clear: both;width:100%;margin-left:5px;margin-top:10px;}

#colofnchwith{clear:both;float:left;width:650px;padding: 0px; border-right: 0px solid #cccccc;border-bottom: 0px solid #cccccc;}
#colofndde {margin-left: 660px;width:220px;	}



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


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



.buttonscontainer {width: 100px;background-color: #bb0000;border:1px solid #000000; margin: 1px;float: left;}

.buttons a {color: #ffffff;background-color: #0000bb;padding: 3px;
display: block;font-size: 95% ;line-height:110%;font-family:Arial, sans-serif;
font-weight: bold;text-decoration: none;text-align: left;}
.buttons a:link {text-decoration: none;}
.buttons a:visited {text-decoration: none;}
.buttons a:hover {background-color: #dddddd;color: #ff0000;text-decoration: none;}
.buttons a:active {text-decoration: none;}


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

.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.0em;font-family: Verdana, Arial, Helvetica, sans-serif;} 
.storicolofn h3{text-align: left;font-size: 1.3em;color: #000000;}        
.storicolofn{background-color: #ddFFFF;margin-left:5px; border: 1px solid #8888ff;width:310px; padding: 2px 2px 2px 2px;	}

.storidaucolofn {float: left;width:650px;border-top: 1px solid #777777;	}
.storicolofn1{float: left;width:320px;	}
.storicolofn2{margin-left:325px;width:320px;	}

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