@charset "utf-8";
@import url("type.css");

html, body {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.2em;
	color: #333;
	background-color: #D6E7F4;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
form, select, input, textarea, ul {
	margin: 0px;
	padding: 0px;
}
ul {
	margin-left:12px;
}
ul.orange, #maincol ul {
	list-style:none;
	margin-left:0px;
}
ul.orange li, #maincol ul li {
	background-image:url(../img/bullet-arrow-sq.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:left 5px;
	margin-bottom:5px;
	
}
#maincol ul li ul li {
	background-image:url(../img/bullet-sq-level2.gif);
}
#maincol ul li ul li ul li {
	background-image:url(../img/bullet-sq-level3.gif);
}
#maincol ul li ul li ul li ul li {
	background-image:url(../img/bullet-sq-level4.gif);
}
#maincol ul li ul li ul li ul li ul li {
	background-image:url(../img/bullet-sq-level5.gif);
}

a:link {
	text-decoration:none;
	color:#2D7AD1;
}
a:visited {
	color:#004798;
	text-decoration:none;
}
a:hover, a:active, a:focus {
	color:#F56304;
}

a img {
	border:0;
}

.imgborder, a .imgborder {
	border:3px solid #E5EDF7;
	background-color:#FFF;
	padding:1px;
}
.imgleft {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.imgright {
	float:right;
	margin-left:15px;
	margin-bottom:10px;
}

#header {
	margin:0 auto; 
	width: 988px; 
	height:131px; 
	clear:both;	
}
#header2 {
	clear:both; 
	height:131px;	
}
#headernav {
	float:right; 
	position:relative; 
	width:600px;	
}

#headernav table td {
	padding:0px;
	white-space:nowrap;
	font-family:Verdana, Geneva, sans-serif;
	vertical-align:top;
	text-align:center;
	line-height:1em;
	font-size:10px;
}
#headernav table td a {
	text-decoration:none;
	font-weight:bold;

}
#headernav table .hbgr {
	background-image:url(../img/headernav-repeat.gif);
	background-repeat:repeat-x;
	padding:0px 8px;
}
#headernav table .nopad {
	padding:0;
}

a.h-home,
a.h-sitemap,
a.h-contact,
a.h-lang {
	color:#333;
	display:block;
	width:auto;
	padding-top:6px;
}
a.h-home {
	background-image:url(../img/headernav.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding-left:12px;
}
	a.h-home:hover, a.h-home:active, a.h-home:focus {
		background-image:url(../img/headernav.gif);
		background-repeat:no-repeat;
		background-position:0px -9px;
		padding-left:12px;
		color:#075EB4;
	}
a.h-sitemap {
	background-image:url(../img/headernav.gif);
	background-repeat:no-repeat;
	background-position:0px -26px;
	padding-left:12px;
}
	a.h-sitemap:hover, a.h-sitemap:active, a.h-sitemap:focus {
		background-image:url(../img/headernav.gif);
		background-repeat:no-repeat;
		background-position:0px -43px;
		padding-left:12px;
		color:#075EB4;		
	}	
a.h-contact {
	background-image:url(../img/headernav.gif);
	background-repeat:no-repeat;
	background-position:0px -59px;
	padding-left:12px;
}
	a.h-contact:hover, a.h-contact:active, a.h-contact:focus {
		background-image:url(../img/headernav.gif);
		background-repeat:no-repeat;
		background-position:0px -75px;
		padding-left:12px;
		color:#075EB4;		
	}
a.h-lang {
	background-image:url(../img/headernav.gif);
	background-repeat:no-repeat;
	background-position:0px -94px;
	padding-left:12px;
}
	a.h-lang:hover, a.h-lang:active, a.h-lang:focus {
		background-image:url(../img/headernav.gif);
		background-repeat:no-repeat;
		background-position:0px -114px;
		padding-left:12px;
		color:#075EB4;		
	}	
	


#logowrap {
	float:left; width:230px; position:relative;
}
#slogan {
	position:absolute; 
	width:236px; 
	height:59px;
	left:243px;
	top:72px;	
}

#SearchContainer {
	position:absolute;
	width:218px;
	height:31px;
	left: 720px;
	top: 60px;
	background-image:url(../img/searchbg.png);
	overflow:hidden;
	background-repeat:no-repeat;
	line-height:10px;
	z-index:100;
}
#searchstring {
	background-color:transparent;
	border:0 none;
	color:#666666;
	float:left;
	font-size:11px;
	height:18px;
	margin:5px 0 0px 5px;
	padding:0px 5px 5px 5px;
	width:160px;
}
#searchstring:focus {
	color:#000;
}
#searchbutton {	
	float:right;
	margin:5px 5px 0 0;
}


#mainmenuwrap {	
	margin:0 auto; 
	width: 988px; 
	height:40px; 
	clear:both;
	text-align:center;
	background-image: url(../img/mainmenubg.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 13px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
/*overflow:hidden;
	position:relative;*/
}

#navbar {
		list-style:none;
		margin:0 auto;
		padding:0 0 0 10px;
		z-index: 1000; }
#navbar li {
		float:left;
/*		line-height: 38px;*/
		list-style-type:none;
/*		position:relative;
		right:50%;*/
}
#navbar li.menuseparator {
	padding:0px;
}
#navbar li a {
	color:#FFF;
	text-decoration:none;
	display:block;
	width:auto;
	line-height:38px;
	padding-left:12px;
	font-size:11px;
	text-transform:uppercase;
	text-shadow:0 -1px 0 #0053AE;
}
#navbar li a span {
	display:block;
	width:auto;
	line-height:38px;
	padding-right:12px;
}
#navbar li a:hover, #navbar li.active a {
	background-image:url(../img/menubgleft.png);
	background-repeat:no-repeat;
}
#navbar li a:hover span, #navbar li.active a span {
	background-image:url(../img/menubgright.png);
	background-repeat:no-repeat;
	background-position:right top;
}
/* submenu */
#navbar li ul {
	display: none;
	width:16em;
	background-color: #0058AE;
   z-index:1000;
   }
#navbar li ul li {
	line-height:18px !important;
}  
#navbar li ul li a {
	text-transform:none;
	text-shadow:none;
	color:#FFF;
	text-align:left;
	line-height:18px !important;
	font-weight:normal;
	padding:6px 0 7px 0px;	
	display:block;
}
#navbar li ul li a span {
	display:block;
	padding:0 0 0 15px;
	text-align:left;
	line-height:18px !important;
	font-weight:normal;
	background-image:url(../img/submenu-bullet-blue.gif);
	background-repeat:no-repeat;
	background-position:7px 7px;
}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #0058AE;
	border-bottom: 1px solid #0086DD;
	color: #fff; }
#navbar li li a:hover {
	background-color: #0058AE; 
	background-image:url(../img/submenubg.gif);
	background-repeat:repeat-x;
	background-position:left bottom;	
	}
#navbar li li a:hover span {
	background-image:url(../img/submenu-bullet-orange.gif);
	background-repeat:no-repeat;
	background-position:7px 7px;
}





#wrapper {
	width:980px;
	background-color:#FFF;
	margin:0 auto;
	border-right-width: 4px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C0D8ED;
	border-left-color: #C0D8ED;
}

#topbannerindex {
	background-image: url(../img/topbannerbg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	height: 98px;
	padding-top: 6px;
}

#footerwrap {
	margin:0 auto;
	width: 960px;
	height:53px;
	clear:both;
	padding:0px 14px;
	background-image: url(../img/footerbg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#footermenu {
	float:left;
	width:690px;
	padding-top:15px;
}
#copyright {
	float:right;
	text-align:right;
	width:auto;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	padding-top:15px;
	line-height:15px;
	color:#002F65;
}

#footermenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#footermenu ul li {
	float:left;
	padding-right:12px;
	border-right:1px solid #fff;
	margin-right:12px;
	line-height:15px;
}
#footermenu ul li a {
	text-decoration:none;
	color:#004798;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
#footermenu ul li a:hover {
	text-decoration:underline;
}
#footermenu ul li.rss {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
#footermenu ul li.rss a {
	background-image:url(../img/rss16.png);
	background-repeat:no-repeat;
	background-position: right center;
	padding-right:18px;
}

#credits {
	width:974px; 
	text-align:right; 
	margin:0 auto; 
	padding:10px 14px 0px 0px;	
	font-size:9px;
	color:#83ABD9;
}
#credits img {
	position:relative;
	top:1px;
}



#indexL {
	float:left; width:648px; margin-left:10px;
}

#indexR {
	float:right; width:300px; margin-right:10px;
}
#slideshow {
	width:648px;
	height:230px;
	overflow:hidden;	
}
#index2cols {
	width:648px;
	padding-bottom:20px;
	padding-top:8px;
	clear:both;
}
#indexleft {
	width:180px;
	float:left;
}
#indexmain {
	margin-left:204px;
	line-height:130%;
}

#actualno {
	padding:8px 10px 10px 10px;
	border:1px solid #E8F0F8;
	background-color:#F3F8FC;
	background-image:url(../img/actualnobg.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	font-size:11px;
	margin-bottom:20px;
}
#actualno h1 {
	margin:0 0 8px 0;
	padding:0 0 5px 0;
	font-size:15px;
	font-weight:bold;
	color:#004798;
	border-bottom:2px solid #CADCEF;
	text-shadow:0 1px 0 #FFFFFF; 	
}
#actualno .readmore {
	text-align:right;
	background-image:url(../img/dotsh.gif);
	background-repeat:repeat-x;
	background-position:left top;
	margin-top:5px;
	padding-top:4px;
	height:16px;
}
#actualno .readmore a {
	display:block;
	float:right;
	width:auto;
	padding-right:7px;
	background-image:url(../img/bullet-arrow-orange.gif);
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
	color:#0053AE;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
#actualno .readmore a:hover {
	color:#F56304;
}

#indexmain .readmore, #maincol .readmore  {
	line-height: 14px;
	background-image: url(../img/bluepixel.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 14px;
	margin-bottom: 25px;
}
#indexmain .readmore a, #maincol .readmore a {
	display:block;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
	float:right;
	color:#2D7AD1;
	background-image: url(../img/readmorel.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left:16px;
}
#indexmain .readmore a span, #maincol .readmore a span {
	display:block;
	line-height:14px;
	background-image:url(../img/readmorer.gif);
	background-repeat:no-repeat;
	background-position:right 0px;
	padding-right:19px;
}
#indexmain .readmore a:hover, #maincol .readmore a:hover {
	background-position: left -16px;
}
#indexmain .readmore a:hover span, #maincol .readmore a:hover span {
	background-position:right -16px;
}


.skintone {
	padding:8px 10px;
	background-image: url(../img/skin-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.skintone a {
	color:#444;
}
.skintone a:hover {
	color:#F56304;
}
.plainlist {
	padding:8px 10px;
}
.plainlist li {
	border-bottom:1px solid #C9DFF0;
	padding-bottom:5px;
}

/* box programmes index*/
.boxtitle {
	font-size: 14px;
	font-weight: bolder;
	color: #FFF;
	background-color: #003066;
	background-image: url(../img/boxtitle.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	margin-bottom:1px;
}
.boxtitle div.btl {
	float:left;
	padding:7px 0px 0px 15px;
}
.boxtitle div.btr {
	float:right;
	text-align:right;
	padding:4px 5px 0 0;
}
.boxtitle div.btr a {
	display:block;
	float:right;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-image: url(../img/buttonall.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	border:1px solid #0053AE;
	line-height:18px;
	padding:0 15px 0 10px;
}
.boxtitle div.btr a:hover {
	background-position:right -21px;
}

.box {
	padding:3px;
	background-color:#E5EDF7;
	margin-bottom:20px;
}
.box div.boxinner {
	padding:10px 8px;
	background-color:#FFF;
	border:1px solid #CFDEEF;
}

.box ul.orange {
	margin-bottom:15px;
}

/* inner page layout */
#breadcrumb {
	padding: 10px;
	margin:0 10px 17px 10px;
	background-image: url(../img/dotsh.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3192D9;
}
#breadcrumb a {
	color:#0058AE;
	padding-right:11px;
	margin-right:4px;
	background-image: url(../img/bcarrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration:none;
}
#breadcrumb a:hover {
	color: #3192D9;
}

#leftcol {
	width:180px;
	float:left;
	padding-left:10px;
	padding-bottom:20px;	
}
#rightcol {
	width:180px;
	float:right;
	padding-right:10px;	
	padding-bottom:20px;	
}
#maincol {
	margin:0 214px;
	width:auto;
	padding-bottom:30px;
	line-height:130%;
}
#maincol.norightcol {
	margin-right:22px;
}
#maincol.onecol {
	margin:0 10px;
}
#maincol ul.orange {
	margin-left:15px;
}
#maincol.onecol .h1arrow {
	margin-left:8px;
}
#picholder {
	height:200px;
	margin-bottom:20px;
}

ul#leftmenu {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px solid #9DC2E1;	
}
ul#leftmenu li {
	list-style:none;
	margin-bottom:1px;
	border-top:1px solid #9DC2E1;
}
ul#leftmenu li a {
	display:block;
	background-image: url(../img/leftmenubg.png);
	background-repeat: repeat-y;
	padding-top: 8px;
	padding-right: 4px;
	padding-bottom: 9px;
	padding-left: 1px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	color: #004798;
	text-decoration:none;
}
ul#leftmenu li a span {
	display:block;
	background-image:url(../img/bullet-arrow-orange2.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	background-position:2px 3px;
}
ul#leftmenu li a:hover, ul#leftmenu li.activeleft a {
	background-image: url(../img/leftmenubgactive.png);
	background-repeat: repeat-y;
}

ul#leftmenu li ul {
	background-color:#E6F5FF;
	margin:0;
}
ul#leftmenu li ul li {
	padding:4px 3px 0px 11px;
	font-size:11px;
	background-image:url(../img/bullet-arrow-sq.gif);
	background-repeat: no-repeat;
	background-position: 3px 9px;
}
ul#leftmenu li ul li a {
	font-size:11px;
	font-weight:normal;
	background-image:none !important;
	display:block;
	padding:0 0 5px 0;
	color:#307DD4;
}
ul#leftmenu li ul li:hover {
	background-color:#F9FDFF;
}
ul#leftmenu li ul li a:hover {
	color:#004798;
}
ul#leftmenu li ul li.activeleftsub a {
	font-weight:bold;
}




#contactformwrap {
	background-color:#F4F9FC;
	padding:10px 15px;
}
#contactform label {
	float:left;
	display:block;
	width:120px;
}
#contactform input, #contactform textarea {
	background-color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	border:1px solid #729DC9;
	padding:1px;
}
#contactform input {
	width:250px;
}
#contactform textarea {
	width:370px;
}
#contactform input#security {
	width:auto;
}

#contactform .buttondark, #contactform .buttonlight, .buttondark, .buttonlight {
	padding:2px 5px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:auto;
}
#contactform .buttondark, #contactform .buttonlight, .buttondark, .buttonlight {
	color: #FFF;
	background-color: #0154AE;
	background-image: url(../img/buttondark.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	border:1px solid #0154AE;
}

#programmes {
	background-image: url(../img/coldots.gif);
	background-repeat: repeat-y;	
}
#programmes .imgborder {
	border:4px solid #C0D8ED;
}
#programmes a:hover .imgborder, #programmes div.progcol:hover .imgborder  {
	border:4px solid #FEE0CD;
}
#programmes .h3blue {
	margin-top:1px;	
	margin-bottom:15px;
	height:31px;
	font-size:13px;
}
#programmes ul  {
	margin:0 6px 0 8px;
}
#programmes ul li {
	padding-right:1px;
	padding-bottom:8px;
	margin-bottom:9px;
	border-bottom:1px solid #C9DFF0;
	line-height:13px;
}
.progcol {
	float:left;
	width:228px;
	margin-right: 13px;
	margin-left: 2px;
}
.nomargin {
	margin-right:0px;
}


/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}