/* uk defence */
/* border: 1px solid #666; */

/* global styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.2em;
	text-align: left; color: #000; 
	background-color: #fff;
	margin: 20px 0 0 0; padding: 0; }
	
p { margin: 0; padding: 0 0 10px 0; }
	
form,
fieldset { margin: 0; padding: 0; border: none; }

h1, h2, h3, h4 ,h5 { margin: 0; padding: 0 0 10px 0; line-height: 1.2em;}

h2 { color: #c9241a; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; }

/*h3 { color: #5a585b; font-family: "Times New Roman", Roman, serif; font-size: 1.2em; }*/
h3 { padding: 0; margin: 0; font-family: Arial, Helvetica, sans serif; color: #5a585b; font-size: 1em; }

h3 span {color: #003c75; font-size: 1em; font-style: italic; }

h4 { padding: 0; margin: 2px 0 12px 1px; color: #003c75; font-family: Arial, Helvetica, sans serif;  font-size: 1em; }


img { border: none; }
.clear { clear: both; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: underline; }


/* style for blankwin */
a.external { position: relative; padding-right: 12px; background:url(/images/ico_external.gif) no-repeat 100% 50%; }

hr { margin: 10px 0 10px 0; padding: 0; background-color: #666; border: 0; height: 1px;  color: #666; }

/* main wrapper */
#wrapper { position: relative; width: 980px; margin: 0 auto 0 auto; }


/* header container */
#header { position: relative; width: 980px; height: 100px; }
#header #skip { display: none; }
#header h1 { 
	position: absolute; top: 0; left: 0; height: 41px; width: 201px; margin: 0; padding: 0; }
#header h1 a { 
	position: absolute; display: block;
	top: 0; left: 0; width: 201px; height: 41px;
	text-indent: -9999px; background: transparent url(/images/ukdc-logo.gif) 0 0 no-repeat; }


/* date box container */
#dateBox { position: absolute; top: 0; right: 0; color: #5b5b5b; font-size: 0.9em; }


/* call me / email me container */
#searchMe { position: absolute; top: 30px; right: 0; width: 300px; text-align: right; }

/*///////// main menu /////////*/
/*/////////////////////////////*/
#mainMenu { position: absolute; top: 58px; left: 0; width: 980px; height: 32px; z-index:80; }
	
/* hack to correct IE5.5 faulty box model */
* html #mainMenu { width:980px; w\idth:980px; }

#mainMenu ul { padding: 0; margin: 0; list-style-type: none; display: block; }

/* 2nd level width */
#mainMenu ul ul { width: 166px; border-top: 1px solid #bfbfbf; }

/* float the list to make it horizontal and a relative positon 
so that you can control the dropdown menu positon */
#mainMenu li { float: left; width: 166px; position: relative; display: block; border-left: 1px solid #b2c4d5; border-right: 1px solid #b2c4d5; border-bottom: 1px solid #b2c4d5; }

/* style the links for the 2nd level */
#mainMenu a, 
#mainMenu a:visited {
	position: relative; display: block; text-decoration: none; 
	width:165px; height:32px; line-height:27px; border-top-color: #fff; border-bottom-color: #b2c4d5; color: #fff; }

/* a hack so that IE5.5 faulty box model is corrected */
* html #mainMenu a, * html #mainMenu a:visited { width:166px; w\idth:154px; }

/* style the second level background */
#mainMenu ul ul a.drop, #mainMenu ul ul a.drop:visited {
	background: transparent url(/images/2nd-level-off.gif) 100% 50% no-repeat; }

/* style the second level hover */
#mainMenu ul ul a.drop:hover { background: transparent url(/images/2nd-level-off.gif) 100% 50% no-repeat; }

#mainMenu ul ul :hover > a.drop { color:#fff; background: transparent url(/images/2nd-level-over.gif) 100% 50% no-repeat; }
	
#mainMenu ul li.last { border-bottom: 1px solid #b2c4d5; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainMenu ul ul { visibility: hidden; position: absolute; height: 0; top: 31px; left: 0; width: 166px; }	

/* another hack for IE5.5 */
* html #mainMenu ul ul { top:27px; t\op:28px; }

/* style the table so that it takes no part in the layout - required for IE to work */
#mainMenu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#mainMenu ul ul a, 
#mainMenu ul ul a:visited { background: transparent url(/images/2nd-level-off.gif) 100% 50% no-repeat;
	height:auto !important; line-height:1.2em; padding: 7px 5px 7px 16px; width: 145px; }
	
/* yet another hack for IE5.5 */
* html #mainMenu ul ul a, 
* html #mainMenu ul ul a:visited { width:160px; w\idth:154px; }

/* style the top level hover */
#mainMenu a:hover, 
#mainMenu ul ul a:hover {  }

#mainMenu :hover > a, 
#mainMenu ul ul :hover > a { 
	color:#fff; background: transparent url(/images/2nd-level-over.gif) 100% 50% no-repeat; }

/* make the second level visible when hover on first level list OR link */
#mainMenu ul li:hover ul,
#mainMenu ul a:hover ul{ visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
#mainMenu ul :hover ul ul{ visibility:hidden; }

/* make the third level visible when you hover over second level list OR link */
#mainMenu ul :hover ul :hover ul{ visibility:visible; }


#mainMenu .home,
#mainMenu .aboutUs,
#mainMenu .financialStr,
#mainMenu .summaryCov,
#mainMenu .leadingCas,
#mainMenu .publications,
#mainMenu .newsDesk,
#mainMenu .contactUs { border: 0 !important;  }

#mainMenu .home a.home,
#mainMenu .aboutUs a.aboutUs,
#mainMenu .financialStr a.financialStr,
#mainMenu .summaryCov a.summaryCov,
#mainMenu .leadingCas a.leadingCas,
#mainMenu .publications a.publications,
#mainMenu .newsDesk a.newsDesk,
#mainMenu .contactUs a.contactUs { border: 0 !important; text-indent: -9999px; background: transparent url(/images/main_menu.gif) 0 0 no-repeat; }

#mainMenu .home { width: 73px !important; }
#mainMenu .aboutUs { width: 106px !important; }
#mainMenu .financialStr { width: 146px !important; }
#mainMenu .summaryCov { width: 144px !important; }
#mainMenu .leadingCas { width: 117px !important; }
#mainMenu .publications { width: 100px !important; }
#mainMenu .newsDesk { width: 87px !important; }
#mainMenu .contactUs { width: 207px !important;  }

#mainMenu .home a.home { width: 73px !important; background-position: 0 0; }
#mainMenu .aboutUs a.aboutUs { width: 107px !important; background-position: -73px 0; }
#mainMenu .financialStr a.financialStr { width: 146px !important; background-position: -179px 0;}
#mainMenu .summaryCov a.summaryCov { width: 144px !important; background-position: -325px 0; }
#mainMenu .leadingCas a.leadingCas { width: 117px !important; background-position: -469px 0; }
#mainMenu .publications a.publications { width: 100px !important; background-position: -586px 0; }
#mainMenu .newsDesk a.newsDesk { width: 87px !important; background-position: -686px 0; }
#mainMenu .contactUs a.contactUs { width: 207px !important; background-position: -773px 0; }

#mainMenu .home a.home:hover { width: 73px !important; background-position: 0 -32px; }
#mainMenu .aboutUs a.aboutUs:hover { width: 107px !important; background-position: -73px -32px; }
#mainMenu .financialStr a.financialStr:hover { width: 146px !important; background-position: -179px -32px;}
#mainMenu .summaryCov a.summaryCov:hover { width: 144px !important; background-position: -325px -32px; }
#mainMenu .leadingCas a.leadingCas:hover { width: 117px !important; background-position: -469px -32px; }
#mainMenu .publications a.publications:hover { width: 100px !important; background-position: -586px -32px; }
#mainMenu .newsDesk a.newsDesk:hover { width: 87px !important; background-position: -686px -32px; }
#mainMenu .contactUs a.contactUs:hover { width: 207px !important; background-position: -773px -32px; }

#mainMenu .home a.current { background-position: 0 -32px; }
#mainMenu .aboutUs a.current { background-position: -73px -32px; }
#mainMenu .financialStr a.current {  background-position: -179px -32px;}
#mainMenu .summaryCov a.current { background-position: -325px -32px; }
#mainMenu .leadingCas a.current { background-position: -469px -32px; }
#mainMenu .publications a.current { background-position: -586px -32px; }
#mainMenu .newsDesk a.current { background-position: -686px -32px; }
#mainMenu .contactUs a.current { background-position: -773px -32px; }

#mainMenu .home ul,
#mainMenu .aboutUs ul,
#mainMenu .financialStr ul,
#mainMenu .summaryCov ul,
#mainMenu .leadingCas ul,
#mainMenu .publications ul,
#mainMenu .newsDesk ul,
#mainMenu .contactUs ul { text-indent: 0 !important;  }


/* //// content container //// */
/*/////////////////////////////*/
#content { position: relative; width: 980px; }
#sub #body { margin: 5px 0 0 0;  position: relative; float: left;  width: 764px; background: #cfdadc url(/images/bg_main2.gif) 1px bottom repeat-y ; }
#sub #body h2 { width: 579px; height: 36px; padding: 107px 0 0 185px; color: #fff; font-weight: normal; font-size: 1.9em; }

/* local menu */
#sub #localMenu  { position: relative; float: left; min-height: 330px; /*background-color: #b0c2cd;*/ width: 165px; margin-bottom: 40px; }
#sub #localMenu ul li { margin: 0; padding: 0; list-style:none; display: block; border-bottom: 1px solid #cfdadc; }
#sub #localMenu ul { padding: 0; margin: 0; list-style-type: none; display: block; width: 165px; border-top: 1px solid #cfdadc; }
#sub #localMenu ul { background: #7c9bb3 url(/images/bg_localMenu_off2.gif) 0 0 repeat-y; }
#sub #localMenu ul li a { display: block; background: #7c9bb3 url(/images/arrow_right.gif) 9px 9px no-repeat; font-weight: bold; font-size: 1em; color: #fff; 
	text-decoration: none; padding: 9px 0 8px 26px; }
#sub .localMenu ul li a.current { display: block; background: #34648f url(/images/arrow_right.gif) 9px 9px no-repeat; 
	font-weight: bold; color: #fff; text-decoration: none; }
#sub #localMenu ul li a.current { background-color: #34648f; }

#sub #localMenu ul li a:hover, 
#sub #localMenu ul li a.active,
#sub #localMenu ul li a:hover.active { display: block; background: #34648f url(/images/arrow_right.gif) 9px 9px no-repeat; 
	font-weight: bold; color: #fff; text-decoration: none; }

#sub #localMenu ul li ul.subs {  }

#sub #localMenu ul li ul.subs li { background: #34648f; border-bottom: 1px solid #7c9bb3;   }

#sub #localMenu ul li ul.subs li a { background: #34648f url(/images/arrow_right-sub.gif) 19px 5px no-repeat; color: #fff; padding: 5px 0 4px 36px; }
#sub #localMenu ul li ul.subs li a:hover { background: #bdccd3 url(/images/arrow_right-sub.gif) 19px 5px no-repeat; color: #003c75; }
#sub #localMenu ul li ul.subs li a.current { background: #bdccd3 url(/images/arrow_right-sub.gif) 19px 5px no-repeat; color: #fff; }


/*////////// text content ////////////*/
/*////////////////////////////////////*/
#sub #textContent { line-height: 1.4em; position: relative; float: left; margin: 19px 10px 10px 22px; width: 550px; }
#sub #textContent h3 { color: #003c75; font-size: 1.1em; margin: 5px 0 10px 0; }
#sub #textContent a { border-bottom: 1px dotted #666; text-decoration: none; }
#sub #textContent a:hover { border-bottom: 1px solid #666; text-decoration: none; }
#sub #textContent #contactContainer a { border-bottom: none; text-decoration: none; }
#sub #textContent #contactContainer a:none { border-bottom: 1px solid #fff; text-decoration: underline; }
#sub #textContent ul { padding: 0 0 0 10px; margin: 0 0 20px 10px; }
#sub #textContent h4 { color: #003c75; font-size: 1.0em; margin: 5px 0 10px 0; }
#sub #textContent h5 { color: #003c75; font-size: 0.9em; margin: 5px 0 10px 0; }

/* jFlow content slider styles */
/*/////////////////////////////*/
#jfController { position: absolute; left: 0; top: 37px; z-index: 81; }

/* jflow slide styles */
#jFlowSlide { width: 770px; height: 470px; }

#jFlowSlide div.slide {
	background-color: transparent; background-position: 0 0; background-repeat: no-repeat; 
	display: block; width: 770px; height: 470px; overflow: hidden; }

/* don't use overflow: auto; will cause "ripping" effect when jslider is running */
#jFlowSlide div.slide div { position: absolute; top: 113px; height: 170px; width: 480px; padding: 0 20px 10px 20px; overflow: hidden;  }
#jFlowSlide div.slide div h2 { color: #fff; font-size: 2em; font-weight: normal;  }

#jFlowSlide div.slide div p,
#jFlowSlide div.slide div a { color: #fff; text-decoration: none; font-size: 1.1em; }
#jFlowSlide div.slide div a:hover { text-decoration: underline;  }
#jFlowSlide div.slide img { float: left; margin-right: 9px; }


/*//////// Quicklinks ////////*/
/*/////////////////////////////*/
.whitebox { background-color: #fff; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; } 
.fake { }
#home #quickLinks { position: absolute; top: 5px; left: 555px; width: 210px; height: 465px; }
#home #quickLinks ul { padding: 0; margin: 0; list-style-type: none; display: block; width: 210px; }
#home #quickLinks li { display: block; width: 210px; height: 153px; }
#home #quickLinks a { display: block; text-decoration: none; width: 210px; height: 153px; }
#home #quickLinks span { display: none; }

#sub #quickLinks { position: relative; float: right; width: 210px; height: 465px; z-index: 79; }
#sub #quickLinks ul { padding: 0; margin: 0; list-style-type: none; display: block; width: 210px; }
#sub #quickLinks li { display: block; width: 210px; height: 153px; }
#sub #quickLinks a { display: block; text-decoration: none; width: 210px; height: 153px; }
#sub #quickLinks span { display: none; }



/*//////// Latest news ////////*/
/*/////////////////////////////*/
#latestNews { position: absolute; width: 200px; height: 466px; top: -1px; right: -1px; border: 1px solid #bfbfbf; padding: 1px; background-color: #e5ebf1; overflow: hidden;  }
#latestNews h3 { padding: 0 5px 0 0; height: 26px; width: 195px; background: #003b74 url(/images/hdr_news.gif) 0 0 no-repeat; }
#latestNews h3 span { display: none; }
#latestNews h4 { color: #003261 }
#latestNews a { color: #003261; text-decoration: none; }
#latestNews a:hover { color: #003261; text-decoration: underline; }

#latestNews .items { height: 385px !important; float: left; width: 195px; margin: 5px 0 0 0;}
/*#latestNews .items div { width: 190px; height: 80px; border-bottom: 1px solid #ccc; margin: 0 0 5px 0; padding: 5px; }*/
#latestNews .items div { width: 190px; height: 84px; border-bottom: 1px solid #ccc; margin: 0 0 0 0; padding: 5px; }
#latestNews .items div.noBorder { border: none; }
#latestNews .newsSnip.hovered { background-color: #fff; cursor: pointer; }
#latestNews .newsSnip span {color: #626262; font-size: 0.8em; }
#latestNews .newsSnip p { width: 180px;  }

#latestNews .navi { width: 190px; float:left; margin: 4px 0 0 73px; height:11px; overflow:hidden; }
#latestNews .navi span { width:8px; height:8px; float:left; margin:3px; background:url(/images/dots.png) 0px 0px no-repeat;	cursor:pointer; }
#latestNews .navi span:hover { background-position:0 -8px; }
#latestNews .navi span.active { background-position:0 -16px; cursor:default; }


/* ////// footer styles ////// */
/*/////////////////////////////*/
#footer { position: relative; float: left; width: 700px; padding: 16px 8px 16px 8px; }
#footer ul { display: block; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul li {	display: inline; border-right: 1px solid #000; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #000; padding: 0 5px 0 5px; text-decoration: none; background-image: none; }
#footer ul li a:hover { text-decoration: underline; }

/* credit */
#credit { width: 240px; position: relative; float: left; padding: 16px 8px 16px 8px; text-align: right; }
#credit a { font-size: 0.9em; color: #000; padding: 0 5px 0 5px; text-decoration: none; background-image: none; }
#credit a:hover { text-decoration: underline; }


/*///////// search results ////////*/
/*/////////////////////////////////*/
#home #searchResults { position: relative; float: right; width: 300px; /*height: 434px;*/ /*border: 1px solid #edefee;*/ border: 1px solid #7a7a7a top: 50px; right: 0; z-index: 83; }
#sub #searchResults { position: absolute; float: right; width: 300px; /*height: 434px;*/  border: 1px solid #7a7a7a; top: 50px; right: 0; z-index: 83; }

#searchMe .searchOff { background-color: #e5ebf1; font-size: 0.9em; color: #707070; width: 150px; border-top: 1px solid #000; border-right: 1px solid #000;
	border-bottom: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; }
	
#searchMe .searchOn { background: #fff url(/images/bg_input2.gif) right 1px no-repeat; font-size: 0.9em; color: #707070; width: 150px; border-top: 1px solid #000; border-right: 1px solid #000;
	border-bottom: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; }

/* searchContainer */
#searchContainer { position: relative; margin: 0; padding: 2px; width: 296px; background: transparent url(/images/bg_searchresults.jpg) 0 0 repeat-y;  }

#searchContainer .searchList { padding: 0; margin: 0 0 10px 0; }
#searchContainer .searchList dt { height: 23px; background: transparent url(/images/bg_hdr_searchresults.jpg) 0 4px no-repeat; padding: 8px 0 0 10px;
	font-weight: bold; font-size: 1em; color: #fff; }

#searchContainer .searchList .searchImg { position: relative; float: left;  width: 42px; padding: 0; margin: 0 7px 0 3px; }

#searchContainer .searchList .searchHdr { font-size: 0.9em; margin: 3px 0 0 0;}
#searchContainer .searchList .searchHdr a { position: relative; float: left; margin: 0 0 0 0; color: #10487e; text-decoration: none; font-weight: bold; }
#searchContainer .searchList .searchHdr a:hover { text-decoration: underline; }
#searchContainer .searchList .searchHdr .sr_clear { height: 6px; width: 299px; clear: both; }

/*///////// contact results ////////*/
/*/////////////////////////////////*/
#contactsF1 { width: 553px; background-color: #676d6e; padding: 7px; margin: 10px 0 1px 0; }
#contactsF2 { width: 553px; background-color: #a6aeb0; padding: 7px; margin: 1px 0 0 0; }
#contactResults { width: 553px; background-color: #cfdadc; overflow: auto; padding: 0 5px 5px 7px; }
#contactContainer h3 { color: #03315d; padding:0;  margin: 20px 5px 0 0; }
#contactContainer p { margin: 2px 0 7px 0; line-height: 1.3em; }
#contactContainer span a { text-decoration:  none; color: #03315d; }
#contactContainer span a:hover { text-decoration: underline; color: #03315d; }
#contactContainer p span { color: #03315d; }
#contactContainer .individualContainer { margin: 15px 0 14px 0; padding: 0; background-color: #fff; }
#contactContainer .individualContainer h4 { color: #03315d; margin: 0; padding: 7px 7px 0 7px; }
#contactContainer .individualContainer p { padding: 7px 7px 0 7px; }
#contactContainer .individualContainer .individualEmail { background: #03315d url(/images/arrow_right.gif) 13px 8px no-repeat; padding: 7px 7px 7px 35px; color: #fff; }
#contactContainer .individualContainer .individualEmail a { color: #fff; text-decoration: none; }
#contactContainer .individualContainer .individualEmail a:hover { color: #fff; text-decoration: underline; }

/*///////// enquiry form ////////*/
/*/////////////////////////////////*/
#enquiryForm { display: block; width: 330px; top: 0px; left: 0px; margin: 20px 0 0 2px;  }
#enquiryForm hr { width: 290px; }
#enquiryForm span.hr { display: block; margin: 10px 0 10px 0; height: 1px;width:320px; background: #666 url(/images/icn-line.gif) top left repeat-x; }
#enquiryForm span.hr hr { display: none; }
#enquiryForm h4 { color: #00a3e6; font-weight: normal; font-size: 1em; }
#enquiryForm p { color: #666; padding: 0 0 5px 0; margin: 0; }
#enquiryForm fieldset { padding: 0; margin: 0; border: 0;  color: #003974 ;}
#enquiryForm label { color: #666; display: block; clear: left; float: left; width: 120px; font-weight: normal; padding: 2px 0 4px 0; } 

#enquiryForm .captcha {  display: block; width: 256px;  background-image: none; }

#enquiryForm .captcha label span { display: inline; width: auto; padding: 0; }
#enquiryForm .captcha img { border: 1px solid #888; }
#enquiryForm .captcha input {  }
#enquiryForm .captcha span { display: block; font-size: 0.9em; color: #666; }

#enquiryForm .captcha label span,
#enquiryForm label span { color: #cc0000; font-weight: bold; }

#enquiryForm textarea,
#enquiryForm input { margin: 2px 0 4px 0; width: 320px; }

#enquiryForm .captcha_success_message { width: 520px; display: block; background-color: #d9efd0; padding: 10px; margin: 7px 0 20px 0; color: #000; border: 1px solid #33691c; }
#enquiryForm .captcha_error_message { width: 520px; display: block; background-color: #efa3a3; padding: 10px; margin: 7px 0 20px 0; color: #000; border: 1px solid #f90505; }
#enquiryForm #captchText { color: #666; display: block; width: 190px; padding: 0 0 0 130px; }
#enquiryForm input#captcha, #enquiryForm input#turing { width: 100px; }
#enquiryForm #submit { width: 150px;}

#enquiryForm #enqradio { display: block; position: relative; margin: 0 0 10px 0; }
#enquiryForm #enqradio input { width: 30px; }
#enquiryForm #enqradio span { color: #666; font-weight: normal; } 

#enquiryForm #enqcheck1 { display: block; margin: 10px 0 0 0; }
#enquiryForm #enqcheck1 input { width: 30px; }
#enquiryForm #enqcheck1 span { display: block; color: #666; font-weight: normal;  } 
#enquiryForm #enqcheck1 legend { color: #666; font-weight: bold; }

#enquiryForm #enqcheck2 { display: block; }
#enquiryForm #enqcheck2 input { width: 30px; }
#enquiryForm #enqcheck2 span { display: block; color: #666; font-weight: normal;  } 
#enquiryForm #enqcheck2 legend { color: #666; font-weight: bold; }
#enquiryForm h4 { color: #666; font-weight: bold; }