/* CSS Document */

/* Reset styles */
	
* {
	margin:0;
	padding:0;
}
html {
	background:#fff;
	border:none;
	color:#000;
	font:normal normal normal 0.625em/100% Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
}
body {
	font-size:1em;
	line-height:1.5em;
	word-wrap: break-word; /* Doesn't work for FF3 as yet - see http://blog.stchur.com/2007/03/01/word-wrap-for-mozilla-take-2/ */
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, li, dt, dd, caption, table, thead, tbody, tfoot, tr, th, td, legend, pre, address, del, ins { /* Block elements */
	border:none;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
}
a, abbr, acronym, strong, em, b, i, code, tt, q, cite, label, samp, dfn { /* Inline elements */
	border:none;
	font-size:1em;
	margin:0;
	padding:0;
	text-decoration:none;
	text-transform:none;
}
/* Images and frames */

img, a img, iframe {
	border:none;
}
/* Headers and text */

h1, h2, h3, h4, h5, h6, strong, b {
	font-weight:bold;
}
pre, code, tt {
	font-family:"Courier New", Courier, monospace;
}
pre {
	white-space:pre;
}
samp {
	font-family:"Lucida Console", Monaco, monospace;
}
q, cite, em, i, dfn {
	font-style:italic;
}
q {
	quotes: '\201C' '\201D' '\2018' '\2019';
}
q:lang(en) {
	quotes: '\201C' '\201D' '\2018' '\2019';
}
abbr, acronym {
	border-bottom:0.1em dotted;
	cursor:help;
}
del {
	text-decoration:line-through;
}
ins {
	color:#F00;
}
/* Lists */

ul {
	list-style:outside disc;
}
ol {
	list-style:outside decimal;
}
dt {
	font-weight:bold;
}
li, dd {
	margin-left:1.5em;
}
/* Links */

a, a:link {
	text-decoration:underline;
}
a:visited {
}
a:hover {
}
a:active {
}
/* Forms */

form, fieldset {
	margin:0;
	padding:0;
}
fieldset {
	border:none;
}
legend {
	color:#000;
	padding:0;
}
input, textarea, select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	padding:0.1em;
}
select {
	padding:0;
}
/* Tables */

table {
	border-collapse:collapse;
	text-align:left;
	white-space:normal;
}
caption {
}
tr, td, th {
}
/* Universal classes */

.hidden {
	display:none;
}
.emphasis {
	background:#eaeaeb;
	border:0.1em solid #b80004;
	color:#fff;
	padding:0.5em;
}
.marginbelow {
	margin-bottom:1em;
}
.floatleft {
	float:left;
	margin-right:0.5em;
}
.floatright {
	float:right;
	margin-left:0.5em;
	margin-bottom: 0.25em;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.clearboth {
	clear:both;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.centre {
	text-align:center;
}
.spacebottom0 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.spaceallaround0 {
	margin: 0 !important;
	padding: 0 !important;
}
html {
	background:#666;
}
body#projects {
	background:#666;
	font: normal 1em/140% Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#projects.penyrenglyn #wrapper {
	background:#fff url(../images/projects_chrome/penyrenglyn-left-background_png8.png) top left repeat-y;
}
#projects.rhydyfelin #wrapper {
	background:#fff url(../images/projects_chrome/rhydyfelin-left-background_png8.png) top left repeat-y;
}
#projects.dinas #wrapper {
	background:#fff url(../images/projects_chrome/dinas-left-background_png8.png) top left repeat-y;
}
#projects.artworks #wrapper {
	background:#fff url(../images/projects_chrome/artworks-left-background_png8.png) top left repeat-y;
}
#projects.opzulu #wrapper {
	background:#fff url(../images/projects_chrome/opzulu-left-background_png8.png) top left repeat-y;
}
#projects.penygraig #wrapper {
	background:#fff url(../images/projects_chrome/penygraig-left-background_png8.png) top left repeat-y;
}


#projects #wrapper {
	margin:0 auto;
	position:relative;
	width:80em;
}


/* Header */
#projects #header {
	height:137px;
	
	padding-left:20em;
}


#projects.penyrenglyn #header {
	background:#142679;
}
#projects.rhydyfelin #header {
	background:#c82d9a;
}
#projects.dinas #header {
	background:#c50d16;
}
#projects.artworks #header {
	background:#6A27E0;
}
#projects.opzulu #header {
	background:#00A259;
}
#projects.penygraig #header {
	background:#20d2d2;
}


#projects #header h1 {
	background:transparent url(../images/projects_chrome/valleys-kids-logo_png8.png) no-repeat;
	height:118px;
	left:10em;
	position:absolute;
	text-indent:-9999%;
	top:1em;
	width:118px;
}
#projects #header h2 {
	text-indent:-999em;
	line-height:0;
}
#projects #header h2 img {
	float:right;
	display:block;
}

/* Main navigation within header - uses Suckerfish - http://htmldog.com/articles/suckerfish/dropdowns/ */
#header #navcontainer {
	height:28px;
	width:60em;
}
#nav, #nav ul { /* all lists */
	height:28px;
	margin: 0;
	line-height: 1;
	list-style: none;
	padding: 0;
	width:60em;}

#nav ul li { /* all list items */
	float: left;
	margin: 0;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav ul li a {
	display: block;
	height:28px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-9999%;
	width:80px;
	z-index:2;
}

li#nav_home a, li#nav_home a:hover {
	left:0;
}

.penyrenglyn li#nav_home a, .penyrenglyn li#nav_home a:hover {
	background:url(../images/projects_chrome/penyrenglyn-home_buttons.png) no-repeat;
}

.penyrenglyn li#nav_about a, .penyrenglyn li#nav_about a:hover {
	background:url(../images/projects_chrome/penyrenglyn-about_buttons.png) no-repeat;
}

.penyrenglyn li#nav_work a, .penyrenglyn li#nav_work a:hover {
	background:url(../images/projects_chrome/penyrenglyn-work_buttons.png) no-repeat;
}

.penyrenglyn li#nav_places a, .penyrenglyn li#nav_places a:hover {
	background:url(../images/projects_chrome/penyrenglyn-places_buttons.png) no-repeat;
}

.penyrenglyn li#nav_involved a, .penyrenglyn li#nav_involved a:hover {
	background:url(../images/projects_chrome/penyrenglyn-involved_buttons.png) no-repeat;
}

.penyrenglyn li#nav_donate a, .penyrenglyn li#nav_donate a:hover {
	background:url(../images/projects_chrome/penyrenglyn-donate_buttons.png) no-repeat;
}

.penyrenglyn li#nav_contact a, .penyrenglyn li#nav_contact a:hover {
	background:url(../images/projects_chrome/penyrenglyn-contact_buttons.png) no-repeat;
}

.rhydyfelin li#nav_home a, .rhydyfelin li#nav_home a:hover {
	background:url(../images/projects_chrome/rhydyfelin-home_buttons.png) no-repeat;
}

.rhydyfelin li#nav_about a, .rhydyfelin li#nav_about a:hover {
	background:url(../images/projects_chrome/rhydyfelin-about_buttons.png) no-repeat;
}

.rhydyfelin li#nav_work a, .rhydyfelin li#nav_work a:hover {
	background:url(../images/projects_chrome/rhydyfelin-work_buttons.png) no-repeat;
}

.rhydyfelin li#nav_places a, .rhydyfelin li#nav_places a:hover {
	background:url(../images/projects_chrome/rhydyfelin-places_buttons.png) no-repeat;
}

.rhydyfelin li#nav_involved a, .rhydyfelin li#nav_involved a:hover {
	background:url(../images/projects_chrome/rhydyfelin-involved_buttons.png) no-repeat;
}

.rhydyfelin li#nav_donate a, .rhydyfelin li#nav_donate a:hover {
	background:url(../images/projects_chrome/rhydyfelin-donate_buttons.png) no-repeat;
}

.rhydyfelin li#nav_contact a, .rhydyfelin li#nav_contact a:hover {
	background:url(../images/projects_chrome/rhydyfelin-contact_buttons.png) no-repeat;
}

.dinas li#nav_home a, .dinas li#nav_home a:hover {
	background:url(../images/projects_chrome/dinas-home_buttons.png) no-repeat;
}

.dinas li#nav_about a, .dinas li#nav_about a:hover {
	background:url(../images/projects_chrome/dinas-about_buttons.png) no-repeat;
}

.dinas li#nav_work a, .dinas li#nav_work a:hover {
	background:url(../images/projects_chrome/dinas-work_buttons.png) no-repeat;
}

.dinas li#nav_places a, .dinas li#nav_places a:hover {
	background:url(../images/projects_chrome/dinas-places_buttons.png) no-repeat;
}

.dinas li#nav_involved a, .dinas li#nav_involved a:hover {
	background:url(../images/projects_chrome/dinas-involved_buttons.png) no-repeat;
}

.dinas li#nav_donate a, .dinas li#nav_donate a:hover {
	background:url(../images/projects_chrome/dinas-donate_buttons.png) no-repeat;
}

.dinas li#nav_contact a, .dinas li#nav_contact a:hover {
	background:url(../images/projects_chrome/dinas-contact_buttons.png) no-repeat;
}

.artworks li#nav_home a, .artworks li#nav_home a:hover {
	background:url(../images/projects_chrome/artworks-home_buttons.png) no-repeat;
}

.artworks li#nav_about a, .artworks li#nav_about a:hover {
	background:url(../images/projects_chrome/artworks-about_buttons.png) no-repeat;
}

.artworks li#nav_work a, .artworks li#nav_work a:hover {
	background:url(../images/projects_chrome/artworks-work_buttons.png) no-repeat;
}

.artworks li#nav_places a, .artworks li#nav_places a:hover {
	background:url(../images/projects_chrome/artworks-places_buttons.png) no-repeat;
}

.artworks li#nav_involved a, .artworks li#nav_involved a:hover {
	background:url(../images/projects_chrome/artworks-involved_buttons.png) no-repeat;
}

.artworks li#nav_donate a, .artworks li#nav_donate a:hover {
	background:url(../images/projects_chrome/artworks-donate_buttons.png) no-repeat;
}

.artworks li#nav_contact a, .artworks li#nav_contact a:hover {
	background:url(../images/projects_chrome/artworks-contact_buttons.png) no-repeat;
}

.artworks li#nav_home a, .artworks li#nav_home a:hover {
	background:url(../images/projects_chrome/artworks-home_buttons.png) no-repeat;
}

.artworks li#nav_about a, .artworks li#nav_about a:hover {
	background:url(../images/projects_chrome/artworks-about_buttons.png) no-repeat;
}

.opzulu li#nav_work a, .opzulu li#nav_work a:hover {
	background:url(../images/projects_chrome/opzulu-work_buttons.png) no-repeat;
}

.opzulu li#nav_places a, .opzulu li#nav_places a:hover {
	background:url(../images/projects_chrome/opzulu-places_buttons.png) no-repeat;
}

.opzulu li#nav_involved a, .opzulu li#nav_involved a:hover {
	background:url(../images/projects_chrome/opzulu-involved_buttons.png) no-repeat;
}

.opzulu li#nav_donate a, .opzulu li#nav_donate a:hover {
	background:url(../images/projects_chrome/opzulu-donate_buttons.png) no-repeat;
}

.opzulu li#nav_contact a, .opzulu li#nav_contact a:hover {
	background:url(../images/projects_chrome/opzulu-contact_buttons.png) no-repeat;
}

.penygraig li#nav_home a, .penygraig li#nav_home a:hover {
	background:url(../images/projects_chrome/penygraig-home_buttons.png) no-repeat;
}

.penygraig li#nav_about a, .penygraig li#nav_about a:hover {
	background:url(../images/projects_chrome/penygraig-about_buttons.png) no-repeat;
}

.penygraig li#nav_work a, .penygraig li#nav_work a:hover {
	background:url(../images/projects_chrome/penygraig-work_buttons.png) no-repeat;
}

.penygraig li#nav_places a, .penygraig li#nav_places a:hover {
	background:url(../images/projects_chrome/penygraig-places_buttons.png) no-repeat;
}

.penygraig li#nav_involved a, .penygraig li#nav_involved a:hover {
	background:url(../images/projects_chrome/penygraig-involved_buttons.png) no-repeat;
}

.penygraig li#nav_donate a, .penygraig li#nav_donate a:hover {
	background:url(../images/projects_chrome/penygraig-donate_buttons.png) no-repeat;
}

.penygraig li#nav_contact a, .penygraig li#nav_contact a:hover {
	background:url(../images/projects_chrome/penygraig-contact_buttons.png) no-repeat;
}


#projects #nav li#nav_home a:hover, #projects #nav li#nav_about a:hover, #projects #nav li#nav_work a:hover, #projects #nav li#nav_places a:hover, #projects #nav li#nav_involved a:hover, #projects #nav li#nav_donate a:hover, #projects #nav li#nav_zone a:hover, #projects #nav li#nav_contact a:hover {
	background-position: 0 -28px;
}

#projects #nav ul li ul { /* second-level lists */
	background: #eeebfd;
	font: bold 1em/100% Tahoma, Arial, Helvetica, sans-serif;
	height:auto;
	left: -9999%; /* using left to hide menus because display: none isn't read by screen readers */
	padding:0;
	position: absolute;
	width: 12em;
}

#projects #nav ul li ul a, #nav ul li ul a:hover {
	background-color: #eeebfd;
	background-image:none;
	height:auto;
	padding:0.2em 0.5em 0.2em 0.2em;
	width:11.3em;
}

#projects #nav ul li ul li {
	border-bottom:1px solid #291d75;
}

#projects #nav ul li ul li a {
	color:#291d75;
	font-size:1.2em;
	padding:0.2em 0.5em 0.2em 0.2em;
	text-indent:0;
	width: 11.3em;
}

#projects #nav ul li ul li a:hover {
	background:#eac12f;
	color:#c40009;
	z-index:999;
}

#projects #nav ul li ul li ul { /* third-and-above-level lists */
	margin: -1.7em 0 0 14em;
}

#projects #nav ul li:hover ul li ul, #nav ul li.sfhover ul li ul {
	left: -9999%;
}

#projects #nav ul li:hover ul, #nav ul li ul li:hover ul, #nav ul li.sfhover ul, #nav ul li ul li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Wrapper around body section of page */
#contentwrapper {
	margin-top:-5px; /* To get the ragged block to butt up to the header */
	min-height:60em;
	width:80em;
}

/* Left column */

#leftcolumn {
	float:left;
	min-height:60em;
	width:20em;
}

#leftcolumninner {
	background:transparent url(../images/projects_chrome/penyrenglyn-left-silhouette_png8.png) 3em 20em no-repeat;
	min-height:57em;
	padding:3em 0 0 1em;
	width:16em;
}
.penyrenglyn #leftcolumninner {
	background:transparent url(../images/projects_chrome/penyrenglyn-left-silhouette_png8.png) 3em 20em no-repeat;
}
.rhydyfelin #leftcolumninner {
	background:transparent url(../images/projects_chrome/rhydyfelin-left-silhouette_png8.png) 3em 20em no-repeat;
}
.dinas #leftcolumninner {
	background:transparent url(../images/projects_chrome/dinas-left-silhouette_png8.png) 3em 20em no-repeat;
}
.artworks #leftcolumninner {
	background:transparent url(../images/projects_chrome/artworks-left-silhouette_png8.png) 3em 20em no-repeat;
}
.opzulu #leftcolumninner {
	background:transparent url(../images/projects_chrome/opzulu-left-silhouette_png8.png) 3em 20em no-repeat;
}
.penygraig #leftcolumninner {
	background:transparent url(../images/projects_chrome/penygraig-left-silhouette_png8.png) 3em 20em no-repeat;
}


/* Local navigation in left column */

#local {
}

#local ul {
	list-style:none;
	margin:2em 0 0;
}

#local ul li {
	margin:0;
}

#local ul li a {
	color:#fff;
	font: bold 1.4em/140% Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#local ul li a:hover {
	color:#fcee21;
}

/* Main content area */

#contentwrapper #maincolumn {
	float:left;
	margin:0.5em 0 0 0;
	padding-bottom:128px;
	width:38em;
}
#contentwrapper #maincolumn h1 {
	font: bold 4em/100% Tahoma, Arial, Helvetica, sans-serif;
}

#contentwrapper #maincolumn h2 {
	font: bold 1.6em/100% Tahoma, Arial, Helvetica, sans-serif;
}

#contentwrapper #maincolumn p, #contentwrapper #maincolumn ul {
	font: 1.4em/120% Tahoma, Arial, Helvetica, sans-serif;
	margin:0 1em 1em 0;
}

#contentwrapper #maincolumn div.article {
	border-bottom:solid 0.1em;
	margin:0 0 1em 0;
}

#contentwrapper #maincolumn #flickr {
	padding-bottom:2em;
	min-height: 425px;
}

#contentwrapper #maincolumn #flickr div.flickrrecord {
	border-top:1px solid;
	clear:left;
	padding-top:1em;
}

#contentwrapper #maincolumn #flickr div.flickrrecord div.flickrimage {
	float:left;
	margin-right:2em;
}

#contentwrapper #maincolumn #flickr div.flickrrecord div.flickrtext {
}

#contentwrapper #maincolumn #flickr .flickrrecord .flickrtext p {
}

#projects.penyrenglyn #contentwrapper #maincolumn h1, #projects.penyrenglyn #contentwrapper #maincolumn h2 {
	color:#c0001f;
}
#projects.penyrenglyn #contentwrapper #maincolumn div.article, #projects.penyrenglyn #contentwrapper #maincolumn #flickr div.flickrrecord {
	border-color:#c0001f;
}
#projects.rhydyfelin #contentwrapper #maincolumn h1, #projects.rhydyfelin #contentwrapper #maincolumn h2 {
	color:#37ab17;
}
#projects.rhydyfelin #contentwrapper #maincolumn div.article, #projects.rhydyfelin #contentwrapper #maincolumn #flickr div.flickrrecord {
	border-color:#37ab17;
}
#projects.dinas #contentwrapper #maincolumn h1, #projects.dinas #contentwrapper #maincolumn h2 {
	color:#c50d16;
}
#projects.dinas #contentwrapper #maincolumn div.article, #projects.dinas #contentwrapper #maincolumn #flickr div.flickrrecord {
	border-color:#c50d16;
}
#projects.artworks #contentwrapper #maincolumn h1, #projects.artworks #contentwrapper #maincolumn h2 {
	color:#6A27E0;
}
#projects.artworks #contentwrapper #maincolumn div.article, #projects.artworks #contentwrapper #maincolumn #flickr div.flickrrecord {
	border-color:#6A27E0;
}
#projects.opzulu #contentwrapper #maincolumn h1, #projects.opzulu #contentwrapper #maincolumn h2 {
	color:#e40004;
}
#projects.opzulu #contentwrapper #maincolumn div.article, #projects.opzulu #contentwrapper #maincolumn #flickr div.flickrrecord {
	border-color:#e40004;
}
#projects.penygraig #contentwrapper #maincolumn h1, #projects.penygraig #contentwrapper #maincolumn h2 {
	color:#e40004;
}
#projects.penygraig #contentwrapper #maincolumn div.article, #projects.penygraig #contentwrapper #maincolumn #flickr div.flickrrecord {
	border-color:#e40004;
}

/* Secondary content area */

#contentwrapper #rightcolumn {
	background:#fff;
	float:right;
	margin:0.5em 0 0 0;
	min-height:59.5em;
	padding:5em 1em 1em;
	width:20em;
}

/* Footer */

#footer {
	clear:both;
	float:left;
	margin-top:-128px;
	padding-top:58px;
	position:relative;
	width:80em;
}
#projects.penyrenglyn #footer {
	background:transparent url(../images/projects_chrome/penyrenglyn-footer-grass-background_png8.png) top left repeat-x;
}
#projects.rhydyfelin #footer {
	background:transparent url(../images/projects_chrome/rhydyfelin-footer-grass-background_png8.png) top left repeat-x;
}
#projects.dinas #footer {
	background:transparent url(../images/projects_chrome/dinas-footer-grass-background_png8.png) top left repeat-x;
}
#projects.artworks #footer {
	background:transparent url(../images/projects_chrome/artworks-footer-grass-background_png8.png) top left repeat-x;
}
#projects.opzulu #footer {
	background:transparent url(../images/projects_chrome/opzulu-footer-grass-background_png8.png) top left repeat-x;
}
#projects.penygraig #footer {
	background:transparent url(../images/projects_chrome/penygraig-footer-grass-background_png8.png) top left repeat-x;
}

#footer #footerpeople {
	height:227px;
	position:absolute;
	right:0;
	top:-173px;
	width:168px;
}
#projects.penyrenglyn #footer #footerpeople {
	background:transparent url(../images/projects_chrome/penyrenglyn-footer-people_png8.png) top left no-repeat;
}
#projects.rhydyfelin #footer #footerpeople {
	background:transparent url(../images/projects_chrome/rhydyfelin-footer-people_png8.png) top left no-repeat;
}
#projects.dinas #footer #footerpeople {
	background:transparent url(../images/projects_chrome/dinas-footer-people_png8.png) top left no-repeat;
}
#projects.artworks #footer #footerpeople {
	background:transparent url(../images/projects_chrome/artworks-footer-people_png8.png) top left no-repeat;
}
#projects.opzulu #footer #footerpeople {
	background:transparent url(../images/projects_chrome/opzulu-footer-people_png8.png) top left no-repeat;
}
#projects.penygraig #footer #footerpeople {
	background:transparent url(../images/projects_chrome/penygraig-footer-people_png8.png) top left no-repeat;
}

#footer #footerinner {
	padding:0 2em 1em 20em;
}
#projects.penyrenglyn #footer #footerinner {
	background-color:#142679;
}
#projects.rhydyfelin #footer #footerinner {
	background-color:#37ab17;
}
#projects.dinas #footer #footerinner {
	background-color:#c50d16;
}
#projects.artworks #footer #footerinner {
	background-color: #8EC640;
}
#projects.opzulu #footer #footerinner {
	background-color: #e40004;
}
#projects.penygraig #footer #footerinner {
	background-color: #20d2d2;
}


#footer #footerinner h3, #footer #footerinner p, #footer #footerinner p a {
	color:#fff;
}