/*General Layout*/
img		{
	border: 0;
	}
body	{
	background: #FFF;
	color: #333;
	margin: 0;
	padding: 0;
	border: 2px solid #036;
	border-top: 10px solid #036;
 border-bottom: 0;
	text-align: center; 
	font-family: arial, verdana, "bitstream vera sans", sans-serif;
 font-size: large;
	}
p {
	margin:0;
}
#tb {
	width: 100%;
 height: 110px;
	text-align: right;
 background: url(../im/bg_s.gif) no-repeat;
}

.skpnv {
display: none;
}
div.clr {
clear: both;
padding-top: 2px;
}
#tnv {
	height: 1.7em;
 border-top: 2px solid #036;
	border-bottom: 2px solid #036;
 background-color: #ffd853;
	text-align: left;
}
 
#sdb {
 clear: both;
	float: left;
	width: 18%;
	height: 100%;	
border-right: 1px solid #ffd853;
	background-color: #036;
 border-top: 2px solid #ffd853;
 text-align: left;
 border-left: 1px solid #ffd853; 
 border-bottom: 2px solid #ffd853;
} 
#mn {
float: left;
text-align: left;
width: 65%;
margin-left: 2%;
margin-right: 5%;
margin-top: 10px;
min-height: 370px;
line-height: 1.3em;
}
#mn p img {
border: 1px solid #036;
vertical-align: text-top;
margin: 0 5px 5px 0;
float: left;
}
#new {
background: #ffe87e url(../im/nw_bk.gif) no-repeat top left;
border: 1px solid #036;
padding: 5px;
margin-bottom: 1em;
line-height: 1.2em;
}
#new img {
margin-right: 5px;
margin-bottom: 3px;
border: 1px solid #036;
vertical-align: middle;
}
/*Index layout*/
#wrap{
margin: 0 auto;
padding: 0;
width: 100%;
height: 600px;
background: url(../im/sp_log3.gif) top right no-repeat;
text-align: left;
}
#mrg {
height: 10%;
}
#inrgt {
width: 444px;
text-align: left;
margin-left: 5%;
margin-right: 30%;
}
#inrgt img{
margin-bottom: 10px;
}
#nav {
background: #ffe87e;
color: #036;
border: 1px solid #036;
margin: 0;
}
#nav p{
font-size: medium;
margin: 0;
margin-left: 5px;
margin-top: 5px;
}
#nav a:link, #nav a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #036;
	}
#nav a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #000;
	background: #fff; 
	}
#nav a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #526968;
	background: transparent;  
	}
.ln {
padding: 10px 5px;
border-top: 1px solid #036;
margin: 0;
font-size: medium;
font-weight: bold;
margin-top: 5px;
}
#enw {
height: 1.7em;
 border-top: 2px solid #036;
	border-bottom: 1px solid #036;
 background: #ffe87e;
	text-align: center;
}
#enw ul {
list-style: none;
padding: 0;
border: 0;
margin: 0;
}
#enw li {
text-align: center;
height: 1.7em;
line-height: 1.7em;
float: left;
margin: 0;
padding: 0;
border-left: 1px solid #036; 
border-right: 1px solid #036; 
background: #ffd853;
width: 219px;
}
#enw li.lnr {
border-right: 1px solid #036;
}
#enw li a {
width: 219px;
display: block; 
padding: 0;
float: left;
}
 /*footer layout*/
#ftr {
clear: both;
width: 100%;
height: 1.7em;
text-align: center; 
border-top: 2px solid #ffd853;
background-color: #036; 
color: #fff;
font-size: 80%;
} 
#lft {
float: left;
text-align: left;
padding-left: 3px;
}
#rgt {
float: right;
padding-right: 10px;
}
#new {
background: #ffe87e url(../im/nw_bk.gif) no-repeat top left;
border: 1px solid #036;
padding: 5px;
margin-bottom: 1em;
}
 /*Top Navigation*/

#tnv ul {
list-style: none;
padding: 0;
border: 0;
margin: 0;
margin-left: 18%;
}
#tnv li {
text-align: center;
height: 1.7em;
/*width: 6.5em;*/
line-height: 1.7em;
float: left;
margin: 0;
padding: 0;
border-left: 2px solid #036;
}
#tnr {
border-right: 2px solid #036;
}

#tnv li a {
display: block; 
padding: 0 5px 0 5px;
float: left;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#tnv li a {float:none;}
  /* End IE5-Mac hack */


#tnv li a:hover {
background: #fff;
/*height: 1.7em;*/
}
/*float cymraeg button right*/
#tnv li.tnvr {
float: right;
}

/*Sidebar Navigation*/
#sdb ul {
list-style: none;
padding: 0;
border: 0;
margin: 0;
}
#sdb li {
text-align: left;
line-height: 1.5em;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 2px solid #ffd853;
}
#sdb li a {
display: block;
padding-left: 3px;
padding-right: 3px;
}
#sdb li a:hover {
background: #ffd853;
}
#sdb li.ft {
border: 0;
height: 30px;
background: #036 url(../im/sb_ft.gif) no-repeat bottom right;
}

/*Sidebar Image*/
#sdb li.sbim {
text-align: center;
color: #fff;
font-size: 80%; 
overflow: hidden;
}
#sdb img {
border: 1px solid #ffd853;
margin: 3% 3% 0 3%;
}
#sdb li.sbim a {
display: inline;
padding-right: 3px;
}
#sdb li.sbim a:hover {
background: #036;
color: #fff;
}

/*Image Galerie */
div.im {
border: 1px solid #036;
background: #dededa;
padding: 5px;
text-align: left;
margin-bottom: 1em;
}
div.flt {
float: left;
width: 180px; 
margin: 0 10px;
text-align: center;
  }
div.flt img {
border: solid 1px #036;
margin: 0;
}
div.flt img.prt {
margin: 0 30px;
}
div.flt p {
   text-align: center;
   }
div.mid {
width: 88%;
margin-left: auto;
margin-right: auto;
}
/*Solo Images with captions*/
div.fltlg {
float: left;
width: 250px; 
margin: 0 10px;
text-align: center;
  }
div.fltlg img{
border: solid 1px #036;
}
/*Showcase*/
#show img{
border: 1px solid #036;
vertical-align: text-top;
margin: 0 5px 5px 0;
}
/*Whats On*/
div.wo {
background: #ffe87e;
border: 1px solid #036;
margin-bottom: 1em;
}
div.wo h2 {
background: #ffd853 url(../im/h2_ico.gif) 3px 3px no-repeat;
border-bottom: 1px solid #036;
padding: 2px 27px;
margin: 0;
margin-bottom: 5px;
line-height: 1.5em;
height: 1.5em;
} 
div.wo h4 {
background: #ffd853;
border-top: 1px solid #036;
padding: 3px 10px;
margin: 0;
line-height: 1em;
height: 1em;
}
.wor, .colr {
float: right;
text-align: right;
}
.wol, .coll {
clear: both;
float: left;
text-align: left;
}
.wonav {
background: #ffd853;
border: 1px solid #036;
padding: 5px 0px;
margin-bottom: 1em;
}
.wonav p{
padding: 5px 0px;
}
/*Forum*/
div.forum {
background: #FEF7DF;
border: 1px solid #036;
margin-bottom: 1em;
line-height: 1.2em;
}
div.forum h2 {
background: #ffd853 url(../im/mes.gif) 3px 3px no-repeat;
border-bottom: 1px solid #036;
padding: 2px 35px;
margin: 0;
line-height: 1.5em;
height: 1.5em;
} 
div.frm{
background: #ffe87e;
border-bottom: 1px solid #036;
padding: 4px 10px;
margin: 0; 
margin-bottom: 5px;
line-height: 1em;
height: 1em;
font-size: medium;
font-weight: bold;
color: #036;
}
div.forum h3 {
background: #ffd853 url(../im/mes_sm.gif) 3px 3px no-repeat;
border-bottom: 1px solid #036;
border-top: 1px solid #036;
padding: 2px 30px;
margin: 0;
line-height: 1.5em;
height: 1.5em;
}
.coll{
width: 50%;
border-right: 1px solid #036;
}
.colm {
float: left;
text-align: left;
padding-left: 5px;
width: 200px;
border-right: 1px solid #036;
}
table#forum {
	width: 100%;
 border-right: 1px solid #036;
border-top: 1px solid #036;
 background: #ffe87e;
 margin: 0;
 font-size: medium; 
margin-bottom: 1em;
padding: 0;
}
#forum tbody{
 border: 1px solid #036;
    }
#forum tbody tr{
 border-bottom: 1px solid #036;
}
#forum tbody tr td, #forum thead th{
 padding: 3px 8px;
 border-left: 1px solid #036;
border-bottom: 1px solid #036;
}
#forum thead th{
 background: #ffd853;
 color: #036;
 font-size: large;
}
#forum tbody tr.odd  td {
      background-color: #FEF7DF;
    }
/*Typography*/
#mn p{
 font-size: medium; 
 margin: 1em; 
}
#tnv p{ 
padding: 3px;
	font-weight: bold;
}
#sdb p{
background: #fff url(../im/crcl.gif) no-repeat bottom right;
padding-top: 20px; 
padding-left: 3px;
font-size: small;
font-weight: bold; 
color: #036;
border-top: 2px solid #036;
}

h1, h2, h3 {
color: #036; 
font-size: x-large; 
}
h2, h3 {
font-size: large;
font-weight: bold; 
}
h3 {
font-size: medium;
font-weight: bold;
margin: 0;
margin-left: 1em;
margin-top: 10px;
}
#new h2 {
margin: 0;
border-bottom: 1px solid #036;
}
#new h3 {
margin: 0;
}
#lrgf {
font-size: 120%;
border-bottom: 2px solid #036;
	background-color: #ffd853;
}
#pltxt {
font-family: Times, Georgia, serif;
}
#mn p.r{
display: block;
clear: both;
text-align: right;
padding: 5px 10px;
border-bottom: 1px solid #036;
}
/*Site Options*/
#sopt p{
line-height: 2.5em;
}
#mn .df, #mn .lg, #mn .pt {
border: 1px solid #036; 
padding: 5px;
background: #fff;
color: #000; 
}
#mn .df {
font-size: medium;
}
#mn .lg {
font-size: large;
}
#mn .pt {
border: 1px solid #000;
font-size: large;
}
#mn .hv {
border: 1px solid yellow;
padding: 5px;
background: #000; 
font-weight: bold;
font-size: large;
color: yellow; 
}
/*ListStyle*/
#mn ul {
list-style-image: url(../im/bul_wl.gif);
list-style-position: inside;
padding: 0;
border: 0;
margin-left: 30px;
font-size: medium;
line-height: 1.5em;
}
#new ul, #mn div.wo ul{
list-style-image: url(../im/bul_yl.gif);
list-style-position: inside;
padding: 0;
border: 0;
margin-left: 30px;
font-size: medium;
line-height: 1.3em;
}


/*Forms*/
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 35%;
  text-align: right;
		font-size: medium;
  }

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  font-size: medium;
  } 
div.row .sm {
 font-size: medium;
 font-family: arial, verdana, "bitstream vera sans", sans-serif; 
}
/*Links*/

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #036;
	background: transparent; 
	}
a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #000;
	background: transparent; 
	}
a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #526968;
	background: transparent;  
	}
#ftr a:link, #ftr a:visited {
 color: #fff;
}
#sdb a:link, #sdb a:visited {
 color: #ffd853;
}
#sdb a:hover {
text-decoration : underline;
	color: #036;
}
#opt a:link, #opt a:visited {
color: #036;
}
#sdb a:hover {
text-decoration: underline;
color: #036;
}
/*PrintStyle*/

@media print {
	.skpnav, #tnv, #sdb, #ftr, div.wonav{
		display: none;
	}
	body {
border: 0;
font-family: arial, helvetica, sans-serif; 		
color: black;
width: 90%;
font-size: 16pt;
	}
#tb {
height: 120px;
border: 0;
padding: 0;
margin: 0 0 .5em 0;
text-align: left;
/*background: transparent url(../im/prnt_log.gif) left top no-repeat;*/
} 	
#mn {
float: none;
width: 100%;
}
#new {
border: 0;
border-bottom: 1px solid #036;
}
#mn a {
text-decoration: underline; 
color: #036;
	}
div.wo h2, div.wo h3 {
height: auto;
font-size: 16pt;
border: 0;
padding: 0;
}
div.wo h4 {
height: auto;
font-size: 12pt;
border: 0;
}
div.wo {
border: 0;
border-top: 2px solid #036;
margin:  0 0 3em 0;
padding: 3em 0 0 0;
}
.wor {
display: block;
}
h1, h2, h3, h4 {
font-size: 20pt;
color: #036;
font-weight: bold;
}
h2 {
font-size: 18pt;
}
h3, h4 {
font-size: 16pt;
}
	pre {
		font-family: "Andale Mono", "Courier New", Courier, monospace;
	}
	tt {
		font-family: "arial", sans-serif;
	}

	}