body {
background: #cccccc;

margin: 0px;
padding: 0px;
text-align: center; }

#page_bkgrd {font-family: Arial, Helvetica, sans-serif;
color:#333;
FONT-SIZE: 1.2em;
position: relative;
margin: 0px auto;
background: #FFF;
padding-right: 0px;
padding-left: 0px;
text-align: left;
width: 760px;
}
#page_end {
}
#footer {
width: 760px;
float: left;
text-align:center;
PADDING: 0px 0px 0px 0px;
BACKGROUND-COLOR: #999999; }

#footer_inner {
MARGIN: 0px 0px 0px 0px;
PADDING: 8px 0px 4px 0px;
text-align: center;
BACKGROUND-COLOR: #cccccc;
FONT-SIZE: .7em; 
}
#footer P {MARGIN: 0px 0px 0px 0px;
PADDING: 0px 0px 0px 0px;
line-height:1.7em;
color:#fff;
color:#000; }
#footer A {color:#fff;
color:#000; }

/* top of page */

#header {
BACKGROUND-COLOR: #EFF9FC;
}
#top_bkgrd {

BACKGROUND: url(../img/cgl_logo_new.png) left no-repeat;
color:#000033;
HEIGHT:65px;
padding: 0 0 5px 0px;
margin: 0 0 0 35px;
}

#strap {
/*padding: 20px 0 0 60px;
FONT-SIZE: 1.3em;
font-family: "Helvetica Neue", Helvetica, sans serif;*/
margin: 0px 0 0 110px;
padding: 11px 0 0 0px;

BACKGROUND-COLOR: #33CCFF;
}

#banner_bkgrd {
BACKGROUND-COLOR: #fff;
HEIGHT: 126px; 
margin:0;
padding:0;
}

BODY#home #banner_bkgrd {
/*BACKGROUND: url(../img/banner/banner1.jpg)  no-repeat;*/
}
BODY#intranet #banner_bkgrd {
BACKGROUND: url(../img/banners/intranet.jpg)  no-repeat;
}
BODY#news #banner_bkgrd {
BACKGROUND: url(../img/banners/news.jpg)  no-repeat;
}
BODY#about_cri #banner_bkgrd {
BACKGROUND: url(../img/banners/about.jpg)  no-repeat;
}
/*BODY#features #banner_bkgrd {
BACKGROUND: url(../img/banners/articles.jpg)  no-repeat;
}*/

BODY#work_with_us #banner_bkgrd {
BACKGROUND: url(../img/banners/jobs.jpg)  no-repeat;
}
BODY#volunteering #banner_bkgrd {
BACKGROUND: url(../img/banners/volunteering.jpg)  no-repeat;
}
BODY#projects #banner_bkgrd {
BACKGROUND: url(../img/banners/services.jpg)  no-repeat;
}
/*BODY#links #banner_bkgrd {
BACKGROUND: url(../img/links.jpg)  no-repeat;
}*/
BODY#contacts #banner_bkgrd {
BACKGROUND: url(../img/banners/contact.jpg)  no-repeat;
}
BODY#generic #banner_bkgrd {
BACKGROUND: url(../img/links.jpg)  no-repeat;
}


/*Menu */

#menu_bkgrd {BACKGROUND-COLOR: #33CCFF;
height: 33px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 25px; 

}


 #navigation a
{
color: #000;
/*background: #ffa20c url(left-tab.gif) left top no-repeat;*/
text-decoration: none;
font-weight:bold;
padding-left: 10px;
font-size:0.75em;
margin-top: 9px;
padding-bottom:5px;
}

#navigation a span
{
padding-right: 10px;
margin-top:5px;
padding-top:5px

}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover
{
background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px;
}

#navigation a:hover span
{
background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat;
}

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

#navigation li
{
float: left;
margin: 0px 0px 0px 3px;
/*border-left: 2px #33CCFF solid;*/
}




/* Sets the state of the current section nav buton */


BODY#home #menu_home {
background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#home #menu_home span {
background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }

BODY#news  #menu_news {
background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#news  #menu_news span {
background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }

BODY#features #menu_features {
background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#features #menu_features span {
background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }

BODY#about_cri #menu_about_cri {
background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#about_cri #menu_about_cri span {
background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }

BODY#work_with_us #menu_work_with_us {
background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#work_with_us #menu_work_with_us span {
background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }

BODY#volunteering #volunteering {background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#volunteering #volunteering span {background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }

BODY#projects #menu_projects {background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#projects #menu_projects span {background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }

/*BODY#links #menu_links {background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#links #menu_links span {background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }*/

BODY#contacts #menu_contacts {background: #D5F2FC url(../img/home/menutl.gif) left top no-repeat;
padding: 0 0 5px 10px; }

BODY#contacts #menu_contacts span {background: #D5F2FC url(../img/home/menutr.gif) right top no-repeat; }

/* Main content layout */

#content_bkgrd {
MARGIN: 0 0 0px 0px;
padding: 0 0 0px 0px;
BACKGROUND-COLOR: #D5F2FC;
}

#content_ie {

margin-left: 10px
}

#content {
height: auto;
MARGIN: 10px 12px 20px 0px;
PADDING: 0px 10px 0px 10px;
FLOAT: left;
position:inherit;}

#content UL {COLOR: #000000;
FONT-SIZE: .75em; }

#content OL {COLOR: #000000;
FONT-SIZE: .7em; }

#content LI {MARGIN: -8px 0px 16px 0px;
FONT-SIZE: 1em;
LINE-HEIGHT: 1.3em;
TEXT-ALIGN: left; }

#content P {MARGIN: 0px 0px 6px 0px;
FONT-SIZE: 0.75em;
LINE-HEIGHT: 1.5em;
TEXT-ALIGN: left; }
#content A {MARGIN: 0px 0px 0px 0px;
LINE-HEIGHT: 1em;
TEXT-DECORATION: underline;
color:#004471; }
#content A:link {TEXT-DECORATION: underline; }
#content A:visited {TEXT-DECORATION: underline; }
#content A:hover {TEXT-DECORATION: none;}
#content A:active {TEXT-DECORATION: underline; }

#content H1 {
font-family: "Helvetica Neue", Helvetica, sans serif;
MARGIN: 10px 0px 10px 0px;
padding: 0px 0px 0px 20px;
background: url(../img/blue_square.gif) no-repeat 1px 0px;
COLOR: #333333;
FONT-SIZE: 0.9em; 
line-height: .7em;
font-weight:bold;
}

#content H1 A {
TEXT-DECORATION: none; }

#content H1 A:link {
TEXT-DECORATION: none; }

#content H1 A:visited {
TEXT-DECORATION: none; }

#content H1 A:hover {
TEXT-DECORATION: none; }

#content H2 {
font-family:Arial, Helvetica, sans-serif;
MARGIN: 12px 0px 12px 0px;
padding: 0px 0px 0px 0px;
COLOR: #003161;
LINE-HEIGHT: .6em;
FONT-WEIGHT: bold;
FONT-SIZE: .8em;
/*background: url(../img/blue_square_sm.gif) no-repeat 1px 0px;*/
}


#content H3 {
font-family:Arial, Helvetica, sans-serif;
MARGIN: 7px 0px 7px 0px;
FONT-WEIGHT: bold;
FONT-SIZE: .8em;
COLOR: #003161; 
}

#content H4 {
font-family:Arial, Helvetica, sans-serif;
MARGIN: 0px 0px 0px 0px;
FONT-WEIGHT: bold;
FONT-SIZE: .75em;
COLOR: #003161; }

/*The right-hand panel*/
#panel_background {

}

#panel {
FLOAT: left;
width:207px;
MARGIN: 1px 0px 0px 0px;
PADDING: 1px 0px 0px 0px;

MARGIN: 10px 0px 0px 0px;
PADDING: 0px 0px 0px 0px;

 }

.bl {background: url(../img/bl.gif) 0 100% no-repeat #fff; }
.br {background: url(../img/br.gif) 100% 100% no-repeat }
.tl {background: url(../img/tl.gif) 0 0 no-repeat }
.tr {background: url(../img/tr.gif) 100% 0 no-repeat; }
.clear {font-size: 1px;
height: 1px }
#panel_top {
padding-top: 8px;
}

#panel_background P {MARGIN: 0px 12px 10px 27px;
FONT-SIZE: .8em;
LINE-HEIGHT: 1.3em; }

#panel_background H2 {

font-family: "Helvetica Neue", Helvetica, sans serif;
MARGIN: 2px 12px 12px 12px;
padding: 0px 0px 0px 15px;
COLOR: #333333;
LINE-HEIGHT: .6em;
FONT-WEIGHT: bold;
FONT-SIZE: .8em;
background: url(../img/blue_square_md.gif) no-repeat 1px 0px;}

#panel H3 {
font-family: "Helvetica Neue", Helvetica, sans serif;
MARGIN: 0px 0px 8px 12px;
padding: 0px 0px 0px 0px;
FONT-WEIGHT: bold;
FONT-SIZE: .8em;
COLOR: #003161; 
}

.item-has-focus  {
FONT-SIZE: .8em;
LINE-HEIGHT: 1.3em;
MARGIN: 0px 12px 10px 12px;
padding: 0px 0px 0px 15px;
background: url(../img/blue_square_sm.gif) no-repeat 1px 0px;
}

#panel_background IMG {MARGIN: 4px 8px 8px 12px;
padding: 0 0 0 0; }
#panel_background A {TEXT-DECORATION: underline;}
#panel_background A:link {TEXT-DECORATION: underline; }
#panel_background A:visited {TEXT-DECORATION: underline; }
#panel_background A:hover {TEXT-DECORATION: none;}
#panel_background A:active {TEXT-DECORATION: underline; }
#panel_background form {padding: 0 0 0px 0; }
#panel form {MARGIN: 0 0 0 10px; }
#panel_foot {PADDING: 0 0 8px 0px; }
#panel_text {
MARGIN: 0 0 0 -14px;
}

#login {
font-size:0.8em;
MARGIN: 0px 0px 0px 10px;
PADDING: 2px 0px 0px 0px;
text-align:center;
background-color: #66ccff;
BORDER: #66ccff 1px solid;
width: 80px;
HEIGHT: 18px;
color:#000000;
TEXT-DECORATION: none; 
}

#login P {TEXT-DECORATION: none; 
line-height: 1em;
margin: 0;
padding: 0 0 0 0;
}
#login A {TEXT-DECORATION: none; 
color:#000000;
}
#login A:link {TEXT-DECORATION: none; 
color:#000000;
}
#login A:visited {TEXT-DECORATION: none;
color:#000000; }
#login A:hover {TEXT-DECORATION: none; 
color:#000000;}
#login A:active {TEXT-DECORATION: none; 
color:#000000;
}




/* Standard font tags */
A {COLOR: red;
TEXT-DECORATION: underline; }
A:link {COLOR: #003161;
TEXT-DECORATION: underline; }
A:visited {COLOR: #003161;
TEXT-DECORATION: underline; }
A:hover {TEXT-DECORATION: underline;
COLOR:  #003161; }
A:active {COLOR: #003161;
TEXT-DECORATION: underline; }
IMG {MARGIN: 5px 0px 5px 0px;
BORDER: 0px; }

/* Form elements - see form.css*/
.button-image {
position:absolute;
margin-top: 5px;
margin-left: 5px;
}
.button {
/*
FONT-SIZE: .8em;
background-color: #66ccff;
BORDER: #66ccff 1px solid;
*/

}
.textarea {MARGIN: 2px;
BORDER-TOP: #ccc 1px solid;
BORDER-RIGHT: #ccc 1px solid;
BORDER-BOTTOM: #ccc 1px solid;
BORDER-LEFT: #ccc 1px solid;
PADDING: 2px;
WIDTH: 300px;
HEIGHT: 200px;
FONT-SIZE: 1em; 
}

.textbox {
margin-top: 5px;
margin-left:2px;
FONT-SIZE: .8em;
}

/*  font styles for PHP feedback text */
.error {font: bold 9px arial, helvetica, sans-serif;
color: #CC3300; }
.message {FONT: bold 9px medium arial, helvetica, sans-serif; }
.message_stronger {FONT: bolder 9px medium arial, helvetica, sans-serif; }

/* MISC */

.item_separator {
BORDER: NONE;
BORDER-BOTTOM: #ccc 1px solid;
WIDTH: 100%;
MARGIN: 0px 0px 2px 0px;
PADDING: 0px 0px 0px 0px; 
}

.clear_both {
CLEAR: both;
DISPLAY: block; 
}

.align_centre {
TEXT-ALIGN: center; 
}

.image_left {
MARGIN: 4px 8px 0px 0px;
FLOAT:  left; 
}


.image_left_map {
MARGIN: 4px 26px 10px 5px;
FLOAT:  left; 
}
.image_left_panel {
padding: 6px 5px 25px 5px;
}

.image_home {
MARGIN: 0px 0px 15px 0px;
FLOAT:  left; 
}

.image_right {
MARGIN: 0px 8px 0px 4px;
FLOAT:  right; 
}

.image_bottom {
MARGIN: 0;
PADDING: 4px;
BORDER: 0;
VERTICAL-ALIGN: bottom; 
}

.image_emphasised {
MARGIN: 4px;
BORDER : 1px solid #317ECB;
PADDING: 1px; 
}

.lesser_indent {
MARGIN: 16px; 
}

.quoteindent {
padding-left: 16px;
padding-right: 16px; 
}

p.strapline {
margin: 0px 0px 0px 0px;
FONT-SIZE: 0.6em;
}

TD {
FONT-SIZE: .65em;
VERTICAL-ALIGN: top; 
}

#image_caption {
FONT-SIZE: 0.6em; 
}
#caption_left {
FONT-SIZE: 0.6em;
float: left;
}
#image_news {
width: 120px;
padding: 0 10px 10px 0;
FONT-SIZE: 0.6em;
float: left;
height: auto;;
}

#cri_label {
MARGIN: 0px; 
}

#tiny {
font-size: x-small;
color:red;
}

#boxed {
font-size:1em;

margin-top: 10px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
padding-top: 0px;
padding-right: 4px;
padding-bottom: 0px;
padding-left: 0px;
background-color: white;
color: #000000;
text-align: left;

background-color: #D5F2FC;
min-height: 90px;
}
#headliner-home {
  font-size: 0.8em;
  font-weight:bold;
  padding: 0px 0px 0px 0px;  
  padding: 0px;
  line-height: 1.6em;
  
}
.image-left-boxed {
padding-top:0px;
MARGIN: 0px 10px 0px 0px;
FLOAT:  left; 
}
#boxed p {
color: #000;
margin-top: 0px;
margin-right: 4px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 0.8em;
line-height: 1.3em;
}

#boxed a {

line-height: 1.4em;
}
/*new map styles */
.flashright{
float: right;
margin: 10px 0px 10px 0px
}

.clear{
clear: both;
line-height: 0
}