/* NosDa Styles */
/* CSS: Mei Gwilym - mei.gwilym.net */

* {
	padding:0;
	margin:0;
}
html {

}
body {
  background:#dcdcdc;
	font-family:arial, helvetica, sans-serif;
	font-size:0.69em;
	line-height:1em;
}
#wrapper {
	margin:0 auto;
	padding:0 23px;
	width:650px;
	background:#fff url(../img/page_bg.gif) top left repeat-y;
	position: relative;
}
#head {
	height:89px;
}
#head h1, #head h2, #head p {
  text-indent:-5555px;
}
.nosda {
  background:#fff url(../img/nosda-pen.jpg) top left no-repeat;
}
.backpack {
  background:url(../img/backpacker-pen.gif) top left no-repeat;
}
.tafarn {
background:#999 url(../img/tafarn-pen.jpg) top left no-repeat;
}
.tafod {
  background:#fff url(../img/tafod-pen.jpg) top left no-repeat;
}
.iechyd {
  background:#fff url(../img/iechyd-pen.gif) top left no-repeat;
}
.dir {
  background:#fff url(../img/directions-pen.jpg) top left no-repeat;
}
.groups {  
  background:#fff url(../img/groups-pen.gif) top left no-repeat;
}
.cardiff {
  background:#fff url(../img/cardiff-pen.gif) top left no-repeat;
}
.jobs {
  background:#fff url(../img/header_jobs.gif) top left no-repeat;
}
#menu {
	height:38px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 11px;	
}	
#menu.nosda-menu, #menu.groups-menu, #menu.directions-menu, #menu.cardiff-menu {
	background-color:#3479bf;
}
#menu.bk {
	background-color:#7747d1;
}
#menu.menu-taf {
	background-color:#2c6a80;
}
#menu.tafod-menu {
	background-color:#5e1125;
}
#menu.iechyd-menu {
	background-color:#0a7386;
}
#menu ul {
list-style:none;
}
#menu ul li {
float:left;
text-align:center;
}
#menu ul li a {
display:block;
height:20px;
text-indent:-9999px;
}
#menu ul li a:link {
  color:#fff;
	font-weight:bold;
text-decoration:none;
}
#menu ul li a:visited {
color:#fff;
font-weight:bold;
}
#menu ul li a:hover {
color:#0f173d;
}

#content {
	margin:0;
	margin-top:10px;
	padding:0;
}
div.iechyd-main {
	background-image:url(../img/) top left no-repeat;
}
/*
img.top-img {
	padding-top:10px;
}
*/
#l-col {
	margin-right:325px;
}
#l-col h2, #l-col h3, #l-col h4, #l-col h5, #l-col h6, #r-col h3, #r-col h4, #r-col h5, #r-col h6 {
	font-size:1.4em;
	margin:20px 16px;
	text-transform:uppercase;
	font-weight:normal;
	line-height:1.1em;
}
#l-col p, #r-col p{
	margin:16px;
	line-height:1.2em;
	color:#666;
} /* Link styles for right column in tafod page */
#r-col p.gwyn {
	color:#fff;
	font-size:1.2em;
	/*clear:right;*/
}
#r-col p.gwyn img.gwyn-img {
  float:right;
	border:4px solid #fff;
	display:inline;
	margin:1px;
}
#r-col p.gwyn a:link {
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
}
#r-col p.gwyn a:visited, #r-col p.gwyn a:active {
	color:#ccc;
	font-weight:bold;
	text-decoration:underline;
}
#r-col p.gwyn a:hover {
	text-decoration:none;
	color:#781e37;
	font-weight:bold;
	background-color:#fff;
}
#r-col hr, #l-col hr {
  clear:right;
	margin:10px;
	height:1px;
	border-top:1px dotted #000;
	border-bottom:0;	
}
#l-col ul, #r-col ul {
	margin:20px;
	list-style-type:none;
	color:#999;
}
#l-col ul li, #r-col ul li {
  margin:3px 0;
}
/*  this div is before #l-col in html document  */
#r-col {        
	width:325px;
	float:right;
}
#r-col h2 {
margin:0;
padding:0;
font-size:1.4em;
text-transform:uppercase;
font-weight:normal;
text-indent:16px;
}
img {
border:0;
}
img.right {
float:right;
}
p.contact {
text-align:right;
}
.hidden {
margin-left:-5555px;
}
img.right{
float:right;
margin:0 4px;
}
/* ad */
div#ad-bp {
background:transparent url(../img/backpack_ad2.gif) top left no-repeat;
padding:135px 0 10px 13px;
}
div#ad-bp p{
color:#cfc7de;
font-style:italic;
font-size:1.2em;
}
div#ad-bp p a{
color:#fed905;
font-weight:normal;
}
div#ad-bp p a:visited{
color:#ffc600;
}

div#ad-nosda {
background:transparent url(../img/nosda_ad2.gif) top left no-repeat;
padding:110px 0 10px 6px;
}
div#ad-nosda p{
color:#fff;
font-style:italic;
font-size:1.3em;
line-height:1.35em;
}
div#ad-nosda p a{
color:#fff;
font-weight:bold;
}
div#ad-nosda p a:visited{
color:#eee;
}


/* ============================== Links == */
a:link {
	text-decoration: none;
	color: #666;
	font-weight:bold;
}

a:visited, a:active {
	text-decoration: none;
	color: #999;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
/* ============================== Booking form ==*/

form#ffurflen-bwcio {
	background:url(../img/form_bg1.gif) top left no-repeat;
}
form#ffurflen-bwcio legend {
	display:none;
}
form#ffurflen-bwcio label {
	width:100px;
	text-align:right;
}
form#ffurflen-bwcio div.form {
	display:block;
	width:285px;
	margin: 3px 0 3px 0;
}
form#ffurflen-bwcio fieldset {
	border:0;
	padding:21px 20px 22px 20px;
}
form#ffurflen-bwcio h2 {
	font-size:1.2em;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:8px;
}
form#ffurflen-bwcio input#submit {
	display:block;
	margin-left: 64px;
}
form#ffurflen-bwcio select.month {
	width:100px;
	padding:0;
}
form#ffurflen-bwcio select.day {
	width:40px;
}
form#ffurflen-bwcio select.num-nights {
	width:35px;
}
form#ffurflen-bwcio select.year {
	width:60px;
}
/* =================================== footer 
*/
#footer {
	clear:right;
	background: url(../img/nosdaimgft.jpg) top center no-repeat;
	padding-top:75px;
	position:relative;
	height:1%;
	background-color:#666;
}
#inner-footer {
 
}
#inner-footer p {
	color:#fff;
	text-align:center;
	background-color:#666;
}
/* == tudalen tafod (piws) ==*/
.round {
	width:300px;
	background:#781e37 url(../img/round-b-piws.jpg) bottom left no-repeat; 
	padding:0;
	margin:10px 0;
	padding-bottom:10px;
}
.round h2 { 
	background:url(../img/round-t-piws.jpg) top left no-repeat;
	text-indent:16px;
	line-height:2em;
}
.round2 p, .round2 li {
	color:#fff;
	font-size:1.2em;
}
/* == tudalen tafarn (glas) ==*/
.round2 {
	width:300px;
	background:#77c0d0 url(../img/round-b-glas.jpg) bottom left no-repeat; 
	padding:0;
	margin:10px 0;
	padding-bottom:10px;
}
.round2 h2 {
	background:url(../img/round-t-glas.jpg) top left no-repeat;
	line-height:1.6em;
}



/* =============== DW Styles ================= */

#wrapper #content #r-col #ffurflen-bwcio #date .month {
	padding-right:3px;
	padding-left:3px;
	margin-left:6px;
}
#wrapper #content #r-col #ffurflen-bwcio #location select {
	margin-left:20px;
}
#wrapper #content #r-col #ffurflen-bwcio #curr select {
	margin-left:15px;
}