body {
background-color:#F2F3F3;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}

img {
border: 0px;
}

.container{
margin-left:auto;
margin-right:auto;
width:931px;
text-align:left;
position:relative;
padding:0px;
}

/* include header, banner, left menu, main content*/
.mainLeft{
background-color:#ffffff;
width:732px;
float:left;
position:relative;
padding:0px;
}
/*contain the header, banner and left menu, not for the home page*/
.leftBar{
float:left;
position:relative;
height:245px;
padding:0px;
}

.leftBarMain{
float:left;
position:relative;
height:569px;
padding:0px;
}

.header{
width:708px;
height:24px;
margin:12px;
background-color:#0C5064;
}

/*not for home page*/
.headerShort{

width:348px;
height:24px;
margin:12px;
background-color:#0C5064;
}
.text1{
margin:5px;
color:#FFFFFF;
font-size:12px;
/*font-family:Arial, Verdana;*/
}

.Normal {
font-size:11px;
color:#58595B;
font-family:Arial;
}

.banner
{
margin:12px 0px 0px 12px;
width:708px;
height:auto !important;
min-height:276px;
height:276px;
background-color:#FFFFFF;
font-size:12px;

}

.bannerShort
{
margin:12px 0px 0px 12px;
width:348px;
height:auto !important;
min-height:276px;
height:276px;
background-color:#FFFFFF;
font-size:12px;

}

.leftMenu{
float:left;
margin:12px;
padding:0px;
width:336px;
font-size:13px;
font-family: Arial, Verdana;
position:relative;
z-index:1;
}

.leftMenu img {
border:none;
}

.leftMenu a {
color:#BBBDBF;
text-decoration:none;
}

.leftMenu a:hover {
color:#0C5064;
}

/*
#subMenu a
{
color:#A7A9AC;
font-size:9px;
font-family:Arial, Verdana;
}
#subMenu a:hover{
color:#0C5064;
}
*/
.leftMenu ul {

list-style:none;
margin:0px;
padding:0px;
}

.leftMenu ul li {
list-style:none;
padding:0px 0px 0px 0px;
margin: 0px 0px 2px 0px;
}

.leftMenu ul li ul li {
display:inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.leftMenu ul li ul li a img{
margin: 1px 0px 3px 0px;
}

.leftMenu .last img {
margin-top: 0px;
}

.logo{
/*position:absolute;
bottom:70px;*/
position:relative;
margin:0px 0px 12px 12px;
clear:both;
padding:45px 0px 0px 0px;
}

.mainContent{
width:348px;
float:right;
margin:12px 12px 0px 0px !important;
margin:12px 0px 0px 0px;
padding:0px;
}
.mainContent p{
margin:0px;}

.contentTitle{
margin:0px 0px 0px 0px;

}


.mainContent a {
font-size:11px;
color:#929497;
text-decoration:none;
}

.mainContent a:hover{
color:#0c5064;
}


.ContentPane{
width: auto !important;
width: 320px;
font-size:11px;
text-align:left;
color:#57575A;
margin-bottom:12px;
margin-top:8px;
height: auto !important; /* for FF and IE7 to ignore the height=320 for IE6*/
height:100px; /* set height of content - for IE6 because it doesn't support min-height */
min-height: 100px; /* set height of content - for FF and IE7 */
}
.ContentPane p{
margin:0px 0px 12px 0px; !important
}

.learnMore{
width:348px;
position:absolute;
bottom:70px;
}

.learnMore p {
line-height: 10px;
margin-top:10px;
}

.learnMore p a {
display: in-line;
padding: 5px 0px 4px 20px;
}

.learnMore a[href$=".pdf"]
{
	background-image:url(/Portals/_default/Skins/JHG/images/pdf-icon-small.jpg); 
	background-repeat: no-repeat;
	background-position: left;
}



/*for page-family content*/
.member{
margin:12px 0px;
padding:0px;
widows:348px;
}

.name{
text-transform:uppercase;

}
.position{
text-transform:uppercase;
}
.introduction{
width:348px;
height:auto;
}

/*footer*/
.footer{
margin-top:61px;
float:left;
padding-top:10px;
width:732px;
background-color:#F2F3F3;
}

.footerLink
{
float:left;
}

.footerLink a {
margin-right:8px;
margin-top:-10px;
}
.footerLink img {
margin-right:8px;
}

.copyright{
font-size:7px;
float:right;
margin-right: 13px;
color:#A6A8AB;
text-transform:uppercase;
margin-top:0px;
}

/*include image box, contact/latest offers/ news/...*/
.mainRight
{
width:184px;
float:right;
margin:0px;
padding:0px;
}

.imagebox
{
background-color:#FFFFFF;
width:102px;
height:102px;
margin:0px 0px 14px 0px;
}

#rightMenu
{
width:184px;
height:24px;
margin:0px 0px 12px 0px;
padding:0px;

}
.news
{
margin:0px;
padding:0px;
}
.news p{
margin:0px;
padding:0px;
font-size: 12px;
line-height:24px;
}

.newsTitle{
margin-top:0px;
font:Arial;
font-size:11px;
color:#808184;
text-transform:uppercase;
padding:0px;
line-height:12px;
}
.newsContent
{
margin:0px 0px 0px 0px;
font-size:11px;
color:#A6A8AB;
padding:0px;
line-height:12px;
}
.newsLink{
margin:0px 0px 0px 0px;
text-transform:uppercase;
padding:0px;
line-height:12px;
}
.newsLink a {
font-size:8px;
color:#808184;
text-decoration:none;
padding:0px;;
}
.newsLink a:hover{
color:#0c5064;
}

/*Not using HR because of height differences bewtween IE and FF*/
hr {
padding:0px;
border: 0px;
}

/*Using a blank DIV with */
.hrline {
height: 0px;
overflow: hidden;
border-bottom: solid #808184 1px;
margin: 6px 0px 10px 0px;
padding:0px;
}
.address
{
text-transform:uppercase;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#808184;
line-height:12px;
padding:0px;
}
.address P
{
margin:-3px 0px 6px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;


}

.flyer{
margin-top:0px;
padding:0px;
}
.flyer a {

}
.flyer img{
margin-right:5px;
}
/*footer*/


.breadcrumbs_container {
font-size:7px;
font:Arial;
/*color: #E2E3E4;*/
color:#929497;
padding-top: 6px;
margin: 0px;
}

.breadcrumbs_container a {

}

.Normal {
 margin: 0px;
 padding: 0px;
}


/* content slider styles */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 348px; /*width of featured content slider*/
height: 276px;
padding: 0px;
margin: 0px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 348px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.contentdiv p {
margin: 0px;
}

.pagination {
display: none;
}