body
{
    font-family:verdana;
    font-size:.8em;
}
body, div, h1, h2, p
{
    margin:0px;
    padding:0px;
}
ul
{
    margin-top:0px;
    margin-bottom:0px;
}
li
{
    margin-left:-1em;
    padding-left:0px;
    list-style-type:square;
}
.colleft
{
    width:170px;
    display:block;
    float:left;
    margin-left:7px;
    margin-top:3px;
}
.colleft .spacernav
{
    width:143px;
    height:78px;
    display:block;
    clear:both;
    overflow:hidden;
}
.colleft .nav
{
    width:143px;
    display:block;
    clear:both;
    line-height:200%;
}
.colleft .nav a
{
    color:#000000;
    text-decoration:none;
}
.colleft .nav a:hover
{
    color:#000000;
    text-decoration:underline;
}
.colmiddle
{
    width:476px;
    display:block;
    float:left;
    margin-left:12px;
    margin-top:12px;
}
.colmiddle .columns a, .colmiddle .list a
{
    color:#000000;
    text-decoration:underline;
}
.colmiddle .columns a:hover, .colmiddle .list a:hover
{
    color:#c0c0c0;
}
.colmiddle .columns a:visited, .colmiddle .list a:visited
{
    color:#000000;
}
.colmiddle .caption
{
    width:456px;
    display:block;
    float:left;
    clear:both;
    overflow:hidden;
    padding:10px;
    color:#c0c0c0;
    font-size:150%;
    font-weight:bold;
    margin-bottom:20px;
}
.colmiddle .caption a
{
   color:#c0c0c0;
   text-decoration:none;
}
.colmiddle .stage1, .colmiddle .stage2, .colmiddle .stage3
{
    width:476px;
    height:47px;
    display:block;
    float:left;
    clear:both;
    overflow:hidden;
    padding:0px;
    color:#ffffff;
    font-size:110%;
    margin-bottom:10px;
}
.colmiddle .stage1 a, .colmiddle .stage2 a, .colmiddle .stage3 a
{
    color:#ffffff;
    display:block;
    text-decoration:none;
}
.colmiddle .stage1 .number, .colmiddle .stage1 .explaination
{
    background-color:#00aedc;
}
.colmiddle .stage2 .number, .colmiddle .stage2 .explaination
{
    background-color:#ed008c;
}
.colmiddle .stage3 .number, .colmiddle .stage3 .explaination
{
    background-color:#f58027;
}
.colmiddle .stage1 .number, .colmiddle .stage2 .number, .colmiddle .stage3 .number
{
    position:absolute;
    margin-top:17px;
    margin-left:0px;
    width:20px;
    height:20px;
    display:block;
    float:left;
    clear:both;
    overflow:hidden;
    padding:6px;
    color:#ffffff;
    border-right:2px solid #ffffff;
}
.colmiddle .stage1 .explaination, .colmiddle .stage2 .explaination, .colmiddle .stage3 .explaination
{
    position:absolute;
    margin-top:17px;
    margin-left:34px;
    width:418px;
    height:20px;
    display:block;
    float:left;
    overflow:hidden;
    padding:6px 6px 6px 18px ;
    color:#ffffff;
}
.colmiddle .stage1 .icon, .colmiddle .stage2 .icon, .colmiddle .stage3 .icon 
{
    position:absolute;
    margin-top:0px;
    margin-left:18px;
    width:32px;
    height:32px;
    display:block;
    float:left;
    clear:both;
    overflow:hidden;
}
.colmiddle .note
{
    width:130px;
    padding:10px;
    display:block;
    clear:both;
    background-color:#c1d72e;
    color:#ffffff;
}
.colmiddle .list
{
    width:476px;
    display:block;
    clear:both;
}
.colmiddle .list .area
{
    width:250px;
    height:15px;
    display:block;
    clear:both;
    float:left;
    margin:5px 0px 5px 0px;
}
.colmiddle .list .colour
{
    width:149px;
    height:15px;
    display:block;
    float:left;
    text-align:left;
    margin:5px 0px 5px 0px;
}
.colmiddle .list .colour .box
{
    width:15px;
    height:15px;
    display:block;
    float:left;
    text-align:right;
    overflow:hidden;
}
.colmiddle .columns 
{
    clear:both;
    margin-bottom:1em;
    line-height:150%;
}
.colmiddle .columns:after
{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
	
.colmiddle .callout
{
    clear:both;
    padding:1em;
    line-height:150%;
    background-color:#F1F6CC;
    color:#c1d72e;
    font-size:120%;
}
.colmiddle .callout a
{
    color:#c1d72e;
    font-weight:bold;
}
.colmiddle .callout a:hover
{
    color:#000000;
}

.colmiddle .columns .column1, .colmiddle .columns .column2
{
    width:238px;
    display:block;
    clear:both;
    overflow:hidden;
}
.colmiddle .label
{
    color:#c1d72e;
    font-weight:bold;
    float:left;
    display:block;
}
.colmiddle p
{
    clear:both;
}
.colmiddle .funder, .colmiddle .funderbig, .colmiddle .fundersmall
{
    width:476px;
    background-color:#c1d72e;
    color:#ffffff;
    float:left;
}
.colmiddle .funder, .colmiddle .fundersmall
{
    height:28px;
}
.colmiddle .funderbig
{
    height:56px;
}
.colmiddle .funder:after, .colmiddle .fundersmall:after, .colmiddle .funderbig:after
{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}

.colmiddle .funder .name, .colmiddle .funderbig .name, .colmiddle .fundersmall .name
{
    padding:5px;
    float:left;
    display:block;
    width:286px;
}
.colmiddle .funder .name:after, .colmiddle .funderbig .name:after, .colmiddle .funderssmall .name:after
{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
.colmiddle .funder .items, .colmiddle .funderbig .items, .colmiddle .fundersmall .items
{
    float:right;
    display:block;
    width:180px;
    height:28px;
    text-align:right;
}
.colmiddle .items:after
{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
.colmiddle .funder .item, .colmiddle .funderbig .item, .colmiddle .fundersmall .item
{
    width:28px;
    height:100%;
    background-color:red;
    color:#ffffff;
    float:right;
    display:block;
    text-align:center;
    border-left:2px solid #ffffff;
}
.colright
{
    width:115px;
    display:block;
    float:left;
    margin-top:12px;
    margin-left:57px;
}
.colright a
{
    color:#ffffff;
    text-decoration:none;
}
.colright .split
{
    width:100%;
    height:14px;
    display:block;
    clear:both;
    overflow:hidden;
}
.colright .thematicbox
{
    width:105px;
    height:26px;
    display:block;
    float:left;
    clear:both;
    overflow:hidden;
    padding:5px;
    color:#ffffff;
    font-size:80%;
}
.logo
{
    width:143px;
    height:69px;
    display:block;
    overflow:hidden;
    clear:both;
}
.guide
{
    width:466px;
    height:42px;
    padding:5px;
    display:block;
    overflow:hidden;
    clear:both;
    background-color:#c1d72e;
    color:#ffffff;
    font-size:125%;
}
.content-extra
{
    width:456px;
    display:block;
    float:left;
    clear:both;
    overflow:hidden;
    padding:0px 10px 0px 10px;
    color:#808080;
    font-size:125%;
    font-weight:bold;
    margin-bottom:10px;
}