/* Base colour here is blue rgb(0,93,124) */

/* WSListS1: Bulleted list with green tree  */
/* use with smaller images */


.WSListS1para {
	  font-weight: normal;
	  font-size:1em;
	  margin:0;
	  padding:0;
	}

.WSListS1 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  padding-top:0;
	  margin-right:2em;
	  xfont-size:0.9em;
	  line-height: 140%;
	  list-style:none;
	}
	
.WSListS1 li {
	  margin:0;
	  padding:0;
	  padding-left: 12px;
	  padding-bottom: 0.4em;
	  background: no-repeat url(../images/gifts/tree_green.gif) 0.2em 0.5em; 
	 }
	 
.WSListS1 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:rgb(0,93,124);
	  text-decoration:underline;
	 }

.WSListS1 li a:hover {
	background:#f4f4f4;
	text-decoration:underline;
   	 }

/* WSListS2: Bulleted list with a larger arrow as a bullet */

.WSListS2para {
	font-weight: bold;
	margin:0;
	padding:0;
	}
	
.WSListS2 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  line-height: 140%;
	  list-style:none;
	}

.WSListS2 li {
	padding-left: 15px;
	padding-bottom: 0.4em;
	background: no-repeat url(../images/bullits/redwhitearrow.gif) 0.1em 0.45em;
	}

.WSListS2 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:rgb(0,93,124);
	  text-decoration:underline;
	 }

.WSListS2 li a:hover {
	background:#f4f4f4;
	text-decoration:underline;
   	 }

/* to use the largest red arrow and blue arrows, change the values to 0 0.3em 0 0 and left padding to 18px /*



/* WSListS4: Simple list with horizontal separators */


.WSListS4 {
 	margin:0;
 	padding:0;
	width: 300px;  /* feel free to change the width */
	border-top: 1px solid gray;
	margin-bottom:1em;
	}

.WSListS4para {
	  font-weight: bold;
	  font-size:0.9em;
	  width: 300px;
	  margin:0;
	  margin-top:1em;
	  padding:0;
	  padding-bottom:10px;
	}

.WSListS4 li {
	border-bottom: 1px solid gray;
	padding: 0.25em;
	list-style:none;
	}

.WSListS4 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:rgb(0,93,124);
	 }


/* WSListS5: Coloured blocks with rollover - needs links*/

.WSListS5para {
	  margin:0;
	  margin-top:1em;
	  padding:0;
  	  padding-bottom:10px;
	}

.WSListS5 {
	color: white;
	list-style:none;
  	margin:0px; 		/* controls indentation of the whole block */
	padding:0;
	}
	
.WSListS5 li 	{
	padding: 3px;
	padding-bottom:3px;
	padding-top:3px;
	background-color: rgb(0,93,124);
	border-bottom: 1px solid #eee;
	}


.WSListS5 li a {
	color: #fff;
	padding: 3px;
	display: block;
	width:100%;
	background-color: rgb(0,93,124);
	}

.WSListS5 li a:link {	
	color: #fff;
	text-decoration: none;
	padding:0px;
	margin:0px;
	}


.WSListS5 li a:visited {	
	color: #fff; 		
	text-decoration: none;
	padding:0px;
	margin:0px;
	}
	
.WSListS5 a:hover {
	width:100%;
	background-color: #ff0000;
	color: #fff;
	}


/* WSListS6: Simple inline list */

.WSListS6para {
	  margin:0;
	  margin-top:1em;
	  padding:0;
  	  padding-bottom:10px;
	}
	
.WSListS6 a {
	color:rgb(0,93,124);
	}

	
.WSListS6 li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	}

/* WSListS7: Inline list w background colour */
/* note that on IE no gaps between items, on FireFox nice gap looks like tabs */
.WSListS7 {
	font-size: 0.9em;
	color:#fff;	
	line-height: 1.2em;
	margin:3px;
	padding:3px;
	}

.WSListS7 ul {
	margin:0px;
	padding:0px;
	background-color:#fff;
	list-style: none;
	white-space: nowrap;
	}

.WSListS7 li {
	display: inline;
	list-style: none;
	background-color:rgb(0,93,124);
	padding: 3px 10px;
	}
	

.WSListS7 li a:link {
	background-color:rgb(0,93,124);
	color:#fff;
	display: inline;
	text-decoration:underline;
	padding:0;
	margin:0;
	}
	
.WSListS7 li a:visited {
	background-color:rgb(0,93,124);
	color:#fff;
	display: inline;
	}

.WSListS7 a:hover {
	color: #fff;
	background-color: #f00;
	text-decoration: none;
	}




/* WSListS8: Simple bordered list */
/* note Firefox does not border the top para */

.WSListS8 {
 	margin:0;  /*this affects the whole ul indentation */
	padding:0;
	width: 300px;  /* feel free to change the width */
	border: 1px solid gray;
	list-style:none;
	margin-bottom:1em;
	}

.WSListS8para {
	width: 288px !important;   /* Firefox needs 288px, IE 300px */
	width: 300px; 
 	margin:0;
 	padding: 6px;
	margin-top: 1em;
	padding-bottom: 0.4em;
	border: 1px solid gray;
	font-weight: bold;
	}


.WSListS8 ul {
	padding: 0;
	margin:0;
	border:1px solid gray;
	}
	
.WSListS8 li {
	border-bottom: 1px solid gray;
	padding: 0.4em;
	padding-left:1.1em;
	margin:0;
	}

.WSListS8 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:rgb(0,93,124);
	 }



/* WSListS9: Simple bordered list with colours*/

	
.WSListS9 {
  	margin:0;
	padding:0;
	width: 300px;  /* feel free to change the width */
	border-top:1px solid  rgb(0,93,124);
	border-bottom:1px solid  rgb(0,93,124);
	list-style-type:none;
	margin-bottom:1em;
	}

.WSListS9para {
 	width: 288px !important;   /* Firefox needs 288px, IE 300px */
	width: 300px; 
  	background: rgb(0,93,124);
 	color:#fff;
 	margin:0;
	margin-top: 1em;
	padding: 0.4em;
	width: 300px;  
	border-top:1px solid  rgb(0,93,124);
	border-bottom:1px solid  rgb(0,93,124);
	font-weight:bold;
	}

.WSListS9 ul {
	background: #ffccd0;
	padding: 0;
	margin:0;
	border:1px solid gray;
	}
	
.WSListS9 li {
	border-bottom: 1px dashed rgb(0,93,124);
	background: #ffccd0;
	padding: 0.4em;
	padding-left:0.8em;
	}

.WSListS9 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:rgb(0,93,124);
	 }


/* WSListS10: List with background and bullets */

.WSListS10 {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid rgb(245,211,0);
	margin-bottom:1em;
	}
	
.WSListS10para {
	margin: 0;
	margin-top:1em;
	background-color: rgb(252,243,184);
	font-weight: bold;
	padding-left: .4em;
	padding-top:.4em;
	padding-bottom:.4em;
	border: 1px solid rgb(245,211,0);
	border-bottom:0;
	}


	
.WSListS10 li {
	background-color: rgb(252,243,184);
	line-height:160%;
	margin: 0;
	padding-top:0.4em;
	padding: .2em 2em;
	padding: 2px 1% 2px 6%
	border: 1px solid rgb(245,211,0);
	border-top: 0;
	border-collapse: collapse;
	background: rgb(252,243,184) no-repeat url(../images/hp/yellowarrow2.gif) 16px 9px;
	}

.WSListS10 li a {
	width: 100%;
	padding-left:4px;
	/*border: 1px solid red;*/
	}
	
.WSListS10 li a:link, .WSListS10 li a:visited
	{
	color: black;
	text-decoration: none;
	}
	
.WSListS10 li a:hover, .WSListS10 li:hover
	{
	background-color: #fff;
	padding-top:0.5em; padding-bottom:0.5em;
	padding-left:4px;
	padding-right:4px;
	width:100%;
	}

.WSListS10 li a:link, .WSListS10 li a:visited, .WSListS10 li a:hover, .WSListS10 li a:active
	{
	color: black;
	text-decoration: none;
	}



/* WSListS11: Bold list with square */
/* WSListS12: Ordened list with lower-roman */

 .WSListS11para, .WSListS12para 
{
  font-weight: bold;
  margin-bottom: .2em;
  margin-top: 1em;
}
 .WSListS11, .WSListS12 
{
  padding-left: 2em;
  line-height: 140%;
}
.WSListS11 li, .WSListS12 li 
{
  padding-left: 1em;
  padding-bottom: .4em;
}
.WSListS11 { list-style-type: square; }
.WSListS12 { list-style-type: lower-roman; }

.WSListS11 li a:link, .WSListS11 li a:visited, .WSListS11 li a:hover, .WSListS11 li a:active,
.WSListS12 li a:link, .WSListS12 li a:visited, .WSListS12 li a:hover, .WSListS12 li a:active,
{
	color: rgb(0,93,124);
}


/* WSListS13: T&C list with small font and numbers */

 .WSListS13 
{
  font-weight: normal;
  margin-bottom: .2em;
  margin-top: 1em;
  font-size:0.8em;
}
 .WSListS13
{
  padding-left: 2em;
  line-height: 140%;
}
.WSListS13 li
{
  padding-left: 1em;
  padding-bottom: .4em;
}
.WSListS13 { list-style-type: decimal; }

.WSListS13 li a:link, .WSListS11 li a:visited, .WSListS11 li a:hover, .WSListS11 li a:active
{
	color: rgb(0,93,124);
}




/* WSListS30: Checklist with ticks on the left */

.WSListS30para {
	  font-weight: bold;
	 font-size: 1.2em;
	   margin:0;
	  padding:0;
	}

.WSListS30 {
	  margin:0;
	  padding:0;
	  padding: .5em;
	  line-height: 140%;
	  list-style:none;
	  display: block;
	  width:95%;
	}
	
.WSListS30 li {
	  margin:0;
	  padding:0;
	  display:block;
	  padding-left: 2em;
	  padding-top: 0.4em;
	  padding-bottom: 0.4em;
	  border-bottom: dashed gray 1px;
	  background: no-repeat url(../images/bullits/checkbox.gif) 0.4em 0.8em;
	 }
	 
.WSListS30 li a:link {			/* needed otherwise IE indents link more than non link */
	  margin:0;
	  padding:0;
	  color:rgb(0,93,124);
	  text-decoration:underline;
	 }

.WSListS30 li a:hover {
	background:#f4f4f4;
	text-decoration:underline;
   	 }
   	 
   	 
/* =============  Definition list styles ================== */

/* WSDefListS1: Arctic Fashion styled  */
.WSDefListS1
{
  background-color: #d4fdd3;
  font-size:0.8em;
  padding:1em;
}   	 

.WSDefListS1 dt
{
font-weight:bold;
}

.WSDefListS1 dt.dt5
{
font-size:1em;
}

.WSDefListS1 dd
{
margin-bottom:1em;

}




/* WSDefListS2: Test - Blue background */
.WSDefListS2
{
  background-color: #99e;
} 

.WSDefListS2 dt
{
border-top: 1px solid #f00;
}
.WSDefListS2 dt.dt1
{
border-top: none;
}


  	 
.WSDefListS2 .dd1
{
  background-color: #77e;
}
.WSDefListS2 .dd2
{
  background-color: #55e;
}
.WSDefListS2 .dd3
{
  background-color: #33e;
}
.WSDefListS2 dd.dt1,
{
  font-size: 2em;
  
}
.WSDefListS2para
{
  background-color: #11e;
}



/* WSDefListS3: Table lookalike */

 	 
#content .WSDefListS3 d1
{
  padding-bottom:1em;

}

.WSDefListS3 dt
{
  float:left;
  color:rgb(0,93,124);
  width:150px;
  padding-top:0.5em;
  padding-right:0;
  margin-right:0;
  clear:both;
}


.WSDefListS3 dt.dt1, .WSDefListS3 dd.dt1
{
  border-top: none;
  font-weight: bold;
  
}



.WSDefListS3 dd
{
    margin-left:160px;
   font-weight: normal;
   padding-top:0.5em;
  padding-left:0;
}





/* WSDefListS4: Standard */

.WSDefListS4 dt
{
font-weight:bold;
text-transform:uppercase;
color:rgb(0,93,124);
}

.WSDefListS4 dd
{
margin-bottom:1em;

}


/* WSDefListS5: Food menu */

#content #elements .WSDefListS5para 
{
font-size:1.2em;
text-align:center;
margin-bottom:0;
padding-bottom:0;
color:#c00;
font-weight:bold;
}

.WSDefListS5 dl
{
overflow: auto;
margin: 0;
xbackground: url(dot.gif) repeat-x 0 1.2em
}

.WSDefListS5 dt
{
background: #fff;
xfont-size: 0.9em;
font-weight: bold;
xborder:1px solid #f00;
xwidth:500px;
float:left;
}

.WSDefListS5 .dd1
{
background: #fff;
xfont-size: 0.9em;
font-weight: bold;
xborder:1px solid #f00;
margin-left:500px;
padding-left: 3px;
color: #666;
xwidth:50px;
}


.WSDefListS5 dd
{
margin:0
}


.WSDefListS5 .dd2 
{
padding-left: 0px;
color: #666;
margin-bottom:1em;
}

   	 
   	 
/***************** TABLE STYLES *******************************/
.infotable1		{ background-color: #0075DF; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold;font-size:1.0em; }
.infotable2		{ background-color: #ffa14b; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; }

.tablestyle1                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #777777; font-size:1.0em;}
.tablestyle1 td             {padding-right: 5px; padding-left: 5px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff #cccccc #cccccc #ffffff; }

.tablestyle2                {border-style: none; border-top:1px solid #ccc; padding-top:3px; padding-bottom:3px; font-size:1.0em;}
.tablestyle2 td             {padding-right: 20px; padding-left: 5px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-color:#ccc;}

.tablestyle4                {border-style: none; border-top:1px solid #EBEBC7; padding-top:3px; padding-bottom:3px; font-size:1.0em;}
.tablestyle4 td             {padding-right: 20px; padding-left: 5px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-color:#EBEBC7;}
.tablestyle4toprow          {background-color:#F5F2E3; text-decoration: bold;}
.tablestyle4altrow          {background-color:#F5F2E3;}

x.tablestyle4                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #777777; font-size:1.0em;}
x.tablestyle4 td             {padding-right: 5px; padding-left: 5px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff #cccccc #cccccc #ffffff; }
x.tablestyle4toprow          {background-color:#4a7bff;}
x.tablestyle4altrow          {background-color:#e0eeff;}

.tablestyle5                {background-color:#e0e0e0; font-size:1.0em;}
.tablestyle5 td             {padding-right: 7px; padding-left: 7px; padding-top:2px; padding-bottom:2px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #ffffff; }
.tablestyle5toprow          {background-color:#ffcc00;}

.tablestyle6                {border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #cccccc; font-size:1.0em;}
.tablestyle6 td             {padding-right: 7px; padding-left: 7px; padding-top:2px; padding-bottom:2px; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #cccccc;}
.tablestyle6toprow          {background-color:#ffffff;}
.tablestyle6altcol          {background-color:#e0e0e0;}

.tablestyle7                {border-style: solid; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 2px; border-color: #aaaaaa;font-size:1.0em; }
.tablestyle7 td             {padding-right: 7px; padding-left: 7px; padding-top:2px; padding-bottom:2px; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; border-color: #777777;}
.tablestyle7toprow          {background-color:rgb(0,93,124); color:#fff; font-weight:bold;}


/***************** NEWSFLASH STYLES *******************************/

/* control spacing around banner adverts */
.banners .imagenormal
   { margin:2px;
    }
	

/* nf1.htm PageIntro on a coloured background with rounded corners. Does not show the header at all */

div.nf1 { background: #f8f8f8 url(../images/hp/cornertl.gif) no-repeat 0 0; width: 100%; }
div.nf1 div { background: url(../images/hp/cornerbl.gif) no-repeat 0 100%; } 
div.nf1 div div { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%; }
div.nf1 div div div { background: url(../images/hp/cornertr.gif) no-repeat 100% 0; padding: .5em; }


.nf1
{
	margin-bottom: 0px;
	text-align: left;
	background: #f8f8f8;
}
.nf1 .nf1header
{
	color: rgb(48,42,131);
	font-size: 100%;
	font-weight: bold;
}
.nf1 .nf1header p
{
	margin: 1px 0 1px 0;
}
.nf1 .nf1body
{
	color: black;
	font-size: 90%;
	font-weight: normal;
	display: block;
	text-align: left;
	line-height: 110%;
	background: #f8f8f8;
	height:144px;
}
.nf1 .nf1body p
{
	/*padding: 0px 0px 0px 0px;*/
	margin: 0 0px 0 0px;
}

/* nf2.htm Depricated - to be recreated */


/* nf3.htm Announcemetn */

.nf3
{
	background-color: #ffffff;
	border: 1px solid rgb(5,123,214);
	margin: 0;
	margin-bottom: 4px;
	padding: 0 5px 0 5px;
}
.nf3 .nf3header
{
	color: rgb(5,123,214);
	font-size: 110%;
	font-weight: bold;
}
.nf3 .nf3header p
{
	margin: 1px 0 1px 0;
}
.nf3 .nf3body
{
	color: black;
	font-size: 100%;
}
.nf3 .nf3body p
{
  margin: 2px 0 2px 0;
}
/* nf4.htm just a border*/
.nf4
{
	background-color: white;

	margin: 0;
	margin-bottom: 6px;
	padding: 5px 5px 5px 5px;
}
.nf4 .nf4header
{
	color: black;
	font-size: 110%;
	font-weight: bold;
}
.nf4 .nf4header p
{
	margin: 1px 0 1px 0;
}
.nf4 .nf4body
{
	color: black;
	font-size: 100%;
	line-height:120%
}
.nf4 .nf4body p
{
	margin: 2px 0 2px 0;
}

.nf4 .nf4body img
{
	margin-right: 10px;
}


/********************** D O C U M E N T   I N T R O    N E W S F L A S H ****************************/
/* Use this for introducing a document, ie. uploaded file such as a case study or research report */
/* note this requires use of image that is 36pixels wide, margin for text is defined not to wrap */


.docintro /* this controls the box */
{ 
  width: 150px;
  border: 1px solid #c8cdd2;
  margin:0;
  padding: 0;  /* set padding to individual elements to avoid IE hacks */
  float:right;
}  

.docintro p
{
padding:0;
margin:0;
}

.docintro .docintroheader p /* this controls the header */
{
  color:rgb(0,93,124);
  margin: 0;
  padding: 4px;	
  font-size:130%;
  }

.docintro img /* this controls the image */
{
  margin-left: 4px;	
  margin-right: 0px;
 }
 
 .docintro .imageleft /* this controls the image */
{
  margin-left: 0px;	
  margin-right: 0px;
 }

.docintro .docintrotext p   /* this controls the text */
{  
 	color:#000;
 	margin: 0 4px 0 45px;
 	padding:0;
 	}


.doclink  /* this controls the link */
{  
  	padding: 0 4px 4px 1.4em;
 	display:block;
 	background: no-repeat url(../images/bullits/red2arrows.gif) 0.4em 0.6em;
	font-size:90%;
 	 
}

/********************************** E N D *************************************************/


/******************* I N L I N E    Q U O T E    N E W S F L A S H ************************/
/* Inline_Quote_FloatRight.htm Does not show image at all */

.nf8
{
	margin-bottom: 0.5em;
	margin-left:0.8em;
	float:right;
}
.nf8 .nf8body
{
	color: black;
	font-size: 87%;
	font-weight: bold;
	line-height: 130%;
}
.nf8 .nf8header
{
	color: black;
	font-size: 83%;
	font-weight: normal;
	line-height: 110%;
}

/****** round corner and padding. Feel free to change the background colour and width *******/
div.nf8 { background: rgb(217,218,231) url(../../tpls/images/hp/cornertl.gif) no-repeat 0 0; width: 192px; }
div.nf8 div { background: url(../../tpls/images/hp/cornertr.gif) no-repeat 100% 0;} 
div.nf8 div div { background: url(../../tpls/images/hp/cornerbl.gif) no-repeat 0 100%; }
div.nf8 div div div { background: url(../../tpls/images/hp/cornerbr.gif) no-repeat 100% 100%; padding: 2px; }
/** for IE ***/
* html body div.nf8 div, * html body div.nf8 div div, * html body div.nf8 div div div
{
	width: 100%;
}

/***** for content ******/
div.nf8 div div div div { background-image: none;}

/*** for quotation ***/
div.nf8 div div div div div{ background: url(../../tpls/images/hp/quote_start.gif) no-repeat 0 0; padding-right: 0; padding-top: 0; padding-bottom: 0;}
div.nf8 div div div div div div { background: transparent url(../../tpls/images/hp/quote_end.gif) no-repeat 100% 98%; }

/*** to have the same style for each browser ***/
.nf8 .nf8body
{
	display: block;
	padding-right: 9px;
}
.nf8 .nf8body p
{
	margin: 1px 0 1px 0;
	text-indent: 20px;
}
.nf8 .nf8header p
{
	margin-left: 4px;
	margin-bottom: 0;
	margin-top: .5em;
}

/********************************** E N D *************************************************/




/******************* P A G E  I N T R O  N E W S F L A S H ************************/

.piw {
  	border:1px solid #bad8de;
  	width: 644px;
  	height: 188px;
  	padding: 0;
  	margin:0 0 8px 0;
  	font-size: 130%;
  	background: #f4f4f4;
  	float:left;
  	}
  	
  	
  	
.piwheader p
	{ 
	text-decoration:none;
	float: left;
  	width: 291px;  /* check calculation */
  	margin: 12px 8px 12px 8px;
  	font-size: 100%;
  	line-height: 0.8em;
  	color: rgb(0,93,124);
	}
  	
  	
.piwtext p {
	float: left;
	width: 291px;
  	margin: 10px 8px 8px 8px;
  	font-size: 85%;
  	line-height: 1.4em;
  	color: #333;
  	}

.piwlink a {
  	font-size: 85%;
  	line-height: 1.3em;
  	width: 291px;
  	display:block;
  	float: left;
  	margin: 0px 8px 4px 8px;
	font-size: 85%;
  	color: #69a9b6;
  	}
  	
.piwlink a.visited
	 {
  	color: #69a9b6;
  	}
  	
.piwimg img {
  	float: right;
  	margin: 0;
  	padding: 0;
   	}

/********************************** E N D *************************************************/



/******************* S I G N   P O S T   N E W S F L A S H ************************/

.sp3 {
  	float: left;
  	width: 389px;
  	padding: 10px 0;
  	background: #f4f4f4;
  	margin-bottom:8px;
  	}
  	
  	
.sp3header {
  	float: right;
  	width: 276px;  /* check calculation */
  	margin: 0;
  	padding: 0 12px 0 0;
  	font-size: 90%;
  	font-weight:bold;
  	line-height: 1.3em;
  	color: rgb(0,93,124);
  	}
  	
.sp3header p
	{ text-decoration:underline;
	margin: 0 0 0.5em 0;
	}
  	
  	
.sp3text p {
  	margin: 0 0 0 103px;
	width: 265px;
  	padding: 0;
  	font-size: 85%;
  	line-height: 1.5em;
  	color: #333;
    	}

.sp3img img {
	float: left;
  	margin: 0 8px 0 8px;
  	padding: 4px 4px 4px 4px;
  	border: 1px solid #ccc;
  	background: #fff;
   	}

/******************* P A G E  I N T R O  N E W S F L A S H ************************/

.piw {
  	border:1px solid #bad8de;
  	width: 644px;
  	height: 188px;
  	padding: 0;
  	margin:0 0 8px 0;
  	font-size: 130%;
  	background: #f4f4f4;
  	float:left;
  	}
  	
  	
  	
.piwheader p
	{ 
	text-decoration:none;
	float: left;
  	width: 291px;  /* check calculation */
  	margin: 12px 8px 12px 8px;
  	font-size: 100%;
  	line-height: 0.8em;
  	color: rgb(0,93,124);
	}
  	
  	
.piwtext p {
	float: left;
	width: 291px;
  	margin: 10px 8px 8px 8px;
  	font-size: 85%;
  	line-height: 1.4em;
  	color: #333;
  	}

.piwlink a {
  	font-size: 85%;
  	line-height: 1.3em;
  	width: 291px;
  	display:block;
  	float: left;
  	margin: 0px 8px 4px 8px;
	font-size: 85%;
  	color: #69a9b6;
  	}
  	
.piwlink a.visited
	 {
  	color: #69a9b6;
  	}
  	
.piwimg img {
  	float: right;
  	margin: 0;
  	padding: 0;
   	}

/********************************** E N D *************************************************/



/******************* S I G N   P O S T   N E W S F L A S H ************************/

.sp3 {
  	float: left;
  	width: 389px;
  	padding: 10px 0;
  	background: #f4f4f4;
  	margin-bottom:8px;
  	}
  	
  	
.sp3header {
  	float: right;
  	width: 276px;  /* check calculation */
  	margin: 0;
  	padding: 0 12px 0 0;
  	font-size: 90%;
  	font-weight:bold;
  	line-height: 1.3em;
  	color: rgb(0,93,124);
  	}
  	
.sp3header p
	{ text-decoration:underline;
	margin: 0 0 0.5em 0;
	}
  	
  	
.sp3text p {
  	margin: 0 0 0 103px;
	width: 265px;
  	padding: 0;
  	font-size: 85%;
  	line-height: 1.5em;
  	color: #333;
    	}

.sp3img img {
	float: left;
  	margin: 0 8px 0 8px;
  	padding: 4px 4px 4px 4px;
  	border: 1px solid #ccc;
  	background: #fff;
   	}
   	
   	
   	

/******************* NEWSFLASH LH_*, RH_*, FW_* and Center_* ************************/   

/****** round corner and padding *******/
div.roundedcorner
{ }


div.roundedcorner p, div.greynews p
{
	margin: 0;
}


div.roundedcorner .nfheader, div.greynews .nfheader
{
	font-weight: bold;
	line-height: 100%;
}
div.roundedcorner .nfheader p, div.greynews .nfheader p
{
	margin: 0px 0 1px 0;
	padding-top: 0.3em;
}

div.roundedcorner .nfbody, div.greynews .nfbody
{
	display: block;
	font-weight: normal;
	line-height: 130%;
	margin: 0;
}

div.roundedcorner { background: url(../images/hp/cornertl.gif) no-repeat 0 0;}
div.roundedcorner div  { background: url(../images/hp/cornertr.gif) no-repeat 100% 0; padding: 0; margin: 0;} 
div.roundedcorner div div { background: url(../images/hp/cornerbl.gif) no-repeat 0 100%; padding: 0; margin: 0; }
div.roundedcorner div div div  { background: url(../images/hp/cornerbr.gif) no-repeat 100% 100%;  padding: 5px 0 5px 0; margin: 0;}

/** for IE ***/
* html body div.roundedcorner div, * html body div.roundedcorner div div, * html body div.roundedcorner div div div
{
	width: 100%;
}

div.roundedcorner div div div div { background-image: none; padding: 0; margin: 0;}


/******* The different box ******/
div.rightnews
{
	width: 192px;
	float: right;
	margin: 0.3em 0.3em 0.3em 0.3em;
}

div.leftnews
{
	width: 192px;
	float: left;
	margin: 0.3em 0.3em 0.3em 0.3em;
}
div.fullnews
{
	margin: 0.5em 10px 0.3em 10px;
	
}

div.fullnews p
{
	padding:1em;
}

div.centernews
{
	margin: 0.5em 50px 0.5em 50px;
}

div.centernews p
{padding:1em;
}
/**** remove image borders ****/
#content .centernews img, #content .leftnews img, #content .rightnews img, #content .fullnews img
{border:none;
}

   	/**** The different color ****/

/* grey */
div.greynews {background-color: #e8eaea; border: 1px solid #d1d6d6; padding: 5px 0 5px 0;} /* rgb(217,218,231) */
div.greynews .nfheader {color:black;}
div.greynews .nfbody {color:black;}
div.greynews a:link, div.greynews a:visited {color:black;}



/* Green */
div.greennews { background-color:#bbf7a1;}
div.greennews .nfheader, div.greennews .nfheader p {color:#333;}
div.greennews .nfbody, div.greennews .nfbody p {color:#333;}
div.greennews .nfbody p a, div.greennews .nfbody p a:visited {color:#333;}


/* Blue */
div.bluenews { background-color: rgb(0,93,124);}
div.bluenews .nfheader, div.bluenews .nfheader p {color:#fff;}
div.bluenews .nfbody, div.bluenews .nfbody p {color:#fff;}

.WSBodyS0		{ color: #000; font-size: 0.8em;line-height:1.4em; }