body {font-size:0.8em; 
      font-family: arial,verdana,sans-serif; 
      color: #333333; 
      padding: 0px;}
img {border:0px; padding:0px;}

/* ---------------- HEADERS FONT FAMILY ------------------------ */

h1,h2 {font-family: "Trebuchet MS", Arial, sans-serif;}

h3,h4,h5 {font-family: Arial, sans-serif;}

/* ---------------- MAIN WRAPPER AND FLOATS ------------------------ */

#wrapper { height:1%; }

  #leftcolumn    { float:left; 
                   display:inline;
                   width:170px;
                   margin:0px 10px 0px 10px;
                   padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:15px}

  #rightcolumn   { float:right;
                   display:inline;
                   width:18%; 
                   text-align:left;
                   margin:0px 0px 15px 0px;
                   padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:15px
                   }

  #centrecolumn  { padding:0px 15px 30px 15px; 
                   margin:0px 21% 3px 200px;
                   height:1%;
                  }

/*  ---------------- TOP NAVIGATION  ------------------------ */

#top  { }
   #logotop           { float:left; width:75%}
      #logotop img    { }       
      #logotop h2     { font-size:2em; 
                        line-height:1em;
                        color:#000080; 
                        }
       #logotop p     { margin-top:0px;
                        font-size:1.2em;
                        font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
                        margin-left: 54px;
                        font-weight:bold;
                        }
   #toplang           { line-height:200%;
                        float:right;
                        margin-top:2px;
                        margin-right:5px;
                        text-align:right; 
                        font-size:1.2em;
                        color:red;
                       }
       
      #navtop          {  clear:both;
                          margin: 0px; 
                          color: #FFFFFF; }
                           
      #navtop h3           { display: none; margin:0px}
      #navtop ul		   { display: block; 
                             list-style-type:none; 
                             margin-left: 0px; 
                             margin-bottom: 0px; 
                             padding-left: 10px;
                             background-color:#008080;
                             border-top:1px solid #000000;
                             border-bottom:1px solid #000000;}			
      #navtop li           { display: inline;
                             line-height:1.7em; 
                             border-right:1px white solid;} 
      #navtop li a:link    { padding:0px 2% 0px 2%; 
                             font-weight:bold; 
                             text-decoration:none;
                             color: #FFFFFF; }
      #navtop li a:visited { padding:0px 2% 0px 2%; 
                             font-weight:bold; 
                             text-decoration:none;      
                             color: #FFFFFF; }
      #navtop li a:hover   { padding:0px 2% 0px 2%; 
                             font-weight:bold; 
                             text-decoration:none; 
                             color: #000000; 
                             background-color: #66D1D1; }

   #banner            { clear: both; 
                        height:59px; 
                        color: #FFFFFF; 
                        background-image:url('images/people_1row.gif'); 
                        background-repeat:repeat-x;
                       } 

.training { width: 80%;
            display : block;
            color:black;
            font-weight:bold;
            text-align:center;
            padding : 7px;
            border: 5px solid #008080;
            background-color:#FFA448;}

.training a              {color:black; font-size:1.2em;}
.training a:link         {color:black; font-size:1.2em;}
.training a:link visited {color:black; font-size:1.2em;}
.training a:hover        {color:black; font-size:1.2em;}


/*  ---------------- BREADCRUMBS  ------------------------ */
                         
#crumbs    { font-family:Arial, Verdana, Helvetica, sans-serif;
             font-size:0.9em;
             text-indent:2%;
             color:#000000;
             border-bottom:1px solid #000000;
             margin-bottom:10px;
             padding:3px; 
             background-color:#FFA448}
             
#crumbs p  { margin-bottom:4px; margin-top:0px; }

/*------------------FORMS --------------------------------------*/
.q
{
width:15em;
float: left;
text-align: right;
margin-right: 1em;
display: block
}
.longone
{
width:60em;
float: left;
text-align: left;
margin-left: 1em;
display: block

}

 .agree
 {
 width:30%
 }      

/*  ---------------- RIGHT COLUMN DIVS  ------------------------ */

#rightcolumn h3             { margin-bottom:3px;
                             color:black;
                             font-size:1.2em}
#rightcolumn a              {font-size:0.9em; 
                            font-weight:bold; 
                            color:black; 
                            margin-bottom:10px;
                            }
#rightcolumn a:link         {color:black;}
#rightcolumn a:link visited {color:black;}
#rightcolumn a:hover        {color:black;}


#rightcolumn ul { margin-top:5px;
                 list-style-type:none; 
                 list-style-image:url('images/tick.gif'); }
#rightcolumn li { padding-left:10px; padding-bottom:2px ; }

.clearlogos { clear: both; line-height:1px; }

/*  ---------------- MAIN CONTENT (WITHIN "CENTRECOLUMN" DIV)  ------------------------ */
                          
      #maincontent        { padding:0px; 
                            margin:0px 0px 3px 0px;
                            overflow:auto;}
         #maincontent p   { margin-left:25px; margin-top:5px}
         #maincontent ul  { margin-left:25px; margin-top:5px}
         #maincontent li  { margin-left:25px; margin-top:5px}
        #xmaincontent em  { margin-left:25px; font-size:0.9em; display:block }
         #maincontent h2  { display:block;
         					font-size:1.3em; 
                            color:#000000; 
                            border:1px solid gray;
                            background-color:#FFA448;
                            padding:3px 5px 3px 15px;
                            margin-bottom:5px;}
         #maincontent h3  { color:#000000;
                            margin-left:10px; 
                            font-size:1.2em; 
                            line-height:150%;
                            margin-bottom:0px;
                            border-bottom:1px solid #FF8040;}

         #maincontent h4  { color:#000000;
                            margin-left:10px; 
                            font-size:1.0em; 
                            line-height:150%;
                            margin-bottom:0px;
                            border-bottom:1px solid black;}
         
         #maincontent h3.leftgrid { margin:0px auto;
                                    float:left;
                                    width:20%; 
                                    text-align:right; 
                                    color:#008080; 
                                    font-size:1.0em; 
                                    height:1%;
                                    border-bottom:none;}
         #maincontent p.indent    { margin-left:23%; 
         							height:1%; 
         							}

         #maincontent th  {display:none; text-align:left;}
         #maincontent td  {padding-left:25px}  

#postcodechange      { margin:0px auto; text-align:right; 
					padding:3px; 
					}
#postcodechange p    { margin:0px auto; }
#pcodeform           { margin:0px auto; display:inline;}
#distances           { font-size:1.1em}
div.pcinner {background-color:red}
td.orgname {width:55%}
td.city    {width:100px}
td.pcd     {width:100px}
/*  ---------------- LEFT COLUMN (DETAIL) ------------------------ */
                                                  
   #leftcolumn h3   { margin: 3px auto;
                       color:black;
                     }
   #leftcolumn ul { list-style-type:none;
                         margin-left: 15px; 
                         padding-left: 0px;
                         font-family:Verdana, Arial, Helvetica, sans-serif;
                         margin-top:0px}
   #leftcolumn li { font-family:Arial, Verdana, Helvetica, sans-serif;
                    border-left:5px solid #FF8040;}
   #leftcolumn li a:link    
                        { padding:1px 1px 2px 15px; 
                         font-weight:bold;
                         display:block; 
                         text-decoration:none; 
                         color: #000000; 
                         background-color:#CCCCCC;}
   #leftcolumn li a:visited 
                       { padding:1px 1px 2px 15px; 
                         font-weight:bold; 
                         display:block; 
                         text-decoration:none; 
                         color: #000000; 
                         background-color:#CCCCCC;}
   #leftcolumn li a:hover   
                      { padding:1px 1px 2px 15px;
                        font-weight:bold; 
                        display:block; 
                        text-decoration:none; 
                        color: #000000; 
                        background-color: #FF8040;} 

/*  ---------------- CLEAR ------------------------ */
                         
   #clearcolumns        {clear: both; }  
   
/*  ---------------- FOOTER ------------------------ */
      #footer { text-align:center; 
                padding-top:5px;
                padding-bottom:5px;
                font-size:0.9em;
               }


#advsrchpref  { border:3px solid #cccccc;
                padding:7px;
                margin-left:30px;
                width:80%}
#advsrchpref strong {color:red;
                     width:20%}
                     
#w3clogo {margin-top:25px;
          text-align:center}
/*---------------Best Practice Guide -------------------*/
		#bpg	{background: url(html/en_/bpg/blankpage.png) fixed no-repeat top center}
		#bpg p {font-size:1em;
				color:#000000}
				
		#bpg h1  {  font-size:1.5em; 
					font-weight:bold;
                    color:#000000; 
                    padding:3px 5px 3px 15px;
                    margin-bottom:5px;}

		#bpg h2  {  font-size:1.2em;
					font-weight:bold; 
                    color:#000000; 
                    padding:3px 5px 3px 15px;
                    margin-bottom:5px;}
         #bpg h3  {  font-size:1.2em;
         			font-weight:bold; 
                    color:#000000; 
                    padding:3px 5px 3px 15px;
                    margin-bottom:5px;}
         .centeredImage
    	{
    	text-align:center;
    	margin-top:0px;
    	margin-bottom:0px;
    	padding:0px;
    	}
    #bpbox	{display:block;
    		height:10%;
    		width:20%;
    		float:right;
         	font-size:1.3em; 
   		    color:#ffffff; 
            border:1px solid gray;
                            background-color:#00c49b;
                            padding:3px 5px 3px 15px;
                            margin-bottom:5px;}