/* Tag restyling */
body {
	margin:20px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #fff;
	text-align: center;
	min-width: 5em;
	}
a:link {
	color: #333;
	text-decoration: none;
	border-bottom: dashed #ddd 1px;
	}
a:active {
	color:#ccc ; 
	text-decoration: none;
	border-bottom: none;
	}
a:visited {
	color: #888;
	text-decoration: none;
	border-bottom: dashed #ddd 1px;
	}
a:hover {
	color:#000; 
	text-decoration: none;
	border-bottom: solid #aaa 1px;
	}
img {
	border: 0;
	}
abbr {
	border-style: none;
	}


/* splash header */
#splashheader {
	width: 18em;
	text-align: right;
	margin: 80px auto;
	padding: 0 100px 0 0;
	}
#splashheader img {
	padding: 0;
	margin: 0 0 20px 0;
	}
#splashheader ul {
	padding: 0 0 20px 0;
	margin: 0;
	list-style-type: none
	}
#splashheader ul li {
	font-weight: bold;
	font-size: large;
	}
#splashheader h1 {
	display: none;
	}
#splashheader .intro_cy {
	font-weight: normal;
	font-size: small;
	padding: 0 ;
	margin: 0;
	}
#splashheader .intro_en {
	font-weight: normal;
	font-size: small;
	padding: 0 0 20px 0;
	margin: 0;
	}

/* header styling */
#header {
	text-align: left;
	}
#header a {
	border: 0;
	}
#header h1 img {
	padding-left: 2px;
	display: inline;
	}
#header h1 {
	margin: 0;
	padding: 0;
	}

/* centre div styling */
#item {
	text-align: left;
	margin-left: 195px;
	margin-right: 161px;
	margin-top: 17px;
	border-style: solid;
	border-color: #000;
	border-width: 0px 1px 0px 1px;
	padding: 0px 20px 0px 20px;
	/* IE5x PC mis-implemented box model. IE5x PC will prematurly close a style rule when it runs into the string "\"}\""
	Read more at http://www.glish.com/css/hacks.asp */
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-top: 17px;
	}
html>body #item {
	margin-left: 195px;
	margin-right:161px;
	margin-top: 20px;
	border-style: solid;
	border-color: #000000;
	border-width: 0px 1px 0px 1px;
	padding: 0px 20px 0px 20px;
	}
#item img {
	margin: 5px 20px 5px 0;
	padding: 0;
	float: left;
	border: 1px #000 solid;
	clear: left;
	}
#item h1, #item h2, #item h3, #item h4, #item h5, #item h6 {
	padding: 0 0 8px 0;
	margin: 0;
	clear: left;
	}
#item p {
	padding: 0 0 8px 0;
	margin: 0;
	clear: none;
	}
#item h2 {
	font-size: xx-large;
	}
#item h3.responses {
	padding: 0;
	margin: 40px 0 0 0;
	}
#item p, #item li {
	font-size: small;
	}
#item p.metadata { 
	color: #bbb;
	font-size: xx-small; 
	margin: 0;
	padding: 0 0 20px 0;
	}
#item p.legal {
	margin: 4px 0 0 0;
	padding: 55px 0 0 0;
	background-image: url(/croeso/templates/crelogo.gif);
	background-repeat: no-repeat;
	font-size: xx-small;
	clear: left;
	}
#item p.pages {
	clear: left;
	}
#item h4 {
	font-size: medium;
	padding: 5px 0 5px 0;
	font-weight: bold;
	}

#item h3 {
	padding: 12px 0 5px 0;
	font-size: medium;
	font-weight: bold;
	}
#item form {
	padding: 4px 0 10px 0;
	margin: 0;
	}
#item ul {
	padding: 0;
	margin: 0 0 10px 15px;
	}
#item ul li.alt {
	background-color: #fdfdfd ;
	padding: 5px;
	margin: 5px 0 5px 0;
	}
#item ul li.alt2 {
	padding: 5px;
	margin: 5px 0 5px 0;
	background-color: #fbfbfb ;
	}




/* right div styling */
#contextmenu {
	text-align: left;
	position: absolute;
	right:20px;
	top:128px;
	width:140px;
	/* voice-family: "\"}\"";
	voice-family: inherit; */
	}
#headimg { 
	display: inline;
	margin: 0;
	padding: 0 0 10px 0; 
	}
#contextmenu p {
	font-size:small ;
	padding: 0 0 8px 0;
	margin: 0;
	}
#contextmenu h3.subhead {
	padding: 4px 0 2px 0;
	font-size: x-small;
	font-weight: bold;
	}
#contextmenu h1, #contextmenu h2, #contextmenu h3, #contextmenu h4, #contextmenu h5, #contextmenu h6 {
	padding: 0 0 8px 0;
	margin: 0;
	}
#contextmenu ul {
	margin: 0;
	padding: 0;
	}
#contextmenu ul li {
	list-style-type: none;
	margin: 0;
	padding:0 0 8px 0;
	font-size: small;
	font-weight: normal;
	}

/* left div styling */
#menu {
	position: absolute;
	left:20px;
	top:128px;
	width:175px;
	text-align: right;
	font-size: small;
	font-weight: normal;
		}
#menu form {
	padding: 0 0 20px 0;
	margin:0;
	}
#menu ul {
	list-style-type:none ;
	padding: 0;
	margin:0 ;	
	}
#menu ul li {
	padding: 0 0 3px 0;
	}
#menu ul li.resources {
	padding: 0 0 20px 0;
	}
#menu ul li.accessibility {
	padding: 0 0 20px 0;
	}
.search {
	color: #777;
}
input.searchtext {
	font-size: small;
	font-weight: normal;
	border: #777 solid 1px;
	padding: 1px;
	margin: 0px;
	width: 80px;
}
input.searchsubmit {
	font-size: small;
	font-weight: normal;
	border: #777 solid 1px;
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
	}

/* category styles */


.news, a.news, a.news:visited {
	color: #C61D23;
}
/*
.say, a.say, a.say:visited {
	color: #00BFF2;
}
*/
.say, a.say, a.say:visited {
	color: #009FB2;
}
.diversity, a.diversity , a.diversity:visited {
	color: #993399;
}
/*
.croeso, a.croeso, a.croeso:visited{
	color: #CC9900;
}
*/
.croeso, a.croeso, a.croeso:visited{
	color: #AA7700;
}
/*
.resources, a.resources, a.resources:visited {
	color: #8BC53F;
}
*/
.resources, a.resources, a.resources:visited {
	color: #6BA52F;
}
.accessibility, a.accessibility, a.accessibility:visited{
	color: #000;
}
.translate, a.translate, a.translate:visited {
	color: #777;
}
p.legal, p.legal a.legal, p.legal a.translate:visited, p.legal a {
	color: #aaa;
	font-size: xx-small;
}
