body { background: #cbde9e url("../images/myglyw/stripe.jpg") repeat-x 0 6.5em; font-family: Trebuchet, Verdana, Arial; font-size: 1em; margin: 0; padding: 0 1.4em 0 1.4em; }

/* EITEMAU O CSS PAUL */

.blaen {background: #d5e5ac;}

/* DIWEDD EITEMAU O CSS PAUL */

a:link { color: #53628d; text-decoration: none; }
a:visited, a:active { color: #53628d; text-decoration: none; }
a:hover { color: #53628d; text-decoration: underline;}

h1 { font-family: Verdana; font-size: 13pt; color: #596273;}
h2 { font-family: Verdana; font-size: 13pt; color: #596273;}
h3 { font-family: Verdana; font-size: 12pt; color: #596273; font-weight: bold;}
h4 { font-family: Verdana; font-size: 10pt; color: #596273;}
h5 { font-family: Verdana; font-size:  8pt; color: #596273;}
h6 { font-family: Verdana; font-size: 7pt; font-weight: normal; color: #596273;}

li {list-style-image: url(../images/myglyw/bullet.png); color: black;}

.bach { font-size: 6pt; }
.mawr { font-size: 10pt; }

.bodytext { text-indent: 0; font-size: 1em; line-height: normal; padding-bottom: 0.6em;}

/* General tables styling */

.contenttable {font-size: 0.89em; border-top: 1px solid #8792ae; border-left: 1px solid #8792ae; border-spacing: 0px; margin-left: 2em; margin-right: 1em; }
.contenttable th {border-right: 1px solid #8792ae; border-bottom: 1px solid #ffffff; padding: 0.6em; background-color: #8792ae; color: white;}
.contenttable .tr-last th {border-bottom: 1px solid #8792ae}
.contenttable td {border-right: 1px solid #8792ae; border-bottom: 1px solid #8792ae; padding: 0.6em;}
.contenttable .tr-even td {background-color: #F4F4F4;}

/*END General tables styling */

.bocs { background: #fff; width: 100%; border-right: grey; text-align: left; z-index: 1; position:relative; }

.header { clear: both; overflow: visible; background: #53628d url("../images/myglyw/headbg1.jpg") repeat-x; height: 6.2em; font-size: 0.8em; padding: 1.7em 0.4em 0.4em 0.4em; color: #c9e096;}
.header_chwith { float: left; width: 68%; padding-left: 0.3em;}
.header_de { float: right; width: 30%; text-align: right; padding-right: 0.6em; }

input.botwm_chwilio { background: url("../images/myglyw/search-button.gif") no-repeat; border: 0px; margin-left: 0.6em;}

.newidiaith a { color: #c9e096;}

.crumbtrail { clear: both; overflow: visible; font-size: 0.8em; padding:  0.8em 0.4em 0.8em 1em; font-weight: bold; text-align: right;}

.crumbtrail_link { color:#536820;}
.crumbtrail_link  A {color: #536820; font-weight: bold; text-decoration: none; }
.crumbtrail_link  A:hover, .crumbtrail01 A:active { text-decoration: underline;}
.crumbtrail_link  A.active:link, .crumbtrail01 A.active:visited { color: #536820; font-weight: bold; text-decoration: none;}

.cynnwys { width: auto; }

.cynnwys_de { float: right; width: 100%; background: white; /*padding: 0 0.6em 0 0.6em;*/ padding: 0 0.6em 0 0; font-size: 1em; }

.cynnwys_chwith { min-height: 800px; float: left; width: 170px; background: #e5e5e5 url("../images/myglyw/nav-fade2.jpg") repeat-y right; font-family: Verdana, Arial; color: white; margin: 0;  }

/* ie */
* html .cynnwys_chwith {  }
/*
.cynnwys_de_header { float: left; height: auto; width: 79%; background: white; padding: 0 6px 0 6px; font-size: 0.8em; margin-left: 1em; }
*/

.cynnwys_de_header { float: left; height: auto; width: 74%; background: white; padding: 0 6px 0 6px; font-size: 0.8em; margin-left: 1em; }

p.cynnwys_de_header {font-size: 1.2em; height: 1.2em; color: #53628d;}

.cynnwys_de_header h2 { background: url("../images/myglyw/chead-bg.jpg") repeat-y; padding: 0.6em; margin-left: -0.6em; font-size: 1.2em; height: 1.2em; color: #53628d;}

.glas {font-size: 1em; color: #53628d;}

/*TUDALENNAU FFILMIAU STRAEON YN UNIG*/

.stori_digidol { float: left; padding: 0.6em; margin-left: 2em; width: 70%;}

.sbec_stori { float: right; padding: 0 0 0.6em 0; margin-right: 2em; width: 150px;}

/*DATRYS PROBLEM HYD TUDALEN THEMAU*/


.csc-textpic { clear: both;}
.csc-textpic-intext-left { clear: both;}

/* STYLING READ THE STORY*/

.stori_digidol .csc-frame-frame1 h1 {font-size: 1em; background: url("../images/myglyw/arrows_graded_1.jpg") no-repeat; height: 2em; margin: 0; padding: 0.1em 0 0 3.5em; overflow: visible;}
.stori_digidol .csc-frame-frame1 br {display: none;}
.stori_digidol .csc-frame-frame1 {overflow: scroll; height: 200px; margin-top: 3em;}
.stori_digidol p.bodytext {padding: 0.5em; margin: 0; text-indent: 0;}


/* STYLING STORY SPECS A BOTWM DOWNLOAD THE FULL TRANSCRIPTS*/

.sbec_stori .csc-header-n1 {padding: 0; margin: 0; background-color: #EBF1D7;}
.sbec_stori .csc-header-n1 br {padding: 0; margin: 0; display: none;}
.sbec_stori h1 {font-size: 1em; margin: 0; padding: 0.1em 0 0 0.5em; background: url("../images/myglyw/arrow151b.jpg") no-repeat top right #EBF1D7; height: 1.5em; }
.sbec_stori p.bodytext {background-color: #EBF1D7; padding: 0 0.5em 0 0.5em; margin: 0; text-indent: 0;}
.sbec_stori p.bodytext strong {color: #596273;}
.sbec_stori p.bodytext a { text-decoration: underline; }

.sbec_stori .csc-frame-frame1 p {background-color: #fff; border: 0; margin: 2em 0 0 0; background: url("../images/myglyw/download.jpg") no-repeat; height: 4.5em; padding: 0.2em 0 0 3.5em;}
.sbec_stori .csc-frame-frame1 p a { text-decoration: none; }


/*DIWEDD - TUDALENNAU FFILMIAU STRAEON YN UNIG*/

/* Thumbs straeon digidol */
.csc-textpic-imagewrap { margin-bottom: 1em; }


/* ARLWY CHWITH (LEFEL 1)  */

.arlwy_ochr_top { font-family: Verdana, Arial; color: white; font-size: 0.9em; background: transparent; padding-top: 1em; }
.arlwy_ochr_top ul { list-style: none; margin: 0; padding: 0; }
.arlwy_ochr_top li { list-style: none; font-weight: bold; width: 170px; height: 36px; background: url("../images/myglyw/arlwy_ochr_bg.jpg") no-repeat top; margin: 0.6em 0 0 1.2em; }
.arlwy_ochr_top a, .arlwy_ochr_top a:link, .arlwy_ochr_top a:link:active { color: white; margin: 0 0 0 4.0em; }

/* ie */
* html .arlwy_ochr_top li { list-style-image: none;  list-style: none; font-weight: bold; width: 170px; height: 36px; background: url("../images/myglyw/arlwy_ochr_bg.jpg") no-repeat top right; margin: 0.6em 0 0 0em; }
* html .arlwy_ochr_top a { margin: 0 0 0 5em; position: relative; left: 1em; }
* html .arlwy_ochr_top a:link:visited { color: #fff; }

.arlwy_ochr { font-family: Verdana, Arial; color: white; font-size: 0.88em; background: transparent; padding-top: 0em; }
.arlwy_ochr ul { list-style: none; margin: 0; padding: 0; }
.arlwy_ochr li {list-style-image: none; list-style: none; font-weight: bold; width: 170px; height: 36px; background: url("../images/myglyw/arlwy_ochr_bg.jpg") no-repeat top; margin: 0.8em 0 1em 1.3em; }
/*.arlwy_ochr a, .arlwy_ochr a:link, .arlwy_ochr a:link:active { color: white; margin: 3em 0 0 4em; position: relative; top: 1em; }*/
.arlwy_ochr a, .arlwy_ochr a:link, .arlwy_ochr a:link { color: white; margin: 3em 0 0 4em; position: relative; top: 1em; }
/* ie */
* html li.arlwy_ochr { list-style: none; font-weight: bold; width: 170px; height: 36px; background: url("../images/myglyw/arlwy_ochr_bg.jpg") no-repeat top right; margin: 0.8em 0 1em 0; }
* html li.arlwy_ochr a { position: relative; top: 1em; left: 1.2em; }
* html li.arlwy_ochr a:link:visited { color: #fff; }

.arlwy_ochr2 ul { list-style: none; margin: 0; padding: 0; background: transparent; display: inline; clear: both;}
.arlwy_ochr2 li { list-style: none; padding: 0; margin: 0; background: transparent; border-top: 1px solid white; min-height: 3.6em; height: auto;}
.arlwy_ochr2 a, .arlwy_ochr2 a:link, .arlwy_ochr2 a:link:active {font-size: 0.87em; color: #596273; position: static; margin: 0 0 0 0.2em; padding: 1em 0 1em 0.2em; display: block; width: 13em; font-weight: bold;}

/* ie */
* html ul.arlwy_ochr2 { list-style: none; margin: 3em 0 0 0; padding: 0; }
* html li.arlwy_ochr2 {list-style: none; padding: 0; margin: 0; border-top: 1px solid white; background: none; }
* html li.arlwy_ochr2 a {list-style: none; color: #596273; position: relative; top: 1em; left: 0em; }
* html .arlwy_ochr2 li a:link:visited {list-style: none; color: #596273; /*position: relative; top: 1em; left: 1.2em;*/ }

.arlwy_ochr3 ul { list-style: none; margin: 0; padding: 0; background: transparent; display: inline; clear: both;}
.arlwy_ochr3 li {list-style: none; padding: 0; margin: 0; background: url("../images/myglyw/un_chevron_1.gif") no-repeat left; border-top: 1px solid white; }
.arlwy_ochr3 a, .arlwy_ochr3 a:link, .arlwy_ochr3 a:link:active { color: #596273; background: transparent; font-size: 0.9em; position: relative; left: 1em; width: 10em; overflow: hidden; margin: -0.5em 0 0.6em 0em;}

/* ie */
* html ul.arlwy_ochr3 { list-style: none; margin: 0; padding: 0;  }
* html li.arlwy_ochr3 {list-style: none; padding: 0; margin: 1.5em 0 0 -1.5em; background: url("../images/myglyw/un_chevron_1.gif") no-repeat 0.8em left; border-top: 1px solid white; width: 170px; }
/** html li.arlwy_ochr3 a { border: 1px solid red; }*/
* html li.arlwy_ochr3 a:link:visited {list-style: none; position: relative; left: 1em; }

.arlwy_ochr4 ul { list-style: none; margin: 0; padding: 0; display: inline; clear: both; }
.arlwy_ochr4 li {list-style: none; min-height: 11px; height: auto; background: url("../images/myglyw/dau_chevron_2.gif") no-repeat left;}
.arlwy_ochr4 a, .arlwy_ochr4 a:link, .arlwy_ochr4 a:link:active { position: static; margin: 0 0 0 1em; padding: 10px 0 10px 10px; display: block; width: 155px; font-weight: normal;}

/* ie */
* html ul.arlwy_ochr4 { list-style: none; margin: 0; padding: 0; }
* html li.arlwy_ochr4 {list-style: none; margin: 1em 0 0 -1.5em; padding: 0; width: 140px; }
/** html li.arlwy_ochr4 { border: 1px solid green; }*/
* html li.arlwy_ochr4 a:link:visited  {list-style: none; font-weight: normal; /*border: 1px solid red;*/ position: static; }


/* MAILFORMS STYLING */

TABLE.csc-mailform { border: 1px solid #8fb0c0; font-size: 1em; padding: 3px; background-color: #e0e6e9; }
TABLE TR TD { padding-left: 3px; padding-right: 3px; }
TABLE TR TD.csc-mailform-fieldcell INPUT,
TABLE TR TD.csc-mailform-fieldcell SELECT, 
TABLE TR TD.csc-mailform-fieldcell TEXTAREA { border: 1px solid #8fb0c0;}
TABLE TR TD.csc-mailform-labelcell P.csc-mailform-label-req { font-weight: bold;}
legend { display:none; }
fieldset { border: 0px; padding: 5px 0px 8px 0px; }
label { padding: 0px 0px 0px 3px; }
.csc-mailform-submit { text-align:center; float: left; }

/* Newid maint font y caption */
.csc-textpic-caption  {font-size: 8pt;}

blockquote { margin: 0 0 0 60px; }

.bodytext table {font-size: 10pt;}

/* FOOTER */

.footer { font-size: 0.8em; color: white; background-color: #53628d; padding: 0.8em 0.6em; clear: both; height: 3.5em; text-align: left;  z-index: 2; position:relative;}

.footer a { color: white; }
.footer a:active { color: white;  }
.footer a:visited, .footer a:active { color: white; }
.footer a:link { color: white;  }
.footer a:visited, A:active { color: white; }


#lottery_logo 
{
	float:right;
	margin-left:10px;
}


.logos { margin: 1.4em 0 0 0; text-align: right; }
.logos img { margin: 0 0 0 0.4em; }

.bgstripe {
	position:absolute;
	left:0;
	width:100%;
	height: 2.8em;
	background:url("../images/myglyw/stripe.jpg") repeat-x 0 0;
	z-index: 0;
	margin-top: -2.9em;
}

#footer_links {
	margin-top:14px;
	float:left;
}

/* ORIEL ENWOGION CSS - DAYLE */

div#mygleft {
	float:left;
	width:35%;
	margin: 0 0 0 0;
}

div#mygright {
	float:right;
	width: 50%;
	margin: 4em 3em 0 3em;

}


div#section1 {
	margin: 0 0;
}

div#section2 {
	clear:both;
	margin: 0 0;
}
/*
div#section3 {
	background-color:#687391;
	text-align:center;
	padding:10px;
	margin: 0 0;
}
*/
div#section4 {
	background-color:#d3e5ab;
	padding: 10px;
	margin: 0 0;
}

div#section4 H2 {
	background-image: none;
}

div#section4point5 p.bodytext {
	background-color:#d3e5ab;
	padding: 10px;
	margin: 0 0;
}

div#section4point5 ul {
	background-color:#d3e5ab;
	padding: 1em 0 0.6em 4em;
	margin: -0.8em 0 -1em 0;
}

div#section5 {
	background-color:#d3e5ab;
	padding: 10px;
	margin: 0 0;
}

H1.littleTitle {
font-size: 1em; background:url("../images/myglyw/arrows_graded_1.jpg") no-repeat; height: 2em; margin: 2em 0 0 0; padding: 0.1em 0 0 3.5em; overflow: visible;
}

/*
div#mygright .csc-header-n1  {
font-size: 1em; background: #53628d; color:#fff !important; height: 4em; margin: 2em 0 0 0; padding: 0.2em 0 0 0.1em; overflow: visible; border-bottom: 0.3em white solid;
}*/

div#mygright .csc-header-n1  {
font-size: 1em; background: #53628d; color:#fff !important; margin: 2em 0 0 0; padding: 0.2em 0 0 0.1em; overflow: hidden; border-bottom: 0.3em white solid;
}

div#mygright .csc-header-n1 br {padding: 0; margin: 0; display: none;}
div#mygleft .csc-textpic-caption {color: #53628d;}

/*div#mygright h1 {font-size: 1em; margin: 0; padding: 0.1em 0 0 0.5em; background: url("../images/myglyw/arrow151b.jpg") no-repeat top right #d3e5ab; height: 1.5em; }*/


/*
div#mygright h1 {font-size: 1em; margin: 0; padding: 0.1em 0 0 0.5em; background: transparent; height: 1.5em; color:#fff; }
*/
div#mygright h1 {font-size: 1em; margin: 0; padding: 0.1em 0.5em 0.5em 0.5em; background: transparent; color:#fff; }

div#mygright p.bodytext {background-color: #d3e5ab; padding: 0 0.5em 0 0.5em; margin: 0; text-indent: 0;}
div#mygright p.bodytext strong {color: #596273;}
div#mygright p.bodytext a { text-decoration: underline; }

div#mygright .csc-frame-frame1 p {background-color: #fff; border: 0; margin: 2em 0 0 0; background: url("../images/myglyw/download.jpg") no-repeat; height: 4.5em; padding: 0.2em 0 0 3.5em;}
div#mygright .csc-frame-frame1 p a { text-decoration: none; }




#section4point5 h1 {
	font-size: 1em;
	background-color: transparent;
	background-image: url("../images/myglyw/arrows_graded_1.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 1.4em;
	margin-top: 2em;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0.1em;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 3.5em;
	overflow-x: hidden;
	overflow-y: hidden;
}

#section4point5 div.csc-header, #section4point5 div.csc-header-n1 {
	margin:0px;
	padding:0px;
}
#section4point5 p.bodytext {background-color: #EBF1D7; padding: 0 0.5em 0 0.5em !important; margin: 0 !important; text-indent: 0;}
#section4point5 p.bodytext strong {color: #596273;}
#section4point5 p.bodytext a { text-decoration: underline; }

#section4point5 .csc-frame-frame1 p {background-color: #fff; border: 0; margin: 1em 0 0 0; background: url("../images/myglyw/download.jpg") no-repeat; height: 4.5em; padding: 0.2em 0 0 3.5em;}
#section4point5 .csc-frame-frame1 p a { text-decoration: none; }
/* END ORIEL ENWOGION CSS - DAYLE */