/* CSS Document */
body
{
	margin: 0px;
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
         
}

/***********************************************/
/* Text / Link Styles                          */
/***********************************************/
a
{
	color: #009ddc;
	text-decoration: none;
}
a img{border-width:0px;}
a:hover
{
	color: #b8cd32;
	text-decoration: none;
}
a:visited{color:#005d82;}

h1{
         color:#c5d12b;
}
h1 a{color:#c5d12b;}
h1 a:hover{color:#b8cd32;}
h1{  font-size:1.3em; font-weight:normal; margin:0px;}

h2{
         font-size:1.0em;
         font-weight:bold;
	 color: #7dd0e7;
		 padding-bottom:0em;
}

h3{
 font-size: 0.9em;
 line-height:1.2;
 color: #009ddc;
}

h4{
 font-size: 0.8em;
 line-height:1.2;
 color: #DA8E27;
}
p {color:#231f20; font-size:0.8em;}

ul ul {font-size:1.0em;}


.highlightTxt{
color: #F0940F;
}
.smallTxt{
font-size: 10px;
color: #999999;
}

.orange{color:#f18f12;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#containercontent{ width:770px; text-align:left; 	margin: 0 auto;  padding:0px 0px 0px 0px; }
#logobar{}
#logo{width:130px; float:left;}
#topright{ float:right; width:500px; text-align:right;  padding:10px 0px 0px 0px; color:#999999;}
#topright a{color:#999999; text-decoration:none;}
#topright a:hover{color:#74cef1;}
#topright p{color:#999999; margin:0.8em 0em 0.8em 0em;}

#topright ul{  list-style:none; margin:0; padding:0px; display:inline;
  }
#topright li{      margin:0 0 0 4px; padding:0 0 0 6px;              display:inline;
  border-left: 1px solid #999999;  }
#topright li a{ font-size:0.8em;
  }
#topright li.firstlistitem{border-left:0px;}

.smalltxt{font-size:0.7em;}
.largetxt{font-size:1.2em;}

#search {margin-bottom:10px;}
#search form{ margin:0px;padding:0px;}
#search label{ font-size:0.8em; padding:0px 10px 5px 0px; display:inline;   vertical-align:middle;}
#search input{ border:1px solid #999;}
#search .gobutton{ background-image:url(btn-search.png); border:0px; paddinf:0px; width:18px; height:17px;}

#topimagecontainerhome{clear:both; margin:0px; padding:0px;   height: 250px; display:block;}
#topimagecontainerhome #topimageright{width:385px; height: 250px; display:block; float:left; }
#topimagecontainersub{clear:both; margin:0px; padding:0px;   height: 195px; display:block;}
#topimageleft{width:385px; height: 250px; display:block; float:left; margin-right:0px;}
#topimagecontainersub #topimageright{width:385px; height: 250px; display:block; float:left; }

#sectionthumbs{ margin-top:10px;}
#sectionthumbs ul{ list-style:none; margin:0px; padding:0px;}
#sectionthumbs li{display:block; float:left; margin-left:10px;}
#sectionthumbs li.firstlistitem{margin-left:0px;}

#maincontainer{  overflow:auto; padding:10px 0px 20px 0px; height:100%; clear:both;}
.pagecontent{padding:10px 0px 10px 10px; text-align:left;}
#column1{width:185px; float:left; padding:0px 0px 0px 0px; margin-right:10px;}
#column2{width:575px;float:left; padding:0px 0px 10px 0px;}

.pagecontent ul{font-size:0.8em;}

#latestnews{ border:1px solid #999999; padding:10px;}
#latestnews ul {list-style:none; padding:0px; margin:1em 0px 0px 0px;}
#latestnews h1{ background-color:#c8d334; margin:-10px; font-size:0.8em; color:#fff; padding: 5px 0px 5px 10px; }
#latestnews h2 a{color:#c3cf23;}
#latestnews h2 a:hover{color:#009ddc;}
#latestnews ul li h2{color:#c3cf23; margin-bottom:0.3em; font-size:1.2em;}
#latestnews ul li{font-size:1.0em; margin-bottom:1em;}
 .readmore a{ background-image:url(arrow-blue.png); background-repeat:no-repeat; display:block; background-position:0px 5px; margin:0px; padding:0px 0px 0px 11px; }

#news ul {list-style:none; padding:0px; margin:1em 0px 0px 0px;}
#news h1{ background-color:#c8d334; margin:-10px; font-size:0.8em; color:#fff; padding: 5px 0px 5px 10px; }
#news h2 a{color:#c3cf23;}
#news h2 a:hover{color:#009ddc;}
#news ul li h2{color:#c3cf23; margin-bottom:0.3em; font-size:1.2em;}
#news ul li{font-size:1.0em; margin-bottom:1em;}

.pepperio_noneditable{padding:3px; display:block;}
/***********************************************/
/* topnav                              */
/***********************************************/
#topnav{clear:both; background-image:url(dotes-veritcal.gif); background-repeat:repeat-x; height:25px; background-position:bottom; margin:0px 0px 10px 0px; }
#topnav ul{ list-style:none; margin:0px; padding:0px; height:25px; dispaly:inline; overflow:hidden; }
#topnav li{ margin: 0 0 0 0px; 	padding:  0 0 0 0px;         list-style: none;	display: inline;}
#topnav li a{float: left;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	background-repeat:no-repeat;}
#topnav li a:hover{background-position: 0 -25px;}




#topnav a:active, #topnav a.selected, #topnav a.here, #topnav a.here:link, #topnav li.highlight_selected a, #topnav li.highlight_selected a:link, #topnav a.highlight_selected, #topnav  a.highlight_selected:link  {
	background-position: 0 -50px;
	}

#what a{ background-image:url(menu-what-we-do.png); width:108px; margin-right:5px; margin-left:109px;}
#benefits a{ background-image:url(menu-benefits.png); width:79px; margin-right:5px;}
#business a{ background-image:url(menu-services.png); width:102px; margin-right:5px;}
#publications a{ background-image:url(menu-publications.png); width:102px; margin-right:5px;}
#newsevents a{ background-image:url(menu-news-events.png); width:132px; margin-right:5px;}
#links a{ background-image:url(menu-links.png); width:62px;}
#procurement a{ background-image:url(join-psba.png); width:102px; margin-right:5px;}

#what-w a{ background-image:url(menu-what-welsh.png); width:108px; margin-right:5px; margin-left:46px;}
#benefits-w a{ background-image:url(menu-benefits-welsh.png); width:79px; margin-right:5px;}
#business-w a{ background-image:url(menu-business-welsh.png); width:128px; margin-right:5px;}
#publications-w a{ background-image:url(menu-pub-welsh.png); width:102px; margin-right:5px;}
#newsevents-w a{ background-image:url(menu-news-welsh.png); width:170px; margin-right:5px;}
#links-w a{ background-image:url(menu-links-welsh.png); width:82px;}
#procurement-w a{ background-image:url(menu-procurement-welsh.png); width:102px; margin-right:5px;}

/***********************************************/
/* Left menu                                */
/***********************************************/
#leftmenu{margin-top:0px;}


#leftmenu ul{margin:0px 0px 10px 0px; padding:0px; list-style:none; border-top:1px solid #999999; border-bottom:1px solid #999999;  }
#leftmenu li{font-size:0.8em; margin:0px; padding:0px; line-height:1.0em; background-image:url(dotted-line.png); background-repeat:repeat-x; background-position:top;}
#leftmenu li.firstlistitem{ background-image:none;}
#leftmenu ul ul{margin:0px 0px;}
#leftmenu li li{font-size:1.0em;}
#leftmenu li a{color:#999999; background-image:url(arrow-pink.png); background-repeat:no-repeat; background-position:0px 8px;  display:block; margin:1px 0px 0px 0px; padding:7px 5px 5px 25px; width:155px; text-decoration: none;}
#leftmenu li a:hover{color:#f174e1; text-decoration:none;}
#leftmenu li li a{   padding:7px 5px 5px 35px; margin:1px 0px 0px 0px; width:145px;}
#leftmenu li li a:hover{color:#fff;  text-decoration:none;}
#leftmenu li li li a{  padding:7px 5px 5px 35px; margin:1px 0px 0px 0px; width:145px;}
#leftmenu li li li a:hover{color:#fff;  text-decoration:none;}

#leftmenu ul#bluearrows li a{ background-image:url(arrow-blue.png);}
#leftmenu ul#bluearrows li a:hover{color:#009ddc;}


#leftmenu li a.here, #leftmenu li a.here:link{font-weight:bold;}




/*  styes for current nav  */

#leftmenu  ul ul{}
#leftmenu  li a.here:link, #navblock li a.here:visited, #navblock li a.here{ background-color:#de6308; color:#fff;}
#leftmenu  ul ul a.here:link, #navblock ul ul a.here:visited{color:#de6308; background-color:#dcdcdc;}
#leftmenu  .here:hover{color:#fff;}

#leftmenu li.highlight_selected { background-color:#de6308; color:#fff;  }
#leftmenu  li.highlight_selected a:hover{color:#fff;}
#leftmenu  li.highlight_selected ul li a:hover{color:#de6308; }


/***********************************************/
/* bottom container elements                   */
/***********************************************/

#bottomborder{ border-top:1px solid #b8cd32; color:#666666; clear:both; height:100%; margin-top:1px; font-size:0.7em; padding-bottom:20px;}
#bottomborder a{ text-decoration:none; color:#666666;}
#bottomborder a:hover{color:#b8cd32;}
#bottomborder ul{ margin:0px; padding:5px 0px 5px 10px; clear:both; width:760px; list-style:none; background-image:url(dotted-line.png); background-position:bottom; background-repeat:repeat-x; clear:both; overflow:auto;}
#bottomborder li{ float:left; border-left:1px solid #ccc; margin-right:10px; padding-left:10px;}
#bottomborder li.firstlistitem{ border-left:0px; padding-left:0px;}
.englishlang{margin-left:100px; border-left:0px; }


/***********************************************/
/* Layout Elements                                 */
/***********************************************/
input {
background-color: #FFFFFF;
color: #000000;
margin-bottom:5px;
font-size: 11px;
}

select {
color: #000000;
margin-bottom:5px;
font-size: 11px;
}



/* format images inside maincontent */

img.floatLeft
{
clear:both;
display:block;
background-color: white;
position:relative;
float:left;
margin: 2px;
}

img.floatRight
{
clear:both;
display:block;
background-color: white;
position:relative;
float:right;
margin: 2px;
}

img.floatcenter
{
clear:both;
display:block;
background-color: white;
position:relative;
margin: auto;
}



/*******************************************************************************
* Form STyles 		   *
*******************************************************************************/

label{ 	display: block;	font-size:0.8em;}
fieldset{	background-color:#fff;	display: block;		padding: 10px;	border: 1px dashed #75736E; border-bottom: 

1px dashed #75736E;}

input, .formfield{   	border:1px solid #999;	background: #eee; font-family: Arial, Helvetica, sans-serif; font-

size:0.7em; padding:3px; margin:5px 0 10px 0}
textarea{font-size:1em}	
input:focus, textarea:focus, select:focus{	background: #fff;}
legend {	font-weight: bold; margin:0em 0em 0.5em 0em; }
.orange{color:#dc6708;}
.button{background-color:#dc6708; color:#fff;}


/****************************************
Search
*****************************************/

.search-results-list-of-links li {
list-style-type:square;
}

.navigator ul li {
display:inline;
padding:5px;
}



p.purestone {
color:#666666;
font-size:10px;
padding:0 10px 5px 0;
text-align:right;
}




/* event */
.event {
	border:1px dotted #cccccc;
	padding:5px;
margin:15px 0 0 0;
	}
.event h3 {
	margin:0;
	padding:0;
	font-size:0.8em;
	}
.event h4 {
	margin:5px 0 0 0;
	padding:0;
	font-size:0.75em;
	color:#999999;
	}
.event h5 {
	margin:0;
	padding:0;
	font-size:0.75em;
	color:#999999;
	}
.event p {
	margin:5px 0;
	padding:0;
	font-size:0.75em;
	}
.event a {
	background:url(arrow-blue.png) no-repeat 0 5px;
padding:0 0 0 10px;
	}
.event a:hover {
color:#999999;
}