/* UK SWEDEN DEFAULT STYLESHEET */
/* CREATED 26.03.06 */
/* MODIFIED 04.09.06 */
/* AUTHOR: ANDY FIELD @ IDNET */

/*
	COLOURS:
	GREEN: #86bc3c
	BLUE: #4da2d9
	BROWN: #ca5f00
	GREY: #d2d1cc
*/

/* GENERIC CONTROLS ************************************************************/

html, 
table,
form
{ 
	font-size: 100%; /* IE HACK */
}

body
{
	font: 62.5%/100% arial, helvetica, sans-serif;
	color: #000;
	background: #eee;
}

.clearme
{
	clear: both;
}

/* UNDO CSS ********************************************************************/

dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ 
	margin: 0; 
	padding: 0;
}

a img,
:link img,
:visited img
{	
	border: none;
}

address,
abbr 
{ 
	font-style: normal;
}

img
{
	border: none;
}

/* TYPOGRAPHIC CONTROLS ********************************************************/

p, ul, dl, th, td
{
	font-size: 1.2em;
	line-height: 1.5em;
}

p
{
	padding-bottom: 1em;
}

p.standfirst
{
	font-weight: bold;
	/* color: #4da2d9; */
}

#footercontainer p
{
	font-size: 1em;
	line-height: 1em;
	color: #333;
	padding-bottom: 0.6em;
}

h1
{
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.2em;
	color: #000;
	padding-bottom: 0.6em;
}

#headercontainer h1
{
	position: relative;
	display: block;
	width: 600px;
	height: 100px;
	padding: 0;
	text-indent: -3000px;
	background: url(/images/logo.png) 0 0 no-repeat;
	overflow: hidden;
}

h2
{
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.4em;
	color: #000;
	padding-bottom: 0.6em;
}

h3
{
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.4em;
	color: #4da2d9;
	padding-bottom: 0.3em;
}

h4
{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4em;
	color: #4da2d9;
	padding-bottom: 0.6em;
}

p.date
{
	font-size: 1.1em;
	color: #666;
	padding-bottom: 0;
}

.newsblock h3
{
	font-size: 1.5em;
	padding-bottom: 0.1em;
}

.area
{
	font-size: 1.1em;
	color: #4da2d9;
	padding-bottom: 0.4em;
}

span.alert
{
	color: #d30;
}

/* LIST CONTROLS ***************************************************************/

#contentmain ul
{
	list-style: none;
	margin: 0 4em 2em 2em;
}

#contentmain ul ul
{
	font-size: 100%;
	margin: 1em 2em;
}

#contentmain li
{
	margin-bottom: 0.6em;
	padding: 0 0 0 1em;
	background: url(/images/bullet.png) 0 6px no-repeat;
}

/* span.number
{
	display: block;
	float: left;
	font-size: 2em; 
	background: #ddd;
} */

#contentmain ul#alt
{
	list-style: none;
	margin: 0.6em 2em 2em 2em;
}

#contentmain ul#alt li
{
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	background: #fff;
}

#contentmain ul#alt li span
{
	display: block;
	float: left;
	font-size: 1.3em;
	color: #fff;
	margin: 0 0.6em 0.4em 0;
	padding: 0.2em;
	background: #4da2d9;
}

#contentmain ul#alt li a
{
	overflow: hidden;
}

#contentmain dl
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentmain dt
{
	font-weight: bold;
	margin: 0;
	padding: 0.6em 0 0.2em 0;
}

#contentmain dt.start
{
	padding-top: 0;
}

#contentmain dd
{
	margin: 0;
	padding: 0.2em 0 0.2em 0;
	border-bottom: 1px solid #eee;
}

#contentmain dl#alt dd
{
	padding-left: 0;
}

dl#projects
{
	list-style: none;
	font-size: 100%;
	margin: 0;
	padding: 0;	
}

dl#projects dt
{
	font-size: 1.1em;
	font-weight: normal;
	color: #666;
	margin: 0;
	padding: 0;	
}

dl#projects dd
{
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.4em;
	color: #4da2d9;
	margin: 0 0 0.6em 0;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #eee;
}

/* LINK CONTROLS ***************************************************************/

a
{
	color: #4da2d9;
	text-decoration: none;
}

a:hover
{
	color: #ca5f00;
	border-bottom: 1px solid #ca5f00;
}

a.info
{
	padding-right: 14px;
	background: url(/images/infoicon.gif) center right no-repeat; 
}

a.info:hover
{
	padding-right: 14px;
	background: url(/images/infoiconon.gif) center right no-repeat; 
}


/* NAVIGATION CONTROLS *********************************************************/

#nav ul 
{
	float: left;
	list-style: none;
	line-height: 1.3em;
	width: auto;
	margin: 0.3em 0 0 0;
	padding: 0 0 0 0.5em;
}

#nav li
{	
	float: left;
}

#nav li a 
{
	display: block;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	margin-right: 2px;
	padding: 5px 9px 4px 9px;
	background: url(/images/tabbg.png) 0 0 repeat-x
}

#nav a:hover,
#nav li a.active
{
	color: #4da2d9;
	border: none;
	background: url(/images/tabbg.png) 0 0 repeat-x;
}

#nav li ul
{
	position: absolute;
	width: 14em;
	left: -999em;
	font-size: 100%;
	margin: 0;
	background: #fff;
}

#nav li:hover ul, 
#nav li.sfhover ul
{	
	left: auto;
}

#nav ul ul li
{
	float: none;
	display: inline;
}

#nav ul ul {
	margin: 0;
	padding: 0;
}

#nav ul ul a,
#nav ul ul a:hover
{
	display: block;
	font-weight: normal;
	color: #4da2d9;
	margin: 0;
	padding: 0.3em 0.6em;
	background: #fff;
	border-bottom: 1px solid #d2d1cc;
}

#nav ul ul a:hover
{
	color: #ca5f00;
}

#navrhs a.se
{
	display: block;
	font-size: 1.1em;
	color: #000;
	line-height: 1em;
	margin: 0.8em 1em 0 0;
	padding: 0 0 0 20px;
	background: url(/images/sweden.png) 0 50% no-repeat;
	text-decoration: none;	
}

#navrhs a.se:hover
{
	color: #4da2d9;
	background: url(/images/sweden.png) 0 50% no-repeat;
	border: none;
}

#navrhs a.uk
{
	display: block;
	font-size: 1.1em;
	color: #000;
	line-height: 1em;
	margin: 0.8em 1em 0 0;
	padding: 0 0 0 20px;
	background: url(/images/uk.png) 0 50% no-repeat;
	text-decoration: none;	
}

#navrhs a.uk:hover
{
	color: #4da2d9;
	background: url(/images/uk.png) 0 50% no-repeat;
	border: none;
}

#contentlhs ul
{
	list-style: none;
	width: auto;
	margin-left: 0.5em;
}

#contentlhs li
{
	display: inline;
}

#contentlhs li.level02 a
{
	display: block;
	font-size: 0.95em;
	line-height: 1.2em;
	color: #000;
	padding: 0.2em 1em;
	background: #c8e5f7;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#contentlhs li a
{
	display: block;
	font-size: 0.95em;
	color: #fff;
	line-height: 1.3em;
	padding: 0.3em 1em;
	background: #4da2d9;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#contentlhs li a:hover
{
	color: #fff;
	background: #ca5f00;
}

#contentlhs ul#external
{
	list-style: none;
	width: auto;
	margin-left: 0.5em;
	padding-top: 1em;
}

#contentlhs ul#external li
{
	display: inline;
}

#contentlhs ul#external li a
{
	display: block;
	font-size: 0.95em;
	color: #fff;
	line-height: 1.3em;
	padding: 0.3em 1em;
	background: #ca5f00;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#contentlhs ul#external li a:hover
{
	color: #fff;
	background: #930;
}

#contentlhs img
{
	display: block;
	margin: 1em 0 0 0.6em;
}

#contentrhs ul#logos
{
	list-style: none;
	border-left: 1px solid #eee;
}

#contentrhs ul#logos li
{
	display: block;
	margin: 0;
	padding: 1em 0;
	background: #fff;
	border-bottom: 1px solid #eee;
}

#contentrhs ul#logos img
{
	display: block;
	padding-left: 1em;
}

#contentrhs ul#logos li a
{
	border: none; 
}

#contentrhs ul#widgets
{
	list-style: none;
	padding-bottom: 1em;
	border-left: 1px solid #eee;
}

#contentrhs ul#widgets li
{
	display: block;
	margin: 0;
	padding: 0.4em 1em;
}

#contentrhs ul#widgets li a
{
	display: block;
	font-size: 0.95em;
	padding: 0 0 0 20px;
	border: none;
}

#contentrhs ul#widgets li a.print
{
	background: url(/images/icons.png) 0 0 no-repeat;
}

#contentrhs ul#widgets li a.email
{
	background: url(/images/icons.png) 0 -68px no-repeat;
}

#contentrhs ul#widgets li a:hover
{
	display: block;
	color: #ca5f00;
	border: none;
}

#contentrhs ul#widgets li a.print:hover
{
	background: url(/images/icons.png) 0 -34px no-repeat;
}

#contentrhs ul#widgets li a.email:hover
{
	background: url(/images/icons.png) 0 -102px no-repeat;
}

#contentrhs ul#relatedinfo
{
	display: block;
	float: left;
	list-style: none;
	border-left: 1px solid #eee;
}

#contentrhs ul#relatedinfo li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#contentrhs ul#relatedinfo li.start
{
	display: block;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.2em;
	color: #fff;
	padding: 0.3em 1em;
	background: #4da2d9;
}

#contentrhs ul#relatedinfo li a
{
	display: block;
	font-size: 0.95em;
	line-height: 1.2em;
	padding: 0.3em 1em;
	border: none;
	text-decoration: none;
}

#contentrhs ul#rhsimages
{
	display: block;
	width: 170px;
	list-style: none;
	padding-top: 1em;
}

#contentrhs ul#rhsimages li
{
	display: inline;
	margin: 0;
	padding: 0 0 1em 0;
}

#contentrhs ul#rhsimages li a
{
	display: block;
	padding-bottom: 6px;
	border: none;
}

/* LAYOUT CONTROLS *************************************************************/

#headercontainer
{
	width: auto;
	height: 100px;
	margin: 0 2em;
	padding: 0;
	/* background: #86bc3c url(/images/headerbg.png) 0 0 repeat-x; */
	background: #80bc2d;
}

#nav
{
	width: auto;
	height: auto;
	margin: 0 2em 0 2em;
	padding: 0;
	background: #d2d1cc url(/images/navbg.png) 0 0 repeat-x;
	border-bottom: 1px solid #fff;
}

#navlhs
{
	float: left;
}

#navrhs
{
	float: right;
}

#contentcontainer
{
	width: auto;
	height: auto;
	margin: 0 2em;
	padding: 3em 0 2em 0;
	background: #fff;
	border-bottom: 1px solid #fff;
}

#contentmain
{
	margin: 0 200px;
	background: #fff;
}

#contentlhs
{
	float: left;
	width: 180px;
}

#contentrhs
{
	float: right;
	width: 180px;
}

#slideshow
{
	margin-bottom: 2em;
}

#topcontainer
{
	text-align: right;
	margin: 0 2em;
	padding: 0 1em 1em 0;
	background: #fff;
}

#footercontainer
{
	clear: left;
	width: auto;
	height: auto;
	margin: 2em;
	padding: 0;
}

/* FORM CONTROLS ***************************************************************/

input, 
textarea,
select
{
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
}

input.long,
select.long,
textarea.long
{
	width: 20em;
}

fieldset
{
	border: none;
	margin-bottom: 1em;
	padding: 1em;
	background: #eee;
}

fieldset p
{
	display: block;
	margin: 1em 0;
	padding: 0;
}

fieldset p.alt
{
	display: block;
	clear: left;
	margin: 1em 0;
	padding: 0;
}

fieldset p em
{
	display: block;
	width: 90%;
	padding-top: 1em;
}

legend
{
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

label
{
	float: left;
	width: 18em;
	margin-right: 2em;
}

label.alt
{
	float: left;
	width: auto;
	margin-right: 0.4em;
}

fieldset#email label
{
	width: 10em;
}

/* TABLE CONTROLS **************************************************************/

table
{
	font-size: 100%;
	margin-bottom: 2em;
}

th
{
	font-weight: bold;
	text-align: left;
	border-bottom: 2px solid #d2d1cc;
}

th, td
{
	vertical-align: top;
	padding: 0.4em 3em 0.4em 0;
}

td p
{
	font-size: 100%;
	padding-bottom: 0.4em;
}

table#news
{
	width: auto;
}

table#news th
{
	border: none;
	width: 70px;
	padding: 0 1em 0 0;
	vertical-align: top;
}

table#news td
{
	padding: 0 2em 0 0;
	vertical-align: top;
}

div#qTip
{
	text-align: left;
	position: absolute;
	z-index: 1000;
 	width: 30em;
 	font-size: 1.2em;
 	line-height: 1.4em;
 	padding: 0.6em;
	display: none;
	background: #fff;
	border: 1px solid #d2d1cc;
}

table.projects
{
	width: 90%;
	font-size: 100%;
	margin-bottom: 2em;
}

table.projects th
{
	width: 12em;
}

table.projects th,
table.projects td
{
	border-bottom: 1px solid #d2d1cc;
}

/* SLIDESHOW TOGGLE ************************************************************/

#slideshow
{
	display: none;
}

#noslideshow
{
	width: 440px;
	margin-bottom: 2em;
	/* border-bottom: 1px solid #d2d1cc; */
	border-bottom: 1px solid #eee;
}

p.toggle
{
	line-height: 1em;
	margin: 0;
	padding: 0;
}

p.toggle a
{
	display: block;
	width: 8em;
	color: #666;
	margin: 0;
	padding: 3px;
	background: #eee;
	text-decoration: none;
}

p.toggle a:hover
{
	color: #fff;
	background: #4da2d9;
	border: none;
}