body {
	margin:0px;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1em;
	}
p {
	margin-top:0px;
}
img { border:0px;}
sup { vertical-align:text-top; font-size:0.8em; }

#base { 
	width:800px; 
	margin:0 auto;
	background-color:#fff;
	border-left:1px solid #929291;
	border-right:1px solid #929291;
	/*background-image:url(../images/gr_bg.gif);
	background-repeat:repeat-y;*/
	color:#232323;
	}

.tips { text-indent: -1.5em; 
		padding-left: 2em; }
.tips2 { text-indent: -2em; 
		padding-left: 2em; }

/* top banner */
#header { height:65px; margin:0px;}

/* Flash area at top of every page */
#flash { height:200px; margin:0px;
background: #996699;}

/**** NAVIGATION AREA ****/

/***Header***/

#nav {
	height:31px;
	background: #996699; 
	padding:0 20px 0 0;
	text-align: right;}
	
#nav ul { 
	margin:0px; 
	padding:0px; 
	list-style:none;}
	
#nav ul li { 
	display:inline; 
	margin:-3px; 
	padding:0px; 
	height:31px;}
	
	
#nav a:link, #nav a, #nav a:visited {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			 font-size: 12px;
			 color: #FFFFFF ;
			 font-weight: bold;
			 text-decoration:none;
			 padding-left: 10px;
			 line-height:31px;}
		 
			 
#nav a:hover, #nav a:active {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			 color: #FCEE23;
			  font-size: 12px;
			   font-weight: bold;
			 text-decoration:none;
			 padding-left: 10px;
			 line-height:31px;}

/***Main ***/

.menu {
width:800px; 
height:31px; 
position:relative; 
z-index:100;
border-right:1px solid #585752; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-image:url(../images/gr_bg_nav.gif);}

/* hack to correct IE5.5 faulty box model */
* html .menu {
width:800px; 
w\idth: 799px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0 0 0 25px;
margin:0;
list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:14px;
text-transform: uppercase;
text-decoration:none !important;
color:#FFFFFF !important;  
height:30px; 
/*border:1px solid #585752; 
border-width:1px 0 1px 1px;*/
padding:0 10px 0 10px; 
line-height:32px; 
font-weight:bold;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd;}

/* style the second level hover */
.menu ul ul a.drop:hover{
background:#CAAFCA;}

.menu ul ul :hover > a.drop {
background:#CAAFCA;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden; 
position:absolute;
height:0;
top:31px;
left: -25px; 
border: none;}

/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background: #996699; 
color:#FFF;
font-weight: normal; 
height:auto; 
line-height:1em; 
padding:5px 10px;
width:200px;
border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
width:100%;
w\idth:100%;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#000; 
background:#CAAFCA;}
.menu :hover > a, .menu ul ul :hover > a {
color:#000; 
background:#CAAFCA;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* MAIN CONTENT AREA */
#content { 
padding:60px 24px 24px 44px; font-size:0.6875em;	}	
/* Standard layout with "we've raised" graphic */
#content #leftCol { width:439px; margin-right:20px; float:left; }
#content #rightCol { width:273px; float:left; }
#content #rightCol .logoBar { width:174px; margin-left:19px; float:right; }


/* Alternate layout with wider text column */
#content #leftColWide { width:548px; min-height: 300px;  margin-right:10px; float:left; }
#content #leftColWideprize { width:700px; min-height: 300px;  margin-right:10px; float:left; }
#content #rightColNarrow { width: 273px; text-align:right; float:left; }

/* Page Titles */
h1 {line-height: 1.0;}
h2 { font-size:1.2em; margin:0px;}
h3 {
	font-size:1.1em;
	color:#EB0A8D;
	margin:5px 0px 0px 0px;
}
h4 { font-size:1em; margin-bottom:0px; }

h5 {color: #EB0A8D;
	font-weight: bold;
	font-size: 2em;
	letter-spacing: normal;
	line-height: normal;}
	
h6 {color: #EB0A8D;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: normal;
	line-height: 35px;
	background: #FFF000;
	height: 35px;
	text-indent: 10px;
	margin-bottom: 15px; }

/* Images in content set to align="left" */
.inlineImageLeft { margin-right:10px; margin-bottom:10px;}
/* lists with no bullets */
ul.noBullets { list-style-type:none; margin:0px; padding:0px; }
/* sections with multiple columns within main text area */
.col { width:auto; float:left; margin-right:12px;}
/* centre-align for text under thumbnails */
.thumbs { text-align:center; }

.campaignPartners img { margin-bottom:10px;}

/* Fact Box on homepage */
#didYouKnow { 
	width:419px; 
	margin-top:-3px; 
	padding:10px; 
	background-image:url(../images/bg_didyouknow.png); 
	background-repeat:no-repeat; 
	background-position:bottom left; 
	color:#545454; 
	font-size:0.9em;
	}
#didYouKnow ul { margin:1em; padding:0.5em; }

/* Tables within the content area */
.contentTable { width:100%;}
.contentTable th, .contentTable td { padding:5px;}
.contentTable th { 
	text-align:left;
	border-bottom:2px dotted #a27db9;
	border-right:1px solid #a27db9;
	}
.contentTable td {
	border-bottom:1px solid #a27db9;
	border-right:1px solid #a27db9;
}
.contentTable .lastCol { border-right:0px;}

/* Stories/Media Centre styles */
#videos, #imageGal, #audio { display:block;}
#videos .col, #imageGal .col { margin-right:40px;}
#imageGal .col { margin-bottom:30px;}

.col .imgCaption { font-size:0.8em; padding-bottom:10px;}

/* Read Stories styles */
#read { clear:left; margin-top:20px;}
#readNav { width:76px; float:left;}
#readNav ul { margin:0px; padding:0px; list-style-type:none;}
#readNav ul li { padding-bottom:1em;}
#readNav .currStory { font-weight:bold;}
#readContent { width:472px; float:left;}

/**** GENERAL LINKS ****/
a:link, a:visited { color:#0072bc; text-decoration:underline;}
a:hover, a:active { color:#EB0A8D; text-decoration:none;}

/**** FOOTER STYLES ****/
#footer { 
	clear:both; 
	margin:40px 24px 0px 24px; 
	padding-bottom:12px;
	font-size:0.625em; 
	color:#848484;
	text-align: center;
	}
#footer a:link, #footer a:visited { color:#848484; text-decoration:none;}
#footer a:hover, #footer a:active { color:#000; text-decoration:underline;}

/***Toggle***/

.toggle { padding-left: 10px;}

/***Tables***/

#one-column-emphasis {
    border-collapse: collapse;
    font-size: 10px;
    margin: 20px;
    text-align: left;
    width: 480px;
}

#one-column-emphasis th {
    color: #EB0A8D;
    font-size: 10px;
    font-weight: bold;
    padding: 10px 5px;
}
#one-column-emphasis td {
    border-top: 1px solid #CCC;
    color: #333;
    padding: 5px 10px;
}
.oce-first {
    background: none repeat scroll 0 0 #FFF000;
    border-left: 0px none;
    border-right: 0px none;
	padding: 15px 10px;
}
#one-column-emphasis tr:hover td {
    background: none repeat scroll 0 0 #F9F5CD;
    color: #333;
}

.checks { font-size: 16px;
		  font-weight: bold;}

/**Pictures**/
.pics { height: 200px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 800px; }
.pics img { border: none;}