/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative;   border:#000000 0px solid;  padding:10px 10px 10px 10px; margin-top:0px; margin-left:auto; margin-right:auto; width:930px; background-color:#FFFFFF; }
*html #container { padding:20px 10px 0px 10px }
*+html #container{ padding:20px 10px 0px 10px }


#header { width:100%; height:115px; margin:0px; padding:0px;}

#logo {  width:930px; height:60px; margin:0px; padding:0px; background:url(../images/logo.gif) no-repeat #00447a; }
#logo a{ display:block; height:60px; width:430px; }
#logo a span{ display:none;}

#main {  width:100%; margin:0px 0px 0px 0px; }

#content_main  { width:590px;   margin:0px 0px 0px 0px; float:left; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:590px; float:left; margin:0px 0px 0px 0px;}

#content_img {margin:10px 0px 10px 0px;}

#purple_box {width:206px; height:100px; float:right; display:block; background:#7f99b1; padding:8px 9px 0px 9px;}
#purple_box h1 {font-size:15px; color:#ffffff; font-weight:bold; margin:0px 0px 3px 0px; padding:0px;}
#purple_box p {font-size:12px; color:#ffffff; margin:0px; padding:0px; line-height:14px;}
#purple_box a {color:#ffffff; font-size:12px; font-weight:bold;}

#yellow_box {width:591px; padding:0px 0px 0px 0px; height:75px; float:left; display:block; background:#ffe57f;}
#yellow_box p {color:#003464; font-size:18px; font-style:italic; margin:0px; padding:0px;}

#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}

#sidebar { width:319px; background:url(../images/side_bac.jpg) repeat-x top #99A3BE;   min-height:440px; height:auto !important; height:440px; float:right;  margin:10px 0px 1px 0px; padding:0px 0px 0px 11px;}
*html #sidebar {min-height:440px; height:auto !important; height:440px;}
*+html #sidebar{min-height:440px; height:auto !important; height:440px;}

#latest_news {}
.latest_news  {border-bottom:1px solid #ffffff; width:308px; padding:7px 0px 7px 0px;}
*html .latest_news  {border-bottom:1px solid #ffffff; width:308px; padding:6px 0px 6px 0px;}
*+html .latest_news  {border-bottom:1px solid #ffffff; width:308px; padding:6px 0px 6px 0px;}
.latest_news a {color:#fac318; font-size:12px; font-weight:bold; margin:0px 0px 6px 0px;}
.latest_news a:hover {color:#fac318; font-weight:bold;}
.latest_news p {font-size:10px; color:#ffffff; margin:6px 0px 0px 0px; line-height:14px; }

#breadcrumb {position:absolute; top:135px; right:10px; }
*html #breadcrumb {position:absolute; top:133px; right:10px;}
*+html #breadcrumb {position:absolute; top:133px; right:10px;}

 
#breadcrumb a {text-decoration:underline; font-size:12px; color:#333399;}
#breadcrumb a:hover { color:#333399; text-decoration:underline; }

#textpage {width:680px; padding:0px 0px 0px 10px; border-left:1px solid #000000; float:right; min-height:596px; height:auto !important; height:596px; margin-top:10px;}

#footer { background-color:#FFFFFF; width:100%; color:#003464; height:20px; margin:0px 0px 0px 0px; padding:0px; font-size:11px; color:#003464;}
#footer p { text-align:right; font-size:11px; color:#003464;   }
*html #footer p { font-size:11px; color:#003464; text-align:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  }
*+html #footer p { font-size:11px; color:#003464; text-align:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  }

#footer a { font-size:11px; color:#003464; }
#footer a:hover { font-size:11px; color:#003464; }
.clear { clear:both; }
/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; height:44px; background:#abadca; }
#nav a { margin:4px 0px 1px 0px;  color:#003366; float:left; padding:10px 20px 10px 20px; border-right:1px solid #003464; display:block; font-weight:normal; font-size:14px;}
#nav a.noborder{ border-right:0px solid #FFFFFF; }
#nav a:hover { text-decoration:none;  color:#ffffff; } 


#subnav {background:url(../images/subnav.jpg) repeat-x; float:left; width:220px; margin:10px 0px 0px 0px; padding:0px 0px 5px 0px; min-height:596px; height:auto !important; height:596px;}
#subnav a {display:block;  padding:12px 5px 13px 10px; color:#0c2651; font-weight:bold; font-size:13px;}
#subnav a:hover {}

#subnav ul {margin:0px; padding:0px;}
#subnav li {margin:0px; padding:0px; list-style:none; border-bottom:2px dotted #ffffff;}


.news_item {border-bottom:1px solid #000000;}


h1 span {font-size:12px; font-weight:bold; font-style:italic;}
/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url('#') #000066; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:24px; color:#0c2651; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#0c2651; font-size:22px; font-weight:bold; 	margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#6c6c6c; font-size:20px; font-weight:bold; 	margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#0c2651; font-size:18px; font-weight:bold; 	margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#6c6c6c; font-size:16px; font-weight:bold; 	margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; }
h6 { color:#0c2651; font-size:14px; font-weight:bold; 	margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; }

ul { padding:0px 0px 2px 17px; }
*html ul {  padding:0px 0px 0px 0px; margin:10px 0px 12px 16px; }
*+html ul { padding:0px 0px 0px 0px; margin:10px 0px 12px 16px;}
ul li {list-style:disc; font-size:14px; color:#6c6c6c; line-height:20px; }
ol {padding:0px 0px 0px 20px;}
*html ol {  padding:0px 0px 0px 0px; margin:10px 0px 10px 22px; }
*+html ol { padding:0px 0px 0px 0px; margin:10px 0px 10px 22px;}
ol li {list-style:decimal font-size:14px; color:#6c6c6c;}

a.pdf {width:80%; font-size:14px;display:block; background:url(../images/pdf.jpg) no-repeat left; height:34px;  border-top:1px solid #000000; padding:20px 0px 0px 50px; margin:10px 0px 10px 0px;}

a:hover.pdf {color:#0c2651; font-size:14px; }

address {margin:10px; font-size:14px; color:#6c6c6c;}

a { color:#000000; text-decoration:none; font-size:14px;}
a:hover { color:#000000; text-decoration:underline; }

p { font-size:14px; color:#6c6c6c; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; line-height:20px;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI

*/

#test {
    background-image:  url(../images/tower-bridge.jpg);
    background-repeat: no-repeat;
    height: 350px;
    width: 581px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
#test p {
	color:#00447A;
	font-size:14px;
	font-weight: bolder ;
}
 
