/************************************************************************
*                                                                       *
*                  Sinorcaish Screen-based Style Sheet                  *
*                   Copyright (C) 2004, John Zaitseff                   *
*                                                                       *
************************************************************************/

/* Author:  John Zaitseff <J.Zaitseff@zap.org.au>
   Version: 1.0

   $ZAPGroupID: sinorcaish/sinorcaish-screen.css,v 1.33 2004/11/18 00:44:33 john Exp $

   This file provides the Sinorcaish style sheet for screen-based user
   agents (ie, for ordinary Web browsers).  This file conforms to the
   Cascading Style Sheets 2.1 specification.

   The design of Sinorcaish is influenced by Sinorca (available from the
   Open Source Web Design site, http://www.oswd.org/), which in turn is
   based on the Acronis company web site (http://www.acronis.com).  You
   can find more information about this design from its home page on the
   ZAP Group web site, http://www.zap.org.au/documents/styles/sinorcaish/.

   This file may be redistributed and/or modified on the condition that
   the original copyright notice is retained.
*/


/********** Global Styles **********/

				/* The global font size is set to 80% as   */
				/* most browsers' normal font is too large */
body {
   font-family:     Verdana, Arial, Helvetica, sans-serif;
   font-size:       80%;	/* Allow IE/Win to resize the document */
   color:           black;
   background:      white;	/*Background colour of the navigation side bar*/
   margin:          0;
   padding:         0;
   border:          none;
}

.hidden {			/* Used for content that should be displayed */
				/* by non-stylesheet-aware browsers          */
   display:         none !important;
   visibility:hidden;
}

.notprinted {			/* Used for content that should not be */
}						/* printed to paper                    */

/* Headings */

h1,h2,h3{				/* Headings (H1-H6) should only be used in the main content area */
   font-weight:     bold;
   text-align:      left;
   margin:          1.5em 0 0 0;
   padding:         0;
}

h4,h5,h6 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.25em 0 0 0;
   padding:         0;
}

h1 { font-size:     165%;}
h1 { font-size:     155%;}
h2 { font-size:     130%;}
/*h3 { font-size:     120% }*/
/*h3 { font-size:     105% }*/
h3 { font-size:     105%;}
h4 { font-size:     100%;}
h5 { font-size:     80%;}
h6 { font-size:     65%;}


/* Anchors */

a:link {

    text-decoration:	underline ;
/*text-decoration:none;*/
    color:				#8b0000;
    background:      	transparent;
    background:#fdeef4; /*Lavender Blush*/
/*    background:#EBDDE2; /*Lavender Blush2*/
/*    background:#82cafa; /*Light Sky blue*/
 /*background:#f87431; /*Sienna1*/
/* background:#c8bbbe; /*Lavender Blush3*/
/*background:#addfff; /*Light Blue*/
}


a:visited {
    text-decoration:	underline;
/*text-decoration:none;*/
/*    color:				#8b0000; 	*/
    background:      	transparent;
    background:#fdeef4; /*Lavender Blush*/
/*    background:#EBDDE2; /*Lavender Blush2*/    
/*    background:#82cafa; /*Light Sky blue*/
/*background:#f87431; /*Sienna1*/
/*background:#c8bbbe; /*Lavender Blush3*/
/*background:#addfff; /*Light Blue*/
}

a:hover{ 
	text-decoration:	underline;
    background:			#8b0000;
    color:				white;
}

a:active {
	text-decoration:	underline;
    background:			#8b0000;
    color:				white;
}


/* Inline elements and classes */

				/* This style sheet assumes B, BIG, EM, I, */
				/* SMALL, STRONG, SUB and SUP are defined  */
				/* by the browser as per the HTML4 sample  */
				/* style sheet.                            */
code,
kbd,
pre,
samp,
tt {
   font-family:     	"Courier New", Courier, monospace;
   font-size:       	110%;	/* Courier tends to be a little too small */
}

kbd,
code.markup,			/* HTML/CSS markup */
span.markup,			/* Alternative form for HTML/CSS markup */

.fbTitle {			/* Title in floating boxes / left sidebar */
    font-weight:     	bolder;
   /*jrm*/
	color:				black;
}

abbr,
acronym {
    font:            	inherit;	/* Don't use small-caps, etc. */
}

.tooltip {
    cursor:          	help;
    border-bottom:   	1px dotted #CCCCCC;
}

abbr[title],
acronym[title] {
    cursor:          	help;
    border-bottom:   	1px dotted #CCCCCC;
}

cite,
dfn,
var,
.fn,				/* Filename */
.url,				/* Uniform Resource Locator */
.email {			/* E-mail address */
    font-style:     normal ;
}

.clearboxes {			/* Clear navboxes and floatboxes */
    clear:           	right;
}

.unicode {
    font-family:     	"Arial Unicode MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}


/* Block-inline elements */

img {
    vertical-align:  	baseline;
    margin:          	0;
    padding:         	0;
    border:          	none;
}

img.left {			/* Left-floating images */
    margin:          	0.75em 1.5em 0.75em 0;
    float:           	left;
}

img.right {			/* Right-floating images */
    margin:          	0.75em 0 0.75em 1.5em;
    float:           	right;
}

img.icon16[src] {		/* For 16x16 file-type icons */
    vertical-align:      -10%;	/* IE/Win cannot handle negative percentages */
}

del,
del * {				/* Required for Mozilla */
    text-decoration: 	line-through;
}

ins,
ins * {				/* Required for Mozilla */
    text-decoration: 	underline;
}


/* Block elements */
p {
    margin:          	1em 0;
    padding:         	0;
}

blockquote {			/* Should only be used in main content area, */
				        /* floating boxes or left sidebar.           */
    margin:          	1em 2.5em;
    padding:         	0;
}

pre {				    /* Should only be used in main content area  */
				        /* and floating boxes.                       */
    line-height:     	1.1;
    margin:          	1em 2.5em;
    padding:         	0;
}

hr {
    color:           	#999999;
    background:      	transparent;
    height:          	1px;	/* Required for IE/Win */
    margin:          	1em 0;
    padding:         	0;
    border-color:    	#999999;
    border-width:    	1px;
    border-style:    	none none solid none;
}

hr.lighter {			/* Warning: not printed out on paper */
    color:           	#F0F0F0;
    background:      	transparent;
    border-color:    	#F0F0F0;
}


/* Lists */

ol {
    list-style:      	decimal outside;
    margin:          	1em 0;
    padding:         	0 0 0 2.5em;
}

ol.alpha {
    list-style-type: 	lower-alpha;
}

ol.number {
    list-style-type: 	decimal;
}

ul {
    list-style:      	square outside;
    margin:          	1em 0;
    padding:         	0 0 0 2.5em;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top:      	0;
    margin-bottom:   	0;
}

ol ul,				    /* Override possible browser styles */
ol ol ul,
ol ul ul,
ul ul,
ul ol ul,
ul ul ul {
    list-style:      	square outside;
}

li {
    margin:          	0;
    padding:         	0;
}

dl {
    margin:          	1em 0;
    padding:         	0;
}

dt {
    font:            	inherit;	/* Don't make the text bold by default */
    margin:          	1em 0 0.25em 0;
    padding:         	0;
}

dd {
    margin:          	0 0 1em 2.5em;
    padding:         	0;
}


/* Tables */
				/* Tables should never be used for visual */
				/* formatting: that is the role of CSS!   */
table.noBorder {
	width:				99%;
	border-style:		none ;
	text-align:			left;
	vertical-align:     text-top ;
}				

table.simple {
    color:           	inherit;
    background:      	inherit;	/* Don't make tables transparent */
    border-collapse: 	collapse;
    border-spacing:  	0;
    empty-cells:     	show;

    margin-top:			.5em;

    padding:         	0;
    border:          	1px solid #999999;
}

table.simple caption {
    text-align:      	center;
    caption-side:    	top;
    margin:          	0 2.5em 0.75em;
    padding:         	0;
    border:          	none;
}

table.simple td,
table.simple th {
    text-align:      	center;
    vertical-align:  	middle;
    margin:          	0;
    padding:         	0.25em 0.5em;
    border:          	1px solid #999999;
}

table.simple th,
table.simple td.highlight,
table.simple th.highlight {
    font-weight:     	bold;
    color:           	inherit;
    background:      	#F0F0F0;
    
}

table.simple td.lighter,
table.simple th.lighter {
    color:           	inherit;
    background:      	#F8F8F8;
}

table.simple td.left,
table.simple th.left {
    text-align:      	left;
    vertical-align:     top ;
}

table.simple td.center,
table.simple th.center {
    text-align:      	center;
}

table.simple td.right,
table.simple th.right {
    text-align:      	right;
}

.hideTopBottomTableCellLines{
    border-top-style:   hidden;
}


.updatedSmall{
	font-family:		"Georgia, Verdana, Arial, Helvetica, sans-serif";
	font-family:        "Arial" ;
	color:				Red;

	font-weight:		bold;
	font-size:			xx-small;
	padding-left:		3px;
	padding-right:		2px;
}

.updatedMedium{
	font-weight:		bold;
	font-size:			small;
	color:              Red;
}
.newSmall{
	font-family:		"Georgia, Verdana, Arial, Helvetica, sans-serif";
	font-family:        "Arial" ;
	color:              red;
	
	font-weight:	    bold;
	font-size:			90%;
	
	padding-left:		3px;
	padding-right:		2px;
}

.newMedium{
	font-family:		"Georgia, Verdana, Arial, Helvetica, sans-serif";
	font-family:        "Arial" ;
	color:				red;
	font-weight:		bold;
	font-size:			small;
}

/*This styles Reaction links box (DIV).*/
.reactionLinks{
 	background-color:	#99FF99;  /*Green*/
	border:		        medium green solid ;
	padding:			4pt;
}

/*This styles the "Reply!" logo in the left hand menu bar.*/
.reaction{
	font-family:		"Georgia, Verdana, Arial, Helvetica, sans-serif";
 	color:				green;
	font-weight:		bold;
	font-size:			smaller;
}

/* The following HTML elements should NOT be used in documents using this
   style sheet:

       address - use the #footer style instead
       q       - use &ldquo; and &rdquo; instead
*/


/**************************************** Styles for Main Content ****************************************/



#main {
    text-align:			left ;
    line-height:     	1.5;
    color:           	black;
    background:      	white;	/* Background for main text area.*/
   
    /* 3/May/2008*/
    /*margin:          	0 0 0 13.5em;*/
    margin:          	0 0 0 14em;
   
    padding:         	0.25em 1.5em 0.3em 1em;
        
    border-left:     	1px solid #999999;
    border-top: 		1px #999999 solid ;
   
    
    /*20/Nov/09*/
/*    min-width:800px;*/
    min-width:650px;
    
}

/*
* html #main{
    min-width:1000px;
} 
*/

#main.mainHome {
   
    /* 3/May/2008*/
    margin:          	0 0 0 20em;
    
    /* BEST to set left margin to 22.1 em for IE6 and 22 em for other browsers*/
/*    margin:          	0 0 0 22.1em;*/
    margin:          	0 0 0 280px;
    
/*    margin:          	0 0 0 400px;*/
    border-left:     	solid 1px #999999;
    
}

#main h1,h2,h3 {			/* Should be used once, following navhead */
    color:				#497fbf; /* BSCF darker blue to match header background*/
    background:      	transparent;
    margin:          	0 0 0.5em 0;
}

#main h1{
	padding-top:		0.4em;
}

#main h2{
	padding-top:		0.2em;
}

#main h3{
	padding-top:		0.15em;
     font-family:       Arial Black;
	/*color:              #0469b3;*/
}

#main .highlight {		/* Highlight box (for warnings, etc) */
    color:         	    inherit;
    background:      	#F0F0F0;
    margin:          	1em 0;
    padding:         	1em 2.5em;
    border:          	1px solid #999999;
}

#main .totop {			/* For "Top ^" lines in FAQs, etc */
    font-size:       	90%;
    text-align:      	right;
    margin:          	-0.75em 0 1em 0;
    padding:         	0 0 0.25em 0;
    border-bottom:   	1px solid #F0F0F0;
}

#main table.simple td.highlight,  /* Else "#main .highlight" will override */
#main table.simple th.highlight {
    margin:          	0;
    padding:         	0.25em 0.5em;
}


/* Other styles related to the main content */

#mainlink {			/* "Skip to main content" link */
    display:         	none !important;
}

#navhead {			/* "Path to this page" information */
    				/* Warning: not printed out on paper */
    font-size:       	90%;
}

#navhead hr {
    display:            none;
}

#endmain {
    visibility:      	hidden;
    clear:           	both;	/* Doesn't always work under IE/Win */
    padding-bottom: 	10px;
}

#mapLargeHigher{
	width:				600px;
	height: 			550px; 
	float:				left;
	border:				thin #3366cc  solid ;
}


#mapNarrower{
	width:				530px;
	height: 			500px; 
	float:				left;
	border:				thin #3366cc  solid ;
}

#mapNarrowerHigher{
	width:				530px;
	height: 			550px; 
	float:				left;
	border:				thin #3366cc  solid ;
	}

#mapNarrowerExtraHigher
{
	width:				530px;
	height: 			600px; 
	float:				left;
	border:				thin #3366cc  solid ;	
	}

#mapSideInfo{
	width:				200px;
	height: 			500px; 
	float:				left;
	border:				thin #3366cc  solid ;
	padding-left:       10px;
	margin-left:        20px;
}

#mapSideInfoHigher{
    width:				230px;
	height: 			550px; 
	float:				left;
	border:				thin #3366cc  solid ;
	padding-left:       10px;
	margin-left:        20px;
}

#mapNarrowSideInfoHeader
{
    width:              100%; 
    /*margin-left:        -10px; */
    padding-left:       10px; 
    padding-bottom:     3px;
    margin-bottom:      10px;
/*	background-color:	#497fbf;	/*BSCF BLUE*/    
    
    
    color:              red; 
}

#mapLarge{
	width:				590px;
	height: 			450px; 
	float:				left;
	border:				thin #3366cc  solid ;
}
#mapMedium{
 	width:				500px;
	height: 			350px; 
	float:				left;
	border:				thin #3366cc solid ;
}

.legendDescription{
    padding-left:       20px;
    padding-left:       22px;
    font-style:         italic ;
    font-size:          90% ;
    padding-bottom:     5px;
    color:				green;
}

#sbMapText{
	color:				black;
}



/*************************** Styles for Floating Boxes ****************************/
				/* "navbox" is used to provide intra/inter- */
				/* page links; it is NOT printed out on     */
				/* paper.  "floatbox" is used to provide    */
				/* floating boxes that may appear anywhere  */
				/* in the main content; they ARE printed.   */

.floatbox, .floatboxNarrow, .navbox, .floatboxNarrowNoBorder, 
	.floatboxPhotoNoBorder, .floatboxPhotoBorder, .floatboxLogo{
    overflow:        	visible;
    font-size:       	95%;
    line-height:     	1.25;
    margin:          	0 0 0 1.5em;
    padding:         	0.5em 1em;
    border:          	1px solid #999999;
    float:           	right;
    clear:				right ;
}

.floatboxNarrow{
    width:              18%;
}

.floatbox {
    color:           	black;
    background:      	#F0F0F0;
    width:           	32%;
}

.floatboxNarrow {	/*JRM*/
    color:           	black;
    background:      	#F0F0F0;
  	width:           	20%;
    width:           	18%;
}
.floatboxNarrowNoBorder {/*JRM*/
    color:           	black;
    background:      	#F0F0F0;
  	width:           	20%;
	border-style:		none;
}

.floatboxPhotoNoBorder{/*JRM*/
	text-align:			center;
 	border-style:		none;
 	font-size:			70%; 
	color:				#3366CC;
 	font-weight:		bold ;
 	
/* 	position:absolute; top:0px;
 	position:relative; top:-80px; */
}

.floatboxPhotoBorder{/*JRM*/
	text-align:			center;
 	border-style:		none;
 	border: 			1px solid #3366CC; /*JRM Border colour same as H1 colour*/
 	font-size:			70%; 
	color:				#3366CC;
 	font-weight:		bold ;
 	padding:			0px;	
}

.floatboxLogo{/*JRM*/
	text-align:			center;
 	border-style:		none;
 	border: 			1px solid #3366CC; /*JRM Border colour same as H1 colour*/
 	font-size:			70%; 
	color:				#3366CC;
 	font-weight:		bold ;
}

.floatboxTitleBar{
	background:			#3366cc;		/*Dark blue of main header background*/
	background-color:	#497fbf;	/*BSCF BLUE*/    	
	color:				white;
	margin-top:			-.5em;
	margin-right:		-1em; 
	margin-left:		-1em;

	padding-top:		5px;
	padding-bottom:	    5px;
	padding-left:		15px;
	
	font-weight:		bold;
}

.navbox {
    text-align:      	left;
    color:           	black;
    background:      	white;
    width:           	12.5em;
}

.floatbox hr,			/* Used for non-stylesheet-aware browsers */
.floatboxNarrow hr,
.navbox hr {
    display:         	none !important;
}

.floatbox p,
.navbox p {
    margin:          	0.75em 0;
    padding:         	0;
}

.floatbox ol,
.floatbox ul {
    margin:          	0.75em 0;
    padding:         	0 0 0 1.5em;
}

.navbox ol,
.navbox ul {
   margin:          	0.5em 0;
   padding:         	0 0 0 1.5em;
}

.floatbox blockquote {
   margin:          	0.75em 1.5em;
   padding:         	0;
}

.floatbox pre {
   font-size:       	95%;
   margin:          	0.75em 1.5em;
   padding:         	0;
}

.floatbox dt {
   margin:          	0.75em 0;
   padding:         	0;
}

.floatbox dt {
   margin:          	0.75em 0 0.25em 0;
   padding:         	0;
}

.floatbox dd {
   margin:          	0 0 0.75em 1.5em;
   padding:         	0;
}

#main .floatbox .highlight {
   color:           	inherit;
   background:      	white;
   margin:          	0.75em 0;
   padding:         	0.75em 1.5em;
}

#main .floatbox table.simple {
   margin:          	0.75em 0;
}

#main .floatbox table.simple th,
#main .floatbox table.simple td.highlight,
#main .floatbox table.simple th.highlight {
   color:           	inherit;
   background:      	white;
   margin:          	0;
   padding:         	0.25em 0.5em;
}


/************************************************** Styles for Header **************************************************/

/* In this style sheet, headers comprise three parts: left, right and subheader */

#header {			/* Warning: not printed out on paper */
   
    display:none;
    height:0;

    
    color:           		#003399;
        
    /*1/Aug/2008*/
    background:      		#497fbf;	/*BSCF BLUE*/
    /* The bottom border of the menu bar.*/
    border-bottom-style:	    none ;
    border-bottom-width:     thin;
    border-bottom-color:     #cccccc;
}


#header a:link,
#header a:visited {
    color:           		#003399;
    background:      		transparent;
}

#header .highlight,
#header a.highlight:link,
#header a.highlight:visited {
    color:           		white;
    background:      		transparent;
}

/* Left part of header (ideally an image but may be a link) */

#header div.left 
{
    visibility:hidden;
    float:           		left;
    clear:           		left;
/*	padding-top: 			10px;*/
/*	padding-bottom:		    3px;*/
}

#header div.left img {
/*    display:         		block;	/* Otherwise IMG is an inline, causing gaps */
/*    display:         		inline-block ;	
    /*display:				inline ;*/
}

#header div.left,
#header div.left a:link,
#header div.left a:visited {
    font-size:       		140%;
    font-weight:            bold;
    text-decoration: 		none;
    color:           		white;
    background:      		transparent;
}

#header div.left p {
    margin:          		0 0 0 0.25em;
    padding:         		0;
}	

#header div.left .alt {
	font-size:				110%;
    color:					yellow;	
    
	/* 1/Aug/2008*/
    color:					#fff99d;	/*Pale yellow*/
    background:      		transparent;
}

/* Right part of header is for external/global links, search, etc */

#header div.right {
    font-size:       		90%;
    text-align:      		right;
    margin:          		0;
    padding:         		0.5em 1.67em 0 1em;
    float:           		right;
    clear:           		right;

 	/*JRM - This controls the space above the links in the right part of the header*/
/*    padding-top:			12px;*/
    color:					white;
    font-weight:			bold;
    line-height:			15px;
}

#header div.right a:link,
#header div.right a:visited {
    margin:          		0;
    padding:         		0 0.5em;

	/*JRM - This controls the appearance of the links in the right part of the header*/
    text-decoration:		none;
    color:					white;
    font-weight:			bold;
}

#header div.right a:hover{
	text-decoration:		underline;
}

#header div.right form {
    margin:          		0;
    padding:         		0.25em 0 0 0;
}

#header div.right form input {
/*    font-size:       	    95%;
    vertical-align:  	    middle;*/
}

/* Subheader for global links */

#header div.subheader {
    color:					#8b0000;
    background:      	    #f1f1f1; /*Background color of top menu bar - Pale grey.*/
    margin:          	    0;
/*    padding:         	    0.25em 1.5em 0.5em 0.5em; /* For IE/Win */
    clear:           	    both;
}

#header > div.subheader {
    padding:         	0.5em 1.5em 0.5em 0.5em; /* For all other browsers */
}

#header div.subheader a:link,
#header div.subheader a:visited {
    font-weight:     	bolder;
    color:           	white;
    font-size:			110%;

	/*JRM Menu bar links*/
    color:				#8b0000;
    text-decoration:	none;
    background:      	#fff5e8; /*pale pink*/
    margin:          	0;
    padding:         	0 0.5em;
    border:				1px gray solid ;
}

#header div.subheader a:hover {
	color:				white;
	background:			#8b0000;
}

#header div.subheader .highlight,
#header div.subheader a.highlight:link,
#header div.subheader a.highlight:visited {
	
	border:				1px gray solid ;
	
	color:				black;	/*JRM - Black for title in left navigation and highlighted MAIN MENU item.*/         
	background:         #fff99d;	/*Lighter yellow*/
	
	
	background:         maroon;	/*JRM - For highlighted MAIN MENU item.*/         
	color:White;
}

/********** Styles for Left Sidebar **********/

#sidebar {			/* Warning: not printed out on paper */
    width:           	14em;
    float:           	left;
    clear:           	both;
    color:           	white;
    background:         #f1f1f1;	/*Background colour of the navigation side bar*/   
   	padding-top:		10px;
   	
   	padding-top:		1em;
/*   	padding-top:		0.5em;*/
}


#sidebar.sidebarHome {			
    width:           	280px;
    clear:				both;
    padding-top:		0.5em;
}

.sidebarHome {			
    width:           	280px;
}


#sidebar div {
    font-size:       	95%;
    text-align:      	left;
    margin:          	0;
    /*6/May/2008*/
    padding:         	0.5em 0em;
}

#sidebar div.lighter {
    color:           	inherit;
    background:      	white;
}

#sidebar p {
    margin:          	0.5em 0;
}

#sidebar .title a:link,
#sidebar .title a:visited {
    color:           	black;
    background:      	transparent;
    color:           	white;
}

#sidebar ul {
    list-style:      	none outside;
    margin:          	0.5em 0;
    padding:         	0;
    color:           	white;
}

#sidebar ul li {
    margin:          	0;
    padding:         	0.125em 0 0 0.5em;
    color:           	white;
}

#sidebar ul li a:link,
#sidebar ul li a:visited{
	text-decoration:	none;
	font-weight:		bold;
}


#sidebar ul li.highlight {
    background:      	#fff99d;  /*Lighter yellow.*/
    /* 6/May/2008 */
/*    margin-left:     	-1em;
    margin-right:    	-0.5em;*/
    padding-left:    	1em;
    padding-left:    	0.5em;
    
    border-top:      	1px solid #999999;
    border-bottom:   	1px solid #999999;

/*JRM */
    border-right:		thick #3366cc solid ;  /*Edge of highlighted side bar in left hand navigation./* 															/*Darker blue to match header background colour*/
}

#sidebar ul li.highlight a:link,
#sidebar ul li.highlight a:visited {
    color:           	black;
	text-decoration:	none;
    background:      	transparent;
}

.sbarPageLinks {
	padding-top:		40px;
}

/*6/May/2008*/
#sbPageLinksTitleDiv{
	color:	 			white;
	background:			#497fbf; /* BSCF darker blue to match header background*/
 	font-weight: 		bold ;
 	
}

/*6/May/2008*/
#sbPageLinksTitleText   {
 	padding-left:       10px;
}

#sbPetitionsTitle{
	background:			#e9556a;
	color:	 			white; 
	font-weight:		bold;
	border-bottom: 	    none 0px gray ;
}
.sbPetitions{
	border-bottom: 		solid thin gray ;
	background:			#f9c7c2;	/*Light pink*/
	font-weight: 		normal;
	color:				black ;
}

#sbNewItemsTitle{
	background:			#3366cc; /*BSCF Blue*/
	color:	 			white;
	font-weight:		bold;
}

#sbNewItemsBackground{
    /* 1/Aug/2008*/
    background:			#497fbf; /* Paler Blue*/
	height:             5px;
}

.sbNewItemsBackground{
    /* 1/Aug/2008*/
    background:			#497fbf; /* Paler Blue*/
	height:             10px;
}


#sbNewItems{
	background:			#f1f1f1; 
	font-weight: 		normal;
	color:				black ;
}

.sbNewItems{
	background:			#f1f1f1; 
	font-weight: 		normal;
	color:				black;
}

.sbNewItems2{
    border-top:			solid 5px #3366cc; /*BSCF Blue*/
    padding-bottom:     0;
}

#sbPageLinks{
	border-bottom:		solid thin gray ;
	background:			#ebf5fc;
	font-weight: 		normal;
}
#sbPageLinks ul li{
	padding-bottom:5px;
	padding-top:5px;
}


.sbMenu{
 	background:			#ebecf6;  /*Pale violet*/
}

.sbMenuTitle {
	color:              #000066;		/*Dark blue*/
	font-style:         italic;
}

#sbInfoTitle{
	background:         #33CC33; /*Light Green*/
 	font-weight:        bold ;
}

#sbInfo{
    color:              black ;	
	background:         #eaf3da;	/*Very light green*/
}

#sbPageLinks ul li {
    font-weight :		normal;
}

#sbPageLinks a:link {
    text-decoration:    underline ;
	color:				#0469b3;	/*2 shades darker than BSCF Blue*/
    font-weight :		normal;
    background:      	transparent;
}

#sbPageLinks a:visited {
    text-decoration:	underline ;
	color:				#0469b3;	/*2 shades darker than BSCF Blue*/
    font-weight:		normal;
    background:      	transparent;
}

#sbPageLinks a:hover, a:active {
    text-decoration:    none ;
    background:         #497fbf;	
    color:				white;
}

/******************************* Styles for Footer *********************************/

#footer {
    font-size:       	90%;
    text-align:      	center;
    color:           	black;
    background:         #ebecf6; /*Pale violet*/
    margin:          	0;
    padding:         	0.5em 0em 0.5em 0em;
    clear:           	both;
    border-top:         1px #999999 solid ;
    border-bottom:      1px #999999 solid ;
}

#footer a:link,
#footer a:visited {
    text-decoration: 	underline;
    color:           	maroon;
    background:      	transparent;
}

#footer a:hover{
	color:				white ;
	background-color:   maroon;
	background-color:	#a06800;
}

#footer hr {
    display:            none !important;
}

/* End of the Sinorcaish style sheet */


/************************************* Style for email addresses ******************************************/
.backwards {
/*	font-family: Verdana, Tahoma, Arial; Lucida, Sans-Serif;
	Verdana, Arial, Helvetica, sans-serif;*/
/*	font-size:1.5em ;*/
/*	color: #800000;*/
	unicode-bidi: bidi-override;
	direction: rtl;
} 

.imageBorder{
	border-style: 		solid ;
	border-color:		#3366cc;
	border-width:       2px;
}

.top a:link, .top a:visited, .top a:active{
    text-decoration: 		none;	
	background:				#ed717a; /*Lighter pink*/
  	color:			 		white;
	font-style:				italic ;
	font-weight:			bold ;
	font-size:				11px;
	border-style: 			solid ;
	border-width:			thin ;
	border-width:			1px ;
	font-family:Verdana;
}

.top a:hover{
	background:				#e5325e;	/*Slightly darker pink*/	
  	color:			 		white;
}  

.extLink a:link, .extLink a:visited, .extLink a:active {
	text-decoration: 		none;	
	color:					white;	
	background:				#3eb677;	/*Light green*/
	font-style:				italic ;
	font-size:				11px;
	font-weight: 			bold;
	border-style: 			solid ;
	border-width:			thin ;
	border-width:			1px ;
}

.extLink a:hover{
	color:					white;
	color:					black;
	background:				#00a54e;		/*Sightly darker green*/
	background:				#fff000;		/*Yellow*/
}


.intLink a:link, .intLink a:visited, .intLink a:active {
	text-decoration: 		none;	
	color:					white;	
    background:			    #497fbf;    /*BSCF Blue*/	
	background:			    #F87431;  /*Sienna1*/
	
	font-style:				italic ;
	font-size:				11px;
	font-weight: 			bold;
	border-style: 			solid ;
	border-width:			thin ;
	border-width:			1px ;
}

.intLink a:hover{
	color:					white;
	color:					black;
	background:				maroon;	/*Maroon*/
	background:				#0000ff;	/*Blue*/
	background:				#fff000;		/*Yellow*/
}

/*18/Oct/2009 - This to colour internal Link button within page links area*/
#sbPageLinks .intLink a:link, 
	#sbPageLinks .intLink a:visited, 
	#sbPageLinks .intLink a:active {
	color:					white;
	background:				maroon;	/*Maroon*/
	background:			    #497fbf;    /*BSCF Blue*/	
	background:			    #F87431;  /*Sienna1*/	
}

#sbPageLinks .extLink a:link, 
	#sbPageLinks .extLink a:visited, 
	#sbPageLinks .extLink a:active {
	color:					white;
	background:				#3eb677;	/*Light green*/
}


#sbPageLinks .intLink a:hover{
	background:				#fff000;		/*Yellow*/
	color:					black;
}

#sbPageLinks .extLink a:hover {
	background:				#fff000;		/*Yellow*/
	color:					black;
}


.mapLink a:link, .mapLink a:visited, .mapLink a:active {
	text-decoration: 		none;	
	color:					white;	
/*	color:					#808080;    /*Gray*/
	background:				#0066ff;	/*Light blue*/
	background:				#fcf64c;	/*Light yellow*/
	background:				#9c2c86;	/*Light purple*/
	font-style:				italic ;
	font-size:				11px;
	font-weight: 			bold;
	border-style: 			solid ;
	border-width:			thin ;
	border-width:			1px ;
}

.mapLink a:hover{
	color:					white;
	color:					black;
	background:				#0000cc;		/*Sightly darker blue*/
	background:				#fff000;		/*Yellow*/
}

.haveYourSay a:link, .haveYourSay a:visited, .haveYour.Say a:active {
	text-decoration: 		none;	
	color:					white;	
	background:				#ee71a2;	/*Light pink*/
	
	font-style:				italic ;
	font-size:				11px;
	font-weight: 			bold;
	border-style: 			solid ;
	border-width:			thin ;
	border-width:			1px ;
}

.haveYourSay a:hover{
	color:					white;
	background:				#ee71a2;	/*Light pink*/
}


.enlarge a:link, .enlarge a:visited, .enlarge a:active {
	text-decoration: 		none;	
	background:				red; 
  	color:			 		white;
	font-style:				italic ;
	font-weight:			bold ;
	font-size:				70%;
	border-style: 			solid ;
	border-width:			1px ;
}

.enlarge a:hover{
	font-size:				70%;
	background:				#f1a629; /*Orange*/
  	color:			 		white;
}  

.smallPictureCaption{
	font-size:				70%; 
	font-weight:			bold; 
	color:					#3366CC
}

.mediumPictureCaption{
	font-size:				90%; 
	font-weight:			bold; 
	color:					#3366CC
}

.letter, .reply, .footnotes, .planningProcess{
	background-color:		#fffdda;  /*Fawn*/
	padding:				15px;  
	border-style:			solid; 	
	border-width:			medium; 
	border-color: 			#FFCC99;	/*Darker fawn.*/
}
.letter{
    width:90%;
}
    

.reply 
{
    background-color:		white;
	border-color: 			#00782b;  /*Dark Green*/
	width:90%;
}

.planningProcess{
	background-color:		white;
	border-color: 			#b7c0eb;
	width:					620px;
}

.footnotes{
	background-color:		#ececec;  /*light grey*/
}

.email, .emailReply{
	background-color:		#e0ffff;
	padding:				15px;  
	border-style:			solid; 	
	border-width:			medium; 
	border-color: 			#306eff;
	width:90%;
}

.emailReply {
	border-color: 			#00782b;  /*Dark Green*/

}

.enclosure {
	background-color:		#fcdfff; 
	background-color:		#C6DEFF; /*Light Steel blue*/
	padding-top:			10px;
	padding-bottom:		    0px;
}

.replyLink a:link, .replyLink a:visited, .replyLink a:active {
	background:				#00ad63;    /*Lighter green*/
	padding:                2px;
	font-size:				11px;
	color:			 		white;
	font-style:				italic ;
	text-decoration: 		none;	
}

.replyLink a:hover{
	background:				green;
  	color:			 		white;
	font-size:				11px;
}  

.altRow{
	background:				#ffecdf     /*Even lighter fawn*/;    
	border:                 solid 1px gray;
}

.evenRow{
	background:				#fcd9c5;    /*Lighter fawn*/
    border-left:            solid 1px gray;
    border-right:           solid 1px gray;
    padding-left:           12px;
    margin-left :			10px;
}

.topRow{
    border-top :            solid 1px gray;
}
.bottomRow{
    border-bottom :         solid 1px gray;
}

/*Newsletter color*/
.nlRow{
    background-color:       #d4ecfb;
}

/*Briefing note color*/
.bnRow{
    background-color:		#fffab2; 
    color:                  white;
}

.backgroundLetter {
    background:			    #b2cbd0;    
}

.backgroundLetter a:hover{
    background:			    yellow;    
}

.backgroundNews{
    background:				#cc3400;    /*Lighter fawn*/
}

.oddRowGreen{
	background:				#99ff99;    /*pale yellow-green*/
}
.evenRowGreen{
	background:				#ccffcc;  /*Pale green*/		
}


.bannerSmall{
	font-size:60%;
}

#form1 .contactField{
	font-family:     Verdana, Arial, Helvetica, sans-serif;
/*   font-size:       90%;	/* Allow IE/Win to resize the document */
	font-size:small ;
}

/********************************/

a.nav, a.nav:link, a.nav:visited {
    display:            block; 

    /* 3/May/2008*/
    width:              232px; 
    width:              21.25em; 

    border:             1px solid #c0c0c0; /*silver*/
    
    margin-top:         1px; 
    text-align:         center; 
    text-decoration:    none; 
    font-family:        verdana, arial, sans-serif; 
     
    font-size:          100%;
    color:              #000;
    
    overflow:           hidden;
    padding:            1px 3px 2px 3px;
    
    /*6/May/2008 moves nav buttons in from left margin*/
    margin-left:        5px;
}

a.letter, a.letter:link, a.letter:visited {
    background:			#ffdfff; /*Palest fuschia*/
    width:				94%;
}
a.letter:hover {
    color:				white;
    background:			#b1629f; /*purple*/
}

a.news, a.news:link, a.news:visited {
	background:			lavenderblush;
    width:				94%;
}
a.news:hover {
    color:				white; 
    background:			#eb714d; /*browny red*/
}

a.extLink, a.extLink:link, a.extLink:visited{
    background:			#e8ffe8; /*Palest green*/
    width:				94%;
}
a.extLink:hover {
    background:			#00ee00; /*Darker green*/
}

a.bscf, a.bscf:link, a.bscf:visited {
    background:			aliceblue;
    width:				94%;
    font-weight:		normal ;
}
a.bscf:hover{
    color:				white; 
    background:			#8b0000; /*Maroon shade*/
}

a.bscfHighlight,a.bscfHighlight:link, a.bscfHighlight:visited { 
    background:         yellow; 
    background:      	#FDD017;  /*Gold*/
    width:              94%; 
    font-weight:        bold;
}
a.bscfHighlight:hover{
    color:				white; 
    background:			#8b0000; /*Maroon shade*/
}


a.bscfHighlightGreen,a.bscfHighlightGreen:link, a.bscfHighlightGreen:visited { 
    background:         #6CC417; 
    background:         #6CC417; 
    width:              94%; 
    font-weight:        bold;
    color:              White;
}
a.bscfHighlightGreen:hover{
    color:				white; 
    background:			#8b0000; /*Maroon shade*/
}


a.haveYourSay, a.haveYourSay:link, a.haveYourSay:visited {
    width:				94%;
    background:			#fdedf2;	/*Lighter pink*/
}

a.haveYourSay:hover{
	color:				white; 
	background:			#ee71a2;	/*Light pink*/
}

a.nav:active, a.bscf:active, a.news:active, a.extLink:active, a.haveYourSay:active {
    color:				black; 
    background:			#fcf64c;	/*Light yellow*/
}
.infoBackground{
    background-color:	#feede3; 
    padding:			0 10px 0 10px; 
    border:				solid thin gray
}

.frontPageMoreLinks {
padding-right:10px;padding-bottom:8px; float:right; width:30%; text-align:right;
}

.frontPageMoreLinks a:link {
    text-decoration:	underline ;
    color:				white;
    font-weight:		bold;
    background:      	transparent;
}

.frontPageMoreLinks a:visited {
    text-decoration:	underline;
 	color:				white;
    font-weight:		bold;
    background:      	transparent;
}

.frontPageMoreLinks a:hover, a:active {
	text-decoration:	underline;
    background:			#b22222;
    color:				white;
/*    font-weight:		bold;*/ /* This overwrites original a.active color**/
}

.sbLetters{
	background-color:	#497fbf; /*BSCF blue*/
	height:				12px;
	margin-bottom:		4px;
}

.sbNews{
	background-color:	#eb714d; 
	height:				12px;
	margin-bottom:		4px;
}
.sbBanners{
	background-color:	#497fbf; /*BSCF blue*/
	height:				12px; 
}	


.tallBoxFull{
	width:				70%; 
	wid\th:99.5%; /*This is an IE5.x HACK. IE 5.x ignores this because of the backslash!!  */
	background-color:#f1f1f1; border:1px solid gray; float:left; margin:0px; 
	/*overflow:auto ;
	overflow-x: hidden;
	overflow-y: hidden;*/
}

.tallBoxLeft{
	width:				35%; 
	wid\th:48%; /*This is an IE5.x HACK. IE 5.x ignores this because of the backslash!!  */
	background-color:#f1f1f1; border:1px solid gray; float:left;margin:0px; 
	/*overflow:auto ;
	overflow-x: hidden;
	overflow-y: hidden;*/
}

.tallBoxRight{
	width:				35%; 
	wid\th:48%; /*This is an IE5.x HACK. IE 5.x ignores this because of the backslash!!  */
	background-color:#f1f1f1; border:1px solid gray; float:right; margin:0px;
/*	overflow:auto ;
	overflow-x:hidden;
	overflow-y:hidden;*/
	
}
.shortBoxLeft{
	width:				35%; 
	wid\th:48%; /*This is an IE5.x HACK. IE 5.x ignores this because of the backslash!!  */
	
	background-color:	#f1f1f1; 
	border:				1px solid gray; 
	margin-top:			10px; 
	float:				left;
}

.shortBoxRight{
	width:				35%; 
	wid\th:48%;		/*This is an IE5.x HACK. IE 5.x ignores this because of the backslash!!  */
	
	background-color:	#f1f1f1; 
	border:				1px solid gray; 
	margin-top:			10px; 
	float:				right;
}

.callOutRight{
	width:				240px; 
	margin-left:		10px; 
	margin-top:			10px; 
	height:				auto; 
	padding:			4px; 
	background-color:	#497fbf;
	color:				White;
	float:				right; 
	clear:				both ; 
	font-size:			90%;
}

.linkButton {
	font-weight:		bold;
	color:				White;
	background-color:	#00a54e; 
	cursor:				pointer;
}


.announcements{
	color:				white; 
	padding:			0 0 0 0; 
	background-color:	#00a54e;  
	text-align:			center;
}

.inLetterQuote{
	background-color:	#ececec; 
	margin-left:		15px;	
	margin-right:		15px;	
}

.topnav { 
 	font-size: 0.8em;
	color: #000;
	color: #000080;
 	background-color: #FFCF29;
 	/*/border: 1px #00009C solid;*/
 	padding: 0.5em;
 	
 	font-size: 0.9em;
/* 	font-weight :bold ;*/
 	background-color:Transparent ;
	text-decoration:none; 
	
}

.topnav a:link, .topnav a:visited{
	text-decoration:	none;
	font-weight:		bold;
}
div.centeredImage{
    text-align:center;
    padding:10px;
}


.pageLink{
	background-color:#bee0df;
}
.altPageLink{
	background-color:#c0cbe7;
	color: white ;	
}


	
.breadcrumbs{
	background-color:#ebf5fc; /*Very pale blue*/
	float:left ;
	border-left:solid thin #bfe2f9;
	border-top:solid thin #bfe2f9;
	font-size:95%;
/*	height:4em;*/
}

.vSpace
{
	background-color:#ebf5fc; /*Very pale blue*/
	padding-top:2em; 
	margin-bottom:0.5em; 
	border:solid thin #bfe2f9;
}

.mapHeadings{
font-style:italic; font-weight:bold; color:black; margin-left:5px;
}

.lineSeparator{
    padding-bottom:0.5em;
}

.newsStory{
    background-color: #feede3; 
    background-color: #ECE5B6; /*Lemon Chiffon2*/
/*    background-color: #fff380; /*Khaki1*/
    background-color: #f8f8ff; /*Ghost White*/
    background-color: #DAE1DF; /*Gray-White*/
    
    background-color: #F0F4F0; /*Icy Green*/
    padding: 0 10px 0 10px; 
    border: solid thin gray;
}