/* styles.css */

/* Colours 
Dark:
	3D76B5
	3DB54B
	753DB5
	B53D84
	CB5D28

Mid:
	8CB1DA
	6FD17B
	B18CDA
	DA8CBA
	ED9B4F

Light:
	D9E5F3
	D9F3DC
	E5D9F3
	F3D9E8
	FAE2CA

vLight:
	E2EBF6
	E2F6E4
	EBE2F6
	F6E2EE
	FAE1CA
*/

body
{
    background-color: #fff;
    color: #000;
    font: 70% Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

html>body
{
    font-size: 12px;
}

img
{
	border: none;
}

a
{
    font-weight: bold;
    text-decoration: none;
}

#menu a, #footer a
{ 
    font-weight: normal;
}

a:hover, a:focus
{
    text-decoration: underline;
}

#header a:hover, #header a:focus
{
    text-decoration: none;
}

.largefont
{
	font-size: 110%;
}

div.banner
{
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    height: 32px;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

div.bannerLogo
{
    text-align: center;
}

#header
{
    border-bottom: 1px #aaa solid;
    margin: 0;
    padding: 0 4px 4px;
}

#header .logo
{
    float: left;
    margin: 10px 4px 4px;
    padding: 0;
}

#menu a
{
    float: none;
    margin: 0;
}

#main
{
    float: left;
    margin: 0 -216px 0 0;
    padding: 0;
    width: 100%;
}

#inner
{
    float: right;
    margin: 0 0 0 -206px;
    padding: 0;
    width: 100%;
}

#content
{
    margin: 0 216px 16px 153px;
}

#block_right
{ 
    display: inline;
    float: right;
    margin: 0 4px 8px 8px;
    width: 203px;
}

#block_left
{
    display: inline;
    float: left;
    margin: 0 8px 8px 8px;
    width: 136px;
}

#menu
{
    font-size: 90%;
    margin: 0 0 0 146px;
}

#menu h2
{
    display: none;
}

#menu a:hover, #menu a:focus
{
	text-decoration: none;
}

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu li
{
    margin: 0;
    padding: 0;
}

/* 2bit: Set the basic scheme name details */
#menu ul li a
{
    background-color: #eee;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

#menu ul li a.white
{
    color: #fff;
}

#menu ul li a:hover
{
    background-color: #ddd;
}

#menu ul li li a
{
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

#menu ul li ul
{
    background-color: #fff;
    border: 1px #000 solid;
    padding-right: 17px;
}

#menu li li a, #menu li li strong
{
    background: url(images\arrow_right_black.gif) no-repeat 0% 60%;
    color: #000;
    padding: 1px 9px;
}

#menu li li strong
{
    background-image: url(images\arrow_down_white.gif);
    color: #fff;
    font-weight: normal;
}

/* IE */
* html #menu
{
    width: 100%;
}

* html #menu li span
{
    display: none;
}

* html #menu li
{
    height: 17px;
    padding-left: 17px;
    width: 100%;
}

* html #menu li a
{
    border-right: 1px #fff solid;
    float: left;
    display: block;
    height: 100%;
    padding: 4px 0 0 4px;
    width: 20%;
}

* html #menu ul ul
{
    display: block;
    float: left;
    height: 100%;
    vertical-align: middle;
    width: 80%;
}

* html #menu li li
{  
    display: inline;
    float: none;
    height: auto;
    line-height: 17px;
    padding-left: 0;
    width: auto;
}

* html #menu li li a, * html  #menu li li strong
{
    border-right: none;
    display: inline;
    float: none;
    height: auto;
    padding: 1px 9px;
    width: auto;
}
/* IE end */

#menu>ul
{
    border-spacing: 0 1px;
    display: table;
    width: 100%;
}

#menu>ul>li
{
    display: table-row;
}

#menu>ul>li>span
{
    display: table-cell;
    height: 17px;
    width: 17px;
}

#menu>ul>li>a
{
    display: table-cell;
    border-right: 1px #fff solid;
    padding-left: 2px;
    vertical-align: middle;
    width: 20%;
}

#menu>ul>li>ul
{
    display: table-cell;
    vertical-align: top;
}

/* \*/
#menu>ul>li>ul>li
{
    display: block; 
    float: left;
}

#menu li li>a, #menu li li>strong
{
    display: block;
}
/* */

.scheme1 #menu ul li.scheme1 a, 
.scheme2 #menu ul li.scheme2 a,
.scheme3 #menu ul li.scheme3 a,
.scheme4 #menu ul li.scheme4 a,
.scheme5 #menu ul li.scheme5 a
{
    background-color: inherit;
}

* html .scheme1 #menu ul li.scheme1 a, 
* html .scheme2 #menu ul li.scheme2 a,
* html .scheme3 #menu ul li.scheme3 a,
* html .scheme4 #menu ul li.scheme4 a,
* html .scheme5 #menu ul li.scheme5 a
{
    background-color: transparent;
}

/* 2bit: sets the background colour for the narrative of the current scheme */
#menu li.scheme1, #menu li.scheme1 span
{
    background: #3D76B5 url(images\menu_bg_scheme1.gif) no-repeat left;
}

#menu li.scheme2, #menu li.scheme2 span
{
    background: #3DB54B url(images\menu_bg_scheme2.gif) no-repeat left;
}

#menu li.scheme3, #menu li.scheme3 span
{
    background: #753DB5 url(images\menu_bg_scheme3.gif) no-repeat left;
}

#menu li.scheme4, #menu li.scheme4 span
{
    background: #B53D84 url(images\menu_bg_scheme4.gif) no-repeat left;
}

#menu li.scheme5, #menu li.scheme5 span
{
    background: #cb5d28 url(images\menu_bg_scheme5.gif) no-repeat left;
}

#menu li ul
{
    background-position: right;
    background-repeat: repeat-y;
}

#menu li.scheme1 ul
{
    background-image: url(images\menu_bg_scheme1.gif);
}

#menu li.scheme2 ul
{
    background-image: url(images\menu_bg_scheme2.gif);
}

#menu li.scheme3 ul
{
    background-image: url(images\menu_bg_scheme3.gif);
}

#menu li.scheme4 ul
{
    background-image: url(images\menu_bg_scheme4.gif);
}

#menu li.scheme5 ul
{
    background-image: url(images\menu_bg_scheme5.gif);
}

/* specific colors for the current id */
#menu li.scheme1 li strong {background-color: #3D76B5;}
#menu li.scheme2 li strong {background-color: #3DB54B;}
#menu li.scheme3 li strong {background-color: #753DB5;}
#menu li.scheme4 li strong {background-color: #B53D84;}
#menu li.scheme5 li strong {background-color: #cb5d28;}

#menu li.scheme1 li a:hover {background-color: #8CB1DA; color: #fff;}
#menu li.scheme2 li a:hover {background-color: #6FD17B; color: #fff;}
#menu li.scheme3 li a:hover {background-color: #B18CDA; color: #fff;}
#menu li.scheme4 li a:hover {background-color: #DA8CBA; color: #fff;}
#menu li.scheme5 li a:hover {background-color: #ED9B4F; color: #fff;}

#navbar
{
    height: 20px;
    margin: 0 0 10px 0;
}

#navbar p
{
    height: 20px;
    margin: 0 0 0 55px;
    padding: 3px;
}

#navbar a
{
    font-weight: normal;
    text-decoration: none;
}

#navbar a:link, #navbar a:visited
{
	color: #000;
}

#navbar a:focus, #navbar a:hover
{
	text-decoration: underline;
}

#navbar strong
{
    font-weight: bold;
}

/* navbar colours */
.scheme1 #navbar div
{
    background-color: #D9E5F3;
}

.scheme2 #navbar div
{
    background-color: #D9F3DC;
}

.scheme3 #navbar div
{
    background-color: #E5D9F3;
}

.scheme4 #navbar div
{
    background-color: #F3D9E8;
}

.scheme5 #navbar div
{
    background-color: #fae2ca;
}

#footer
{
    border: 1px #aaa solid;
    border-width: 1px 0;
    clear: both;
    margin-top: 8px;
}

#footer div
{
    background-color: #D9E5F3;
    border-bottom: 1px #999 solid;
    border-top: 1px #fff solid;
    padding: 0 10px;
}

#footer p
{
    margin: 0;
    padding: 0 0 3px;
}

#footer a:link, #footer a:visited
{
	color: #000;
}

/* footer colours */
.scheme1 #footer div
{
    background-color: #D9E5F3;
}

.scheme2 #footer div
{
    background-color: #D9F3DC;
}

.scheme3 #footer div
{
    background-color: #E5D9F3;
}

.scheme4 #footer div
{
    background-color: #F3D9E8;
}

.scheme5 #footer div
{
    background-color: #fae2ca;
}

#block_right h2
{
    display: none;
}

#block_right div
{
    margin: 0 0 4px 0;
    padding: 0;
    width: 203px;
}

#block_right div div
{
    border: 1px #000 solid;
    border-width: 0 1px;
    margin: 0;
    width: auto;
}

/* \*/
* html #block_right div div
{
    width: 100%;
}
}/* */

#block_right div.header, #block_right div.footer
{
    border-width: 0;
    font-size: 1px;
}

#block_right div.header
{
    background: transparent url(images\header.gif) no-repeat 0 0;
    border-width: 0 1px 0 0;
    height: 5px;
    line-height: 5px;
}

#block_right div.footer
{
    background: transparent url(images\footer.gif) no-repeat 100% 100%;
    border-width: 0 0 0 1px;
    height: 9px;
    line-height: 9px;
}

#block_right h3 img
{
    float: right;
    margin: -4px -3px 0 0;
}

* html #block_right h3 img
{
    margin-top: 0;
    margin-bottom: -9px;
/* \*/  position: relative;/* */
}

html>body #block_right h3 img
{
    margin: 0 0 -4px 4px;
}

#block_right .scheme1 div
{
    background-color: #E2EBF6;
    background-image: url(images\bg_br_scheme1.gif); /* 2bit */
    border-color: #3D76B5;
}

#block_right .scheme1 div.header
{
    background-image: url(images\blockr_header_scheme1.gif);
}

#block_right .scheme1 div.footer
{
    background-image: url(images\blockr_footer_scheme1.gif);
}

#block_right .scheme1 h3 a
{
    color: #3D76B5;
}

#block_right .scheme2 div
{
    background-color: #E2F6E4;
    background-image: url(images\bg_br_scheme2.gif); /* 2bit */
    border-color: #3DB54B;
}

#block_right .scheme2 div.header
{
    background-image: url(images\blockr_header_scheme2.gif);
}

#block_right .scheme2 div.footer
{
    background-image: url(images\blockr_footer_scheme2.gif);
}

#block_right .scheme2 h3 a
{
    color: #3DB54B;
}

#block_right .scheme3 div
{
    background-color: #EBE2F6;
    background-image: url(images\bg_br_scheme3.gif); /* 2bit */
    border-color: #753DB5;
}

#block_right .scheme3 div.header
{
    background-image: url(images\blockr_header_scheme3.gif);
}

#block_right .scheme3 div.footer
{
    background-image: url(images\blockr_footer_scheme3.gif);
}

#block_right .scheme3 h3 a
{
    color: #753DB5;
}

#block_right .scheme4 div
{
    background-color:#F6E2EE;
    background-image: url(images\bg_br_scheme4.gif); /* 2bit */
    border-color: #6B3461;
}

#block_right .scheme4 div.header
{
    background-image: url(images\blockr_header_scheme4.gif);
}

#block_right .scheme4 div.footer
{
    background-image: url(images\blockr_footer_scheme4.gif);
}

#block_right .scheme4 h3 a
{
    color: #B53D84;
}

#block_right .scheme5 div
{
    background-color: #FAE1CA;
    background-image: url(images\bg_br_scheme5.gif); /* 2bit */
    border-color: #CB5D28;
}

#block_right .scheme5 div.header
{
    background-image: url(images\blockr_header_scheme5.gif);
}

#block_right .scheme5 div.footer
{
    background-image: url(images\blockr_footer_scheme5.gif);
}

#block_right .scheme5 h3 a
{
    color: #CB5D28;
}

.scheme1 #content a, #block_right .scheme1 a{color: #3D76B5;}
.scheme2 #content a, #block_right .scheme2 a{color: #74b04d;}
.scheme3 #content a, #block_right .scheme3 a{color: #753DB5;}
.scheme4 #content a, #block_right .scheme4 a{color: #DA8CBA;}
.scheme5 #content a, #block_right .scheme5 a{color: #CB5D28;}

#block_right h3 a
{
    display: block;
    padding: 10px 0 2px 17px; /* 2bit */
    background: url(images\arrow.gif) no-repeat 1px 11px; /* 2bit left/down */
}

#block_right h3
{
    padding: 0 0 0 3px;
    top: -4px;
/* \*/  position: relative;/* */
}

#block_right p
{
    background-color: #fff;
    clear: both;
    margin: 0;
    padding: 5px;
}

* html #block_right p, * html #block_right ul
{
    width: 100%;
}

h1, h2, h3
{
    font-size: 100%;
    margin: 0 0 6px 0;
    padding: 0;
}

#content h1, #content h2
{
    background-color: #aaa;
    background-position: top left;
    background-repeat: no-repeat;
    color: #fff;
    clear: left; 
}

/* \*/
.scheme3 #content h2 {
    position:relative;
}/* */

* html #content h1, * html #content h2
{
    width: 100%;
}
   
#content h1 span, #content h2 span
{
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 5px;
    width: 100%;
}

#content h1>span, #content h2>span
{
    display:block;
    width: auto;
}

#content h1 span span, #content h2 span span
{
    background-image: none !important;
    padding: 0;
    width: auto;
}

.scheme1 #content h1, .scheme1 #content h2
{
   background-color: #8CB1DA;
   background-image: url(images\bg_nw_scheme1.gif);
}

.scheme1 #content h1 span, .scheme1 #content h2 span
{
   background-image: url(images\bg_se_scheme1.gif);
} 

.scheme2 #content h1, .scheme2 #content h2
{
    background-color: #6FD17B;
    background-image: url(images\bg_nw_scheme2.gif);
}

.scheme2 #content h1 span, .scheme2 #content h2 span
{
    background-image: url(images\bg_se_scheme2.gif);
}

.scheme3 #content h1, .scheme3 #content h2
{
    background-color: #B18CDA;
    background-image: url(images\bg_nw_scheme3.gif);
}

.scheme3 #content h1 span, .scheme3 #content h2 span
{
    background-image: url(images\bg_se_scheme3.gif);
}

.scheme4 #content h1, .scheme4 #content h2
{
    background-color: #DA8CBA;
    background-image: url(images\bg_nw_scheme4.gif);
}

.scheme4 #content h1 span, .scheme4 #content h2 span
{
    background-image: url(images\bg_se_scheme4.gif);
}

.scheme5 #content h1, .scheme5 #content h2
{
    background-color: #ed9b4f;
    background-image: url(images\bg_nw_scheme5.gif);
}

.scheme5 #content h1 span, .scheme5 #content h2 span
{
    background-image: url(images\bg_se_scheme5.gif);
}

#content h3 a
{
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding: 0 0 2px 17px;
}

* html #menu li li a, * html #menu li li strong
{
    height: 1px;
}

span.clear
{
    display: block;
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
}

.col_left, .col_right
{
    width: 49%;
}

/* */
.col_left {
    float: left;
    clear: left;
}

.col_right {
    float: right; 
    clear: right;
}
/* */

h1, h2
{
	margin: 0;
	padding: 0;
}

#content h1, #content h2
{
    border: 0 #fff solid;
    border-width: 0 0 4px 0;
}

#content h2
{
    border-width: 8px 0 4px;
}

#content
{
    background-color: #f0f0f0;
    padding-bottom: 5px;
}

#content
/* \*/
{    position: relative;}
/* */

#content p
{
    margin: 5px 5px 7px 5px; 
    line-height: 1.3;
}

#content ul, #block_right ul
{
    list-style: none;
    margin: 5px;
    padding: 8px 0;
}

#content ul li, #block_right ul li
{
    background: url(images\arrow_right_black.gif) no-repeat left 4px;
    margin: 0;
    padding:0 0 0 10px;
    /* Hide from Mac \*/position: relative;/* */
}

#block_right ul
{
    background-color: #fff;
    margin: 0px !important;
    padding: 8px 0 8px 10px;
}

#content blockquote
{
    margin: 10px;
}

#content div
{
    margin: 8px 0;
    border-bottom: 1px #737373 dotted;
}

#content .plain, #content.plain
{
    background-color: #fff;
}

#content div.plain
{
    margin: 0;
    border: none;
}

#content img
{
    border: 1px #666 solid;
    clear: both;
    float: left;
    margin: 0 8px 0 0;
    /* \*/position: relative;/* */
}

#content img.natural
{
    border: 1px #666 solid;
    float: none;
    margin: 2px auto;
    text-align: center;
}

#content img.noborder
{
    border: none;
    float: none;
    margin: 2px auto;
    text-align: center;
}

#content div.imgleft
{
    background-color: #fff;
    margin: 0;
    padding: 8px 0;
}

/* \*/
* html #content
{
    width: 100%;
}
* html #content div
{
    position: relative;
}
/* */

#content img.emptyGif
{
    border-style:none;
}

table
{
    font: 1em Verdana, Arial, Helvetica, sans-serif;
}

.lightgrey
{
    background-color: #e0e0e0;
}

.tableheading
{
    background-color: #fff;
    font-weight: bold;
}

#regular ul li
{
    background-image: url(images\bullet_black.gif);
    padding: 0 0 6px 12px;
}

#wide
{
    margin: 0 6px 16px 153px;
}

.scheme3 #wide a{color: #753DB5;}

#wide h1, #wide h2
{
    background-color: #aaa;
    background-position: top left;
    background-repeat: no-repeat;
    color: #fff;
    clear: left; 
}

/* \*/
.scheme3 #wide h2 {
    position:relative;
}/* */

* html #wide h1, * html #wide h2
{
    width: 100%;
}
   
#wide h1 span, #wide h2 span
{
    background-position: bottom right;
    background-repeat: no-repeat;
    padding: 5px;
    width: 100%;
}

#wide h1>span, #wide h2>span
{
    display:block;
    width: auto;
}

#wide h1 span span, #wide h2 span span
{
    background-image: none !important;
    padding: 0;
    width: auto;
}

.scheme3 #wide h1, .scheme3 #wide h2
{
    background-color: #B18CDA;
    background-image: url(images\bg_nw_scheme3.gif);
}

.scheme3 #wide h1 span, .scheme3 #wide h2 span
{
    background-image: url(images\bg_se_scheme3.gif);
}

#wide h1, #wide h2
{
    border: 0 #fff solid;
    border-width: 0 0 4px 0;
}

#wide h2
{
    border-width: 8px 0 4px;
}

#wide
{
    background-color: #f0f0f0;
    padding-bottom: 5px;
}

#wide
/* \*/
{    position: relative;}
/* */

#wide p
{
    margin: 5px 5px 7px 5px; 
    line-height: 1.3;
}

#wide ul, #block_right ul
{
    list-style: none;
    margin: 5px;
    padding: 8px 0;
}

#wide ul li, #block_right ul li
{
    background: url(images\arrow_right_black.gif) no-repeat left 4px;
    margin: 0;
    padding:0 0 0 10px;
    /* Hide from Mac \*/position: relative;/* */
}

#block_right ul
{
    background-color: #fff;
    margin: 0px !important;
    padding: 8px 0 8px 10px;
}

#wide blockquote
{
    margin: 10px;
}

#wide div
{
    margin: 8px 0;
    border-bottom: 1px #737373 dotted;
}

#wide .plain, #wide.plain
{
    background-color: #fff;
}

#wide div.plain
{
    margin: 0;
    border: none;
}

#wide img
{
    border: 1px #666 solid;
    clear: both;
    float: left;
    margin: 0 8px 0 0;
    /* \*/position: relative;/* */
}

#wide img.natural
{
    border: 1px #666 solid;
    float: none;
    margin: 2px auto;
    text-align: center;
}

#wide img.noborder
{
    border: none;
    float: none;
    margin: 2px auto;
    text-align: center;
}

#wide div.imgleft
{
    background-color: #fff;
    margin: 0;
    padding: 8px 0;
}

/* \*/
* html #wide
{
    width: 100%;
}
* html #wide div
{
    position: relative;
}
/* */

#wide img.emptyGif
{
    border-style:none;
}