html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
/*	vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
color: black;
background: white;
}
ol, ul {
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* CSS Document */
/*
Blue: #1c60ab;
Yellow: #f7931d;
Lite blue: #4dbde0 
Lite green: #8cc63f;
Dark green: #00a355;
Purple: #b50086;
maroon: #ec008c;
orange: #ff5c00;

*/

html {
font-size: 75%;
font-family: Arial, Helvetica, Verdana, sans-serif;
background-color: #e8e8e8;
}
/**********************************************
* Main positional elements
***********************************************/
#skip {
position: absolute;
width: 200px;
left: -9999px;
top: 0px;
}
body {
text-align: left;/* */
	margin:0.5em 0;
padding: 0;
font-size: 1.1em;
background-color: #e8e8e8;
color: #666666;
}

div#container {
text-align: left;
position: relative;
width: 980px;
margin: 0 auto;
background: #FFF url(/common/images/containerbg.gif) repeat-y;
}
/*body#ghome  div#container {
background: #fff  url(/common/images/bluband.gif) 0 109px no-repeat;
}
*/
/***** General Settings ****/

/*h1 {
font-size: 300%;
}
*/
h2 {
font-size: 123.1%;
}
h3 {
font-size: 115%;
}
h4 {
font-size: 115%;
}
h5, h6 {
font-size: 105%
}
body#ghome .map h3, body#ghome .newsbox h3 {
font-size: 108%;
}

h1,h2,h3,h4,h5,h6,strong {
font-weight: bold;
}
abbr,acronym {
border-bottom: 1px dotted #000;
cursor: help;
}
em {
font-style: italic;
}
blockquote {
margin: 1em;
}


dl dd {
margin-left: 1em;
}
caption {
margin-bottom: .5em;
text-align: center;
}
p,fieldset,table {
margin-bottom: 1em;
}


a:link {
color: #1c60ab;
text-decoration: none;
}
a:visited {
color: #1c60ab;
text-decoration: none;
}
		
a:hover, a:active {
color: #99b5e2;
}

hr {
color: #1c60ab;
background-color: #1c60ab;
height: 1px;
border: 0;
}
body#gabout hr {
color: #f7931d;
background-color: #f7931d;
}
body#gevents hr {
color: #ff5c00;
background-color: #ff5c00;
}
body#gevents hr.greyhr {
color: #e9e9e9;
background-color: #e9e9e9;
}
body#gservices hr {
color: #4dbde0;
background-color: #4dbde0;
}
body#gnews hr {
color: #00a355;
background-color: #00a355;
}
body#gget hr {
color: #b50086;
background-color: #b50086;
}
body#gjobs hr {
color: #8cc63f;
background-color: #8cc63f;
}
	
/**** Logo and main navigation ***/

div#logo {
position: relative;
color: #fff;
border-bottom: 2px solid #1c60ab;
height: 5.5em;
padding-top: 1em;
background-color: #e8e8e8;
}

div#logo img#logo-logo {
    /*background-color: #300;*/
    position: absolute;
    width:200px; 
    height:110px;
    z-index: 999;
    left: -8px;
    top: 20px;
    margin-left: 32px; for some reason default rules not working here, hence this
}

div#logo img {
position: absolute;
bottom: 0;
}
/* IE6 only */
/*\*/
* html body#ghome div#logo img {
bottom: 13px;
}
/**/

div#logo img a {
text-transform: uppercase;
background-color: #3399FF;
display: block;
width: 150px;
height: 60px;
}

div#logo p {
margin-left: 160px;
font-weight: normal;
font-size: 1em;
color: #1c60ab;
margin-bottom: 0.5em;
padding-top: 1em;
}

ul#mainNav {
margin-left: 160px;
position: absolute;
bottom: 0;
right: 0;
list-style: none;
}
ul#mainNav li {
width: 110px;
margin-right: 3px; /*was 0.2em, causing browser inconsistency*/
float: left;
font-weight: bold;
}
ul#mainNav li a {
display: block;
padding: 3px; /*was 0.2em, causing browser inconsistency*/
text-decoration: none;
color: #FFF;
height: 2.5em;
margin-top: 0.3em;
}
ul#mainNav li a:hover {
margin-top: 0;
height: 2.8em;
}

ul#mainNav li.babout a {
background: #f7931d url(/common/images/babout.gif) top repeat-x;
}
/* NEW */
ul#mainNav li.bservices a {
background: #4dbde0 url(/common/images/bservices.gif) top repeat-x;
}
/* NEW */
ul#mainNav li.bnews a {
background: #00a355 url(/common/images/bnews.gif) top repeat-x;
}
/* NEW */
ul#mainNav li.bevents a {
background: #ff5c00 url(/common/images/bevents.gif) top repeat-x;
}
/* NEW */
ul#mainNav li.bget a {
background: #b50086 url(/common/images/bget.gif) top repeat-x;
}
/* NEW */
ul#mainNav li.bjobs a {
background: #8cc63f url(/common/images/bjobs.gif) top repeat-x;
}
/* NEW */
ul#mainNav li.bshop a {
background: #ec008c url(/common/images/bshop.gif) top repeat-x;
}
/* NEW */

ul#donate {
list-style: none;
}
ul#donate li {
position: absolute;
top: 0;
right: 30em;
width: 50px;
}
ul#donate li a {
width: 50px;
padding: 0;
height: 42px;
display: block;
overflow: hidden;
position: relative;
}
ul#donate li a span {
position: absolute;
background: url(/common/images/piggybank.gif) top no-repeat;
width: 100%;
height: 100%;
cursor: pointer;
}
ul#donate li a:hover {
}
/*ul#mainNav li.bdonate a span {
position: absolute;
background: url(/common/images/piggybank.gif) no-repeat;
}
*/

form#sitelist, form#search {
width: 12em;
position: absolute;
background-color: #FFFFFF;
border: #CCCCCC 1px solid;
top: 10px;
}
form#sitelist {
clear: both;
right: 13em;
width: 16.2em;
}
form#search {
right: 0;
}
div#logo input#searchbox {
width: 100px;
color: #999999;
border: 0;
padding: 3px 2px;
background-color: #FFFFFF;
}
div#logo select#goto {
width: 14em;
color: #999999;
border: 0;
padding: 3px 2px 2px 2px
}


#content {
min-height: 500px;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 500px;
}
/**/



#content input.formbox, #content select.goto {
color: #000;
border: #CCCCCC 1px solid;
padding: 3px 2px;
background-color: #FFFFFF;
}
#content input.gotbutton {
vertical-align: bottom;
padding: 2px;
}
form#sitelist div, form#search div, form#email div {
position: relative;
float: left;
}
form#sitelist div.button, form#search div.button, form#email div.button {
float: right;
}

form#sitelist optgroup {
font-size: 0.9em;
padding-right: 2px;
font-style: normal;
}
form#sitelist optgroup option {
padding-left: 0;
}


form#email {
background-color: #FFFFFF;
width: 12em;
border: #CCCCCC 1px solid;
position: absolute;
}

form#email input#emailbox {
width: 10em;
color: #999999;
border: 0;
padding: 3px 1px
}
#sitelist label, #search label, #footer label, label.notvisible {
position: absolute;
left: -9999px;
top: 0;
width: 100px;
}


/*** main content area ***/
div#mainContent {
position: relative;/*position:relative;
background: url(/common/images/footersml.gif) bottom no-repeat;*/
}
body#ghome #mainContent {/*border-left:#1c60ab solid 2px;
border-right: #1c60ab solid 2px; */ /*background: url(/common/images/footersml.gif) bottom no-repeat;*/
}
body#ghome #content {/*background:  url(/common/images/bluband.gif) 0 25px no-repeat;*/
}
div.homeband {
background: url(/common/images/bluband.gif) left top no-repeat;
position: relative;
height: 12.8em;
}

/* left column */
div#subnav {
float: left;
width: 148px;
margin-left: 2px;
margin-right: 10px;
margin-top: 46px;
}
		
body#ghome div#subnav {
width: 1px;
}
body#ghome div#subnav p {
color: #FFFFFF;
font-family: "NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif;
font-weight: bold; /*margin-left:10px;
margin-top: 10px;
font-size: 4em;
width: 230px;*/
}
div#subnav ul {
list-style-type: none;
padding: 0;
margin: 0;
}
		
div#subnav ul li {
line-height: 1em;
}
		
#subnav ul li a {
display: block;
padding: 5px 5px 5px 20px;
text-decoration: none;
color: #666;
background: url(/common/images/bullet.gif)  5px center no-repeat;
border-bottom: #1c60ab solid 1px;
_height: 1em;
}
#subnav ul li ul {
border-bottom: #1c60ab solid 1px;
}
#subnav ul li ul {
border-bottom: none;
border-bottom: #e8e8e8 solid 1px;
}
#subnav ul li ul li ul {
border-bottom: none;
border-top: #e8e8e8 solid 1px;
border-bottom: #e8e8e8 solid 1px;
}
#subnav ul li li a {
font-size: 0.9em;
background: none;
border-bottom: none;
}
#subnav ul li>a {
}
		
#subnav ul li a:hover {
color: #000;
}
#subnav ul li li a:hover {
background: none;
}
#subnav ul ul ul {
padding-left: 10px;
border-bottom: none;
}
#subnav ul li ul li ul {
border-bottom: #e8e8e8 solid 1px;
}

/* HOMEPAGE MOVIE */

body#ghome #movie {
width: 265px;
height: 382px;
position: absolute;
left: 2px;
bottom: 9px;
}


/* CENTRE column */

div#content {/*margin-left: 160px;*/ margin-right: 280px;
}
/*body.midwide div#content {
margin-left: 160px;
margin-right: 20px;
float: inherit;
}
*/
div#widecontent {
margin-left: 40px;
margin-right: 10px;
height: 580px;
background: url(/common/images/pinboard.jpg) 0px 30px no-repeat;
}
div#content	 ul {
margin-bottom: 1em;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 1em;
}
th {
text-align: left; /*background-color:#f0f1f2;
border: #FFFFFF 1px solid;*/ color:#333; /*font-weight:bold;*/ vertical-align:bottom;
}
td {
border: none; /*border-bottom:#CCCCCC 1px solid;*/ vertical-align:top;
}
th,td {
padding: 0.5em 0.2em;
}

div#content th a {
color: #333;
}
div#content th a:hover {
color: #999;
}
body#ghome  div#content {
margin-left: 0;
margin-right: 0;
padding-top: 25px;
}

div#content h1 {
color: #1c60ab;
font-size: 35px;
padding-bottom: 0.2em;
font-family: "NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif;
}
h1 {
font-weight: bold;
margin: 0;
line-height: 1em;
}
		
div#content h2 {
font-size: 1.3em;
color: #1c60ab;
padding-bottom: 0.8em;
}
div#content h3 {
color: #1c60ab;
}
body#ghome div#content h1 {
color: #fff;
text-indent: -9999px; /* float:left;    */ position:absolute;
left: -9999px;
top: 0;
}

body#ghome div#content h1 span {
color: #1c60ab;
}

body#ghome div#content h1 {
min-height: 6.4em;
height: auto;
}
/* for Internet Explorer */
/*\*/
 * html body#ghome div#content h1 {
height: 6.4em;
}
/**/

div#content	.short {
width: 170px;
float: left;
margin-right: 10px;
}
div#content	li.viewall {
margin-top: 1em;
}
.infoboxes {
float: right;
width: 228px;
border: #1c60ab 1px solid;
margin: 2px 10px 0 5px;
background: #FFFFFF url(/common/images/map.gif) bottom right no-repeat;
}

.infoboxes {
min-height: 11em;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html .infoboxes {
height: 11em;
}
/**/

#mydiv {
float: right;
width: 228px;
border: #1c60ab 1px solid;
border-top: none;
margin: 0;
background: #FFFFFF url(/common/images/map.gif) bottom right no-repeat;
display: none;
}
#mydiv {
min-height: 9.5em;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html #mydiv {
height: 9.5em;
}
/**/
.map {
position: absolute;
right: 10px;
width: 230px;
top: 2px;
}

.newsbox {
min-height: 15.7em;
height: auto;
background: url(/common/images/styleblue.gif) bottom no-repeat;
border: none;
width: 230px; /*float:right;
position: relative;*/ position:absolute;
right: 0;
top: 0;
margin-top: 0;
}
/* for Internet Explorer */
/*\*/
* html .newsbox {
height: 15.7em;
}
/**/

.infoboxes h3, .map h3 {
background: #0067b1 url(/common/images/headbg.gif) repeat-x;
color: #fff ;
padding: 5px;
}
.map h3 {
position: relative;
display: block;
}
.map h3 img {
position: absolute;
right: 3px;
top: 3px;
}
body#ghome div#content .infoboxes h3 a, body#ghome div#content .map h3 a {
color: #fff;
}
body#ghome div#content #tutorial h3, body#ghome div#content #api h3 {
padding-bottom: 0;
}
.infoboxes p, .map p {
padding: 0 60px 0 3px;
margin-bottom: 0;
}

.infoboxes ul, .map ul {
margin: 2px;
}
.infoboxes li {
margin-bottom: 5px;
}
.map li {
margin-bottom: 2px;
}
.infoboxes li a {
display: block;
padding: 0 5px 0 22px;
background: url(/common/images/bullet.gif)  3px 2px no-repeat;
_height: 1em;
}
.map li a {
display: block;
padding: 0 5px 0 22px;
background: url(/common/images/bullet.gif)  3px 1px no-repeat;
_height: 1em;
}

.infoboxes li a.more {
margin-top: 1em;
background: none;
padding-left: 3px;
}
.maininfobox {/*clear:both; */ float:left;
width: 460px; /*border:#1c60ab 1px solid;*//*position:relative;*/ position:absolute;
top: 0;
left: 275px;
margin-top: 0;
background: #FFFFFF url(/common/images/homebg.gif) bottom;
}
#tutorial, #api {/*border:#1c60ab 1px solid;
background-color: #33FFFF;
height: 150px;*/
}

.maininfobox {
min-height: 15.5em;
height: auto;
}

/* for Internet Explorer */
/*\*/
* html .maininfobox {
height: 15.5em;
}
/**/

.maininfobox img {
position: absolute;
bottom: 1px;
right: 1px; /*clear:both;*/
}
.maininfobox h3 {
font-size: 1.8em;
font-family: "NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif;
padding-top: 1px;
}
.maininfobox p, .maininfobox h3 {
padding-right: 195px;
padding-left: 10px;
}

.medialinks {
}
body#ghome .medialinks ul {
}
.medialinks li {
width: 120px;
float: left;
margin-left: 10px;
margin-bottom: 0.5em;
}
.medialinks li a {
display: block;
padding: 0 3px 3px 20px;
background: #e8e8e8 url(/common/images/bullet.gif)  2px 2px no-repeat;
}
body#ghome  .medialinks li a.listen {
background: #e8e8e8 url(/common/images/bullet-listen.gif)  2px 2px no-repeat;
}
.medialinks li a.listen:hover {
background: #e8e8e8 url(/common/images/bullet-listengrey.gif)  2px 2px no-repeat;
}

div#content p {
line-height: 1.2em;
}
div#content .map p {
color: #666;
line-height: 1em;
padding-top: 5px;
}

#content ul {
list-style: outside;
margin-left: 25px;
}
#content ol {
list-style: decimal;
margin-left: 25px;
margin-bottom: 10px;
}
		
ol#breadcrumb {
height: 2.2em;
padding-top: 0.5em;
margin-bottom: 0;
margin-left: 0
}
div#widecontent	 ol#breadcrumb {
margin-left: 130px;
}
ol#breadcrumb li {
display: inline;
font-size: 0.9em;
color: #999;
}
ol#breadcrumb li a {
text-decoration: none;
color: #999;
padding-right: 15px;
background: url(/common/images/breadarrow.gif) right no-repeat;
}
ol#breadcrumb li a:hover {
color: #000000;
}

div#content	.red {
color: #FF0000;
}

body#ghome div.watcha {
padding-top: 0;
position: relative;
height: 16em;
}

/* homepage Tabs
--------------------*/
#content ul.subsection_tabs {
list-style: none;
clear: both;
border-bottom: 1px solid #1c60ab;
height: 23px;
line-height: 23px;
clear: both;
}

#content ul.subsection_tabs li {
float: left;
margin-right: 0px;
}

#content ul.subsection_tabs li a {
display: block;
height: 23px;
line-height: 23px;
padding: 0 6px;
background-color: #fff;
color: #1c60ab;
width: 218px;
text-decoration: none;
background: #fff url(/common/images/hometabinact.gif) repeat-x;
}

body#home #content ul.subsection_tabs li a:hover {
color: #666;
}

#content ul.subsection_tabs li a.active {
color: #FFFFFF;
background: #1c60ab url(/common/images/hometab.gif) repeat-x;
}
/*** Articles ***/
.articleimg {
float: right;
padding: 0 0 1em 1em;
}
a.fulldetails {
background: #e5e5e5 url(/common/images/fullarticle.gif) left top no-repeat;
padding: 1px 2px 1px 22px;
}
body#gevents a.fulldetails {
background: #e5e5e5 url(/common/images/fullarticle.gif) left top no-repeat;
padding: 1px 2px 1px 22px;
}
/*** What we do ***/
ul.polaroids {
position: relative;
height: 430px;
}

ul.polaroids li {
position: absolute;
}
li#ourservices {
height: 235px;
width: 228px;
right: 0;
top: 0;
background: url(/common/images/polaroidservices.gif) left top no-repeat;
}
li#training {
height: 228px;
width: 228px;
left: 0;
top: 0;
background: url(/common/images/polaroidtraining.gif) left top no-repeat;
}
li#speakout {
height: 200px;
width: 193px;
left: 190px;
top: 220px;
background: url(/common/images/polaroidspeakout.gif) left top no-repeat;
}
ul.polaroids li a {
display: block;
height: 100%;
text-indent: -9999px;
}

/*** What we do ***/
ul.pinboard {
position: relative;
height: 430px;
list-style: none;
}
ul.pinboard li {
position: absolute;
}
li.pin1 {
height: 160px;
width: 150px;
left: 60px;
top: 150px;
}
li.pin2 {
height: 100px;
width: 128px;
left: 384px;
top: 70px;
}
li.pin3 {
height: 280px;
width: 130px;
left: 230px;
top: 93px;
}
li.pin4 {
height: 150px;
width: 150px;
left: 44px;
top: 346px;
}
li.pin5 {
height: 150px;
width: 114px;
left: 215px;
top: 410px;
}
li.pin6 {
height: 160px;
width: 130px;
left: 376px;
top: 185px;
}
li.pin7 {
height: 155px;
width: 140px;
left: 360px;
top: 380px;
}
li.pin8 {
height: 124px;
width: 117px;
left: 550px;
top: 420px;
}
li.pin9 {
height: 180px;
width: 180px;
left: 550px;
top: 82px;
}
li.pin10 {
height: 160px;
width: 200px;
left: 530px;
top: 268px;
}
li.pin11 {
height: 333px;
width: 119px;
left: 746px;
top: 83px;
}
li.pin12 {
height: 110px;
width: 110px;
left: 755px;
top: 420px;
}
ul.pinboard li a {
display: block;
height: 100%;
text-indent: -9999px;
}
 
/******** RIGHT COLUMN *********/

div#promo {
position: absolute;
right: 0;
top: 0;
float: right;
width: 230px;
margin: 0;
padding: 2em 10px 0 0;
color: #000;
}
body#ghome div#promo {
width: 1px;
margin: 0;
padding: 0;
}

body#ghome ul#promoboxes {/**/clear:both;
padding-top: 5px;
margin-left: 275px;
}
div#promo ul {
list-style: none;
}
ul#promoboxes {
}
ul#landlinks, ul#promoboxes, body#ghome ul, #content ul.polaroids , ul#landlinks li ul, #content ul.landlinks2 {
list-style: none;
margin-left: 0;
}
body#ghome ul#mainNav {
margin-left: 160px;
}
ul#promoboxes li {
margin-bottom: 0.5em;
padding-bottom: 5px;
background: #e7e7e8 url(/common/images/stylegrey.gif) bottom no-repeat;
clear: both;
}
ul#landlinks li, #content ul.landlinks2 li {
margin-bottom: 0.5em;
padding-bottom: 5px;
background: #e7e7e8 url(/common/images/stylegrey.gif) bottom no-repeat;
width: 230px;
float: left;
margin-right: 3px;
}
ul#landlinks li li {
margin-bottom: 0;
padding-bottom: 0;
background: none;
width: auto;
float: none;
margin-right: 0;
padding: 0 0 8px 8px;
}
ul#landlinks li ul {
margin-top: 0.1em;
}
body#ghome ul#promoboxes li {
width: 230px;
float: left;
margin-right: 3px;
clear: none;
}

ul#promoboxes li a {
min-height: 6.3em;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html ul#promoboxes li a {
height: 6.3em;
}
/**/

ul#landlinks li a, #content ul.landlinks2 li a {
min-height: 4.3em;
height: auto;
}
ul#landlinks li.noheight a {
min-height: 1em;
height: auto;
}
ul#landlinks li li a {
min-height: 1em;
height: auto;
}
/* NEW */
ul#landlinks li a.headingnobot {
min-height: 2em;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html ul#landlinks li a, * html  #content ul.landlinks2 li a {
height: 4.3em;
}
* html ul#landlinks li.noheight a {
height: 1em;
}
* html ul#landlinks li li a {
height: 1em;
}
/* NEW */
/**/

ul#promoboxes li a, ul#landlinks li a, #content ul.landlinks2 li a {
color: #1c60ab;
display: block;
padding: 8px;
background-color: #e7e7e8;
}
ul#landlinks li li a {
color: #1c60ab;
display: block;
background-color: #fff;
padding: 0;
}
/* NEW */
ul#promoboxes li a:hover {
color: #99b5e2;
}

ul#promoboxes li span.heading, ul#promoboxes li span.copy {
display: block;
padding-left: 60px;
}
ul#promoboxes li span.heading2 {
display: block;
padding-left: 0;
}
ul#landlinks li span.heading, ul#landlinks li span.copy , #content ul.landlinks2 li span.copy, #content ul.landlinks2 li span.heading {
display: block;
padding-left: 70px;
}
/* NEW */	
ul#promoboxes li span.heading, ul#landlinks li span.heading,  #content ul.landlinks2 li span.heading {
font-family: "NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif;
padding-bottom: 5px;
font-size: 1.2em;
}
/* NEW */
ul#landlinks li span.heading2 {
padding-bottom: 0;
margin-bottom: 0;
font-family: "NexusSerifOT", Nexus, Georgia, "Times New Roman", Times, serif;
}

ul#landlinks li span.heading, ul#landlinks li span.heading2, #content ul.landlinks2 li span.heading {
font-size: 1.3em;
line-height: 1em;
}
/* NEW */
ul#promoboxes li span.copy, ul#landlinks li span.copy, #content ul.landlinks2 li span.copy {
font-size: 0.9em;
}
/* NEW */
ul#promoboxes li img, ul#landlinks li img, #content ul.landlinks2 li img {/*position:absolute;
top: 5px;
left: 5px;*/ float:left;
margin: 0;
}
/* NEW */

body#gget #content ul.landlinks2 li {
background: #fff url(/common/images/style5a.gif) bottom no-repeat;
}
body#gget  #content ul.landlinks2 li a {
background: #fff url(/common/images/style5a.gif) top no-repeat;
}

body#gevents #content ul.landlinks2 li {
background: #fff url(/common/images/style4a.gif) bottom no-repeat;
}
body#gevents  #content ul.landlinks2 li a {
background: #fff url(/common/images/style4a.gif) top no-repeat;
}

body#gshop #content ul.landlinks2 li {
background: #fff url(/common/images/style7a.gif) bottom no-repeat;
}
body#gshop  #content ul.landlinks2 li a {
background: #fff url(/common/images/style7a.gif) top no-repeat;
}

/* Promo box styles */

/* style 1a */
ul#promoboxes li.style1a {
background: #FFFFFF url(/common/images/style1a.gif) bottom no-repeat;
}
ul#promoboxes li.style1a a {
color: #f7931d;
background: #FFFFFF url(/common/images/style1a.gif) top no-repeat;
}
ul#promoboxes li.style1a a:hover {
color: #000;
}
/* style 1b */
ul#promoboxes li.style1b {
background: #f7931d url(/common/images/style1b.gif) bottom no-repeat;
}
ul#promoboxes li.style1b a {
color: #fff;
background: #f7931d url(/common/images/style1b.gif) top no-repeat;
}
ul#promoboxes li.style1b a:hover {
color: #000;
}

/* style 2a */
ul#promoboxes li.style2a {
background: #FFFFFF url(/common/images/style2a.gif) bottom no-repeat;
}
ul#promoboxes li.style2a a {
color: #4dbde0;
background: #FFFFFF url(/common/images/style2a.gif) top no-repeat;
}
ul#promoboxes li.style2a a:hover {
color: #000;
}

/* style 2b */
ul#promoboxes li.style2b {
background: #4dbde0 url(/common/images/style2b.gif) bottom no-repeat;
}
ul#promoboxes li.style2b a {
color: #FFF;
background: #4dbde0 url(/common/images/style2b.gif) top no-repeat;
}
ul#promoboxes li.style2b a:hover {
color: #000;
}

/* style 3a */
ul#promoboxes li.style3a {
background: #FFFFFF url(/common/images/style3a.gif) bottom no-repeat;
}
ul#promoboxes li.style3a a {
color: #00a355;
background: #FFFFFF url(/common/images/style3a.gif) top no-repeat;
}
ul#promoboxes li.style3a a:hover {
color: #000;
}

/* style 3b */
ul#promoboxes li.style3b {
background: #00a355 url(/common/images/style3b.gif) bottom no-repeat;
}
ul#promoboxes li.style3b a {
color: #FFF;
background: #00a355 url(/common/images/style3b.gif) top no-repeat;
}
ul#promoboxes li.style3b a:hover {
color: #000;
}

/* style 4a */
ul#promoboxes li.style4a {
background: #fff url(/common/images/style4a.gif) bottom no-repeat;
}
ul#promoboxes li.style4a a {
color: #ff5c00;
background: #fff url(/common/images/style4a.gif) top no-repeat;
}
ul#promoboxes li.style4a a:hover {
color: #000;
}

/* style 4b */
ul#promoboxes li.style4b {
background: #ff5c00 url(/common/images/style4b.gif) bottom no-repeat;
}
ul#promoboxes li.style4b a {
color: #fff;
background: #ff5c00 url(/common/images/style4b.gif) top no-repeat;
}
ul#promoboxes li.style4b a:hover {
color: #000;
}

/* style 5a */
ul#promoboxes li.style5a {
background: #fff url(/common/images/style5a.gif) bottom no-repeat;
}
ul#promoboxes li.style5a a {
color: #b50086;
background: #fff url(/common/images/style5a.gif) top no-repeat;
}
ul#promoboxes li.style5a a:hover {
color: #000;
}

/* style 5b */
ul#promoboxes li.style5b {
background: #b50086 url(/common/images/style5b.gif) bottom no-repeat;
}
ul#promoboxes li.style5b a {
color: #fff;
background: #b50086 url(/common/images/style5b.gif) top no-repeat;
}
ul#promoboxes li.style5b a:hover {
color: #000;
}

/* style 6a */
ul#promoboxes li.style6a {
background: #fff url(/common/images/style6a.gif) bottom no-repeat;
}
ul#promoboxes li.style6a a {
color: #8cc63f;
background: #fff url(/common/images/style6a.gif) top no-repeat;
}
ul#promoboxes li.style6a a:hover {
color: #000;
}

/* style 6b */
ul#promoboxes li.style6b {
background: #8cc63f url(/common/images/style6b.gif) bottom no-repeat;
}
ul#promoboxes li.style6b a {
color: #fff;
background: #8cc63f url(/common/images/style6b.gif) top no-repeat;
}
ul#promoboxes li.style6b a:hover {
color: #000;
}

/* style 7a */
ul#promoboxes li.style7a {
background: #fff url(/common/images/style7a.gif) bottom no-repeat;
}
ul#promoboxes li.style7a a {
color: #ec008c;
background: #fff url(/common/images/style7a.gif) top no-repeat;
}
ul#promoboxes li.style7a a:hover {
color: #000;
}
/* style 7b */
ul#promoboxes li.style7b {
background: #ec008c url(/common/images/style7b.gif) bottom no-repeat;
}
ul#promoboxes li.style7b a {
color: #fff;
background: #ec008c url(/common/images/style7b.gif) top no-repeat;
}
ul#promoboxes li.style7b a:hover {
color: #000;
}

/* Related links */

/*h4.related {
color: #1c60ab;
font-size: 1em;
margin-bottom: 0.5em;
}
*/
ul.related {
list-style: none;
margin-left: 0;
padding-left: 0;
margin-top: 1em;
}
ul.related li {
list-style-type: none;
margin-left: 0;
}
ul.related li a {
display: block;
text-decoration: none;
padding: 0 5px 0 20px;
color: #999999;
background: #fff url(/common/images/bullet.gif)  0 2px no-repeat;
}
ul.related li a:hover {
color: #000000;
}

/********* FOOTER *********/

div#footer {
min-height: 5.5em;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html div#footer {
height: 5.5em;
}
/**/

div#footer {
clear: both;
padding: 15px 0 5px 0;
position: relative;
			/*border-top: 1px solid #999;*/
			color:#1c60ab;
			/*background:#e8e8e8 url(/common/images/footerbg.gif) top no-repeat;*/
			background-color:#e8e8e8;
}

		
div#footer ul {
padding: 0;
margin: 0;
list-style-type: none;
}
		
div#footer li {
display: inline;
margin-right: 1em;
}
div#footer ul.flist1 {
margin-top: 0;
}
div#footer ul.flist1 li a {
text-decoration: none;
padding: 5px 5px 5px 20px;
color: #1c60ab;
background: url(/common/images/bullet.gif)  0 center no-repeat;
}
div#footer ul.flist1 li	a:hover, div#footer a:hover {
color: #99b5e2;
}
		
div#footer p {
margin-top: 5em;
font-size: 1em;
font-size: 0.9em;
}
div#footer .flist1 {
margin-left: 0;
position: absolute;
left: 0;
top: 1.5em;
}
div#footer .flist2 {
position: absolute;
right: 0;
top: 1.5em;
}

div#footer .flist2 li.speech {
}
div#footer .flist2 a {
}
/* GENERAL */	
.cleardiv {
clear: both;
height: 0.1em;
line-height: 0.1em;
}
img.rightpad {
padding-right: 15px;
}
img.leftpad {
padding-left: 15px;
}
img.botpad {
padding-bottom: 15px;
}
sup {/*text-transform:uppercase;*/
}
/* NEW */


/* I don't know this was done like so - maybe sound reasons, maybe not. 
Causing probs for IE6 in places, so overriding with below 
(could prob replace altogether but being conservative now to save any bother) */
html > body .sup {font-size:0.6em; position:relative; top:-0.6em; left:0;}
/*\*/ * html .sup {display: inline-block; font-size: 0.6em; margin-top: -0.8em;} /**/

/***** COLOURS ****/

body#gabout ul#mainNav li.babout a, body#gservices ul#mainNav li.bservices a, body#gnews ul#mainNav li.bnews a, body#gevents ul#mainNav li.bevents a, body#gget ul#mainNav li.bget a, body#gjobs ul#mainNav li.bjobs a, body#gshop ul#mainNav li.bshop a {
margin-top: 0;
height: 2.8em;
}

body#gshop ol#breadcrumb li a, body#gabout ol#breadcrumb li a, body#gservices ol#breadcrumb li a, body#gnews ol#breadcrumb li a, body#gevents ol#breadcrumb li a, body#gget ol#breadcrumb li a, body#gjobs ol#breadcrumb li a {
color: #999;
}

/* about */

body#gabout #subnav ul li a {
border-bottom: #f7931d solid 1px;
}
body#gabout #subnav ul li a:hover {
color: #f7931d;
background: url(/common/images/bullet-about.gif)  5px center no-repeat;
}
body#gabout #subnav ul li ul {
border-bottom: #f7931d solid 1px;
}
body#gabout #subnav ul li li a {
background: none;
border-bottom: none;
}
/* */
body#gabout div#content h1 {
color: #f7931d;
}
body#gabout div#content h2, body#gabout div#content h3 {
color: #f7931d;
}
body#gabout div#content a {
color: #f7931d;
}
body#gabout ol#breadcrumb li a:hover {
color: #f7931d;
}
body#gabout h4.related {
color: #f7931d;
}
body#gabout ul.related li a:hover {
color: #f7931d;
background: #fff url(/common/images/bullet-about.gif)  0 2px no-repeat;
}
body#gabout ul#landlinks li {
background: #fff url(/common/images/style1a.gif) bottom no-repeat;
}
body#gabout ul#landlinks li a {
background: #FFFFFF url(/common/images/style1a.gif) top no-repeat;
}

/* services */

body#gservices #subnav ul li a {
border-bottom: #4dbde0 solid 1px;
}
body#gservices #subnav ul li a:hover {
color: #4dbde0;
background: url(/common/images/bullet-services.gif)  5px center no-repeat;
}
body#gservices #subnav ul li ul {
border-bottom: #4dbde0 solid 1px;
}
body#gservices #subnav ul li li a {
background: none;
border-bottom: none;
}
/* */
body#gservices div#content h1 {
color: #4dbde0;
}
body#gservices div#content h2, body#gservices div#content h3 {
color: #4dbde0;
}
body#gservices div#content a {
color: #4dbde0;
}
body#gservices ol#breadcrumb li a:hover {
color: #4dbde0;
}
body#gservices h4.related {
color: #4dbde0;
}
body#gservices ul.related li a:hover {
color: #4dbde0;
background: #fff url(/common/images/bullet-services.gif)  0 2px no-repeat;
}
body#gservices ul#landlinks li {
background: #fff url(/common/images/style2a.gif) bottom no-repeat;
}
body#gservices ul#landlinks li a {
background: #FFFFFF url(/common/images/style2a.gif) top no-repeat;
}
body#gservices div#content th a {
color: #fff;
}
body#gservices div#content th a:hover {
color: #d9f4fc;
}
body#gservices th {
background-color: #4dbde0;
}
/* news & resources */

body#gnews #subnav ul li a {
border-bottom: #00a355 solid 1px;
}
body#gnews #subnav ul li a:hover {
color: #00a355;
background: url(/common/images/bullet-news.gif)  5px center no-repeat;
}
body#gnews #subnav ul li ul {
border-bottom: #00a355 solid 1px;
}
body#gnews #subnav ul li li a {
background: none;
border-bottom: none;
}
/* */
body#gnews div#content h1 {
color: #00a355;
}
body#gnews div#content h2, body#gnews div#content h3 {
color: #00a355;
}
body#gnews div#content a {
color: #00a355;
}
body#gnews ol#breadcrumb li a:hover {
color: #00a355;
}
body#gnews h4.related {
color: #00a355;
}
body#gnews ul.related li a:hover {
color: #00a355;
background: #fff url(/common/images/bullet-news.gif)  0 2px no-repeat;
}
body#gnews ul#landlinks li {
background: #fff url(/common/images/style3a.gif) bottom no-repeat;
}
body#gnews ul#landlinks li a {
background: #FFFFFF url(/common/images/style3a.gif) top no-repeat;
}
body#gnews ul#landlinks li li {
background: none;
}
/* NEW */
body#gnews ul#landlinks li li a {
background: none;
}
/* NEW */

/* events */

body#gevents #subnav ul li a {
border-bottom: #ff5c00 solid 1px;
}
body#gevents #subnav ul li a:hover {
color: #ff5c00;
background: url(/common/images/bullet-events.gif)  5px center no-repeat;
}
body#gevents #subnav ul li ul {
border-bottom: #ff5c00 solid 1px;
}
body#gevents #subnav ul li li a {
background: none;
border-bottom: none;
}
/* */
body#gevents div#content h1 {
color: #ff5c00;
}
body#gevents div#content h2	, body#gevents div#content h3 {
color: #ff5c00;
}
body#gevents div#content a {
color: #ff5c00;
}
body#gevents ol#breadcrumb li a:hover {
color: #ff5c00;
}
body#gevents h4.related {
color: #ff5c00;
}
body#gevents ul.related li a:hover {
color: #ff5c00;
background: #fff url(/common/images/bullet-events.gif)  0 2px no-repeat;
}
body#gevents ul#landlinks li {
background: #fff url(/common/images/style4a.gif) bottom no-repeat;
}
/* NEW */
body#gevents ul#landlinks li a {
background: #FFFFFF url(/common/images/style4a.gif) top no-repeat;
}
/* NEW */
body#gevents div#content th a {
color: #fff;
}
body#gevents div#content th a:hover {
color: #99b5e2;
}
body#gevents th {
background-color: #ff5c00;
}

/* get involved */

body#gget #subnav ul li a {
border-bottom: #b50086 solid 1px;
}
body#gget #subnav ul li a:hover {
color: #b50086;
background: url(/common/images/bullet-get.gif)  5px center no-repeat;
}
body#gget #subnav ul li ul {
border-bottom: #b50086 solid 1px;
}
body#gget #subnav ul li li a {
background: none;
border-bottom: none;
}
/* */
body#gget #subnav ul ul ul {
border-bottom: none;
}
body#gget #subnav ul li ul li ul {
border-bottom: #e8e8e8 solid 1px;
}
body#gget div#content h1 {
color: #b50086;
}
body#gget div#content h2, body#gget div#content h3 {
color: #b50086;
}
body#gget div#content a {
color: #b50086;
}
body#gget ol#breadcrumb li a:hover {
color: #b50086;
}
body#gget h4.related {
color: #b50086;
}
body#gget ul.related li a:hover {
color: #b50086;
background: #fff url(/common/images/bullet-get.gif)  0 2px no-repeat;
}
body#gget ul#landlinks li {
background: #fff url(/common/images/style5a.gif) bottom no-repeat;
}
/* NEW */
body#gget ul#landlinks li a {
background: #FFFFFF url(/common/images/style5a.gif) top no-repeat;
}
body#gget strong.colour {
color: #b50086;
}

/* Donate boxes */
.donatebox {
width: 210px;
float: left;
padding: 10px;
background: #FFFFFF url(/common/images/style5a.gif) bottom no-repeat;
border-top: #b50086 1px solid;
margin-bottom: 1em;
}
.donatebox p {
padding-top: 0.5em;
}
.donatebox select {
font-size: 0.8em;
}
.donateboxside {
width: 270px;
float: right;
font-size: 0.9em;
}
.floatleft {
float: left;
}

/* jobs */

body#gjobs #subnav ul li a {
border-bottom: #8cc63f solid 1px;
}
body#gjobs #subnav ul li a:hover {
color: #8cc63f;
background: url(/common/images/bullet-jobs.gif)  5px center no-repeat;
}
body#gjobs #subnav ul li ul {
border-bottom: #8cc63f solid 1px;
}
body#gjobs #subnav ul li li a {
background: none;
border-bottom: none;
}
/* */
body#gjobs div#content h1 {
color: #8cc63f;
}
body#gjobs div#content h2, body#gjobs div#content h3 {
color: #8cc63f;
}
body#gjobs div#content a {
color: #8cc63f;
}
body#gjobs ol#breadcrumb li a:hover {
color: #8cc63f;
}
body#gjobs h4.related {
color: #8cc63f;
}
body#gjobs ul.related li a:hover {
color: #8cc63f;
background: #fff url(/common/images/bullet-jobs.gif)  0 2px no-repeat;
}
body#gjobs ul#landlinks li {
background: #fff url(/common/images/style6a.gif) bottom no-repeat;
}
/* NEW */	
body#gjobs ul#landlinks li a {
background: #FFFFFF url(/common/images/style6a.gif) top no-repeat;
}
/* NEW */

/* shop */
body#gshop #content {
float: none;
}

body#gshop #subnav ul li a {
border-bottom: #ec008c solid 1px;
}
body#gshop #subnav ul li a:hover {
color: #ec008c;
background: url(/common/images/bullet-shop.gif)  5px center no-repeat;
}
body#gshop #subnav ul li ul {
border-bottom: #ec008c solid 1px;
}
body#gshop #subnav ul li ul li ul {
border-bottom: #e8e8e8 solid 1px;
}
body#gshop #subnav ul li li a {
background: none;
border-bottom: none;
}
/* */
body#gshop div#content h1 {
color: #ec008c;
}
body#gshop div#content h2, body#gshop div#content h3 {
color: #ec008c;
}
body#gshop div#content a {
color: #ec008c;
}
body#gshop ol#breadcrumb li a:hover {
color: #ec008c;
}
body#gshop h4.related {
color: #ec008c;
}
body#gshop ul.related li a:hover {
color: #ec008c;
background: #fff url(/common/images/bullet-shop.gif)  0 2px no-repeat;
}
body#gshop ul#landlinks li {
background: #fff url(/common/images/style7a.gif) bottom no-repeat;
}
/* NEW */
body#gshop ul#landlinks li a {
background: #FFFFFF url(/common/images/style7a.gif) top no-repeat;
}
/* NEW */

body#gabout div#content a:hover, body#gservices div#content a:hover,  body#gnews div#content a:hover, body#gevents div#content a:hover, body#gget div#content a:hover, body#gjobs div#content a:hover, body#gshop div#content a:hover {
color: #666;
}
body#gabout #subnav ul li li a:hover, body#gservices #subnav ul li li a:hover, body#gnews #subnav ul li li a:hover, body#gevents #subnav ul li li a:hover, body#gget #subnav ul li li a:hover, body#gjobs #subnav ul li li a:hover, body#gshop #subnav ul li li a:hover {
background: none;
}

body#gevents div#content a.fulldetails, body#gnews div#content a.fulldetails {
color: #1c60ab;
}

.botcurve {
clear: both;
background: url(/common/images/footersml.gif) bottom no-repeat;
height: 11px;
}

/* Social Networking links */
div.bookmarkbox {
border: #CCCCCC 1px solid;
padding: 5px;
margin-bottom: 1em;
}
div.bookmarkbox h5 {
color: #333;
padding-bottom: 5px;
}
div#content ul.socialnet {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
ul.socialnet li {
display: inline;
margin-right: 10px;
}
ul.socialnet li a {
padding-left: 20px;
}

ul.socialnet li a.sndel {
background: url(/common/images/socialnetwork/delicious.gif) left top no-repeat;
}
ul.socialnet li a.sndigg {
background: url(/common/images/socialnetwork/digg.gif) left top no-repeat;
}
ul.socialnet li a.snreddit {
background: url(/common/images/socialnetwork/reddit.gif) left top no-repeat;
}
ul.socialnet li a.snfacebook {
background: url(/common/images/socialnetwork/facebook.gif) left top no-repeat;
}
ul.socialnet li a.snstumble {
background: url(/common/images/socialnetwork/stumbleupon.gif) left top no-repeat;
}

/*---- sIFR ---*/
/* This is the style of your browser text */


/*h1 {
font-weight: bold;
margin: 0;
padding: 0;
line-height: 1em;
padding-bottom: 0.2em;
}
*/


div#content h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
}


.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}

.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}

/*---- Individual page layouts ---*/
.halfcol {
width: 260px;
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
.sechalfcol {
border: #ec008c 1px solid;
border: #ec008c 1px solid;
}
.sechalfcol h4 {
background-color: #ec008c;
padding: 2px;
}
.sechalfcol p {
padding: 2px;
}
body#gshop div#content .sechalfcol a {
color: #fff;
}
body#gshop div#content .sechalfcol a:hover {
color: #1c60ab;
}
.norightpad {
margin-right: 0;
padding-right: 0;
}

.smltxt {
font-size: 0.9em;
}

/*---- Invoice layout (events booking) ---*/

	.invoice {
width: 600px;
border: 1px solid #000000;
}

	.header {
font-size: 1.1em;
background-color: #000000;
color: #ffffff;
font-weight: bold;
}

	.header_right {
font-size: 1.1em;
background-color: #000000;
color: #ffffff;
font-weight: bold;
text-align: right;
}

	.invoicecontent {
color: #000000;
font-size: 0.9em;
font-weight: normal;
border-top: 1px solid #000000;
vertical-align: top;
}

	.invoicecontent_right {
color: #000000;
font-size: 0.9em;
font-weight: normal;
border-top: 1px solid #000000;
vertical-align: top;
text-align: right;
}

	.invoicecontent_bold {
color: #000000;
font-size: 0.9em;
font-weight: bold;
border-top: 1px solid #000000;
vertical-align: top;
}

	.invoicecontent_right_bold {
color: #000000;
font-size: 0.9em;
font-weight: bold;
border-top: 1px solid #000000;
vertical-align: top;
text-align: right;
}

	.bold {
font-weight: bold;
}

	.bold_center {
font-weight: bold;
text-align: center;
}

	.center {
text-align: center;
}

	.value {
font-size: 2.3em;
font-weight: bold;
}

	.table2 {
width: 100%;
border: 1px solid #000000;
}
	
table.invoice td {
border: none;
border-bottom: #000 1px solid;
vertical-align: top;
}

p.comodologo {
width: 110px;
float: right;
}

/* SHOP */
.shophome {
background: #fff url(/shop/shopimages/xmas2008.jpg) left top no-repeat ;
width: 535px;
height: 350px;
}
.shophome div {
padding: 2em 21.5em 0 2em;
}

div#footer ul.flist2 li a img.soc-net-icon {
    vertical-align:top;
}

div#logo img#logo-logo {
    position: absolute;
    width:200px; 
    height:110px;
    z-index: 999;
    left: -40px;
    top: 20px;
}

h1 {
    margin-top: -12px;
}