/* CSS Document */

body {

 font-size:10px; 
 margin:10px;
 padding:0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height:1.5;
 color:#191919;
 background-color:#FFF}
 
 
  h1 , h2 , h3 , h4 , h5 , h6 , caption   {
 	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.3}

#outerWrapper {
	width: 770px;
	margin: 0 auto;
	display: block;
}

#wrapper {
 	width:770px;
 	background-image:url(../img/backgroundGreen.gif);
	background-repeat:repeat-y;
	float:left;
 	clear:both;
 	margin-bottom:10px;
	} 

/*   ----------- Header  -----------  */ 

#innerWrapper {
	width:770px;
	background-image:url(../img/CS_header-strip-4.gif);
	background-repeat:no-repeat;
	background-position: right top;
	float:left;
	clear:both;
}

#header  {
 float:left;
 clear:both;
 width:770px;
 height:73px}

#header img#logo {
 border: none;
 margin:0px;
 float:left}
 
#header  h1 {
 display:none}
 
 /*   -----------  Search box  -----------  */ 
 
#header fieldset#search {
 float:right;
 margin: 35px 0 0 0;
 padding: 0;
 border:none;
 width:148px;
 height:22px;}
 
#header fieldset#search legend ,
#header fieldset#search label { 
 display:none
 }    
#header fieldset#search form {
 margin:0;
 padding:0;
 float:none;
 clear:none;
 }
 

#header input.searchTextBox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #F3F3F3;
 font-weight:normal;
 font-size:12px;
 line-height:normal;
 float:left;
 margin:0;
 color:#333333;
 border:solid 1px #808080;
 padding:2px;
 padding-top:3px;
 height:24px;
 hei\ght:17px;
 width:110px;
 display:block
 }
#header input.searchButton  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height:24px;
  padding:0px;
  margin:0;
   width:32px;
  line-height:normal;
  float:left;
  font-weight:normal;
  font-size:12px;
  color:#333333;
  border:solid 1px #808080;
  border-left:none;
  background-color: #D9D9D9;
  display:block}
 
 /*   -----------  Navigation  -----------  */ 
 

#nav {
 width: 160px;
 margin-right: 10px;
 float:left;
}

#nav ul, #nav li  {
 margin:0;
 padding:0;
 list-style-type: none;
 display:inline}

#nav a {
 background-image:url(../img/nav_bullet.gif);
 background-repeat:no-repeat;
 background-position: 3px 0.6em;
 border-top:#00902C solid 2px;
 display:block;
 padding: 8px 3px 8px 22px;
 width:160px;
 w\idth:135px;
 margin: 0;
 color: #FFFFFF;
 text-decoration: none;
 font-size: 1em;
 line-height:1.2;
 font-weight: bold;
}

#nav a#home {border:none}


#nav a#cont {border-bottom:#00902C solid 2px;}
 
 ul#hiddenAbout ,
 ul#hiddenSurvey ,
ul#hiddenBack ,
ul#hiddenWork ,
ul#hiddenResour ,
ul#dataAccess ,
ul#hiddenReports ,
ul#hiddenOutputs {display:none}

#nav ul ul li {
	
	font-size: 1em;
	margin: 0px;
	list-style-type: none;
	border: none;
    }

#nav ul li li a,
#nav ul li li a:visited {

	
	padding: 4px 3px 4px 22px;
	background-image:none;
	border-top:#00902C solid 1px;
	background-image:none}
	
#nav ul li li li a,
#nav ul li li li a:visited {

	
	font-size: .95em;
	font-weight: normal;
	padding: 2px 3px 2px 22px;
	 border-top:#00902C solid 1px;
	 background-image:none}
	
#nav a:hover ,
#nav ul li li a:hover ,
#nav ul li li li a:hover
  {text-decoration: none;
   background-color:#00902C;
   color:#FFF}

 
 /*   -----------  Content  -----------  */ 


#content a:link { 
 color:#2564CD;
 text-decoration: underline;
}
#content a:visited { 
 color:#2564CD;
 text-decoration: underline;
}
 
#content a:hover,
#content a:active  {
	text-decoration: underline;
	color:#000099;
	background-color: #FFFBCC;
} 
#content {
 width:410px;
 float:left;
 margin: 90px 0 0 20px;
} 
#content h1 {
  font-size:2.5em;
  margin:0 0 25px 0 }
 
#content h2 {
 font-size:1.75em;
  margin:6px 0 6px 0;
}
 #content h3 {
 font-size:1.5em;
  margin:6px 0 6px 0
   } 
#content h3.intro {
 font-size:1.5em;
 color:#000000;
 margin-bottom:24px
 }
#content h4 {
 font-size:1.4em;
  margin:0 0 8px 0}
 
#content p ,
#content li ,
#content blockquote {
  font-size:1.3em;
  margin:0 0 12px 0 }
 
#content ul li {
 font-size:1.3em;
  padding:0 0 0 15px;
 margin:0 0 6px 0 ;
 list-style-type: none;
  background-image:url(../img/bullet.gif);
 background-repeat:no-repeat;
 background-position: 0 4px;clear:none; }
 
#content ul {
  margin:-2px 0 10px 0;
 padding:0
 }
 
 #content ol  {
	 padding:0 0 0 15px ;
	 margin:0 0 0 0 ;
 }
div>#content ol  {
	 padding:0 0 0 25px ;
 	margin:0 0 6px 0 ;
 }
 
 #content  ul li ol li {
 font-size:1em;  padding:0 0 0 0px;
 margin:0 0 6px 0 ;}
 
 /* ------------- IE6 only OLs   ----------------*/

* html body #content ol {
	margin-left:15px}
 
* html body #content blockquote ol {
	margin-left:5px}/* IE7 only */
 
* html body #content blockquote ol li {
	padding-left:0}/* IE7 only */
	
 
  /* --------  IE7 only OLs   ----------------*/

*+html body #content ol {
	margin-left:5px}
 
 
*+html body #content blockquote ol {
	margin-left:35px}/* IE7 only */
 
 *+html body #content blockquote ol li {
	padding-left:2px}/* IE7 only */
	
	
 /* --------------------------------------------*/	
	
	

#content ol li {
 	font-size:1.3em;
  	padding:0 0 10px 0px;
 	margin:0 0 2px 0 ;
 	list-style-type:decimal;
 	 background-image:url(none);
 }
 
 .hide  , hr {display:none}
 
 
 #content hr {
	height:2px;
	width:100%;
	display:block;
	float:none;
	clear:both;
	border:none;
	border-top: 2px dotted #8AC2E6;
	color:#fff;
	background-color:#fff;
	margin: 0 0 10px 0;
	padding:0
}
 
#content acronym {
	color: #2564CD;
	border-bottom: 1px  dashed  #2564CD;
	cursor: help;
}

#content acronym:hover {
	border-bottom: 1px  solid  #000099;
	color:#000099;
	background-color: #FFFBCC;}
	
	
#content  .boxOut acronym:hover ,
#content blockquote acronym:hover ,
#content table acronym:hover
	 {background-color:transparent}
	
#content .logos li {
	margin:0;
	padding:0;
	background-image: none;
	display: block;float:left;
	list-style-type: none;
}
#content .logos {
	margin:0 0 12px 0;
	padding:0;
	text-align: center;
	float:left;
	clear:both;}
#content .logos a:link ,
#content .logos a:visited {
	border: none;
	margin:0;
	padding:0
}
#content .logos img {
	border: none;
	margin:0;
	padding:0;
	display:inline
}
#content .logos a:hover  {

	background-color:#FFFFFF;
	text-decoration:none
}
#content p.boxOut ,
#content blockquote {
	background-color: #E5EFF9;
	padding: 4px 4px 4px 6px ;
	border-width: 1px;
	border-color: #8AC2E6;
	border-style: solid;
}
#content div.boxOut {
	background-color: #E5EFF9;
	padding: 9px;
	height:auto;
	margin: 0 0 15px 0;
	border-color: #8AC2E6;
	border-style: solid;
	border-width: 1px;
}


#content .boxOut p ,
#content .boxOut ul li ,
#content .boxOut ol li ,
#content .boxOut ul ,
#content .boxOut ol ,
#content  blockquote p ,
#content  blockquote ul li ,
#content  blockquote ol li ,
#content  blockquote ul ,
#content  blockquote ol {
	margin-bottom:0px}
	
	
#content  .boxOut ul li
 {background-image: url(../img/bullet_blue.png);}
	
	
#content  .boxOut h2,
#content  .boxOut h3 {
	margin-top:0px
	
}
	
	
#content  .boxOut a:hover ,
#content blockquote a:hover ,
#content table a:hover
	 {background-color:transparent}

#content .topRule {
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #8AC2E6;
	padding-top: 10px;
	margin-top:10px}

#content cite {font-style: italic;}

 #content dfn {
	font-size:  85%;
	line-height:1.3;
	font-style: normal	
}

 #content dfn  li {
	font-size:  1em;
	margin-bottom:2px	
}


#content p.credit {font-size:90%;float:none;text-align:right;width:100%}


sup {font-size:75%}

#content .noBase {
	margin-bottom:0;
}

 /*   -----------  Table styles  -----------  */ 
 
#content caption {
  font-size: 1.3em;
   font-weight: bold;
   margin-top: 9px;
   margin-bottom: 2px;
   caption-side:top;
   text-align:left}
 
#content table {
 border-top: 1px solid #8AC2E6;
 margin-bottom: 0;
 margin-top: 5px;
 width: 100%;
 clear: both
 }

#content td {
 font-size: 1.1em;
 background-color: #E5EFF9;
 text-align: left;
 padding: 3px;
 vertical-align: top;
 border-bottom: 1px solid #8AC2E6;
}

#content th {
 font-size: 1.1em;
 font-weight: bold;
 background-color: #C8E1F6;
 text-align: left;
 padding: 3px;
 border-bottom: 1px solid #8AC2E6;
 }

 /*   -----------  News column  -----------  */ 
 
#news {
 width:150px;
 float:right;
 margin: 90px 0 0 0;
}
#news h3 {
 font-weight:bold;
 font-size:1.4em;
 color:#FFFFFF;
 margin:0;
 padding:2px 2px 3px 8px;
  }
  
#news ul {
 margin:0;padding:0;
 list-style-type: none;
 }
 
#news ul li {
 margin:0;padding:0;
 display:inline;
 list-style-type: none;
 font-size:1.1em;
 line-height:1.3
 }
 
 
#news a {
 margin: 0 0 10px 0;
 color:#000000;
 display:block;
 padding:8px 4px 8px 8px;
 border-top:#FFF dotted 2px;
 border-bottom:#FFF dotted 2px;
 text-decoration:none;
 }
 

 
#news a:hover {
 text-decoration:underline;background-color:transparent}
 
 
 #wrapper #innerWrapper #news em {
	color: #404067}

 
/*   -----------  footer  -----------  */

#break {
 float:none;
 clear:both;
 height:10px;
 background-color: #FFFFFF;
 border-bottom: solid 3px #77AD1C;}
 
 
.break {
 float:none;
 clear:both;
 height:10px;
}
 
div#break hr {
 display:none}
  

#footer {
 border-top: solid 10px #ffffff;
 background-color: #FFFFFF;
 width: 770px;
 margin: 0 0 0 0 ;
 float:none;
 clear:both;
 text-align: center;
 height:50px;
 background-image: url(../img/tri_colour.gif);
 background-position: right top;
 background-repeat: repeat-y;
 padding:0;
 
}
 
#footer ul,
#footer li  {
 padding:0;
 margin:0;
 list-style-type: none;
 text-align: center;
 color:#666666;
 background-color:#FFFFFF}
 
#footer li  {
 display:inline
 }
 
#footer ul {
 width: 610px;
 margin:0;
 float:left}

#footer a {
 padding: 0 ;
 margin: 0;
 color:#2564CD;
 text-decoration: underline;
 font-size: 1em;
 font-weight: normal;
 display:inline;}
 
#footer a:hover {
 text-decoration: underline;
 color:#000000;
 background-color: #FFFBCC}



 /*   -----------  language swap  -----------  */ 
 
#content .lang {margin:0 0 25px 0;float:none;clear:both;width:100%}
#content .lang ul  {padding:0;margin:0;float:right;clear:both;}
#content .lang ul li {background-image:none;font-size:1em;padding:0;margin:0;display:inline}
#content .lang ul li img {margin-right:3px;border:0}
#english {display:block}
#welsh {display:none}
#galic {display:none}

 /*   -----------  images  -----------  */ 

img.picLeft ,  div.picLeft  {float:left;margin: 0 10px 10px 0}
img.picRight , div.picRight {float:right;margin: 0 0 10px  10px}
img.picFull ,  div.picFull  {float:none;clear:both;margin: 0 0 10px  0}

#content  div.picLeft p ,
#content  div.picRight p ,
#content  div.picFull p {font-size:90%;float:none;text-align:right;width:100%;margin: 1px 0 0 0}
div.break {clear:both;height:10px;float:none;width:100%}



div.picLeft  img  {float:left}
div.picRight img  {float:right}
div.picFull  img  {float:none}


div.picLeft  ,
div.picRight 
 {width:200px}




 /*   -----------  Feedback form  -----------  */ 

#content label {
	font-size:1.2em;
	float:none;
	clear:both}

#content .textBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size:1.3em;
	 color:#333333;
	 background-color:#F1F1F1;
	  border:solid 1px #808080;
	 float:none;clear:both;
	 width:100%;
	 margin-bottom:10px;
	 padding:3px}
 #content form {	
	padding:0; 
	margin:0;
	border:none}
	
#content fieldset {
	border:none;
	border-top: 2px dotted #8AC2E6;
	border-bottom: 2px dotted #8AC2E6;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
	}
	
#content input#btnSend  ,
#content input#btnReset     {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:1.3em;
  padding:3px;
  margin:0 10px 0 0 ;
  line-height:normal;
  font-weight:normal;
  color:#333333;
  border:solid 1px #808080;
  background-color: #D9D9D9;
}