/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */



/* ----- IDS ----- */

/* NB --- do NOT style base HTML tags
body{}
*/

#bodyContainer { 
	width: 100%; height:100%;
	margin:0; padding:0;
	text-align:center;
	background: #f4f4f4 url(/images/layout/backgroundShadow.gif) repeat-y center top;
}

#bottomCap {
	width:100%; height:7px;
	margin:0; padding:0;
	text-align:center;
	background:#F4F4F4 url(/images/layout/bottomShadow.gif) no-repeat center top;
}
		
#container {
	display:block;
	margin:0 auto; padding:0 12px;
	width:910px;
	text-align:left;
}

/* 1. header */
#header{
	display:block; width:910px; height:108px;
	border-bottom: 5px solid #D55828;
	margin:0; padding: 0;
}

#logotypeBox {
	width:349px;
	float:left;
}

#searchBox {
	width:25%;
	float:right;
	margin-top:35px;
}

/* 2. navigation */
#navigation {
	display:block; width:100%; height:39px;
	margin: 5px 0 0;
	border-bottom: 1px dotted #D55828;
}

/* 3. Main Content */



#mainContentBox { display:block; width:100%;}

#homeBanner {
	height: 153px; /* 188-35=153*/
	padding: 35px 22px 0 0; margin:0;
	border-bottom: 5px solid #FFF;
	text-align:right;
}

#homeBanner img {
	margin-bottom:15px;
}

#insideBanner {
	height: 101px; /*144-43 = 101*/
	padding: 43px 0 0 0;
	border-bottom: 7px solid #FFF;
}

.breadcrumb {
	display:block;
	width:100%; height:35px;
	background-color: #9f9f9f;
	border-top: 5px solid #D55828;
}

.mainContent, .mainContentInner { 
	display:block;
	width:895px;
	float:left; margin:0 0 15px 0; padding:20px 0 20px 15px;
	background-color:#D1D1D1;
}

.mainContentInner { 
	padding-left:25px;
	width:885px;
}


/* 4. footer */
	
#footer { 
	clear:both; display:block; 
	width:100%; margin:20px 0 0 0; 
	height:40px;
}
#footerNav { display:block; width: 349px; height:20px; float:left; }
#poweredByBox {  display:block; width: 25%; height:20px; float:right; }


/* ----- CLASSES ----- */

.hide{}
.show{}

.col2 { display:block; width:100%; }

.lhcol, .rhcol {
	border-right: 1px solid #FFF;
}

.lhcol { float:left; width: 305px; padding: 0 40px 0 24px; }
.rhcol { float:left; width:254px; padding:0 40px; }

.inner { float:left; width:640px;}
.sidePanel { float:right; width:148px; padding:0 20px 0; }
.mainContentInner .sidePanel { float:left;}

.content { margin: 0; padding:0;}



/* ----- HEADINGS ----- */

h2.kicker {
	display:block;
	height:35px; width:910px;
	padding:0; margin:0;
	text-indent: -100em;
	background: #9F9F9F url(/images/layout/whatsHappening.gif) no-repeat left top;
	border-top: 5px solid #D55828;
}

h2.bannerHead {
	display:block;
	margin:0 0 0 28px; padding:0;
	color: #FFF;
	font-size:150%;
}

.mainContent table td h2 { display:block; }	/* FIX MULTI-LINE SIFR TEXT */
.mainContent table td h3, .mainContentInner table td h3 { display:block; }	/* FIX MULTI-LINE SIFR TEXT */


#insideBanner h3 {
	margin:0 0 0 28px;
	color:#FFF;
}

/* ----- PARAGRAPHS ----- */

.breadcrumb p { 
	padding:0; margin:0.75em 0 0 14px;
	font-size:69%; color: #FFF;
}


/* ----- LISTS ----- */

#navigation ul, #footerNav ul {
	float:left;
	list-style-type:none;
	margin:0; padding:0;
	font-size:75%;
}

#footerNav ul {
	font-size:63%;
}

#navigation li, #footerNav li {
	display:inline;
	margin:0; padding:0;
}

#footerNav li {
	display:block;
	float:left;
	height:1em;
	line-height:1em;
	border-right:1px solid #828282;
}

#footerNav li.lastNav { border-width:0; }

#footerNav li a {
	color: #616161;
	padding:0 15px;
}

#footerNav li a:hover {
	color: #333;
}

#navigation li {
	float:left;
}

#mN_home a, #mN_abou a, #mN_fund a, #mN_even a, 
#mN_news a, #mN_link a, #mN_rese a, #mN_make a {
	display:block;
	position:relative;
	height:39px;
}

#mN_home a { width: 84px;}
#mN_abou a { width: 118px;}
#mN_fund a { width: 137px;}
#mN_even a { width: 103px;}
#mN_news a { width: 94px;}
#mN_link a { width: 93px;}
#mN_rese a { width: 120px;}
#mN_make a { width: 161px;}

#mN_home a span, #mN_abou a span, #mN_fund a span, #mN_even a span,
#mN_news a span, #mN_link a span, #mN_rese a span, #mN_make a span {
	position:absolute;
	width:100%; height:100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

#mN_home a span { background-image: url(/images/navigation/mN_home.gif); }
#mN_abou a span { background-image: url(/images/navigation/mN_abou.gif); }
#mN_fund a span { background-image: url(/images/navigation/mN_fund.gif); }
#mN_even a span { background-image: url(/images/navigation/mN_even.gif); }
#mN_news a span { background-image: url(/images/navigation/mN_news.gif); }
#mN_link a span { background-image: url(/images/navigation/mN_link.gif); }
#mN_rese a span { background-image: url(/images/navigation/mN_rese.gif); }
#mN_make a span { background-image: url(/images/navigation/mN_make.gif); }

#mN_home a:hover span, #mN_home a.active span { background-position: left bottom; }
#mN_abou a:hover span, #mN_abou a.active span { background-position: left bottom; }
#mN_fund a:hover span, #mN_fund a.active span { background-position: left bottom; }
#mN_even a:hover span, #mN_even a.active span { background-position: left bottom; }
#mN_news a:hover span, #mN_news a.active span { background-position: left bottom; }
#mN_link a:hover span, #mN_link a.active span { background-position: left bottom; }
#mN_rese a:hover span, #mN_rese a.active span { background-position: left bottom; }
#mN_make a:hover span, #mN_make a.active span { background-position: left bottom; }


/* ----- BREAK ----- */

.clearer hr { display:none; }


/* ----- LINKS ----- */

.breadcrumb p a { color:#FFF; }

a img { border-width:0;}


/* ----- FORMS ----- */

form.searchForm {
	margin:0; padding:0;
}

.searchForm label {
	display:block; clear:right;
	width:100%;
	font-size: 69%;
	font-style:italic;
	margin:0 0 3px; padding:0;
	border-bottom:1px solid #FFF;
}

#searchFill {
	display:block; float:left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	font-size:69%;
	padding: 1px 0 1px 2px; margin:0 4px 0 0;
}

#nav ul {
	/*min-*/width:180px;
	padding:0; margin:0;
	list-style:none;
	font: 10px verdana, sans-serif;
	color:#FFF;
 	background-color:#D55828;
	position:relative;
	z-index:200;
	border-top: 1px solid #FFF;
}
#nav {}

#nav li {float:left;}
#nav li li {
 border-bottom: 1px solid #FFF;
 background:#D55828;
 padding: 2px 0 2px 6px;
}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a{ color:#FFF; text-decoration:none;}


#nav li li a {height:20px; line-height:20px; width: 180px }

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:39px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:0px;}

#nav ul {position:absolute; left:-9999px; top:-9999px; }
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width: 180px} /* acts as min-width */

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed 
#nav li:hover > a {text-decoration:none; color:#fff;background-position: 0 -38px}*/

#nav li:hover li:hover {
 text-decoration:none;
 color:#FFFFFF;
 background-color: #1D3F63;
}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#fff;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#fff;}