/*DT DEFAULT, MQ FOR PHONE

ORDER = TAGS, CLASSES, IDs*/

/*********** TAGS *****************/

body{ 
font-family:Arial,Helvetica,sans-serif;
}

h1  { font-size:1.75em; }
h2  { font-size:1.52em; }
h3  { font-size:1.32em; }
h4  { font-size:1.15em; }
h5  { font-size:1.00em; }
/*h5 mond efo smph*/
h6  { 
font-size:1.00em; 
font-style:italic; 
}


body{ 
font-size:medium; 
}

a { 
text-decoration:none; 
color:#00f; 
font-weight:600; 
}

a:link
    { color:#00c; }
a:visited
    { color:#c09; }
a:hover
    { color:#090; text-decoration:underline; }
a:active
    { color:#0c0; }




/*FASA HON YN FFEITHIO AR BOB LINC (a anchor) YN Y CONCERTINA EFO ENW FEL name = "adj"  OND DWI YN DEFNYDDIO NHW EFO DAU BLANC ( ) FEL HYNU, TOES NA DDIM EFFAITH*/

a[name]{ 
color:#069; 
border:none; 
text-decoration:none; 
}


/*BODY A HTML LLIW GLAS, EFO DIV PAGE YN Y CANOL*/

body, html{ 
color:#000; 
background-color:#9cf; /*#ccffff, #c7ccd7, #9cf ag #CCCCDD yn dda*/
margin:0; 
padding:0; 
}

em{ font-style:italic; }

h1,h2,h3,h4,h5 {color:#036;}

h2 { 
margin:1ex 0; 
letter-spacing:0.1ex; 
}

h3 { 
padding-top:0.2ex; 
margin-bottom:1ex; 
font-style:italic; 
}

h4,h5,h6 { 
padding-top:0; 
margin-top:0.6em; 
margin-bottom:.67em; 
}

h5,h6 { 
color:#369; 
margin-top:0.6em; 
}

li, p { 
margin:0 0 0.6em 0; 
line-height:1.25; 
}

img{
width:12px;
height:7px;
}

/*****************CLASSES*****************/

.gwyrdd{
background:#5cd65c; 
  /*IE USE FILTER FOR OLDER ie VERSIONS*/
  filter: alpha(opacity=50); 
  /* Modern Browsers */
  opacity: 0.7;
  }
.glas{
background:#4db8ff;  
filter: alpha(opacity=50); 
opacity: 0.7;
}
.coch{
background:#ff3333;
filter: alpha(opacity=50); 
opacity: 0.7;
}
.du{
background:black;
filter: alpha(opacity=50); 
opacity: 0.6;
color:white;
}

.level {
    font-size: 90%;
    font-weight: 600;
	border: 1px solid #ccc;
    border-radius: 0.25em;

    -o-border-radius: 0.25em;
    -ms-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    padding: 1px 3px;
}



.hen{
font-weight:200;
padding-left:2ex;
}

.mondSmph{display:none;}

.dimBwlet{
list-style:none;
}

.dalSut{
margin-top:3ex;
/*padding-left:5ex;*/
}

.dalSut h3{
margin-top:0.80ex;
margin-bottom:0.65ex;
text-align:left;
padding-left:1ex;
padding-bottom:1ex;
}

.rhanMenu{display:none;}/*PWYSIG EFO DANGOS CUDDIO YN Y JS*/

.togel{}

.bychan{
color:gray;
font-size:90%;
clear:right;
}

.pwysoLlai{font-weight:400;}

.pwysoMwy{font-weight:700;}
.lleGwagPen{margin-top:0.6em;}

.lleGwagGwylod{margin-bottom:0.4em;}
.lleGwagCh{margin-left:1.2em;}
.dimSteil{
padding-left:1ex;
list-style:none;
}

.hl{
background-color:#eee;
}

.hr {
margin-top:1ex;
border-top:1px solid #663;
margin-bottom:1ex;
} /*NEWID O 69C*/

.lh{line-height:2em;}



/*MAE DYFVIS YN NEWID O VISIBILITY I DISPLAY YN YR MQ. EFO DISPLAY BLOCK AR SGRIN FAWR, MAE O YN NEWID LEIN. EFO VISIBILITY AR Y DDAU SGRIN, MAE O YN CYMUD LOT O LE GWAG AR SGRIN BYCHAN. YN YR MQ EFO DISPLAY NONE, MAE O YN GWEITHIO YN IAWN. */
/*dal { clear:both; }*/

.oDan {text-decoration:underline;}

.canol { text-align:center; }

.smph{background-color:#FFF;}

.dyfodol{display:block;}

.dyfVis{visibility:visible;}

.rwan{display:block;}

div.howNav{
margin-top:0.80ex;
/*margin-bottom:0.67ex;*/
text-align:left;
padding-left:1ex;
/*padding-bottom:1ex;    */
font-weight:600;
}

div.howNav a{
color:blue;
font-weight:600;
font-style:normal;
}

div.lleGwagCh p{padding-left:1.4ex;}

div.lleGwagCh p em{padding-left:0.6ex;}

div.tutor { 
color:#000; 
background-color:#f0f7ff;/*LLIW BOCS*/ 
padding:0.5ex;
padding-bottom:2ex;
border-left:1px solid #663; /*cc9*/
border-top:1px solid #663; /*cc9*/
border-right:1px solid #663;/*#663*/ 
border-bottom:1px solid #663;/*#663*/  
}

div.tutor h4{
text-align:left; 
padding-left:3ex;
}





/****************IDs***************/


/* DIV#tud SYDD YN GWNEUD Y TUDALEN YN Y CANOL YN FWY NE LLAI (LLYDAN). DWI WEDI NEWID WYTH A DEUGAIN I TRIGAIN */

div#tud{
max-width:60em; 
margin:0.6em auto; 
}
div#tud{ 
color:#000; 
background-color:#fff; 
padding:1em;
border-left:2px solid #369; 
border-top:2px solid #369; 
border-right:2px solid #003; 
border-bottom:2px solid #003; 
}


/************************ menus************/



div#pen a:link, div#pen a:visited, div#pen a:active, div#pen a:hover{ 
text-decoration:none; 
text-shadow:1px 1px 1px #003; 
}

div#pen { 
margin:0; 
padding:2px 0.5ex; 
color:blue; 
text-align:left;
padding-left:1ex;
}

/*CHANGED NO TAGS TO LI TAGS WITHIN UL. DOES NOT WORK AS WELL AS NO TAGS. CHECK VA*/

div#gwylod { 
display:table; width:95%;
line-height:1.7; 
/*background-color:#efefef;*/
/*Wedi ei newid o ccc = gwyrdd*/
text-align:center;

}

#showLevel{
margin-top:2em;
}

#showLevel li
{
display:inline-block;
margin-left:2em;
}
div#dalNav{
display:table; 
width:100%;
/*border:1px solid #999;*/
}

div#topNav{
display:table; width:90%;
} 

div#topNav ul {
display:table-row; 
width: 100%;
}

div#topNav li{ 
display: table-cell; 
text-align: right; 
width: auto;
}

/*ADAPT NEXT ONE TO SMARTPHONE. THE MISSION LINK BUNCHES UP WITH THE OTHERS ON A SMARTPHONE. USE MQ TO CHANGE*/

div#topNav li.left {
display: table-cell; 
text-align: left; 
width: 20px; 
white-space:nowrap;

}
/* CAN BE USED WITH AN ADDITIONAL MENU BELOW THE MAIN MENU AT TOP: E.G. FOR THE DIFFERENT SUB MENUS
#menu {border:1px solid #999;display:table; width:100%;}
#menu ul {display:table-row; width: 100%}
#menu li.left {display: table-cell; text-align: left; width: 20px; white-space:nowrap;}
#menu li {display: table-cell; text-align: right; width: auto;}
*/


div#topNav a, div#gwylod a { 
font-weight:bold; 
/*padding:0.2ex 0.5ex;*/
}

#diver{ 
width:50px;
height:50px;
}


div#gwylod { 
clear:both; 
}

div#topNav a:link, div#topNav a:visited, div#topNav a:active, div#topNav a:hover,
div#gwylod a:link, div#gwylod a:visited, div#gwylod a:active, div#gwylod a:hover { 
color:#00f; 
background-color:transparent; 
text-decoration:none;
text-shadow:1px 1px 1px yellow; 
/*text-shadow:1px 1px 1px #fff;*/ 
}

#eslblues{
position:relative;
top:-15px;
left:12px;
font-size:2.4em;
font-style:italic;
}

h4#ochorDde { 
margin-top:1em;
text-align:justify; 
}

#penDde{
position:relative;
float:right;}

#penDde a{color:#CCC;}

div#ochorDde { 
float:right; 
width:45%; /*LLED Y DIV. MAE LLED OCHORDDE YN 60%. WEDI RHOID O MEWN COMMENT*/
border-left:1ex solid #fff; 
line-height:1.15;
}
/*MAE GWNEUD LINE-HEIGHT (YN FYMA 1.15) YN FWY YN RHOID MWY O LE GWAG RHWNG BOB LEIN     */

div#ochorDde{
font-size:small;
}

#ochorDde{ 
/*width:60%; COMMENTED OUT. DOES NOT SEEM ESSENTIAL*/
display:block;
}

#smphTutorial{
display:none;
}

/***********MEDIA QUERIES********/

@media all and (max-width: 421px){

body{ 
font-size:15px;
background-color:#fff; /*#ccffff, #c7ccd7, #9cf ag #CCCCDD yn dda*/
 
}

.dyfodol{display:none;}
.dyfVis{display:none;}
.mondSmph{display:block;}


#eslblues{
position:relative;
top:-15px;
left:12px;
font-size:2em;
font-style:italic;
}

#showLevel{
margin-top:1em;
}

#showLevel li
{
display:inline-block;
margin-left:1em;
}

div#dalNav{ 
display:none; 
}

div#topNav a { 
font-size:12px; 
}

div#dalNav{
padding-bottom:3ex;
}

#ochorDde{
display:none;
}

#penDde{
top:-80px;}



#smphTutorial{
display:block;
}




}/*CAU MQ/









/* @media Print MAINLY TO OFFER A NICE PRINTABLE FONT AND REMOVE STUFF THAT SHOULD NOT BE PRINTED */

@media print {  

body { 
color:#000 !important; 
background-color:#fff !important; 
font-family:'Times New Roman', Times, serif !important; 
}


body, html, div#tud { 
margin:0; 
padding:0; 
border:none; 
}

div#banner, div#pen, div#topNav, div#subtopNav, div#gwylod{ 
display:none; 
}
#dalNav{ 
display:none; 
}

h3 { 
border:none; 
}



ul { 
list-style-image:none !important; 
}
.noprint { display:none; }

}/*CAU MQ*/



/*MAE NAV YN DWAD AROL Y TEITL BACH, OND EFO HWN MAE O AR BEN Y TUDALEN. RHAID ROD RELATIVE. FASA ABSOLUTE -110PX AR BEN A TU ALLAN Y TUDALEN */