html, body {
   margin : 0;
   padding : 0;
}

body {
   color : #a52a2a;
   background : #1D6c2c url('images/pattern2.png');
   width : 100%;
   font : 76% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

/* Links within paragraphs (subtle) */

p { 
text-indent: 14pt 
} 

p a {
color: #000000;
background : inherit;
text-decoration: none;
}

p.b {
color: #ff0000;
font-size:130%;
font-weight:bold;
text-decoration:none;
}

p.c {
color: #404040;
font-size:85%;
font-weight: bold;
text-align:center;
text-decoration: underline;
}

p.i {
color: #404040;
font-size:100%;
font-style: italic;
}

p.enw {
color: #404040;
font-size:80%;
text-align:center;
}

p.teitl {
color: #404040;
font-size:120%;
text-align:center;
}


/* Links within paragraphs (revealed) */
p a:hover  { 
color: #e41d20;
background : inherit;
text-decoration: underline;
}

#container {
width : 750px;
margin:0px auto;
text-align:left;
padding:15px;
background: #E4DCB2 url('images/bgd.jpg');
color : #333;
line-height : 1.5em
}

/* TOP TITLE BAR */

#top {
margin:0;
padding : 0px;
color:#333;
background : #404000 url('images/keith.jpg') no-repeat;
border-bottom : 0px solid #fff;
height:144px
}
#top h1 {
padding : 30px 0px 1px 25px;
margin : 0;
font : 100%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing:5px;
text-align:left;
color:#EAE8D0;
background:transparent;
}
#top p {
padding : 120px 0px 0px 675px;
font : 100%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
font-size: 1.1em;
color:#ffff00;
}
#top a:link, #top a:visited {
color: #EAE8D0;
background:transparent;
text-decoration: none;
}
#top a:hover { 
color: #fff;
background:transparent;
text-decoration: underline;
}

#footer {
clear : both;
margin : 0 ;
padding : .5em;
color : #EAE8D0;
background : #AE0D1C;
border-top : 0px solid #520934;
}

#footer a:link, #footer a:visited {
font-size: .9em;
color : #eee;
background : inherit;
text-decoration : none;
}

#footer a:hover {
font-size: .9em;
color :#fff;
background:inherit;
text-decoration : underline;
}

#leftnav p {
margin : 5px 0 10px 5px;
}

h2 {
margin : 0;
padding : 15px 0 5px 5px;
font : 150%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing:5px;
border-bottom: 1px solid #656C4A;
color:#656C4A;
background:inherit;
}

h3 {
margin : 0;
padding : 20px 0 5px 10px;
font : 130%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
color:#EAE8D0;
background:inherit;
}

h5 {
margin : 0;
font : 100%  Helvetica, "Trebuchet MS", Arial,Tahoma, sans-serif;
letter-spacing:5px;
text-align:center;
color:#EAE8D0;
background:transparent;
}

#footer img {
   float : right;
}
/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */
*>html #footer img {
        margin : 0;
}
/* end */

.happy {
border-top : 1px solid #808080;
padding : 10px;
}

a:link, a:visited {
font-size: .9em;
color : #ff0000;
background : inherit;
text-decoration : none;
}

a:hover {
font-size: .9em;
color :#666;
background : inherit;
text-decoration : underline;
}

a:active {
font-size: .9em;
color : #F5DE1E;
background : inherit;
text-decoration : none;
}

img {
   border : none;
}

.imgright {
float: right;
border: 1px solid #656C4A;
margin: 5px 15px 10px 10px;
padding: 10px;
}

.imgleft {
float: left;
border: 1px solid #656C4A;
margin: 5px 15px 10px 0px;
padding: 10px;
}

.imgcenter {
float: inherit;
border: 1px solid #656C4A;
margin: 5px 10px 0px 125px;
padding: 10px;
}

.imgcenter2 {
float: inherit;
border: 1px solid #656C4A;
margin: 5px 10px 0px 140px;
padding: 10px;
}

#menu {
width: 100%;
height: 23px;
margin: 0 0 0 0;
padding: 0 0 1px 0;
background: #A6C3AD;
color:#000;
}
#navlist li {
list-style-type: square;
background: inherit;
color: #5F5C51;
margin: 0 15px 0 0;
padding: 0;
}

#gallery {
height:100px;
}

#gallery img {
float: left;
padding: 20px;
}

.clear {
clear: left;
}

.quote {
width: 130px;
margin: 0;
border : 1px dashed #fff;
padding : 10px;
color:#656C4A;
background: #E4DCB2;
font-size: .8em;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #1D6C2b;
}
.search { 
background: #E4DCB2; 
color: #000;
border-top: 1px solid #F0E9DD;
border-bottom: 1px solid #F0E9DD;
clear: both;
text-align: left; 
padding: 5px 0 5px 0;
}

form { 
margin: 0; 
}

input.search { 
	width: 80px; 
	border: medium none;
	color: #000;
	background: url('images/input.gif'); 
	padding: 4px 
}

input.login { 
	width: 80px;
	border: medium none; 
	background: url('images/logininput.gif'); 
	padding: 4px 
}

/*table b */
table#b {
color: #ff0000;
background-color: inherit;
border: solid #000 0px;
width:95%;
height:50px;
text-align: center;
}
table#b td {
padding: 5px;
}
.b {
text-align: center;
}

/*table c */
table#c {
color: #ff0000;
background-color: inherit;
border: solid #000 0px;
width:95%;
height:50px;
text-align: center;
}
table#c td {
padding: 5px;
}
.c {
text-align: center;
}
div.thumb
{
  margin: 10px;
  border: 1px solid #1d6c2c;
  height: auto;
  width: auto;
  float: left;
  text-align: center;  
}

div.thumb2
{
  margin: 10px;
  border: 1px solid #1d6c2c;
  height: auto;
  width: auto;
  float: right;
  text-align: center;  
}

div.thumb3
{
  margin: 10px;
  border: 0px solid #1d6c2c;
  height: auto;
  width: auto;
  float: center;
  text-align: center;  
}

div.thumb img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.thumb a:hover img {border: 1px solid #0000ff;}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 135px;
  margin: 2px;  }

div.desc2
{
  text-align: center;
  font-weight: normal;
  width: 275px;
  margin: 2px;  }
  
div.sgor
{
  text-align: left;
  font-weight: normal;
  width: 200px;
  margin: 8px;  }
  
  
.cthumb {
	background-color: #ffffff;
	border: 0px;
}

.thumb {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
  
.image { border: 1px solid #aaaaaa;}
a:link .image {  border-color: #aaaaaa;}
a:visited .image {  border-color: #aaaaaa;}
a:hover .image { border-color: #ffffff;}

.mthumb { border: 1px solid #aaaaaa;}
a:link .mthumb {  border-color: #aaaaaa;}
a:visited .mthumb {  border-color: #aaaaaa;}
a:hover .mthumb { border-color: #ffffff;}

.slideImage { border-width: 12px; border: 12px solid; border-color: #a5a5a5;}
a:link .slideImage { border-color: #a5a5a5;}
a:visited .slideImage { border-color: #a5a5a5;}

/* TABL RYGBI */

table#rygbi {
background-color:#FFFFFF;
border: solid #000 3px;
width: 400px;
}
table#rygbi td {
padding: 5px;
border: solid #000 1px;
}
.data {
color: #000000;
text-align: right;
background-color: #CCCCCC;
}
.toprow {
font-style: italic;
text-align: center;
background-color: #FFFFCC;
}
.leftcol {
font-weight: bold;
text-align: left;
width: 150px;
background-color: #CCCCCC;
}

/* DIWEDD TABL RYGBI */

/* CANLYNIADAU RYGBI */

#mytable {
 	width: 720px;
	padding: 0;
	margin: auto;
}

caption {
	padding: 0 0 5px 0;
	width: 585px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	color: #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	background: #ae0d1c no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding-left:12px; padding-right:6px; padding-top:6px; padding-bottom:6px
}

th.nobg {
	border-top: 0px none;
	border-left: 0px none;
	border-right: 1px solid #C1DAD7;
	background: none
}

td {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #eeeee0;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.alt {
	background: #fff;
	border-left: 1px solid #fff;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #fff url('images/bullet1.gif') no-repeat;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #f5fafa url('images/bullet2.gif') no-repeat;
	color: #797268; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

/* DIWEDD CANLYNIADAU RYGBI */

/* RYGBI2 */

#mytable2 {
 	width: 550px;
	padding: 0;
	margin: auto;
}

caption {
	padding: 0 0 5px 0;
	width: 550px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	color: #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	background: #ae0d1c no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding-left:12px; padding-right:6px; padding-top:6px; padding-bottom:6px
}

th.nobg {
	border-top: 0px none;
	border-left: 0px none;
	border-right: 1px solid #C1DAD7;
	background: none
}

td {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #eeeee0;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.alt {
	background: #fff;
	border-left: 1px solid #fff;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #fff url('images/bullet1.gif') no-repeat;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #f5fafa url('images/bullet2.gif') no-repeat;
	color: #797268; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

/* DIWEDD RYGBI2 */

/* RYGBI3 */

#mytable3 {
 	width: 550px;
	padding: 0;
	margin: auto;
}

caption {
	padding: 0 0 5px 0;
	width: 550px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	color: #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	background: #ae0d1c no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding-left:12px; padding-right:6px; padding-top:6px; padding-bottom:6px
}

th.nobg {
	border-top: 0px none;
	border-left: 0px none;
	border-right: 1px solid #C1DAD7;
	background: none
}

td {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #eeeee0;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.alt {
	background: #fff;
	border-left: 1px solid #fff;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #fff url('images/bullet1.gif') no-repeat;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #f5fafa url('images/bullet2.gif') no-repeat;
	color: #797268; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

/* DIWEDD RYGBI3 */

/* RYGBI4 */

#mytable4 {
 	width: 750px;
	padding: 0;
	margin: auto;
}

caption {
	padding: 0 0 5px 0;
	width: 550px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

th {
	color: #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	letter-spacing: 2px;
	text-transform: uppercase;	
	background: #ae0d1c no-repeat;; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; padding-left:12px; padding-right:6px; padding-top:6px; padding-bottom:6px
}

th.nobg {
	border-top: 0px none;
	border-left: 0px none;
	border-right: 1px solid #C1DAD7;
	background: none
}

td {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;	
	background: #eeeee0;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.alt {
	background: #fff;
	border-left: 1px solid #fff;	
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #fff url('images/bullet1.gif') no-repeat;
	font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0px none;
	background: #f5fafa url('images/bullet2.gif') no-repeat;
	color: #797268; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

/* DIWEDD RYGBI4 */