@import 'cssdeck/_handler.css';


															/** LAYOUT **/
html,body {
    font-family: "friends-life-dagny-1","friends-life-dagny-2", verdana, sans-serif;
}

ul {
    
}
.content-in ul li {
    font-family: verdana, sans-serif;
    color:#003766;
    font-size:12px;
    margin-bottom:10px;
    line-height:18px;
}
.content-in ol li {
    font-family: verdana, sans-serif;
    color:#003766;
    font-size:12px;
    margin-bottom:10px;
    line-height:18px;
}
.content-in ol {
    margin-left:25px;
}

.content-in em {
   font-size:inherit; color:inherit;
}

.content-in h2 em {
   font-size:16px; color:inherit;
}

.content-in div.plain #ContentArea p img {
    padding:20px 10px 10px 0px;
    float:left;
}
                                                        
#container {
	width: 932px;
	margin: 0 auto;
	}
#header {
	text-align: right;
	}
#header .logo {
float: left;
width: 311px;
height: 64px;
z-index: 2;
margin: 30px 0 0 0;
}
.header-in {
	}

/* 2 column layout */
.layout-2col #content {
	width: 616px;
    background-color:#b2eaf7;
    /*margin-bottom:15px;*/
	}
	.layout-2col #contentAsk {
	width: 100%;
	}
	.layout-2col #contentAnswer {
	width: 490px;
	float:left;
	}
	.layout-2col #asideAnswer {
	width: 317px;
	float:left;
	}

	
.layout-2col #aside {
	width: 300px;
	}
.aside-in {
	margin: 0px 0 0;
	}

/* 3 column layout */
.layout-3col #content {
	/* container width minus both aside widths */
	width: 973px;
	/* left aside width */
	}
.layout-3col .aside-left {
	width: 317px;
	/* this width plus content width */
	margin-left: -500px;
	}
.layout-3col .aside-right {
	width: 317px;
	}
#footer {
	padding: 20px 20px 30px 20px;
	background: url(/content/images/templates/backgradbg.jpg) 100% 0% repeat-y;
	height: 80px;
	}
#footer .share-links
{
	float: left;
	}
#footer .logo
{
	float: right;
	}
    
.footer-in {
	clear: both;
    float:left;
    width:100%;
	}
    .footer-in p {
    padding:10px 0px 5px 0px;
    margin:0px 0px 0px 0px;
    color:#fff; font-size:11px;
    }
    .footer-in p a:link, .footer-in p a:visited {
    color:#fff; text-decoration:none;
    }
    .footer-in p a:hover {
    color:#fff; text-decoration:underline;
    }
.footer-in ul, .footer-in ol {
	list-style:none;
	margin:0;
	padding:0;
	}
.footer-in ul li, .footer-in ol li{
	list-style:none;
	display: inline;
	}
.footer-in ul li a, .footer-in ol li a{
	color:#ffffff;
	text-decoration: none;
	margin-right: 20px;
    font-family: verdana, sans-serif;
	}
    .footer-in ul li a:hover, .footer-in ol li a:hover {
    text-decoration:underline;
    color:#000;
    }

.nav,
.nav ul {
	list-style: none;
	line-height: 1em;
	margin: 0;
	padding: 0;
	}
.nav a {
	float: left;
	color: #003766;
	/*_margin-top: -2px;*/
	*margin-top: -2px;
	padding: 4px 2em 5px;
	/*_padding: 6px 2em 5px;*/
	*padding: 6px 2em 5px;
	background: url(/content/images/templates/00B9E7.gif) 100% 50% no-repeat;
	}
.nav .last a {
	background: none;
	}
.nav {
	float: right;
	position: relative;
	z-index: 5;
	margin: 67px 0 21px 0;
	}
.nav li {
	float: left;
	}
.nav li li {
	position: relative;
	background-color: #fff;
	padding-top: 5px;
	}
.nav li li:last-child {
	
	}
.nav li ul {
	display: none;
	width: 140px;
	left: 0;
	top: 26px;
	position: absolute;
	margin: 0;
	z-index: 5;
	}
.nav li ul ul {
	position: absolute;
	top: 5px;
	left: 196px;
	/*_left: 198px;*/
	}
.nav li ul ul li {
	padding: 0;
	}
.nav li:hover ul a,
.nav li.sfhover ul a {
	width: 140px;
	color: #003766;
	background-color: #fff;
	}
.nav li:hover,
.nav li.sfhover,
.nav li:hover a,
.nav li a:hover,
.nav li.sfhover a,
.nav li.selected a {
	text-decoration:none;
	position:relative;
	}
.nav li:hover ul a:hover,
.nav li.sfhover ul a:hover {
text-decoration:underline;
	}
    .nav li.on.selected a {
    text-decoration:underline;
    }
    ul#mainNav ul li a {
   text-decoration:none;
    }
    ul#mainNav ul li a:hover {
   text-decoration:underline;
    }
.nav li ul,
.nav li li ul,
.nav li li li ul,
.nav li ul,
.nav li li ul,
.nav li li li ul {
	display: none;
	}
.nav li:hover ul,
.nav li.sfhover ul {
	display: block;
	}
.nav li:hover ul ul,
.nav li.sfhover ul ul {
	display: none;
	}
.nav li li:hover ul,
.nav li li.sfhover ul {
	display: block;
	}
    
.nav li ul li.selected a {
	text-decoration:underline;
	position:relative;
	}
    .nav li ul li a {
	background:none;
	}

#footerlinks  {
  list-style:none;
  margin: 0;
  padding: 0 0 20px;
	}
#footerlinks li, #footerlinks a {
  float:left;
  list-style:none;
  margin: 0px 10px 0px 0px;
	}
.chapternav {
	list-style: none;
	margin: 10px 0 20px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	}
.chapternav.cnalt {
	margin: 10px 0 40px;
	border: 0;
	border-top: 1px solid #ccc;
	}
.chapternav li {
	float: left;
	width: 33%;
	}
.chapternav.cn50 li {
	width: 50%;
	}
.chapternav li span,
.chapternav a:link,
.chapternav a:visited {
	display: block;
	padding: 10px;
	font-size: .8em;
	}
.chapternav li.off span {
	color: #aaa;
	display: block;
	}
.chapternav a:hover {
	color: #333;
	}
.chapternav .center a,
.chapternav .center span {
	text-align: center;
	}
.chapternav .right a,
.chapternav .right span {
	text-align: right;
	}

span.link
{
	position: absolute;
	bottom: 0px;
	background: url(/content/images/templates/trans.png) 100% 100% repeat;
	width: 300px;
	height: 33px;
	text-align: center;
	line-height: 35px;
}
span.link a, span.link a:visited
{
	background: url(/content/images/templates/link.gif) right center  no-repeat;
	padding-right: 20px;
	font-weight: bold;
	color: #003665;
	text-decoration:none;
	z-index: 2;
	padding-bottom:1px;
	line-height: 32px;
}
span.link a:hover {
    text-decoration:underline;
    color: #003766;
}

.ie6 span.link
{
	bottom: -1px;
}
.ie6 span.link a
{
	height:15px;
}
															/** HOMEPAGE **/
a.browse {
	cursor: pointer;
	height:23px;
	width:23px;
}
a.left {
	background: url(/content/images/templates/left.png) 100% 50% no-repeat;
	cursor: pointer;
	height:23px;
	width:23px;
}
a.right 
{
	background: url(/content/images/templates/right.png) 100% 50% no-repeat;
	cursor: pointer;
	height:23px;
	width:23px;
	overflow:hidden;
	zoom:1;
}
.ie6 a.left {
	background: url(/content/images/templates/left.gif) 100% 50% no-repeat;
	cursor: pointer;
	height:23px;
	width:23px;
}
.ie6 a.right 
{
	background: url(/content/images/templates/right.gif) 100% 50% no-repeat;
	cursor: pointer;
	height:23px;
	width:23px;
}
.ie6 a.right:hover, a.right:hover {
	background-position:100% 100%;
}
.ie6 a.left:hover, a.left:hover {
	background-position:100% 100%;
}
a.left.disabled {
	background-position:100% 0%;
}
a.right.disabled
{
	background-position:100% 0%;
}
.ie6 a.disabled
{
	background-position:100% 0%;
}
.splashbannerwrap a.left {
	right: 345px;
}
.splashbannerwrap a.right 
{
	right: 320px;
}
.splashbannerwrap a.browse {
	position: absolute;
	top: 20px;
	z-index: 3;
}
/* position and dimensions of the navigator */
.navi {
	position: absolute;
	top: 270px;
	right: 320px;
	z-index: 2;
}
/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background-color:white;
	display:block;
	font-size:1px;
	z-index: 3;
	cursor: pointer;
}
/* active state (current page state) */
.navi a.active 
{
	background-color:#7F1874;
	background-position:0 -16px;     
}
/* mouseover state */
.navi a:hover {
	background-color:#002B4D;
	background-position:0 -8px;      
}
	
#splashbanner {
	position: relative; 
	overflow: hidden; 
	width: 932px; 
	height: 300px;
	z-index: 1; 
	}
#splashbanner .bg {
	background: #00A3DC url(/content/images/templates/lblugrad.jpg) 100% 100% repeat;
	display: block;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 632px;
	z-index: 2;
}
#splashbanner .hug {
	background: url(/content/images/templates/hug2.png) 100% 100% no-repeat;
	z-index: 3;
	width: 232px;
	height: 300px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
#splashbanner ul {
	position: absolute;
	width:20000em;
	margin: 0;
	list-style: none;
	}
#splashbanner ul li {
	float:left;
	position: relative;
	}

#splashbanner img {
	width: 275px;
	height: 300px;
	margin-right: 25px;
	margin-left: 632px;
	display: block;
	position: relative;
	}
.h1Container {

	display: block;
	position: absolute;
	z-index: 10;
	left: 35px;
	top: 45px;
	width: 565px;
}
#splashbanner h1, #splashbanner .h1 {
	color: #fff;
	padding: 0;
	background-color: transparent;
	background-image: none;
	font-size: 45px;
	width: 525px;
	height: 85px;
    line-height:normal;
    font-family: "friends-life-dagny-1","friends-life-dagny-2", verdana, sans-serif;
	}
#splashbanner h1.alt,
#splashbanner .h1.alt {

	font-size: 14px; font-weight:normal;
	}
#splashbanner .h1.alt {
clear:left;
display: block;
	}
#splashbanner .links {
	display: block;
	position: absolute;
	z-index: 10;
	left: 20px;
	bottom: 18px;
	padding: 0;
	background-color: transparent;
	background-image: none;
	}
#splashbanner .link {
	display: block;
	position: relative;
	z-index: 10;
	color: #023769;
	padding: 0;
	background-color: transparent;
	background-image: none;
	font-size: 12px;
	margin-right:20px;
	float: left;
	}
#splashbanner .bgpurplelink{
	display: block;
	position: relative;
	text-decoration: none;
	background: url(/content/images/templates/right.jpg) 100% 100% no-repeat;
	z-index: 10;
	color: white;
	font-size: 16px;
	float: left;
	padding: 0 30px 3px 0;
	margin-top:25px;
	font-weight: bold;
	}
#splashbanner .bgpurplelink:hover {
	background: url(/content/images/templates/right.jpg) 100% 100% no-repeat;
	color: #7F1874;
	}
#splashbanner .pdfLink 
{
	background: url(/content/images/templates/download.gif) 100% 100% no-repeat;
	padding-right: 20px;
}
#splashbanner .chapterList 
{
	background: url(/content/images/templates/link.gif) 100% 100% no-repeat;
	padding-right: 20px;
}

#content-wrapper { position: relative; margin-bottom:16px; }

#splashbanner .h1 {
	}
#splashbanner .h1.alt {
line-height:normal;
margin-top: 15px;
	}
.threeCol
{
	padding: 0px;
	display: block;
}
.threeCol .box
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 300px;
	overflow:hidden;
	background-color: #4DCEED;
	height:333px;
}
.threeCol .first
{
}
.threeCol .second
{
	margin: 0px 16px 0px 16px;
}
.threeCol .last
{
}
.twoCol
{
	margin: 16px 0px 0px 0px;
	padding: 0px;
	display: block;
}
.twoCol div.left
{
	float: left;
	margin: 0px 16px 0px 0px;
	width: 616px;	
	background-color: #B2EAF7;
}
.twoCol div.large {
	/*margin: 0px 16px 16px 0px;*/
}
.twoCol div.largeHome {
	margin: 0px 0px 16px 0px;
}
.twoCol div.right
{
	float: left;
	width: 300px;
	margin: 0px 0px 0px 0px;
}

.twoCol .right .box
{
	margin: 0px 0px 0px 0px;
}
.twoCol .right .bigBox
{
	height:380px;
    _position:relative;
}
.twoCol .right .box.blueBG
{
	margin: 0px 0px 16px 0px;
}
.twoCol .right .top
{
	margin: 0px 0px 10px 0px;
}
.aggregatorWrap
{
	position: relative;
	width: 616px;
}
#content .aggregatorWrap h2
{
margin-bottom:0px;
}
.aggregatorWrap .aggregator
{
	position:relative;
	overflow:hidden;
	height: 743px;
	width: 616px;
	background-color: #B2EAF7;	
}
.aggregatorWrap .aggregator .aggregate-list
{	
	position:absolute;
	height:20000em;
	margin:0px;
	list-style: none;
}
.aggregatorWrap .aggregator .aggregate-list .aggregate
{	
	margin: 30px 0 0 0;
	/*height: 160px;*/
	overflow: hidden;
	z-index:2;
}
.aggregatorWrap .aggregator .type
{
	float: left;
}
.aggregatorWrap .aggregator .type span
{
	background: url(/content/images/templates/label.png) 100% 100% no-repeat;
	width: 95px;
	height: 26px;
	display: block;
	color: white;
	padding: 8px 0 1px 16px;
	z-index:2;
}
.aggregatorWrap .aggregator .Content
{
	float: left;
	width: 450px;
	margin: 0 0 0 10px;
	z-index:2;
}
.aggregatorWrap .aggregator .Content h3
{
	color: #003665;
	font-weight:bold;
	z-index:2;
    margin-bottom: 10px;
}
.aggregatorWrap .aggregator .Content p
{
	color: #003665;
	z-index:2;
}
.aggregatorWrap .aggregator .Content p a
{
	background: url(/content/images/templates/link.gif) 100% 100% no-repeat;
	padding-right: 20px;
	font-weight:bold;
	color: #003665;
	text-decoration:none;
	z-index:2;
	padding-top: 1px;
}

.aggregatorWrap .aggregator .Content p a:hover {
     text-decoration:underline;
}

.aggregatorWrap a.browse 
{
	position: absolute;
	display: block;
	top: 3px;
	z-index: 4;
}
.aggregatorWrap a.left {
	right: 45px;
}
.aggregatorWrap a.right 
{
	right: 20px;
}
.aggregatorWrap a.left {
	right: 45px;
}
.aggregatorWrap a.right 
{
	right: 20px;
}

.bannerwrap {
	position: relative;
    /*top:17px;*/
}
.bannerwrap a.browse {
	position: absolute;
	display: block;
	top: 3px;
	z-index: 4;
}
.bannerwrap a.left {
	right: 45px;
}
.bannerwrap a.right 
{
	right: 20px;
}
.bannerwrap .banner
{
	position:relative;
	overflow:hidden;
	height: 347px;
	width:300px;
}
.bannerwrap .banner .items 
{
	position:absolute;
	height:20000em
}
.bannerwrap .banner .items .item
{
	position: relative;	
}
.bannerwrap .banner .items .item .bannerText
{
	position: relative;
	bottom: 285px;
	text-align: center;
	width: 230px;
	margin: 0 auto;
	height: 200px;
}
.bannerwrap .banner .items .item .bannerText a
{	
	text-decoration:none;
	height: 200px;
	width: 230px;
	display: block;
}
.bannerwrap .banner .items .item .bannerText .title
{
	position: relative;
	color: white;
	display: block;
	text-align: center;
	font-size: 48px;
	clear: both;
	line-height: 51px;
}
.bannerwrap .banner .items .item .bannerText .text
{
	position: relative;
	color: white;
	text-align: center;
	font-size: 20px;
	display: block;
	line-height: 26px;
}
.bannerwrap .banner .items .item .bannerText .link
{
	position: relative;
	text-align: center;
	font-size: 13px;
	display: block;
	line-height: 26px;
	background: url(/content/images/templates/linkalt_small.gif) 68% 57% no-repeat;
	padding-right: 20px;
	font-weight: bold;
	width: auto;
	height: auto;
	color: white;
}
 .customSocial
{
	text-align:center;
} 
.customSocial iframe
{
	margin: 0;
	padding: 0;
}
.customTweet
{	
	display: inline-block;
	width: 100px;
	margin: 0;
	padding: 0;
	text-align:left;
    position:relative;
    *bottom:12px;
    *right:-55px;
}
.customLike
{
	display: inline-block;
	width: 100px;
	margin: 0;
	padding: 0;
	text-align:left;
    position:relative;
    *bottom:-10px;
    *left:-50px;
}
.bannerwrap .banner .items .item .social
{
	position: absolute;
	display: block;
	bottom: 210px;
	z-index: 5;
	width: 120px;
    /*_width: 140px;
    _bottom: 0px;
    _top:290px;*/
}


.tweet.social {
    height:auto;
}
.bannerwrap .banner .items .item .like
{
	left: 50px;
    /*_top:306px;*/
}
.bannerwrap .banner .items .item .tweet
{
	right: 50px;
}

.twitter
{
	position: relative;	
	height: 333px;
    background-color:#4DCEED;
}
.twitter .tweetlink
{
	position: absolute;
	bottom: 0px;
	background: url(/content/images/templates/trans.png) right top repeat-y;
	width: 300px;
	height: 33px;
	text-align: center;
	line-height: 35px;
}
.ie6 .twitter .tweetlink
{
	bottom: -1px;
}
.twitter .tweetlink a
{
	background: url(/content/images/templates/link.gif) right center no-repeat;
	padding-right: 20px;
	font-weight: bold;
	color: #003665;
	text-decoration: none;
	z-index: 2;
	line-height: 32px;
	padding-bottom: 1px;
	height:15px
}
.twitter .tweetlink a:hover {
    text-decoration:underline;
}
.twitter ul.tweet_list
{
	list-style:none;
}
.tweet {
	padding-top:15px; 
	width:290px;
	overflow: hidden;
height:255px;
}
.bigBox .tweet {
}
.bigBox .twitter {
height:380px;
}

.regional-template
{
	position:relative;
	height:333px;
}
.regional-template p 
{
	position: absolute;
	top: 110px;
	width: 300px;
	left: 300px;
}
#content .regional-template h2
{
 margin-bottom:0px;
}
.regional-template .link
{
	position: absolute;
	bottom: 0px; left:0px;
	background: url(/content/images/templates/trans.png) 100% 100% repeat;
	width: 616px;
	height: 33px;
	text-align: center;
	line-height: 35px;
}
.regional-template .link a
{
	background: url(/content/images/templates/link.gif) 100% 100% no-repeat;
	padding-right: 20px;
	font-weight: bold;
	color: #003665;
	text-decoration: none;
	z-index: 2;
    /*_height:20px;
    _background-position:100% 10px;*/
}
.regional-template .link a:hover {
text-decoration:underline;
}

.videoHolder
{
	width:300px;
	height:333px;
	overflow:hidden;	
	position:relative;
}
#content .videoHolder h2 {
    margin-bottom:0px;
	width:300px;	
}

.videoHolder .video 
{
	width:300px;
	height:300px;
	position:relative;
}
.ie6 .videoHolder .video 
{
	height:306px;
}
.ie6 .videoHolder .video 
{
	overflow:hidden;
}
.videoHolder .video a.screen img
{
	height:306px;
}
.videoHolder .video a.play .overlay
{
	position: absolute;
	top: 125px;
	left: 125px;
	width:50px;
	height:50px;
}
.ie6 .videoHolder .video a.play .overlay
{
	left: -325px;
}
.videoHolder p
{
	position: absolute;
	bottom: 27px;
	background: #00B9E6;
	width: 300px;
	text-align: center;
	padding: 5px 0;
}
.ie6 .videoHolder p
{
position:relative;
bottom:81px;
}
.videoHolder .link
{
	position: absolute;
	bottom: 0px;
	background: url(/content/images/templates/trans.png) 100% 100% repeat;
	width: 300px;
	height: 33px;
	text-align: center;
	line-height: 35px;
}
.videoHolder .link a
{
	padding-right: 20px;
	font-weight: bold;
	color: #003665;
	text-decoration: none;
	z-index: 2;
}
.videoHolder .link a:hover {
    text-decoration:underline;
}

/*--new--*/
.videoHolder .linkMid
{
	position: absolute;
	bottom: 0px;
	background: url(/content/images/templates/trans.png) 100% 100% repeat;
	width: 300px;
	height: 40px;
	text-align: center;
	line-height: 35px;
}
.videoHolder .linkMid a,.videoHolder .linkMid a:visited
{
	padding-right: 5px;
    padding-left: 5px;
	font-weight: bold;
	color: #003665;
	text-decoration: none;
	z-index: 2;
    line-height:20px;
    background: url("/content/images/templates/link.gif") no-repeat scroll 263px 22px transparent;
    float:left;
    text-align:center;
}
.videoHolder .linkMid a:hover {
    text-decoration:underline;
}
/*----new--*/


.twoCol .right iframe
{
	margin: 0px 15px;
}

/*Research*/
.researchWrap
{
	position: relative;
}
.researchWrap .research
{
	padding: 30px 0 60px 0;
}
.research
{
	position:relative;
	overflow:hidden;
	width: 100%;	
}
.research .article
{
	margin: 10px 60px 0px 120px;
}
.researchWrap .article h1
{
	font-size: 18px;
	border-bottom: 1px solid #003766;
    background:none;
    padding:0px 0px 8px 0px;
    color:#003766;
    margin-bottom:12px;
}
.researchWrap .article h3
{
	font-size: 1.25em;
	border-bottom: 1px solid #003766;
    margin-bottom:10px;
}
.researchWrap .article h2
{
	font-size: 16px;
	border-bottom: 1px solid #003766;
    background:none;
    padding:0px 0px 0px 0px;
    color:#003766;
    margin-bottom:12px;
}

.researchWrap .article .Content 
{
	margin-top: 30px;
}
.research p a
{
	text-decoration:none;	
	color: #003665;
}
.research .chapter-list
{	
	margin:0px;
	list-style: none;
}
.research .chapter-list .type
{
	float: left;
	margin-top: 10px;
}
.research .chapter-list .type span
{
	background: url(/content/images/templates/label.png) 100% 100% no-repeat;
	width: 95px;
	height: 26px;
	display: block;
	color: white;
	padding: 8px 0 1px 16px;
	z-index:2;
}
.research .chapter-list .typeEmpty span
{
	background: none;
}
.research .chapter-list .typeFull
{
	float: none;
}
.research .chapter-list .typeFull span
{
	background: url(/content/images/templates/labelFull.png) 100% 100% no-repeat;
	width: 569px;
}
.research .chapter-list .chapter
{	
	margin: 10px 0 0 0;
	overflow: hidden;
	z-index:2;
}
.ie6 .research .chapter-list .chapter
{	
zoom:1;
}
.research .chapter-list .chapter .Content
{
	float: left;
	width: 450px;
	margin: 0 0 0 10px;
	z-index:2;
}
.research .chapter-list .chapter .Content h3
{
	font-size: 1.5em;
	color: #003665;
	font-weight: bold;
	z-index: 2;
	line-height: 1.2em;
	padding: 10px 0 25px 0;
}
.research .chapter-list .chapter .Content p
{
	color: #003665;
	z-index:2;
}
.research .chapter-list .chapter .Content a
{
	background: url(/content/images/templates/link.gif) 100% 0% no-repeat;
	padding-right: 20px;
	font-weight:bold;
	color: #003665;
	text-decoration:none;
	z-index:2;
    _height:20px;
}
.research .chapter-list .chapter .Content a.internal
{
	background: url(/content/images/templates/link.gif) 100% 0% no-repeat;
	padding-right: 20px;
	font-weight:bold;
	color: #003665;
	text-decoration:none;
	z-index:2;
    
}

.research .chapter-list .chapter .Content a:hover,
.research .chapter-list .chapter .Content a:hover.internal,
.research .chapter-list .chapter .Content a:hover.pdf, .research a:hover.pdf {
    text-decoration:underline;
}

.research .chapter-list .chapter .Content a.pdf, .research a.pdf
{
	background: #DEDFE1 url(/content/images/templates/download.png) 8px 50% no-repeat;
	height: 40px;
	width: 90px;
	display: block;
	color: #147AC2;
	padding: 5px 5px 5px 50px;
	-moz-border-radius: 10px;
	border-radius: 15px;
	border: 2px solid #4DCEED;
	padding: 5px 5px 5px 50px;
	position:relative;
	margin-bottom: 15px;
	font-weight: bold;
	text-decoration: none;
	z-index: 2;
	display: block;
    font-size:11px;
}

.ie6 .research .chapter-list .chapter .Content a.pdf, .ie6 .research a.pdf{
width:150px;
position:relative;
}

.research .chapter-list .chapter .Content a.pdf span, .research a.pdf span
{
	position:relative;
	font-size: 8px;
	top:0px;
    display:inline-block;
}
span.pdfreader
{
	position: absolute;
	top: 3px;
	right: 20px;	
	background: url(/content/images/templates/pdf.gif) 100% 100% no-repeat;
	padding-right: 30px;
	height: 23px;
}
span.pdfreader a
{
	font-size: 9px;
	color:#fff;
}
.research .chapter-list .chapter .navigation a
{
	height: 18px;
	padding-top: 5px;
}
.research .chapter-list .chapter .navigation a.prevChap
{
	background: url(/content/images/templates/left.png) 0% 50% no-repeat;
	padding-left: 30px;
}
.research .chapter-list .chapter .navigation a.nextChap
{
	background: url(/content/images/templates/right.png) 100% 50% no-repeat;
	padding-right: 30px;
}
.ie6 .research .chapter-list .chapter .navigation a.prevChap
{
	background: url(/content/images/templates/left.gif) 0% 50% no-repeat;
}
.ie6 .research .chapter-list .chapter .navigation a.nextChap
{
	background: url(/content/images/templates/right.gif) 100% 50% no-repeat;
}
.research .chapter-list .chapter .navigation a.prevChap:hover
{
	background-position:0% 100%;
}
.research .chapter-list .chapter .navigation a.nextChap:hover
{
	background-position: 100% 100%;
}
.research .chapter-list .chapter .navigation a.prevChap.inactive
{
	background-position: 0% 0%;
}
.research .chapter-list .chapter .navigation a.nextChap.inactive
{
	background-position: 100% 0%;
}
/*Blog*/
span.rss
{
	position: absolute;
	top: 3px;
	right: 20px;	
}
.blogHolder
{
	position: relative;
	width: 300px;
}
#content .blogHolder h2
{
 margin-bottom:0px;
}
.blogWrap
{
	position: relative;
}
.blogWrap .blog
{
	padding-top: 30px;
}
.blogHolder .blog
{
	position:relative;
	overflow:hidden;
	height: 306px;
	width: 100%;	
}
.blog
{
	position:relative;
	overflow:hidden;
	/*height: 306px;*/
    height: auto;
	width: 100%;	
}
.blog p a
{
	text-decoration:none;	
	color: #003665;
}
.blog p a:hover
{
	text-decoration:underline;	
	color: #003766;
}
.blog .archive-list
{	
	margin: 0px 0px 33px 0px;
	list-style: none;
	padding: 20px;
	height: 227px;
	overflow: hidden;
    background-color:#4DCEED;
}
.blog .post-list
{	
	margin:0px;
	list-style: none;
}
.blog .post-list .post
{	
	margin: 10px 0 0 0;
	overflow: hidden;
	z-index:2;
}
.blog .archive-list .post p
{	
	margin: 0px 0 0 0;
}
.blog .type
{
	float: left;
	margin-top: 10px;
}
.blog .type span
{
	background: url(/content/images/templates/label.png) 100% 100% no-repeat;
	width: 95px;
	height: 26px;
	display: block;
	color: white;
	padding: 8px 0 1px 16px;
	z-index:2;
}
.blog .post-list .post .Content
{
	float: left;
	width: 450px;
	margin: 0 0 0 10px;
	z-index:2;
}
.blog .post-list .post .Content h3
{
	font-size: 1.5em;
	color: #003665;
	font-weight: bold;
	z-index: 2;
	line-height: 1.2em;
	padding: 10px 0 25px 0;
}
.Content h2.blogTitle {
   background:none; 
   padding:15px 0px 0px 0px;
   margin-bottom:12px;
   color:#003665;
}
.blog .post-list .post .Content p
{
	color: #003665;
	z-index:2;
}
.blog .post-list .post .Content p a
{
	background: url(/content/images/templates/link.gif) 100% 100% no-repeat;
	padding-right: 20px;
	font-weight:bold;
	color: #003665;
	text-decoration:none;
	z-index:2;
}
.ie6 .blog .post-list .post .Content p a
{
	background: url(/content/images/templates/link.gif) 100% 100% no-repeat;
}
.blog .post-list .post .Content p a:hover
{
	background-position: 100% 100%;
	color: #137AC1;
}



.blogWrap .article
{
	margin:10px 60px 0px 120px;
	border-bottom: 1px solid black;
}
.blogWrap .blog .type {
	float: left;
	margin-top: 10px;
}
.blogWrap .article h3
{
	font-size: 1.25em;
	border-bottom: 1px solid #003766;
    color:#003766;
}
.blogWrap .article .post-excerpt
{
	margin-top: 30px;
	font-weight: bold;
}
.blogWrap .article .post-body
{
}
.blogWrap .article .post-image
{
	float: right;
	margin: 30px 0px 10px 10px;	
}
.blogWrap .article .post-body p
{
	
}
.blogWrap .comments
{
}
.blogWrap .comments h3
{
	text-transform: uppercase;
}
.blogWrap .social-links
{
	background-color:#E6F7FE;
	text-align: center;
	padding:20px;
}
.blogWrap .social-links .social
{
	display: inline;
}

ul.pagination-clean
{
	list-style: none;
	margin: 25px auto 45px;
	position: relative;
	text-align: center;
    border:1px solid #b2eaf7;
    clear:both;
}
ul.pagination-clean li
{
	list-style: none;
	height:23px;
	width:23px;
	background-color:#fff;
	display: inline-block;
	text-align: center;
	position: relative;
	color: #003665;
    *margin:0px 5px 0px 0px;
zoom:1;
*display:inline;
/*_display:block;
_float:left;*/
line-height: 1em;
}

ul.pagination-clean li.active
{
	background-color:#1379C1;
	color: #fff;
}
ul.pagination-clean li a
{
	text-decoration:none;
	color: #003665;
	line-height:1em;
	height:23px;
	width:23px;
	display: block;
text-align: center;
}
ul.pagination-clean .next-off
{
	background: url(/content/images/templates/right.png) 100% 0% no-repeat;
	height:23px;
	width:23px;
	text-indent:-9999em;
}
ul.pagination-clean .next a
{
	background: url(/content/images/templates/right.png) 100% 50% no-repeat;
	height:23px;
	width:23px;
	text-indent:-9999em;
	display: block;
}
.ie6 ul.pagination-clean .next-off
{
	background: url(/content/images/templates/right.gif) 100% 0% no-repeat;
}
.ie6 ul.pagination-clean .next
{
	background: url(/content/images/templates/right.gif) 100% 50% no-repeat;
}
ul.pagination-clean .next a:hover
{
	background-position: 100% 100%;
}
ul.pagination-clean .previous-off
{
	background: url(/content/images/templates/left.gif) 100% 0% no-repeat;
	height:23px;
	width:23px;
	text-indent:-9999em;
}
ul.pagination-clean .previous a
{
	height:23px;
	width:23px;
	background: url(/content/images/templates/left.gif) 100% 50% no-repeat;
	text-indent:-9999em;
	display: block;
}

.ie6 ul.pagination-clean .previous-off
{
	background: url(/content/images/templates/left.gif) 100% 0% no-repeat;
	height:23px;
	width:23px;
	text-indent:-9999em;
}
.ie6 ul.pagination-clean .previous
{
	height:23px;
	width:23px;
	background: url(/content/images/templates/left.gif) 100% 50% no-repeat;
	text-indent:-9999em;
}
ul.pagination-clean .previous a:hover
{
	background-position: 100% 100%;
}


/* Comments */
.commentsWrap
{
	background-color: #E6F7FE;
	padding: 0px 60px 40px 120px;
    float:left;
    width:405px;
}

.blog .commentsWrap
{
	background-color: #E6F7FE;
	padding: 0px 60px 40px 120px;
    *padding: 20px 60px 40px 120px;
    width:72%;
}
.blueBG.pageDefault .commentsWrap
{
	background-color: #fff;
	padding: 0px 0px 40px 0px;
    position:relative;
    right:0px;
    width:300px;
}
.blueBG.pageDefault .commentsWrap .comments {
    padding:10px 10px 10px 20px;
}

.commentsWrap h3
{
	font-size:1em;
    margin-bottom:10px;
    color:#003665;
}
.blog .commentsWrap p
{
	color:#000000;
}

.comments form
{
}
.comments form .control
{
	float: left;
}
.comments form .control label
{
padding:6px 6px 6px 0px; font-size:11px; font-weight: 700; color:#000;
}
.comments form .control input
{
	width: 190px;
margin-right: 20px;
padding:5px;
float:left;
}
.comments form .control textarea
{
	/*width: 406px;*/
    float:left;
    width:300px;
}

.comments form .button
{
	margin: 0;
}
.comments form .button button
{
	background-color: #7F1874;
	border: 0px;
	color: white;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    margin-left:126px;
}
.comments
{
	
}
.comments .comments-in
{
	padding:0 10px;
}
.comments h3
{
	
}
.comments ol
{
	list-style:none;
	margin:0px;
}
.comments ol li
{
	margin-top: 18px;
    padding:10px;
    border:1px solid #b2eaf7;
    background-color:#fafae5;
}
.comments ol li p
{
	
}
.comments ol li .meta
{
	font-size: 20px; margin-bottom:10px; color:#003665;
}
.comments ol li .meta .updated
{
	font-size: 11px;
     font-style:italic;
    border-bottom: 1px dashed #000;
}

/**/


.blueBG
{
	background-color: #4DCEED;	
}
.lighblueBG
{
	background-color: #B2EAF7;
}
.clearfix
{
	
}

.blueBG.pageDefault
{
	/*background-color: #e5f8fc;*/
    background-color: #fff;	
    margin-bottom:16px;
    /*float:left;*/
}



/*CMS*/
div.cms h2, #content div.cms h2 
{
	background-image: none;
	font-size: 12px;
	color: black;
	font-weight: normal;
	padding: 0;
	margin: 5px 20px;
}


/*-------default template----*/

strong {
    color:#003766;
}

.aside-right .twitter
{
margin-bottom:15px;
}
.aside-right .blog
{
margin-bottom:15px;
height:260px;
}
#RightCol .blogHolder
{
	position: relative;
	height: 100%;
	width: 300px;
}

.layout-2col.right .content-in {
    margin:0px 15px 0px 15px;
    display:inline; float:left;
}

#content h2 {
    font-family: "friends-life-dagny-1","friends-life-dagny-2", verdana,sans-serif;
    background: url("/content/images/templates/dblugradlarge.jpg") repeat-y scroll 100% 100% transparent;
    color: white;
    font-size: 16px;
    overflow: hidden;
    padding: 3px 0 2px 16px;
    margin-bottom:30px;
}

#content .bigBox h2 {
    margin-bottom:0px;
	width:284px;
}

.ie6 #content .bigBox h2 {
	width:300px;
}

#content .content-in .plain h2 {
    background:none;
    padding:0px;
    font-family: "friends-life-dagny-1","friends-life-dagny-2", verdana,sans-serif;
    margin-bottom:12px;
    color:#003766;
    font-size:16px;
}

.content-in .plain h3 {
color:#003766; margin-bottom:10px; font-size:12px;
}

.content-in p {
    color:#003766;
    margin-bottom:0px;
}



/*----------research----*/

.layout-1col #content {
	width: 616px;
    background-color:#b2eaf7;
    margin-bottom:15px;
	}
	.layout-1col #contentAsk {
	width: 100%;
	}
	.layout-1col #contentAnswer {
	width: 490px;
	float:left;
	}
	.layout-1col #asideAnswer {
	width: 317px;
	float:left;
	}
	
.layout-1col #aside {
	width: 300px;
	}
.layout-1col .content-in {
    margin:0px 15px 0px 15px;
}

#downloadHolder {
}

ul.chapter-list li.chapter .Content h2 {
    background:none;
    color:#003766;
    padding:15px 0px 0px 0px;
    margin-bottom:12px;
    font-family: "friends-life-dagny-1","friends-life-dagny-2", verdana, sans-serif;
}

img.floatleftTeam {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}

/*---------------video-----------------*/

ul#colHolder {
    float:left;
}

ul#colHolder li.first.video {
    margin:0px 15px 0px 0px;
    display:inline;
    position:relative;
}
ul#colHolder li.video {
    float: left;
    display:inline;
    margin:0px 0px 10px 0px;
    list-style: none outside none;
    width: 280px;
    height:212px;
    overflow:hidden;
    position:relative;
    /*_margin:0px 0px 10px 10px;*/
    z-index:0;
}

ul#colHolder li.video p  {
background: url("/content/images/templates/trans.png") repeat scroll 100% 100% transparent;
    bottom: 0;
    height: 33px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    width: 280px;
    font-weight:bold;
    z-index:500;
}


ul#colHolder li.video img {
    position:absolute; z-index:0;
}
ul#colHolder li.video img.overlay {
   z-index:900;
}

.overlay {
    height: 50px;
    left: 110px;
    position: absolute;
    top: 60px;
    width: 50px;
}

.research .chapter-list .chapter .Content .researchBlock a.showList, .research .chapter-list .chapter .Content .researchBlock a.hideList
{
    border: 0px solid #4DCEED;
    border-radius: 0px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px 0px 0px 0px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    width:130px;
    float:left;
    background-position:100% 100%;
}
.research .chapter-list .chapter .Content .researchBlock a:hover.showList, .research .chapter-list .chapter .Content .researchBlock a:hover.hideList {
    text-decoration:underline;
}

.research .chapter-list .chapter .Content .researchBlock .toggleList {
    float:left;
    clear:both;
}

.researchBlock {
    float:left;
    display:inline;
}

.research .chapter-list .chapter .Content .researchBlock .toggleList .chapter a
{
    border: 0px solid #4DCEED;
    border-radius: 0px;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 0px;
    position: relative;
    text-decoration: none;
    z-index: 2;
    width:240px;
}
.research .chapter-list .chapter .Content .researchBlock .toggleList .chapter a:hover {
    text-decoration:underline;
}

.research .chapter-list .chapter .Content .researchBlock a.internal {
    border:none;
    border-radius: 0px;
    background-position:100% 100%;
    float:right;
    padding:5px 30px 0px 0px;
    font-size:11px;
}
.research .chapter-list .chapter .Content .researchBlock a:hover.internal {
    text-decoration:underline;
}

.playlist {
    width:300px;
    background-color:#4DCEED;
    margin-bottom:16px;
}
.playList h2{
    background: url("/content/images/templates/dblugradlarge.jpg") repeat-y scroll 100% 100% transparent;
    color: white;
    font-family: "friends-life-dagny-1","friends-life-dagny-2",verdana,sans-serif;
    font-size: 16px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 3px 0 2px 16px;
}
.playlist ul li {
position:relative;
list-style:none;
clear: left;
height: 50px;
margin:16px 0px 0px 0px;
padding: 0 0 10px;
}
.playlist .overlay {
    height: 20px;
    left: 20px;
    position: absolute;
    top: 10px;
    width: 20px;
    z-index: 5;
}
.playlist ul a, .playlist ul p {
    float: left;
}
.playlist ul p {
    color: #666666;
    padding: 5px 10px;
    width: 70%;
}

.videoPink {
    background: url("/content/images/templates/labelFull.png") no-repeat scroll 100% 100% transparent;
    color: #ffffff;
    display: block;
    height: 26px;
    padding: 8px 0 1px 16px;
    z-index: 2;
}

.videoPinkFull {
    background: url("/content/images/templates/label.png") no-repeat scroll 100% 100% transparent;
    width: 569px;
}
.ie6 .clearfix{
height:0px;
}

.latestresearch
{
	color: #003766;
}
.latestresearch .theme-list
{
	list-style: none;
	color: #003766;
	padding: 20px 10px;
}
.latestresearch .theme-list .theme
{
	list-style: none;
	color: #003766;
}
.latestresearch .theme-list .theme span
{
	color: #003766;
	font-weight:bold;
}
.latestresearch .theme-list .theme .research-list
{
	list-style: none;
	color: #003766;
}
.latestresearch .theme-list .theme .research-list li
{
	list-style: none;
	color: #003766;
}
.latestresearch .theme-list .theme .research-list li a
{
	color: #003766;
}

.layout-2col.right .contentbottomSection, #ContentBottomArea {
    display: inline;
    float: left;
    margin: 0 0px;
    width:100%;
}
.layout-2col.right .contentbottomSection .commentsWrap {
width:436px; padding-top:20px;
}


/* form */
#ContentBottomArea h4, .contentbottomSection h4 {
   background-color: #137AC1;
color: #FFFFFF;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: 700;
padding: 10px ;
margin:15px;
}

div.dynamic-form {
/*margin:0px 10px 0px 10px;*/
margin:20px;
background-color:E0EAF6;
}
div.dynamic-form input#check-form {
    display:none;
}
div.dynamic-form label {
color: #000000;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: 700;
margin-right: 20px;
text-align: 20px;
}
div.dynamic-form input {
 padding:5px; width:411px;
}
div.dynamic-form textarea {
 padding:5px; width:411px;
}
div.dynamic-form button {
    background-color: #003766;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: white;
    padding: 5px 10px;
    margin-left:152px;
}
div.dynamic-form .control {
position:relative;
}

div.dynamic-form label.error {
position:absolute;
top:3px; left:155px;
}


/* side form */

.aside-in .blueBG.pageDefault .commentsWrap h3 {
color:Red;
font-size:12px; margin:0px;
}

.aside-in .blueBG.pageDefault .commentsWrap .comments {
padding:0px; margin:0px 10px;
}
.aside-in .blueBG.pageDefault .commentsWrap {
 background-color:#E6F7FE;
width:300px; 
}
.aside-in .blueBG.pageDefault .commentsWrap .comments .control input {
    float: left;
    width: 258px;
    margin-right:0px;
    *position:relative;
    *right:10px;
}
.aside-in .blueBG.pageDefault .commentsWrap .comments .control textarea {
    float: left;
    width:263px;
    margin-right:0px;
    *position:relative;
    *right:10px;
}
.aside-in .blueBG.pageDefault .commentsWrap .comments .control label {
    float: left;
    width: 70px;
}
.aside-in .blueBG.pageDefault .commentsWrap .comments .control button {
    background-color: #7F1874;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: white;
    margin-left: 0px;
    padding: 5px 10px;
}
.aside-in .blueBG.pageDefault .commentsWrap h3 {
    /*background: url("/content/images/templates/dblugradsmall.jpg") repeat-y scroll 100% 100% transparent;
    color: white;
    font-family: "friends-life-dagny-1","friends-life-dagny-2",verdana,sans-serif;
    font-size: 16px;*/
    color:#003766;
    overflow: hidden;
    padding: 3px 0 2px 10px;
}


.tweet {
    width:300px;
}

/*.floatLeft {
    float:left;
}*/

/* style cms */

.preview .twitter, .preview #keyfindings, .preview .timemachine, .preview #yoursay {
    width:290px;
}
.preview .regional-template {
     width:600px;
    height: 260px;
    position: relative;
}
.preview .regional-template p {
}
.preview .regional-template img {
width:600px;
height:200px; background-color:#ccc; display:block; 
}
.preview .regional-template h2 {
 background-position:0% 100%;
}
.preview .regional-template .link {
    width:300px;
}
