body {
margin:1em;
padding:0;
height:100%;
background-color:white;
color:#000000;  
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
}

a {
color:#003366;
text-decoration:underline;
}

a img {border:none;}

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


blockquote p {
margin:.2em;
}

#topstrap {
margin:0 auto;
padding:0;
width:750px;
background-color:white;
vertical-align: middle;	
text-align:left;
padding-bottom:5px;
}


.icons {
float:right;
vertical-align: middle;
padding:10px 0 0 5px;
margin-top:20px;
}


#centerColumn { 	
margin:0 auto;
padding:0;
width:748px;
text-align:left;
vertical-align: middle;	
background-color:#E0E0E0;
border-right:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
} 

#centerColumn p {
padding:5px 50px 5px 50px;
font-size:1em;
margin:0;
line-height:1.5em;
}


#centerColumn p.intro {
font-weight:bold;
color:#6699cc;
}

#centerColumn ul {
padding:5px 50px 5px 50px;
font-size:1em;
 list-style-type: none;
}

#centerColumn li {
	 background: url(images/mybullet.gif) left 1px no-repeat ;
 padding-left: 20px;
  margin-bottom: 8px;
line-height:1.5em;
}

.headline {
font-weight:bold;
font-size:1.1em;
font-family: Century Gothic,verdana, lucida, Geneva, Arial, Helvetica;
}

#cse { 	
margin:0 auto;
padding:0;
width:748px;
text-align:left;
vertical-align: middle;	
background-color:#FFE2B7;
border-right:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
}



#cse p {
padding:5px 50px 5px 50px;
font-size:1em;
margin:0;
line-height:1.5em;
}


#cse p.intro {
font-weight:bold;
color:#6699cc;
}


.credits {padding-top:20px;color:#7DA7D9;font-size:10px;}

.right{float:right;margin-top:5px;margin-right:5px;border:1px groove gray;
}

.left{float:left;margin-top:10px;margin-right:10px;margin-left:50px;border:1px groove gray;
}

h1 {
margin:0 0 -.6em 0;
padding:10px 50px 15px 50px;
font-size:1.5em;
letter-spacing:.1em;
color:#7DA7D9;
}

.entry-title h1 {
font-size:1.3em;
letter-spacing:.1em;
color:#7DA7D9;
text-decoration:none;
}

.entry-header h1 a {
font-size:1.3em;
letter-spacing:.1em;
color:#7DA7D9;
text-decoration:none;
}

.entry-title h1 a {
font-size:1.3em;
letter-spacing:.1em;
color:#7DA7D9;
text-decoration:none;
}

.entry-header h1 {
font-size:1.3em;
letter-spacing:.1em;
color:#7DA7D9;
text-decoration:none;
}

h2 {
margin:0 0 -.6em 0;
padding:10px 50px 10px 50px;
font-size:1.3em;
letter-spacing:.1em;
color:#7DA7D9;
}

h3 {
margin:0;
padding:5px 50px 1px 50px;
font-size:1.1em;
font-weight:600;
letter-spacing:.1em;
color:#7DA7D9;
}


#header {
margin:0 auto;
width:750px;
padding:0 0 0 0;
background-color:#FFE2B7;
border:0;
}

#header h1 {
margin:0 0 -.6em 0;
padding:.5em 0 0 1em;
font-size:1.5em;
letter-spacing:.1em;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 1.75em;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
}

#header h3 {
margin:0;
padding:0;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
}



#nav {
margin:0 0 1em 0;
padding:.4em 0 0 0;
}

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

#nav li {
margin:0;
padding:.25em;
display:inline;
}

#footer {
position:relative;
bottom:0;
margin:2em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:0.7em;
background-color:#E0E0E0;
border-top:0 dotted #999999;
}

#footer a{color:#999999;}

#topnav {
margin:0 auto;
width:750px;

}

#navlist
{

margin: 0 auto;
padding: 0px;
padding-left: 5px;
background-color: #888888;
font-family: verdana, lucida, sans-serif, Geneva, Arial, Helvetica,;
padding-bottom: 10px;
padding-top: 10px;
text-align: center
}

#navlist a, #navlist a:link, #navlist a:visited
{
border: 1px solid #888888;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #202020;
font-weight: normal;
text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a:focus
{
border: 1px solid #202020;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
}

#navlist li
{
padding-right: 1px;
display: inline;
font-size: 13px;
}

#navlist ul
{
margin: 0px;
padding: 0px;
}

#navlist #active a { color: #E1EED7; }

#newnavlist #active a { color: #E1EED7; }

#navlist .active a { color: #E1EED7; }

#newnavlist .active a { color: #E1EED7; }


a.info{
    position:relative; /*this is the key*/
    z-index:24;
   }

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:2em; width:30em;
    border:1px dashed #007827;
    background-color:#E7F8F8; color:#000;
    text-align: center;
	padding:5px;
	font-family: Verdana, Helvetica, Arial, sans-serif;font-size:90%;}
	
	select {text-align:center;}
	
	.gall2container
{
 margin-left:50px;
}
.legendbox{
width:260px;height:325px; background-image:url('images/map/mapofwales.jpg');border:1px solid gray;margin-right:20px;padding:0px;float:right;}

.legendbox img {vertical-align:middle;margin-bottom:5px;}

.lplegendbox{
width:150px;background:#FFF0E0;border:1px solid gray;margin-right:20px;padding:5px;padding-left:10px;float:right;}

.lplegendbox img {vertical-align:middle;margin-bottom:5px;}

.quotecontainer{
width:260px; background-color:#fff1e2;border:1px solid gray;margin-right:20px;margin-top:15px;padding:0px;float:right;}

.breadcrumbs {color:#666666;font-size:0.8em;padding:5px 5px 1px 50px;}
.breadcrumbs a{color:#666666;}

#navcontainer
{
margin: 0 auto;
width: 750px;
}

#navcontainer ul
{
padding-left: 0;
margin: 0 auto;
background-color: #98C574;
color: white;
float: left;
width: 100%;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
vertical-align: middle;
}

#navcontainer ul li 
{ 
display: inline; 
text-align: center;
vertical-align: middle;
}

#navcontainer ul li a
{
padding: 0.4em 0;
background-color: #98C574;
color: green;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
vertical-align: middle;
color: #006842;
}

#navcontainer ul li a:hover
{
background-color: #006842;
color: #fff;
}

#sidebar-wrapper {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.sidebar { 
    margin: 0 auto;
    position: relative;
    background-color: #696969;
    opacity: 0.95;
    border: 1px solid #999999;
    width: 750px;
    z-index: 10;
    padding: 10px 0px;
}

.sidebar li, .sidebar ul, .sidebar aside{ 
    display: inline;
}

.sidebar h3{
    display: inline;
    padding-left: 10px;
}

.widget-title{
   padding-right: 0px;
}

.sidebar a{
    color: lightgray;
}

.sidebar a:hover{
    color: white;
}
.boldP {
font-weight: bold;
}