body { background-color: #d6e3f0; font-family: Verdana, Arial; font-size: 1em;}

A:link { color: #2c6087; }
A:visited, A:active { color: 2c6087; }
a:hover{ background: #c2e1ff; color: #2c6087;}

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

li {list-style: square; color: #2c6087;}

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

/* MAILFORMS STYLING */

TABLE.csc-mailform { border: 1px solid #8fb0c0; font-size: 1em; padding: 3px; background-color: #e0e6e9; width: 75%;}
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; }


.bocs { width: 100%; border: 1px solid #2c6087;  background: white; }

.header { background: url(../images/headtile.gif) repeat-x; clear: both; overflow: visible; }
.header_chwith { float: left; width: 40%; }
.header_de { float: right; width: 30%; padding-top: 2em; z-index: 1000; font-family: Verdana, Arial; font-size: 0.8em; text-align: center; padding-right: 1em;}

.cynnwys { width: auto;}
.cynnwys_de { float: right; width: 80%; height: auto; background: white; padding: 6px; font-size: 0.8em;}
.cynnwys_chwith {  float: left; width: 18%; font-family: Verdana, Arial; color: white; margin: 2px 0 1px 0; background: #2c6087;}

/* ie 7 hack */
* html .cynnwys_chwith {  float: left; width: 19%; font-family: Verdana, Arial; color: white; margin: 2px 0 1px 0; background: #2c6087;}
/* ie 6 hack */
* html .cynnwys_chwith {  float: left; width: 19%; font-family: Verdana, Arial; color: white; margin: 2px 0 1px 0; background: #2c6087;}

.cynnwys_blaen { height: auto; background: white; padding: 20px 40px 0 40px; font-size: 0.8em;}

/* ARLWY TOP (LEFEL 1) */

#navcontainer { margin: 0; padding: 4px 0 0 6px; background: #2c6087; clear: both; font-size: 0.85em; height: 1.6em;}

/* ie 7 hack */
* html #navcontainer { margin: 0; padding: 4px 0 0 6px; background: #2c6087; clear: both; font-size: 0.85em; height: 1.8em;}
/* ie 6 hack */
* html #navcontainer { margin: 0; padding: 4px 0 0 6px; background: #2c6087; clear: both; font-size: 0.85em; height: 1.8em;}

#navcontainer UL { list-style: none; margin: 0; padding: 0; border: none; }
#navcontainer LI { display: block; margin: 0; padding: 0; float: left; width: auto; }
#navcontainer A {color: white; display: block; width: auto; text-decoration: none; background: #2c6087; margin: 0; padding: 2px 8px; border-right: 1px solid white; font-size: 0.88em}
#navcontainer A:hover, #navcontainer A:active { background: #c2e1ff; color: #2c6087;}
#navcontainer A.active:link, #navcontainer A.active:visited { position: relative; z-index: 102; background: #c2e1ff; font-weight: bold; color: #2c6087; }

/* ARLWY CHWITH (LEFEL 2)  */

h3.arlwy_ochr_header { margin-bottom: 2px; margin-top: 2px; color: #2c6087; text-align: left; background: #c2e1ff; padding: 3px 4px 2px 8px; font-size: 0.8em; border-bottom: 1px solid white;}

.arlwy_ochr { font-family: Verdana, Arial; color: white; font-size: 1em; background: #2c6087;}
.arlwy_ochr ul { list-style: none; margin: 0px; padding: 0 0 1px 0; background: #2c6087; width: 100%; text-align: left; display: inline; font-size: 0.9em;}
.arlwy_ochr li { list-style: none; margin: 0; padding: 0.2em; border-bottom: 1px solid white; font-weight: bold;}
.arlwy_ochr a { color: white; display: block; width: auto; text-decoration: none; margin: 0; padding: 2px 4px; font-size: 0.9em;}
.arlwy_ochr a:link { color: white; display: block; width: auto; text-decoration: none; margin: 0; padding: 2px 4px; font-size: 0.9em;}
.arlwy_ochr a:hover {color: #2c6087; background: #e1eef8; text-decoration: none; margin: 0; padding: 2px 4px; font-size: 0.9em;}
.arlwy_ochr a:visited:hover {color: #2c6087; background: #e1eef8; text-decoration: none; margin: 0; padding: 2px 4px; font-size: 0.9em;}
.arlwy_ochr a:active {color: white; background: #2c6087; text-decoration: none; margin: 0; padding: 2px 4px; font-size: 0.9em;}
.arlwy_ochr a:active:link {color: white; background: #2c6087; text-decoration: none; margin: 0; padding: 2px 4px; font-size: 0.9em;}
.arlwy_ochr a:visited:link {color: white; background: #2c6087; text-decoration: none; margin: 0; padding: 2px 4px; font-size: 0.9em;}
.arlwy_ochr a:visited {color: white; background: #2c6087; text-decoration: none; margin: 0; padding: 2px 4px; font-size: 0.9em;}

.arlwy_ochr2 ul { list-style: none; margin: 0; padding: 0; background: #4a7596; width: 100%; text-align: left; display: inline; font-size: 0.96em;}
.arlwy_ochr2 li { padding-left: 0.6em; background: #4a7596; }
.arlwy_ochr2 a { padding-left: 0.6em; color: white; background: #4a7596; font-size: 0.96em; }
.arlwy_ochr2 a:link { padding-left: 0.6em; color: white; background: #4a7596; font-size: 0.96em; }
.arlwy_ochr2 a:hover { padding-left: 0.6em; color: #4f7088; background: #e1eef8; font-size: 0.96em; }
.arlwy_ochr2 a:visited:hover { padding-left: 0.6em; color: #4f7088; background: #e1eef8; font-size: 0.96em; }
.arlwy_ochr2 a:active { padding-left: 0.6em; color: white; background: #4a7596; font-size: 0.96em; }
.arlwy_ochr2 a:active:link { padding-left: 0.6em; 1em; color: white; background: #4a7596; font-size: 0.96em; }
.arlwy_ochr2 a:visited:link { padding-left: 0.6em; color: white; background: #4a7596; font-size: 0.96em; }
.arlwy_ochr2 a:visited { padding-left: 0.6em; color: white; background: #4a7596; font-size: 0.96em; }

.arlwy_ochr3 ul { list-style: none; margin: 0; padding: 0; background: #5c8bae;  width: 100%; text-align: left; display: inline; font-size: 0.96em;}
.arlwy_ochr3 li { padding-left: 1em; color: white; background: #5c8bae; font-size: 0.96em;}
.arlwy_ochr3 a { padding-left: 1em; color: white; background: #5c8bae; font-size: 0.96em;}
.arlwy_ochr3 a:link { padding-left: 1em; color: white; background: #5c8bae; font-size: 0.96em;}
.arlwy_ochr3 a:hover { color: #4f7088; background: #e1eef8; padding-left: 1em; font-size: 0.96em;}
.arlwy_ochr3 a:visited:hover { color: #4f7088; background: #e1eef8; padding-left: 1em; font-size: 0.96em;}
.arlwy_ochr3 a:active { padding-left: 1em; color: white; background: #5c8bae; font-size: 0.96em;}
.arlwy_ochr3 a:active:link  { padding-left: 1em; color: white; background: #5c8bae; font-size: 0.96em;}
.arlwy_ochr3 a:visited:link { padding-left: 1em; color: white; background: #5c8bae; font-size: 0.96em;}
.arlwy_ochr3 a:visited { padding-left: 1em; color: white; background: #5c8bae; font-size: 0.96em;}

.arlwy_ochr4 ul { list-style: none; margin: 0; padding: 0; background: #6b99bc; border-bottom: 1px solid white; width: 100%; text-align: left; display: inline; font-size: 1em;}
.arlwy_ochr4 li { padding-left: 1.6em; color: white; background: #6b99bc; font-size: 0.96em; }
.arlwy_ochr4 a { padding-left: 1.6em; color: white; background: #6b99bc; font-size: 0.96em; }
.arlwy_ochr4 a:link { padding-left: 1.6em; color: white; background: #6b99bc;  font-size: 0.96em; }
.arlwy_ochr4 a:hover { padding-left: 1.6em; color: #4f7088; background: #e1eef8;}
.arlwy_ochr4 a:visited:hover { padding-left: 1.6em; color: #4f7088; background: #e1eef8;}
.arlwy_ochr4 a:active { padding-left: 1.6em; color: white; background: #6b99bc;}
.arlwy_ochr4 a:active:link  { padding-left: 1.6em; color: white; background: #6b99bc; font-size: 0.96em; }
.arlwy_ochr4 a:visited:link { padding-left: 1.6em; color: white; background: #6b99bc; font-size: 0.96em; }
.arlwy_ochr4 a:visited { padding-left: 1.6em; color: white; background: #6b99bc; font-size: 0.96em; }

.arlwy_ochr5 ul { list-style: none; margin: 0; padding: 0; background: #80adcf; border-bottom: 1px solid white; width: 100%; text-align: left; display: inline; font-size: 0.98em;}
.arlwy_ochr5 li { padding-left: 1.6em; color: white; background: #80adcf; font-size: 0.98em;}
.arlwy_ochr5 a { padding-left: 1.6em; color: white; background: #80adcf; font-size: 0.98em;}
.arlwy_ochr5 a:link { padding-left: 1.6em; color: white; background: #80adcf; font-size: 0.98em;}
.arlwy_ochr5 a:hover { color: #4f7088; background: #e1eef8; padding-left: 1.6em; font-size: 0.98em;}
.arlwy_ochr5 a:visited:hover { color: #4f7088; background: #e1eef8; padding-left: 1.6em; font-size: 0.98em;}
.arlwy_ochr5 a:active { padding-left: 1.6em; color: white; background: #80adcf; font-size: 0.98em;}
.arlwy_ochr5 a:active:link  { padding-left: 1.6em; color: white; background: #80adcf; font-size: 0.98em;}
.arlwy_ochr5 a:visited:link { padding-left: 1.6em; color: white; background: #80adcf; font-size: 0.98em;}
.arlwy_ochr5 a:visited { padding-left: 1.6em; color: white; background: #80adcf; font-size: 0.98em;}


.arlwy_ochr6 ul { list-style: none; margin: 0; padding: 0; background: #99c3e2; border-bottom: 1px solid white; width: 100%; text-align: left; display: inline; font-size: 0.98em;}
.arlwy_ochr6 li { padding-left: 1.8em; background: #99c3e2; }
.arlwy_ochr6 a { padding-left: 1.8em; color: white; background: #99c3e2; font-size: 0.98em;}
.arlwy_ochr6 a:link { padding-left: 1.8em; color: white; background: #99c3e2; font-size: 0.98em;}
.arlwy_ochr6 a:hover { color: #4f7088; background: #e1eef8; padding-left: 1.8em; font-size: 0.98em;}
.arlwy_ochr6 a:visited:hover { color: #4f7088; background: #e1eef8; padding-left: 1.8em; font-size: 0.98em;}
.arlwy_ochr6 a:active { padding-left: 1.8em; color: white; background: #99c3e2; font-size: 0.98em;}
.arlwy_ochr5 a:active:link  { padding-left: 1.8em; color: white; background: #99c3e2; font-size: 0.98em;}
.arlwy_ochr5 a:visited:link { padding-left: 1.8em; color: white; background: #99c3e2; font-size: 0.98em;}
.arlwy_ochr5 a:visited { padding-left: 1.8em; color: white; background: #99c3e2; font-size: 0.98em;}


/* 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: #c2e1ff; background-color: #2c6087; margin-top: 0px; clear: both;}

.footer a:link { color: #c2e1ff;  }
.footer a:visited, a:active { color: #c2e1ff; }
.footer a:hover { background: #c2e1ff; color: #2c6087;}

/* pbsurvey */
#frmPbSurvey legend { display: block;}