/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html { height: 100%;}

body {height: 100%; }

#wrapper {position: relative; min-height: 100%;}

*html #wrapper { height: 100%;}

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:857px; }

#header { position:relative; width:100%; height:154px; margin:0px; padding:0px 0px 27px 0px; background:url(../images/header.gif) right no-repeat; border-bottom:#003366 0px solid;}

#logo {  width:474px; height:71px; margin:0px 0px 0px 0px; padding:0px; background: #ffffff; }

#english {position:absolute; top:8px; right:62px;}
#welsh {position:absolute; top:8px; right:0px;}

.hidden {display:none;}

#search { height:33px; position:absolute; right:0px; bottom:56px;}

*html #search { bottom:72px;}
#form_side {background:url(../images/form_side.jpg) no-repeat top left;  width:5px; height:23px; display:block; float:left; }
#search form {border-collapse: collapse; }
#search button {background:none; border:0px; margin:-1px 0px 0px -5px; padding:0px 0px 0px 0px; display:block; float:left;}
*html #search button  {margin:-2px 0px 0px -5px;}
*+html #search button  {margin:-2px 0px 0px -5px;}
#search input {border-left:0px solid #9c9c9c; border-right:0px solid #9c9c9c; border-bottom:1px solid #9c9c9c; border-top:1px solid #9c9c9c; width:161px; color:#6b6b6b;  display:block; float:left; margin:0px 0px 0px 0px; padding:0.15em 22px 3px 0px;}

#main {  width:100%; margin:0px 0px 0px 0px;  }

#slideshow { margin:10px 0px 0px 0px; padding:0px; height:243px;}
#slideshow ul { margin:0px; padding:0px; }
#slideshow li {list-style:none; margin:0px; padding:0px;}
*html #slideshow { margin:-6px 0px 0px 0px; padding:0px; height:243px;}


#slideshowtp {margin:0px; padding:0px;}
#slideshowtp ul {margin:0px; padding:0px;}
#slideshowtp li {margin:0px; padding:0px; list-style:none;}

#picture_nav {height:79px; margin:12px 0px 0px 0px;}


#titles { width:100%; border-top:1px solid #d7d4d4; border-bottom:1px solid #d7d4d4; height:16px; padding:4px 0px 4px 0px; margin:10px 0px 6px 0px; display:block;}

.title { }
#title1 { position:absolute; top:540px; left:0px; font-size:1.4em;   color:#6b6b6b; }
#title2 { position:absolute; top:540px; left:280px; font-size:1.4em;   color:#6b6b6b; }
#title3 { position:absolute; top:540px; left:580px; font-size:1.4em;   color:#6b6b6b; }
#title1tp {margin:0px 0px 0px 0px; padding:0px 16px 0px 0px; display:block; font-size:1.4em;   color:#6b6b6b; font-size:1.4em; display:block;  float:left;  width:500px; }

#titleright {float:right; display:block; font-size:1.4em; text-align:left; width:269px;  color:#6b6b6b;}

#content_main  { width:564px;   margin:0px 0px 0px 0px; float:left; min-height:300px; height:auto !important;   height:300px;}
#content_left {width:270px; float:left; display:block;}
#content_left2 {width:270px; float:left; display:block;}
#content_right {width:277px; float:right; display:block; margin:10px 6px 0px 0px;}

#news_container {width:263px; float:right; margin:0px 25px 0px 0px;}

.latest_news { border-bottom:1px solid #d1d1d1; padding:11px 0px 11px 0px;}
.latest_news p {color:#767676; margin:5px 0px 5px 0px;}
.latest_news a {font-size:1.2em;}
.date {color:#7fa7da; font-size:1.2em;}

.pdf {position:relative; display:block; color:#6b6b6b !important; font-size:1.2em; background:url(../images/pdf.jpg) no-repeat bottom left; padding:10px 0px 10px 40px; margin:10px 0px 0px 0px;}

#footer { width:857px; border-top:1px solid #d7d4d4; height:61px; text-align:right;  margin:10px auto 0px auto; padding:0px; position:relative;}
#footer p { font-size:1.2em; color:#5d5d5d; }
#footer p img {vertical-align:bottom;}
#footer p a {color:#5d5d5d; }
#footer p a:hover {color:#5d5d5d;  text-decoration:none;}
#footer_pos {position:absolute; left:0px; top:30px; width:458px; height:52px;}
.clear { clear:both; }

/*------------------------------------ Textpage -----------------------------------------------------------*/

#container_top {margin:4px 0px 0px 0px; }
*html #container_top { margin:-4px 0px 0px 0px; position:relative;}
#pageheader {width:572px; float:left; display:block;}
#links_right {width:275px; float:right;}
#links_right a {display:block; margin:0px 0px 4px 0px;}


#sidebar { width:265px;  height:100%; float:right;  margin:0px 8px 0px 0px; padding:0px; background:#ffffff; }
*html #sidebar {margin:0px 4px 0px 0px;}

#content {width:559px; float:left;}


/*------------------------------------ News & Case Studies -----------------------------------------------------------*/

#cats ul {list-style:none; margin:0px; padding:0px;}
#cats li {list-style:none; margin:0px; padding:8px 0px 8px 20px; border-bottom:1px solid #d1d1d1; color:#767676; font-size:1.2em; background:url(../images/box.jpg) no-repeat center left;}
#cats li a {color:#5d5d5d;}
#archives ul {list-style:none; margin:0px; padding:0px;}
#archives li {list-style:none; margin:0px; padding:8px 0px 8px 20px; border-bottom:1px solid #d1d1d1; color:#767676; font-size:1.2em; background:url(../images/box.jpg) no-repeat center left;}
#archives li a {color:#5d5d5d;}
.titlenews {color:#6b6b6b; font-size:1.4em; display:block;  float:left; padding:5px 16px 5px 0px;  border-bottom:1px solid #d1d1d1; width:248px; }

.news {border-bottom:1px solid #d1d1d1; padding:10px 0px 10px 0px; }
.news img {float:left; border:2px solid #8f989d; margin:0px 13px 0px 0px;}
.news a {font-size:1.2em;}
.news p {margin:5px 0px 5px 0px;}


#ear {background:url(/images/ear.gif) no-repeat top left; padding:0px 0px 0px 30px; margin:10px 0px 10px 0px;}
#ear p {color:#3B87BF; font-weight:bold;}
/*------------------------------------ nav -----------------------------------------------------------*/
#nav { width:100%;  margin:37px 0px 0px 0px; padding:0px 0px 0px 0px; }

*html #nav {margin:11px 0px 0px 0px;}
#nav ul {margin:0px; padding:0px; }
#nav ul li {margin:0px; padding:0px;  list-style:none; float:left; display:block;  background:none; } 
#nav ul li a { margin:0px 0px 1px 0px; text-transform:lowercase;  color:#ffffff;  font-weight:normal; padding:11px 21px 11px 21px; display:block; font-size:1.1em;}

#nav ul li ul {width:250px; position:absolute; top:37px; left:0px; display:none; padding:0px 0px 0px 0px;}
#nav ul li ul li {width:250px; display:block; margin:0px 0px 0px 0px; filter: alpha(opacity=97);  opacity:0.92; padding:0px 0px 0px 0px; float:none; }
#nav ul li ul li a { font-size:1.2em; color:#747474;  background:#E8E8E8;  width:100%; margin:0px !important; border:0px; padding:5px 10px 5px 21px;   border-bottom:1px solid #a1a1a2; min-height:16px; height:auto !important; height:16px;    float:none; text-transform:lowercase;}
#nav ul li ul li a:hover {background:#487CC0 !important; color:#ffffff;}
#nav ul li:hover ul { display:block; }
#nav a.last{border-right:none;}
#nav ul ul:hover { display:block;   z-index:1000}

#nav ul li ul li a.active {background:#7FA7DA;}
#nav ul {padding: 0px; margin:15px 0px 0px 0px; list-style: none; float: left;}
#nav ul li { float: left; position:relative; z-index:100 !important;} 
#nav ul li a { float: left; text-decoration: none; color: #747474; padding: 4px 9px 0px 0px; margin-right: 0px; font-size:1.6em;}
#nav ul li a span { float: left; padding: 8px 0px 0px 9px; display: block; margin-top: -4px; height: 30px;}

#nav ul li a.active { font-weight:bold; background: url("../images/nav.jpg") no-repeat top right;} 
#nav ul li a.active span {background: url("../images/nav.jpg") no-repeat top left;} 

#nav ul li a.hover {  background: url("../images/nav.jpg") no-repeat top right;} 
#nav ul li a.hover span {background: url("../images/nav.jpg") no-repeat top left;} 
#nav ul li ul li a.hover {background:#E8E8E8;}
#nav ul li ul {width:300px; position:absolute; top:15px; left:0px; display:none; padding:0px 0px 0px 0px; z-index:100;}
#nav ul li ul li a.active { color:#ffffff; background:#4D7BB9;}
#nav ul li a:hover { color: #747474; background: url("../images/nav.jpg") no-repeat top right;}

#nav ul li a:hover span { background: url("../images/nav.jpg") no-repeat top left;}


#submenu {position:absolute; bottom:0px; left:-43px; width:960px; height:31px;}
#submenu li {color: #747474; float:left; margin:0px 0px 0px 10px; font-size:1.1em; list-style:none;}
#submenu a {font-size:1.1em; color: #747474;}
#submenu li:hover { list-style:disc;}
#submenu a:hover {}
#submenu li .selected {text-decoration:underline;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) #ffffff top repeat-x; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif ; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.8em; color:#7fa7da; font-weight:bold; margin:14px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#7fa7da; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#767676; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#7fa7da; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#767676; font-size:1.0em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#7fa7da; font-size:1.0em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

#content  ul {  }
#content  ul li {
    color:#5d5d5d; font-size:1.2em; list-style: none;
    background-image: url(../images/bullet.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-bottom: 7px;
}
#content  ol {}
#content  ol li {
    color:#5d5d5d; font-size:1.2em; list-style: none;
    background-image: url(../images/bullet.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-bottom: 7px;
}

address {color:#5d5d5d; font-size:1.2em; margin:5px;}

a { color:#2f6fc0; text-decoration:none; }
a:hover { color:#2f6fc0; text-decoration:underline; }

p { font-size:1.5em; color:#5d5d5d; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px;}

/*li {
    list-style: none;
    background-image: url(../images/bullet.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}*/
/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/