/* GLOBAL STYLES */

html > *
{
position:relative;
border:none;
margin:0;
padding:0;
}

html
{
overflow:scroll;
}

body
{
background:#393735;
font-family: arial,helvetica,sans-serif;
font-size:1em; 
margin:0;
padding:0;
}

a 
{
text-decoration: none; 
}

a:hover, 
a:active 
{
text-decoration: underline; 
}

img
{
border:0;
}

cleared 
{
clear:both;
}



/* STRUCTURAL */

div#w00
{
background:#b8b09c;
float:left;
width:100%;
text-align:center;
padding:0 0 0.6em 0;
}

div#w01 
{
width:778px;
margin:0 auto;
}

/* ACCESS */

ul#access
{
position: absolute;
top: 0;
left:-1000px;
z-index:100;
margin:0;
padding:0;
}

ul#access a:link, 
ul#access a:visited, 
ul#access a:hover, 
ul#access a:active
{
color: #ccc;
}


/* UTILITIES HEADER */

div#wutil
{
float:left;
width:778px;
height:20px;
margin:0 auto;
background:#cc0000;
}

div#util
{
float:right;
color:white;
font-size:11px;
margin:3px 5px 0 0;
}

div#util a:link,
div#util a:visited
{
color:white;
text-decoration:none;
}

div#util a:active,
div#util a:hover
{
color:white;
text-decoration:underline;
}



/* WRAPPER FOR 1PX BORDER */

div#mbl
{
float:left;
width:776px;
margin:0 auto;
background:url("../images/px_black.gif") left top repeat-y white;
padding:0 0 0 1px;
}

div#mbr
{
float:left;
width:776px;
margin:0 auto;
background:url("../images/px_black.gif") right top repeat-y;
padding:0 1px 0 0;
}


/* MAIN HEADER  */

div#hdr
{
float:left;
width:776px;
height:161px;
}

div#hdr div#logo
{
float:left;
width:216px;
height:137px;
}

div#hdr div#sky
{
float:right;
width:560px;
height:137px;
}

div#wtnav
{
float:left;
width:776px;
height:24px;
background:#444444;
}

div#tnav
{
float:right;
color:white;
font-size:12px;
margin:4px 5px 0 0;
}

div#tnav a:link,
div#tnav a:visited
{
color:white;
text-decoration:none;
}

div#tnav a:active,
div#tnav a:hover
{
color:white;
text-decoration:underline;
}



/* MAIN CONTENT */

div#wmc00
{
float:left;
width:776px;
text-align:left;
}

div#wmc01
{
float:right;
width:560px;
}

.heading 
{
margin-top: 19px; 
}

div#wmc01 p.intro 
{
font-weight: bold;
font-size: 0.9em;
line-height: 1.5em; 
}

div#wmc01 p 
{
margin: 0 30px 0.7em 24px ; 
font-size: 0.8em; 
line-height: 1.3em;
text-align: justify; 
}

div#wmc01 ul li
{
	font-size: 13px;
	margin: 0 30px 0.7em 24px; 
}

div#wmc01 ol li
{
	font-size: 13px;
	margin: 0 30px 0.7em 24px; 
}

div#wmc01 img.imgright
{
	float:right;
	margin:0 30px 10px 20px;
}


/* SIDE MENU  */

div#wsm00
{
float:left;
width:216px;
background:url("../images/lg-curve.gif") left bottom no-repeat #dbdad6;
text-align:left;
}

div#wsm01
{
float:left;
width:192px;
padding:35px 12px;
}

div#wsm01 a:link, 
div#wsm01 a:visited, 
div#wsm01 a:hover, 
div#wsm01 a:active 
{
color: #3D3C3C;
text-decoration: none; 
}

div#wsl
{
float:left;
width:212px;
padding:35px 0px;
}

div#wsl div#sl
{
width:212px;
float: left;
margin: 10px 0 46px 0;
}

div#sl div.slcntr
{
width:212px;
float: left;
text-align:center;
margin: 10px 0;
}



div#wsl div#sl img.imgleft
{
float: left;
margin: 0 0 0 4px;
}

div#wsl div#sl img.imgright
{
float: right;
margin: 0 4px 0 0;
}

div#wsl div#sl div.imgleft
{
float: left;
margin: 0 0 0 3px;
}

div#wsl div#sl div.imgright
{
float: right;
margin: 0 3px 0 0;
}









/* BOTTOM BAR */

div#bbar
{
float:left;
width:778px;
height:23px;
background:url("../images/barbot-corner.gif") no-repeat right top #cc0000;
margin:0 0 5px 0;
}


/* FOOTER */

div#ft 
{
text-align:left;
width: 778px; 
color: #44423D; 
font-size: 0.7em; 
}

div#ft a:link, 
div#ft a:visited 
{
color: #44423D; 
}

div#ft a:hover, 
div#ft a:active 
{
color: #121212; 
}

div#ft ul 
{
width: 778px; 
padding-left: 0;
margin-left: 0;
display: inline; 
}

div#ft ul li 
{
float: left;
padding: 0 0.2em 0 0.5em;
border-left: 1px solid #44423D;
list-style: none;
display: inline; 
}

div#ft ul li.first 
{
padding: 0 0.2em 0 0;
margin-left: 0;
border-left: 0px;
list-style: none;
display: inline; 
}




/* SLOGAN */

#slogan 
{
float:left;
width:100%;
height:37px;
background: url("../images/wales_connected-bg.jpg") top repeat-x #393735;
text-align:right;
}