/*--------------------------------------------------------------------------- 

* Typo3
* De Pomegranate Stylesheet
* Version     : 01.00

-----------------------------------------------------------------------------*/


*{
	margin: 0;
}

/*----------------- [Commons] ---------------------*/
/*-------------------------------------------------*/

a:link img      {
	border: none;
	color: #4f9ee1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a:link visited img  {
	border: none;
	color: #4f9ee1;
}

a img         { border-style: none; }

form         { margin: 0px; }

.left         { float: left; }

.right        { float:right; }

.link_blue:link, .link_blue:active, .link_blue:visited {
	color: #4F9EE1;
	text-decoration: none;
}
.link_blue:hover {
	text-decoration: underline;
	color: #000000;
}




/*----------------- [General] ---------------------*/
/*-------------------------------------------------*/

body          { font: normal 11px Helvetica, sans-serif; color: #fff; text-align: center; } 

#wrapper        { width: 1000px; height: auto; margin: 0 auto; text-align: left; }

.imageContainer    { width: auto; height: auto; display: inline; float: left; }

.activePage     {
	color: #4f9ee1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}


/*----------------- [Header Section] ---------------------*/
/*--------------------------------------------------------*/


.headerBG   { background: url(images/top_bg.gif) }

#shadowwrapper {
	width: 1000px;
	background: url(images/pageBk.gif) repeat-y;
}

#mainwrapper {
	width: 1000px;
	overflow: hidden;
}

/*----------------- [Left Section] ---------------------*/
/*--------------------------------------------------------*/


.lftLnkDiv     { width: 185px; height: auto; float: left; }

.lftLnk    { width: 185px; height: 28px; float: left; }  /*space between links */

.lftLnk a    {
	width: 185px;
	height: 28px;
	font: normal 11px/2em Arial, Helvetica, sans-serif;
	color: #4f9ee1;
	text-decoration: none;
	background: url(images/lft_lnk_division.gif) bottom left repeat-x;
	float: left;
	margin-left: 25px; /*position of links */
}

.lftLnk a:hover   { color: #000000; }  /*mousever nav link */

.lftLnk span    { /*selected nav link */
	width: 185px;
	height: 28px;
	font: normal 11px/2em Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background: url(images/lft_lnk_division.gif) bottom left repeat-x;
	background-color: #FFFFFF;
	float: left;
	margin-left: 25px; /*position of selected nav link */
}


.contents       {
	height: auto;
	font: normal 12px/1.5em Arial, Helvetica, sans-serif;
	color: #060606;
	margin-left:0px;
	display: inline;
	float: left;
}

.contents h1     {
	color: #4F9EE1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 24px;
	text-align: left;
} 

.contents h2      { font: bold 11px Arial, Helvetica, sans-serif; color: #0a4733; margin: 0; } 

.contents p  { margin: 0 0 10px 0; }


/*----------------------footer--------------------------*/

.footer        { border-top: 1px solid #D9D9D9; font: normal 11px Arial, Helvetica, sans-serif; color: #7C7C7E; line-height: 2.8em }

.footer a   { font: normal 11px Arial, Helvetica, sans-serif; color: #8D8D8F; text-decoration: none; padding: 0 6px 0 6px; }

.footer a:hover   { color: #000; }

.footer span   { font: normal 11px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; padding: 0 6px 0 6px; }

.seniorBox     { width: 650px; height: auto; border-bottom: 1px solid #D9D9D9; padding-bottom: 35px; font: normal 11px/1.5em Arial, Helvetica, sans-serif; color: #060606; margin-left: 20px; }

.seniorBox h1     { font: normal 16px Arial, Helvetica, sans-serif; color: #4f9ee1; } 

.seniorBox h3    { font: bold 12px Arial, Helvetica, sans-serif; color: #043A22; margin: 4px 0 0 0; }

.seniorBox img   { float: right; margin: 0 0 8px 10px; }

.seniorBox p  { margin: 0 0 10px 0; } 

.Redtext       { height: auto; font: normal 11px/1.5em Arial, Helvetica, sans-serif; color: #FF0000; margin-left:20px; display: inline; float: left; }


/*Navigation*/
#navBar {
height:20px;
	z-index: 100;
}

.navLinks { /* style, size and colour of nav links on navBar*/
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}


#navBar ul { /* position of nav buttons on navBar*/
margin:0px;
padding:0px 0px 0px 0px;
}

#navBar ul li { /* nav buttons*/
display:block;
line-height:15px;  /* lines between buttons*/
float:left;
list-style:none;
padding: 2px 25px;  /* space between buttons*/
border-left: 1px solid #547f72; /* colours of dividing line*/
}

#navBar ul li a:link, #navBar ul li a:visited{ /* nav buttons active*/
text-decoration:none;
font-weight:normal;
}

#navBar ul li a:active, #navBar ul li a:hover{ /* nav buttons mouseOver*/
text-decoration:none;
color:#4f9ee1;
}

#navBar li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin:2px 0px 0px -26px; /* position of bk box */
	padding:0px;
	background:white; /* dropdown bk colour */
}

#navBar li ul li { /* second-level lists */
	float:none;
	display:block;
	line-height:26px;
}

#navBar li:hover ul, #navBar li li:hover ul, #navBar li li li:hover ul, #navBar li.sfhover ul, #navBar li li.sfhover ul, #navBar li li li.sfhover ul {
	display:block;
	left: auto;
}

/*Sub navigation */
.subLnk    { width: 185px; height: 28px; float: left; }  /*space between links */

.subLnk a    {
	width: 185px;
	height: 28px;
	font: normal 11px/2em Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;	
	background: url(images/lft_lnk_division.gif) bottom left repeat-x;
	float: left;
}

.subLnk a:hover   { color: #4f9ee1; }  /*mousever nav link */


/*--------------[02-02-2010]---------------------*/

.borderRgt   { border-right: 1px solid #DADADA;  }
.rgtLnkDiv   { width: 190px; height: auto; margin-left: 10px; }
.rgtLnkDiv ul { margin: 0; padding: 0; }
.rgtLnkDiv ul li { width: 190px; height: auto; list-style: none; border-bottom: 1px solid #DADADA; color: #030303; line-height: 2em; }
.rgtLnkDiv ul li a { font: normal 11px Arial, Helvetica, sans-serif; color: #489DEE; text-decoration: none; }
.rgtLnkDiv ul li a:hover { color: #333; } 


.floatRight  {

    float: right;

}


/*--------------[09-02-2010]---------------------*/

.insights        { width: 855px; height: 226px; background: url(images/insights_img.jpg) top left no-repeat; color: #000; float: left; }

.insights .contents   { width: 350px; height: auto; float: right; text-align: left; font: normal 13px/1.5em Arial, Helvetica, sans-serif; color: #000; margin: 40px 50px 0 0; }

.insights .contents p   { width: 350px; margin-top: 6px; }

.insights .contents img   { margin-top: 15px; }