@charset "utf-8";
/*The Menua for the index pages*/
#ebbw-vale 
{
	width: 400px;
	font: bold;
	font-size: medium;
	text-align:center;
}



#ebbw-vale ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#ebbw-vale li
{
	background-color: #00002e;/* change this colour with the boders below*/
	color: #EEEEEE;
}
#ebbw-vale a:link, #ebbw-vale a:visited
{
/*	display: block;*/
	padding: 1px 1px 1px 0.5em;
	border-left: 12px solid #00002e;
	border-right: 1px solid #00002e;
	border-bottom: 1px solid #00002e;
	background-color: #00002e;
	color: #EEEEEE;
	text-decoration: none;
}
#ebbw-vale a:hover
{
	background-color: #00002e;
	color: #9B9BFF;
}

/*for the smaller menu one this page*/
#smallebbw-vale 
{
/*	width: 400px;*/
/*	font: bold;*/
	font-style:italic;
	font-size: 12px;
	text-align:center;
}

#smallebbw-vale ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#smallebbw-vale li
{
	background-color: #00002e;/* change this colour with the boders below*/
	color: #EEEEEE;
}
#smallebbw-vale a:link, #smallebbw-vale a:visited
{
/*	display: block;*/
	padding: 1px 1px 1px 0.5em;
	border-left: 12px solid #00002e;
	border-right: 1px solid #00002e;
	border-bottom: 1px solid #00002e;
	background-color: #00002e;
	color: #EEEEEE;
	text-decoration: none;
}
#smallebbw-vale a:hover
{
	background-color: #00002e;
	color: #9B9BFF;
}


/*navigation systems found with in bioeddies ebbw vale web site*/
#navigation
{
	/*position:absolute 50px;*/
	width: 200px;
	font-family: "Times New Roman", Times, serif;
	font: bold;
	font-size: medium;
}
#navigation ul
{
	/*list-style: none;*/
	margin: 0;
	padding: 0;
}
/*#navigation li
{
	border-bottom: 1px solid #879AB8;
}*/
#navigation li a:link, #navigation li a:visited
{
	display: block;
	padding: 1px 1px 1px 0.5em;
	border-left: 12px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #C4C4C4;
	color: #000030;
	text-decoration: none;
}
#navigation li a:hover
{
	background-color: #E0DFE3;
	color: #000030;
}
#navigation ul
{
	margin-left: 12px
}

.bioeddie{
	width: 210px; /*width of menu*/
	font-size: 12px;
}

.bioeddie .bioeddie2
{
font-style:italic;
color: #FFFFFF;
background: #000030; /*The Colour of the header for the menu*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 7px 7px 3px; /*31px is left indentation of header text*/
}

.headerbar
{
	color: #FFFFFF;
	background: #000030; /*The Colour of the header for the menu*/
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	text-transform: capitalize;
	padding: 7px 7px 7px 10px;
	font-size: 16px;
	font-weight: bold;
	width: auto;
	text-transform: capitalize;
}
	
	
.headerbar2
{
	color: #FFFFFF;
	background: #000030; /*The Colour of the header for the menu*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: capitalize;
	display:block;


	display:inline:;
	width: 190px;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 0px 7px 0px;
	color:#ffffff;
}
	
.bioeddie ul{
list-style-type: none;
font: normal 15px "Times New Roman", Times, serif; 
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
border-right: 3px;
}

.bioeddie ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.bioeddie ul li a{
color: black;
background: #C4C4C4;
display: block;
/*display: inline-block;*/
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
text-transform: capitalize;
}

.bioeddie ul li 
{
color: #C4C4C4;
}

.bioeddie ul li a:hover{ /*hover state CSS*/
	color: #000030;
	background: #E0DFE3;
	padding-right: 9px;
}
/*Main Menus*/

/* Start of the main Page Menu Structure*/

.bioeddie2{
width: auto; /*width of menu*/
}
.bioeddie2 {
	width: 180px; /* set width of menu */
	color: 000030;
	display: block;
	line-height: 17px;
	padding-left: -3px; /*link text is indented 8px*/
	text-decoration: none;
	padding-top: 1px;
	padding-right: 1;
	padding-bottom: 5px;
} 

.bioeddie2 ul { /* remove bullets and list indents */
list-style-type: none;
font: normal 15px "Times New Roman", Times, serif; 
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
border-right: 3px;
}

/* style, color and size links and headings to suit */
.bioeddie2{
	width: 190px;
	text-transform: capitalize;
}

#bioeddie2 {
width: 180px; /* set width of menu */
color: black;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
} 

.bioeddie2 ul { /* remove bullets and list indents */
list-style-type: none;
font: normal 15px "Times New Roman", Times, serif; 
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
/*border-right: 3px;*/
}

/* style, color and size links and headings to suit */
.bioeddie2 a, #bioeddie2 h2 {
display: block;
display: inline-block;
border-width: 0px;
border-style: solid;
margin: 0;
padding: 2px 3px;
text-transform: capitalize;
}

.bioeddie2 h2 {
text-transform: uppercase;
color: black;
background: #C4C4C4;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.bioeddie2 a {
text-decoration: none;
color: black;
background: #C4C4C4;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.bioeddie2 a:hover {
	color: 000030;
	background: #E0DFE3;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 8px; /*link text is indented 8px*/
	text-decoration: none;
	width: 180px;
}
.bioeddie2 li {
	/* make the list elements a containing block for the nested lists */
position: relative;
	color: black;
	display: block;
	padding-bottom: 2px;
	line-height: 17px;
	padding-left: 1px; /*link text is indented 8px*/
	text-decoration: none;
} 

#bioeddie2 ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%;
	z-index: 1;
	visibility: visible;
}
div#bioeddie2 ul ul ul,
div#bioeddie2 ul ul li:hover ul ul
{
	display: none;
}

div#bioeddie2 ul ul li:hover ul,
div#bioeddie2 ul ul ul li:hover ul
{
color: black;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 1px; /*link text is indented 8px*/
text-decoration: none;
}


/*End of the main page menu structure*/
#backto
{
	position:absolute;
	left: -238px;
	top: 0px;
	width: 232px;
	height: 279px;
	font-size: medium;
	display: block;
	z-index: 4;
	visibility: visible;
}

#backto ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#backto li
{
	background-color: #E0DFE3;
	color: #000030;
}

#backto a:link, #backto a:visited
{
	display: block;
	padding: 0.1em 0.1em 0.1em 0.1em;
	border-left: 0.1em solid #EEEEEE;
	border-right: 0.5em solid #EEEEEE;
	border-bottom: 0.1em solid #EEEEEE;
	background-color: #C4C4C4;
	color: #000030;
	text-decoration: none;
}

#backto a:hover
{
	background-color: #E0DFE3;
	color: #000030;
}

/*The Menu Structure for the news menues*/
#toback .headerbar
{
font: bold 12px Arial, Helvetica, sans-serif;
color: #EEEEEE;
background: #000030; /*red green blue value to reflect my age*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-align: left;
padding: 7px 0 7px 5px; /*31px is left indentation of header text*/
}

#toback  
{
	width: 200px;
	font-size: medium;
	height: auto;
}

#toback ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#toback li
{
	background-color: #E0DFE3;
	color: #000030;
}
#toback a:link, #toback a:visited
{
	display: block;
	padding: 1px 1px 1px 0.5em;
	border-left: 12px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #C4C4C4;
	color: #000030;
	text-decoration: none;
}
#toback a:hover
{
	background-color: #E0DFE3;
	color: #000021;
}
#newscast  
{
	width: auto;
	font: bold;
	font-size: medium;
	height: auto;
}

#newscast ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#newscast li
{
	background-color: #E0DFE3;
	color: #000021;
}
#newscast a:link, #newscast a:visited
{
	display: block;
	padding: 1px 1px 1px 1px;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #C4C4C4;
	color: #000030;
	text-decoration: none;
}
#newscast a:hover
{
	background-color: #E0DFE3;
	color: #000021;
}
/*navigation for main page of famous people*/
#navifam

{
	left: 100px;
	/*position:absolute 50px;*/
	width: 500px;
	font-family: "Times New Roman", Times, serif;
	font: bold;
	font-size: medium;
}

#navifam ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

/*#navigation li
{
	border-bottom: 1px solid #879AB8;
}*/

#navifam li a:link, #navifam li a:visited
{
	display: block;
	padding: 1px 1px 1px 0.5em;
	border-left: 12px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background-color: #C4C4C4;
	color: #000030;
	text-decoration: none;
}

#navifam li a:hover
{
	background-color: #E0DFE3;
	color: #000030;
}
#navifam ul ul
{
	margin-left: 12px
}
#menupeofam
{
	position:absolute;
	width: 203px;
	top: 97px;
	left: 21px;
	height: 20px;
}
/*Gallery images*/

.thumbnail img{
border: 1px solid #000030;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #000030;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	left: 511px;
	visibility: hidden;
	font-size:13px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	width:458px;
	top: 80px;
	z-index: 8;
	height: 361px;
}
#backgal-Mynydd-Carn-Y-Cefn
{
	position: absolute;
	background-image:url(../images/Mynydd-Carn-Y-Cefn/actual/100_1210.jpg);
	background-repeat:no-repeat;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	padding: 5px;
	left: 778px;
	visibility: visible;
	font-size:13px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	width:338px;
	top: 183px;
	z-index: 7;
	height: 318px;
}

#backgal-Mynydd
{
	position: absolute;
	background-image:url(../images/rassau/actual/100_1464.jpg);
	background-repeat:no-repeat;
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	padding: 5px;
	left: 778px;
	visibility: visible;
	font-size:13px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	width:338px;
	top: 183px;
	z-index: 7;
	height: 318px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 80px; /*position where enlarged image should offset vertical */
left: 510px; /*position where enlarged image should offset horizontally */
height: 330px;
width: 330px;
z-index: 50;

}