@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color : #ffffff;
}

li {
	margin-bottom: 10px;
}

li ul {
	margin-top: 10px;
}

li ul li {
	font-size: 1em;
}

a {
	color: #000000;
}

a:hover {
	color: #000000;
	text-decoration: none;
}

h1, h2 {
	padding: 0.5em 0 0 0;
	margin: 16px 0 0 0;
}

h1 {background-color: #FFF; color: #369; background-image: none; clear: both; margin: 1em 0 0 0; padding-top: 1em;}

h2 { 
	color: #FFF;
	margin: 0;
    padding: 0.1em 0 0.1em 1em; 
	font-size: 0.95em;
	background: #ff9900 url(/img/hp-new/curvetop.gif) right top no-repeat;	
}

p {padding-top: 0; margin: 0.7em 0 1.5em 0;}

/******************** Header *********************/

#header {
	margin: 0;
	padding: 0;
	width: 850px; 
	background-color: #FFF;
	height: 90px;
} 

#logo {
	margin: 0;
	padding: 0;
	height: 90px;
	float: left;
} 

.logo {
	margin: 13px 0 0 0;
	border: none;
}

a.top {
	display: block; /* don't delete - not actually necessary for display purposes, but used in ajaxtooltip.asp */
}

.displaynone {
	display: none
}

#housekeeping {
	float: right; 
	text-align: right;
	color: #000;
}

#housekeeping a {
	color: #000;
	text-decoration: none;
}

#housekeeping a:hover {
	color: #000;
	text-decoration: underline;
}

#cymraeg {
	font-family: Verdana, Helvetica, sans-serif;
	margin: 13px 0 0 0;
}

#cymraeg a {
	text-decoration: underline;
}

#cymraeg a:hover {
	text-decoration: none;
}

.textsize {
	display: inline;
}

.textsize p {
	display: inline;
	margin: 0;
	padding: 0;
}

.textsizebutton {
	margin: 0 0 -1px 1px;
	border: 0;
}

#navcontainer {
	margin-top: 10px;
	background-color: #39c;
	color: #fff;
	clear: both;
	width: 770px;
} 

#nav {
	background-color: #39c;
	float: left;
	padding: 0; 
	margin: 0;
	width: 850px;
} 

/******************** Page sections *********************/

#container {
	width: 850px; 
	background-color: #FFF;
	margin: 0 auto;
	text-align: left;
}

.subcontainer {width: 850px; clear: both;}

.containerleft {float: left; width:520px;}

.containerright {float:right; width:302px;}

.contleft {
	float: left;
	width: 48%;
}

.contright {
	float: right;
	width: 48%;
}

#fullcontent {
	width: 500px;
	margin: 0;
	padding: 0;
}

#fullcontentbox {
	width: 500;
	padding: 17px 0 0 17px;
	margin: 0;
	border:1px solid #FF9900;
}


/******************** right nav *********************/

.rightnav, .rightnav2 {
	float: left;
	width: 290px;
	padding: 0 0 1em 0;
	margin: 0 0 0 12px;
}

*html .rightnav, .rightnav2 {width: 288px;}

.rightnav h1{
	 background-color: #990066; 
	 background-image: url(/img/hp-new/curvetopdwp.gif); 
	 background-repeat: no-repeat; 
	 background-attachment: scroll;
	 background-position: right top; color: #FFF; font-size: 0.95em; padding:0.1em 0 0.1em 1em; margin: 0;} 

.rightnav2 h1{
	 background-color: #3399CC; 
	 background-image: url(/img/hp-new/curvetopbl.gif); 
	 background-repeat: no-repeat; 
	 background-attachment: scroll;
	 background-position: right top; color: #FFF; font-size: 0.95em; padding:0.1em 0 0.1em 1em; margin: 0.5em 0 0 0;} 

/******************** Footer *********************/

#footer {
	clear: both;
	margin: 0 0 2em 0;
	padding: 0.5em 0 0 0 ;
}

#footernav p {
	font-family: Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	background-color: #3399cc;
	text-align: right;
	margin: 0;
	padding: .1em 1em .3em 1em;
	clear: both;
}

#footer p {margin: 0; padding: 0; height: 1em; font-size: 0.5em;}

.backtotop {
	clear: right;
	text-align: right;
	padding: 0;
	margin: 0;
}

#sendtofriend {
	text-align: right;
	padding: 0 .4em 0 1em;
	margin: 0;
    background: #ff9900 url(/img/pro/curvebottom.gif) left bottom no-repeat;	
}

#sendtofrienddwp {
	background-color: #990066;
	background-image: url(/img/hp-new/curvebottomdwp.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
}

#sendtofriendbl {
	background-color: #3399CC;
	background-image: url(/img/hp-new/curvebottombl.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
}

#sendtofriend a,#sendtofriend a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding-right: 25px;
	margin: 0;
	display: block;
}

/******************** New content boxes, bullets and styles *********************/
.contentboxdwp {
	float: right;
	width: 288px;
	margin: 0;
	padding: 0;
	border: 1px solid #990066;
	background-color: #FFF;
}

.contentboxbl {
	float: right;
	width: 288px;
	margin: 0;
	padding: 0;
	border: 1px solid #3399CC;
	background-color: #FFF;
}

.contentboxdwp ul {list-style: disc url(/img/hp-new/arrow-emppurple-hover.gif); padding-top: 0.5em; background-position: 0.5em;}

.contentboxbl ul {list-style: disc url(/img/hp-new/arrow-lightblue-hover.gif); padding-top: 0.5em; padding-right:0.2em; background-position: 0.5em;}

ul.bullet {list-style: disc url(/img/hp-new/arrow-hover.gif); padding: 0.5em 0 0 0.5em; background-position: 0.5em; margin:0.5em;}

ul.bullet li, ul li {padding: 0 0 0.4em 0; margin: 0;}

ul ul {padding: 0.2em 0 0 1em; margin: 0;}

ul ul li {padding: 0 0 0.2em 0; margin: 0;}

.contentbox {padding-left: 1em; margin: 0;}

.dwpimg {float:right; margin: 0 0.5em 0.8em 0;}

.blimg {float:right; margin: 0 0.5em 0 0;}

a img {border: none;}