/* CSS Document */

body{background:#045984 url(/images/bg.gif) top left repeat-x; margin:0px; font-family:Verdana, Verdana, Arial, Helvetica, sans-serif; font-size:85%; color:#5C5C5C;min-height:700px}
a{color:#1DA0C1;}
a:hover{color:#F37C00;}
input, textarea, select{font-size:100%;font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;}
#right h2{font-size:150%; margin:0px; padding:0px;}
#left h2{font-size:130%; margin:0px; padding:0px;}

img {border:0px}

.formbutton{background:#F37C00; color:#fff; border:1px solid #9D5000;}
.clear{clear:left;}

.clearboth{clear:both}

.greyback {background-color:#DCDCDC;border-color:#CACACA;border-width:1px;border-style: solid;padding:2px}

#faqlist li{padding-bottom:5px}
.onefaq {padding-top:5px}
.left{float:left}
.right{float:right}

#programme_nav {width:482px}

.leftform {float:left}

#linklist ul{margin-left:7px;padding:1px;margin-top:0px;margin-bottom:0px}
#linklist li{margin-left:7px;padding:0px;margin-top:4px;margin-bottom:7px}

.red{color:#a70000;}
#hiddentitle h1{position:absolute; top:-1000px; left:-1000px;}
#base{width:743px; margin-left:auto; margin-right:auto; background:#fff url(/images/footer.jpg) bottom left no-repeat; margin-bottom:10px;height:100%}
#logo{float:left;}

#topnav{ float:right; padding-top:30px;}
.button{float:left; width:100px; margin-right:5px; font-weight:bold;}
.button a{background:url(/images/button.jpg) top left no-repeat; width:100%; display:block; height:50px; text-align:center; padding-top:25px; color:#fff; text-decoration:none;}
.button a:hover{background:url(/images/button_on.jpg) top left no-repeat; text-decoration:none; color:#fff;}

#breadtrail{padding-right:10px; font-size:80%;}
#breadtrail ul{}
#breadtrail li{display:inline; padding-right:10px;}

#ident_answers {margin-left:20px}

#realtrail {float:left;padding-top:5px;padding-left:5px}


#left{float:left; width:212px; font-size:80%;}
#right{float:left; width:511px; margin:0px 5px 0px 15px; font-size:80%;}

#navtop{background:url(/images/nav_top.jpg) top left no-repeat; width:212px; height:20px;}
#navmid{background:url(/images/nav_mid.jpg) top left repeat-y; width:212px;}
#navfooter{background:url(/images/nav_footer.jpg) top left no-repeat; width:212px; height:133px;}

#midchannel{padding:10px;}

/* Nav Styles */
#mainnav {margin-top:5px}
#mainnav ul{padding:0px; margin:0px 0px 0px 0px;}
#mainnav li{font-weight:bold; list-style-type:none; padding:1px 0px 1px 0px;}
#mainnav li a{color:#5C5C5C; text-decoration:none;}
#mainnav li a:hover{color:#000; text-decoration:none;}

#mainnav li.navselected{background:url(/images/icon_subnav.jpg) left top no-repeat; padding-left:19px; color:#000;}

#mainnav li.subselected {border-bottom:1px dotted #a0a0a0;}
#mainnav li.subselected a{color:#045984; font-size:80%; display:block; padding-left:15px;}
#mainnav li.subselected a:hover{color:#F37C00;}

.prog{float:left; margin:10px 10px 0px 0px;}
.prog a{background:url(/images/icon_demoprog.jpg) top left no-repeat; font-size:110%; width:142px; display:block; text-align:center; height:68px; padding-top:98px; color:#5C5C5C; text-decoration:none; font-weight:bold; font-size:120%;}
.prog a:hover{background:url(/images/icon_demoprog_on.jpg) top left no-repeat; color:#5C5C5C; text-decoration:underline; font-weight:bold;}

#pagesort{width:446px; padding:5px 0px 5px 0px; border-bottom:1px #a0a0a0 dotted; border-top:1px #a0a0a0 dotted; margin-bottom:20px;}
#where{float:left; width:223px;} #next{float:left; text-align:right; width:223px;}

#footerlogo{width:446px; text-align:right;}
#footerlinks{text-align:right; width:685px;}
#footerlinks ul{padding:0px; margin:0px;}
#footerlinks li{display:inline; list-style-type:none; padding-right:10px;}
#footerlinks li a{color:#5C5C5C; text-decoration:none;}
#footerlinks li a:hover{color:#5C5C5C; text-decoration:underline;}

#maincontent{float:left; width:380px; padding:5px;}
#subs{float:left; width:110px; padding:5px;}

#programme_top1 {float:left;width:375px;padding-right:5px}
#programme_top2 {float:right;width:110px;padding-right:6px}

#sitemap ul{padding:5px}
#sitemap li{padding:2px}

#related {width:100px;float:right;padding:4px;background-color:#cccccc}

.italic {font-style:italic}
.noborder {border:0px}

.contact_left{width:190px;float:left}
.contact_space {padding-top:13px}

.search1 {font-weight:bold}
.search2 {width:480px}
.search3 {color:#F47C01;}

#nomargin {padding:0px;margin:0px}

.bold {font-weight:bold}


.related_title{color:white;font-weight:bold}
#related2 {width:100%}
#related2 a {color:#cccccc;color:white}
#related2 a:hover {color:#cccccc;color:white;text-decoration:none}

#textpadding {padding-top: 10px; font-size: 130%; font-weight: bold; color: #FFFFFF;}
#textpadding a {color:white;text-decoration:none}
#textpadding a:hover {color:white;text-decoration:underline}

.buttonimage {background-image: url(/images/button_bg.jpg);float:left;width:13px;height:36px}
.bgimage {background-image: url(/images/button_bg.jpg);float:left;width:150px;height:36px}


p.leftmargin {margin-left: 10px}

	#bgbox 
	{
	float: right;
	background-color: #ffffff;
	text-align: center;
	background-image: url(/images/box_bg.jpg);
	}
		
	#headerbox 
	{
	width:125px;
	height:28px;	
	background-image: url(/images/box_top.jpg);
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	}
		
	#bottombox {

	width: 125px;
	background-color: #ffffff;
	font-family: Tahoma, sans-serif;
	font-size: 12pt;
	font-weight: 600;
	color: #000000;
	text-align: center;
	height: 37px;
		}
		
	.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;}

	.links {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #04638D;
		text-decoration: underline;
	}


/* Gareths styles */


.BoldUnderlineText {
	
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}

.TableBack {background-color:#F0F0F0;border-color:#7A7A7A;border-width:1px;border-style: solid;padding:2px}

.RedText {

	font-size: 100%;
	font-weight: bold;
	color: #F37E00;
}

.BlueText {

	font-size: 100%;
	font-weight: bold;
	color: #055473;
}

.BlackText {
	
	font-size: 100%;
	font-weight: normal;
	color: #000000;
}


.BoldText {

	font-size: 100%;
	font-weight: bold;
	color: #000000;
}

.BlackUnderline {

	font-size: 100%;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;}
	
.highlight {background-color:#9FE09F;margin:2px}
.nohighlight {margin:2px}

.clearsmall{clear:both;font-size:1px}

#error li {padding:5px;color:red}