body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .75em;
	margin: 0;
	padding: 0;
	background-color: #eeeff1;
}

div#outer {
	margin: 0 70px 0 70px;
	width: 85%;
	border-top: 3px solid #d1b17a;
	border-left: 1px solid #d1b17a;
	border-right: 1px solid #d1b17a;
	padding: .5em 0 0 0;
}

div#title{
	height: 78px;
}

div#logo{
	float: left;
}

div#rhywbeth{
	float: right;
	margin: 65px 1em 0 0;
	font-size: 1.25em;
	color: #6554B9;
}
	
div.border{
	background: #d1b17a;
	height: 6px;
	border-bottom: 1px solid white;
}

div#navblock{
	height: 1.7em;
	background-color: #747272;
}

div#navindex {
	font-size: 1.25em;
	margin: 0 0 0 33%;
}

div#navindex ul{
	margin: 0;
	padding: 0;
}

div#navindex li{
	background-color: #747272;
	list-style-type: none;
	float: left;
	width: 24%;
	text-align: center;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

div#navindex li a{
  	margin: 0;
	color: #dfdbdb;
	text-decoration: none;
  	display: block;
}

div#navindex li a:hover {
	background-color: #6554B9;
}

div#nav {
	font-size: 1.1em;
}

div#nav ul{
	margin: 0;
	padding: 0;

}

div#nav li{
	background-color: #747272;
	list-style-type: none;
	float: left;
	width: 105px;
	height: 20px;
	text-align: center;
	border-left: 1px solid white;

}

div#nav li a{
  	margin: 0;
	color: #dfdbdb;
	text-decoration: none;
  	display: block;
	height: 20px;
}

div#nav li a:hover {
	background-color: #6554B9;
}

div#activenav {
	background-color: #6554B9;
}

div#pictures {
	width: 100%;
	background-color: #d9dadc;
}

div#pic1 {
	float: left;
	width: 29%;
	margin: 0 0 0 70px;
}

div#pic2 {
	float: left;
	width: 40%;
}

div#pic3 {
	float: left;
}


div#content {
	background-color: #f5f7fa;
	height: 100%;
	line-height: 1.3em;
}

h1 {
	margin: 5px;
	font-size: 1.65em;
	font-family: sans-serif;
	text-align: center;
	color: #6554B9;
	line-height: 25px;
}
ul{
	margin: 0;
}
div#poster{
	float: left;
	margin: .1em 0 1em 0;
	width: 100%;
}

div#pennawdposter{
	background-color: #d1b17a;
	color: #6554B9;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	padding: 3px;

}
div#poster_c {
	float: left;
	border: 1px solid #d1b17a;
	width: 38%;
	color: #747272;
	margin: 18px 0 8px 50px;
	padding: 10px 20px 0 20px;
}

div#rhaglen_c{
	float: left;
	margin: 1em 0 1em 7em;
}
div#rhaglen_e{
	float: left;
	margin: 1em 0 1em 2em;
}

div#llunposter{
	margin: 0 0 0 10em;
}

div.hysbys{
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #747272;
	line-height: 20px;
	margin: 0 0 5px 0;
}

div#poster_e {
	float: left;
	border: 1px solid #d1b17a;
	width: 38%;
	color: #747272;
	margin: 18px 0 8px 25px;
	padding: 10px 20px 0 20px;
}

div#contact{
	text-align: center;
	font-size: 1.1em;
	margin: .5em 0 1.5em 0;
}

div.hysbys1{
	float: left;
	text-align: center;
	border: 1px solid #d9dadc;
	width: 23%;
	font-size: 1em;
	margin: 0 .5em 1em 1em;
}
div.hysbys2{
	float: left;
	text-align: center;
	border: 1px solid #d9dadc;
	width: 23%;
	font-size: 1em;
	margin: 0 .5em 1em .5em;
}
div.hysbys3{
	float: left;
	text-align: center;
	border: 1px solid #d9dadc;
	width: 46%;
	font-size: 1em;
	margin: 0 .5em 1em .5em;
}
div.hysbys4{
	float: left;
	text-align: center;
	border: 1px solid #d9dadc;
	width: 23%;
	font-size: 1em;
	margin: 0 .5em 1em .5em;
}
div.hysbys5{
	text-align: center;
	border: 1px solid #d9dadc;
	width: 65%;
	font-size: 1em;
	margin: 0 .5em 1em 13em;
}

div.digwydd{
	float: left;
	border: 1px solid #d9dadc;
	width: 93%;
	height: 100%;
	font-size: 1em;
	margin: 0 0 .5em 2em;
}

div.headeroren1{
	float: left;
	background-color: #D1B17A;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #d9dadc;
	width: 20%;
	height: 100%;
}

div.headerpiws1{
	float: left;
	background-color: #6554B9;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #d9dadc;
	width: 20%;
	height: 100%;
}
div.llun{
	float: left;
	margin: 0 .5em;
}
div.info{
	float: left;
	width: 57%;
	padding: 0 .5em .5em .5em;
	text-align: justify;
}
div.headeroren{
	background-color: #D1B17A;
	color: #ffffff;
	font-weight: bold;
}

div.headerpiws{
	background-color: #6554B9;
	color: #ffffff;
	font-weight: bold;
}

div#rhestr{
	float: left;
	width: 69%;
	margin: 0 0 0 1.5em;
}
div.manylion{
	margin: 1em 1em .5em .5em;
	border-bottom: 1px solid #d9dadc;
	padding: 0 0 1px 0;
}

div.blocmanylion{
	float: left;
	margin: 0 3em 2em 0;
	width: 35%;
}

div#lluniau{
	float: left;
	margin: 1em 0 0 2em;
	border-left: 1px solid #d9dadc;
	height: 100%;
}

div.llun1{
	padding: 1em 0 0 1.5em;
	color: #747272;
}
div#llun2{
	margin: 3em 0 3em 5em;
	color: #747272;
}

div.pennawdoren{
	font-size: 1.2em;
	font-weight: bold;
	color: #CE9A40;
	margin: 0 0 .5em 0;
}

div.pennawdpiws{
	font-size: 1.2em;
	font-weight: bold;
	color: #6554B9;
	margin: 0 0 .5em 0;
}

div#map{
	float: left;
	margin: 1em;
	width: 50%;
}

div.noddwyr{
	float: left;
	margin: 1em;
	width: 40%;
}

div#collage{
	float: left;
	margin: 4em 0 3em 8em;
	width: 50%;
}

div.lluncollage{
	float: left;
}

div#lincs{
	float: left;
	margin: 3em;
}

div.lincsaddress{
	margin: .75em 0 0 0;
}

div.lincsaddress a{
	color: black;
	text-decoration: none;
}

div.lincsaddress a:hover{
	color: #6554B9;
	text-decoration: underline;
}

div.archif{
	float: left;
	width: 95%;
	border: 1px solid #ce9a40;
	margin: 1em 1.5em 0 1em;
	padding: 1em .5em 1em 1em;
}

div.lluniauchwith{
	float: left;
	width: 15%;
	margin: 0 2em 0 0;
}

div.cynnwysarchif{
	float: left;
	width: 68%;
	font-size: .9em;
	text-align: justify;
}

div.lluniaudde{
	float: left;
	width: 12%;
	margin: 0 0 0 1em;
}

div#lincoriel{
	float: left;
	margin: 0 0 1em 0;
}

div#topdre{
	float: left;
	width: 100%;
	margin: 1em 1em 0 1em;
	padding: 1em;
}

div#topdrechwith{
	float: left;
	width: 20%;
	margin: 0 2em 0 0;
	font-size: .9em;
}

div#topdrecynnwys{
	float: left;
	width: 50%;
	text-align: justify;
}

div#topdredde{
	float: left;
	width: 20%;
	margin: 0 0 0 2em;
	font-size: .9em;
}

div.pennawdorenmawr{
	font-size: 1.3em;
	font-weight: bold;
	color: #ce9a40;
	margin: 0 0 .75em 0;
}

div#nol{
	margin: 1em 0 0 1em;
	font-size: 1.1em;
}

div#biogpennawd{
	margin: 1em 1em 0 1em;
	border-top: 1px solid #d9dadc;
	font-size: 1.2em;
	font-weight: bold;
	color: #CE9A40;
}
div.biog{
	float: left;
	margin: 0 1em 0 1em;
	padding: 1em;
	border-top: 1px solid #d9dadc;
	text-align: justify;
}
div.biogtestun{
	float: left;
	margin: .5em 2em 0 0;
	width: 72%;
}

div.biogtestunabp{
	float: left;
	margin: .5em 0 1em 0;
	width: 81%;
}

div.biogtestunt{
	float: left;
	margin: .5em 0 1em 0;
	width: 63%;
}

div.biogllun{
	float: left;
	margin: 0 1em 0 1em;
	width: 14%;
}

div.biogllunt{
	float: left;
	margin: 0 1em 0 1em;
	width: 33%;
}

div.biogllunbu{
	float: left;
	margin: .5em 0 .5em 3em;
}

div.biogtestunbu{
	float: left;
	margin: .5em 2em 0 0;
}

 
div.biogtestundylan{
	float: left;
	margin: .5em 2em 0 0;
	width: 74%;
}

div.cysylltu{
	float: left;
	margin: 1em 0 0 6em;
	padding: 0 0 3em 0;
	width: 40%;
}

div#footer{
	text-align: center;
	border-top: 1px solid white;
	background: #D1B17A;
	height: 15px;
	padding: .35em 0 .35em .75em;
	color: #6554B9;
}

div#hawlfraint{
	float: left;
	margin: 0 0 0 70px;
	font-size: .9em;
}

div#gwefeistr{
	float: right;
	margin: 0 78px 0 0;
   font-size: .9em;
}

div#gwefeistr a{
	text-decoration: none;
	color: #484646;
}

div#gwefeistr a:hover{
	text-decoration: underline;
}

ul{
	list-style: none;
}

div#oriel{
	margin: 0 3.25em;
	border-top: 5px solid #d1b17a;
	border-left: 1px solid #d1b17a;
	border-right: 1px solid #d1b17a;
}

div#pennawdoriel{
	float: left;
	margin: .5em;
	font-size: 1.2em;
	font-weight: bold;
	color: #6554B9;
}

div.nol{
	float: right;
	margin: .25em .5em .25em 0;
}

div.llunoriel{
	float: left;
	margin: .5em;	
}