/*-----------------------------------------------------------------------------
OWMT

author:    kos korolev
email:     kos@pixeco.com
-----------------------------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/

@import url(../css/generic/reset.css);
@import url(../css/generic/helpers.css);

/* Importing branding modules */
@import url(../css/branding/header.css);
@import url(../css/branding/footer.css);
@import url(../css/branding/colours.css);

/* Importing navigation */
@import url(../css/branding/navigation.css);

/* Importing modules */
@import url(../css/modules/sifr.css);
@import url(../css/modules/forms.css);



/* =Elements
-------------------------------------------------------*/
html,
body {
	width: 100%;
	height: 100%;
	}
	body {
		text-align:left;
		}
		a {
			color: #1f8fc4;
			text-decoration: none;

			}
		a:link {
			color: #1f8fc4;
			text-decoration: none;
			}
		a:visited {
			color: #1f8fc4;
			text-decoration: none;
			}
		a:hover {
			text-decoration:underline;
			}
		a:active {
			text-decoration:none;
			outline:none;
			}
		h1,h2,h3,h4,h5,h6 {
			/*margin:0 0 .8em;*/
			/*border-bottom:1px solid #0085cb;*/
			/*color:#01667a;*/
			}
			h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
				color:#1f8fc4;
				}
			body.awards h1,
			body.awards h2,
			body.awards h3,
			body.awards h4,
			body.awards h5,
			body.awards h6 {
				color:#e45a08;
				}
				body.awards h1 a,
				body.awards h2 a,
				body.awards h3 a,
				body.awards h4 a,
				body.awards h5 a,
				body.awards h6 a {
					color:#e45a08;
					}
			body.fund h1,
			body.fund h2,
			body.fund h3,
			body.fund h4,
			body.fund h5,
			body.fund h6 {
				color:#0b4a22;
				}
			body.fellowships h1,
			body.fellowships h2,
			body.fellowships h3,
			body.fellowships h4,
			body.fellowships h5,
			body.fellowships h6 {
				color:#471b5c;
				}
			body.resources h1,
			body.resources h2,
			body.resources h3,
			body.resources h4,
			body.resources h5,
			body.resources h6,
			body.activities h1,
			body.activities h2,
			body.activities h3,
			body.activities h4,
			body.activities h5,
			body.activities h6,
			body.trust1 h1,
			body.trust1 h2,
			body.trust1 h3,
			body.trust1 h4,
			body.trust1 h5,
			body.trust1 h6 {
				color:#10496c;
				}
		.cufon-active h1 {font-size:50px;}
		.cufon-active h2 {font-size:40px;
			}
			.cufon-active .resources h2 {
				line-height:1;
				max-width:595px;
				}
		.cufon-active h3 {font-size:30px;}
		.cufon-active h4 {font-size:20px;}
		.cufon-active h5 {font-size:17px; line-height:1.3;}
		.cufon-active h6 {font-size:15px;}

		p {
			padding:0 0 0.8em;
			}

/* =Layout elemernts
-------------------------------------------------------*/
div.inner-wrapper,
div.content-wrapper {
	position:relative;
	width:990px;
	margin:0 auto;
	}
	div.content-wrapper {
		overflow:hidden;
		}
		body.resources.dilemma div.content-wrapper,
		body.resources.case_study div.content-wrapper,
		body.resources.standard_content div.content-wrapper,
		body.teaching.standard_content div.content-wrapper {
			background:url("../images/branding/TeachingResourcesWhite.png") 100% 50px no-repeat;
			}
.container {
	position:relative;
	float:left;
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	}

	div.intro {
		margin:0 0 30px;
		color:#fff;
		}
		body.homepage div.intro {
			background: url(../images/branding/HomeIntroBg.png) 50% 0 repeat-y;
			}
		body.awards div.intro {
			background: url(../images/branding/AwardsIntroBg.png) 50% 0 repeat-y;
			}
		body.fund div.intro {
			background: url(../images/branding/FundsIntroBg.png) 50% 0 repeat-y;
			}
		body.fellowships div.intro {
			background: url(../images/branding/FellowshipsIntroBg.png) 50% 0 repeat-y;
			}
		body.activities div.intro {
			background: url(../images/branding/ActivitiesIntroBg.png) 50% 0 repeat-y;
			}
			div.intro div.inner-wrapper {
				min-height:220px;
				height:auto !important;
				}
				div.introText {
					float: left;
					width:520px;
					padding:30px 0 0;
					}
				div.introText h4 {
					z-index: 10;
					font-size: 19px;
					line-height:1.3;
					color:#fff;
					}
					body.homepage div.introText h4 {
						color:#3A4A4F;
						}
						body.homepage div.introText h4 a {
							color:#01667A;
							}
							body.homepage div.introText h4 a:HOVER {
								color:#3A4A4F;
								}
						body.awards div.introText h4 a {
							color:#E45A08;
							}
						body.activities div.introText h4 a {
							color:#10496c;
							}
						body.fellowships div.introText h4 a {
							color:#471b5c;
							}
						body.fund div.introText h4 a {
							color:#0b4a22;
							}
							div.introText h4 a:hover {
								color:#fff;
								}
		body.resources div.intro,
		body.teaching div.intro {
			background:#94aeb6;
				}
				body.resources div.intro .inner-wrapper,
				body.teaching div.intro .inner-wrapper {
					background:url("../images/branding/TeachingResources.png") 100% 100px no-repeat;
					}
div.introImage img {
		display:block; /* for ie6 */
		min-height: 10px;
		}
	div.introImage .ccm-block {
		min-height: 10px;
		}

		div.introText p {

			}


	div.introTextStandard {
		margin-bottom: 15px;
	}

	div.headerStandard {
		margin-top: 30px;
		}

	div.introImage {
		float: left;
		width:505px;
		padding: 0;
		margin-left: -100px;
		}
		body.resources div.introImage,
		body.teaching div.introImage {
			float:right;
			width:400px;
			margin:15px 0 0;
			opacity:.4;
			}

	.content {
		float:left;
		width:745px;
		padding:0 0 200px;
		font-size:1.2em;
		color:#262d26;
		}

		.content .column {
			width:355px;
			}
	.side-pnl {
		float:right;
		width:210px;
		padding-bottom: 250px;
		}
		.side-pnl blockquote {
			margin:0 0 40px;
			font-size:1.5em;
			line-height:1.3;
			font-weight:bold;
			color:#01667a;
			}
			.side-pnl blockquote cite {
				display:block;
				font-style:normal;
				color:#262d26;
				}
		.cufon-active .side-pnl blockquote {
			font-size:16px;
		}

    body.dilemma .side-pnl,
    body.case_study .side-pnl,
    body.standard_content .side-pnl {
	padding-top: 123px;
	}

	div.container.standard_content div.side-pnl {
	padding-top: 40px;
	}

    div.full-width {
	padding-top: 5px;
	}

	body.homepage .content {
		float:right;
		width:745px;
		padding:0 0 250px;
		font-size:1.2em;
		color:#262d26;
		}

	body.homepage .side-pnl {
		float:left;
		width:210px;
		padding-bottom: 250px;
		}

/* =Buttons
-------------------------------------------------------*/
a.button {
	display:block;
	height:107px;
	margin:0 0 30px;
	text-indent:-999em;
	background:url(../images/branding/Enter2009Awards.png) 0 0 no-repeat;
	}

/* =Highlight Box
-------------------------------------------------------*/
div.highlightBox {
	padding:0 0 22px;
	}
	div.highlightBox a {
		overflow:hidden;
		position:relative;
		z-index:1;
		display:block;
		text-decoration:none !important;
		color:#fff !important;
		}
		div.highlightBox a em {
			position:absolute;
			top:-999em;
			left:0;
			width:331px;
			padding:12px;
			line-height:1.3;
			font-style:normal;
			opacity:.8;
			}
			div.highlightBox a:hover em {
				top:42px;
				}
		div.highlightBox a img {
			position:absolute;
			}
		div.highlightBox a strong {
			overflow:hidden;
			position:relative;
			z-index:1;
			display:block;
			line-height: 25px;
			padding:8px 12px 14px;
			font-size: 20px;
			font-weight: normal;
			color:#fff;
			}

div.side-pnl div.highlightBox {
	padding:0 0 22px;
	}
	div.side-pnl div.highlightBox a {
		overflow:hidden;
		position:relative;
		z-index:1;
		display:block;
		text-decoration:none;
		color:#fff;
		}
		div.side-pnl div.highlightBox a em {
			position:absolute;
			top:-999em;
			left:0;
			width:210px;
			padding:10px;
			line-height:1.3;
			font-style:normal;
			opacity:.8;
			}
			div.side-pnl div.highlightBox a:hover em {
				top:42px;
				}
		div.side-pnl div.highlightBox a img {
			position:absolute;
			}
		div.side-pnl div.highlightBox a strong {
			overflow:hidden;
			position:relative;
			z-index:1;
			display:block;
			line-height: 2px;
			padding:10px;
			font-size: 15px;
			font-weight: normal;
			color:#fff;
			}


/* =Breadcrumb
-------------------------------------------------------*/

.breadcrumb span {
	margin: 0 7px 0 7px;
	}

/* =General
-------------------------------------------------------*/

	 hr {
		margin-bottom: 20px ;
		margin-top: 15px;
		}

	 .youTubeVideo {
		margin: 15px 0 15px 0;
		display: block;
		}


/* = Pictures and Video Page
-------------------------------------------------------*/

	div.pandvContainer {
	width: 745px;
	margin-bottom: 15px;
	}

	div.pandvColRight {
		background-color: #E4E4E4;
		width: 345px;
		float:left;
		padding: 5px 5px 0 5px;
		overflow: hidden;
		}
	div.pandvColRight div {
		overflow: hidden;
		margin-bottom: 5px;
		}
	div.pandvColLeft {
		background-color: #E4E4E4;
		width: 370px;
		padding: 5px 10px 5px 10px;
		float:left;
		}
	div.pandvColLeft p {
		padding-bottom: 0;
		}




/* = Image Block
-------------------------------------------------------*/
div.image {
	overflow: hidden;
	border: 5px solid #e4e4e4;
	background-color: #e4e4e4;
	margin-bottom: 20px;
	}
div.image div {
	overflow: hidden;
	}	
	div.image p {
		padding:5px 0 2px 3px;
		font: italic 12px Georgia,Times, serif;
		color: #4d4d4d;
		background:#e4e4e4;
		}

/* Slideshow Block
-------------------------------------------------------*/

	div.ccm-SlideshowBlock-display {
		border: 4px solid #e4e4e4;
		border-top: 6px solid #e4e4e4;
		border-bottom: 6px solid #e4e4e4;
		background-color: #e4e4e4;
		}

/* General
-------------------------------------------------------*/

div.quoteBox {
	padding: 15px 15px 7px 15px;
	background-color: #f6f6f6;
	margin-bottom: 20px;
	}
	div.quoteBox h6 {
		line-height:1.3;
		color:#10496c;
		}

div.content ul {
	margin:0 0 0 8px; /* for ie6 */
	}
	body.awards div.content ul {
		list-style-image: url(../images/branding/awardsBullet.png);
		}
	body.fund div.content ul {
		list-style-image: url(../images/branding/fundBullet.png);
		}
	body.fellowships div.content ul {
		list-style-image: url(../images/branding/fellowshipsBullet.png);
		}
	body.activities div.content ul {
		list-style-image: url(../images/branding/activitiesBullet.png);
		}

	div.ccm-page-list-description {
	margin-bottom: 10px;
	}

	div.ccm-page-list-entry h3 {
	display: inline-block;
	line-height: 20px;
	padding-bottom: 0;
	}

	div.ccm-page-list-entry {
	margin-bottom: 15px;
	}

	div.ccm-page-list-entry img.ccm-output-thumbnail {
	float: left;
	display: block;
	margin-right: 20px;
	margin-top: 8px;
	}

/* CMS styling
-------------------------------------------------------*/

div.navigation div.ccm-block {
border:0;
margin:0 0 0 0;
overflow:hidden;
padding:0 ;
}

div.introImage div.ccm-block {
border:0;
margin:0 0 0 0;
overflow:hidden;
padding:0 ;
}

/* Buttons
-------------------------------------------------------*/

div.button {
	overflow:hidden;
	margin-bottom: 20px;
	background:url(../images/branding/buttonBg.png) 100% 100% no-repeat;
	}
	div.button span {
		display: block;
		font-size: 29px;
		padding:10px 20px 15px 15px;
		line-height:1.2;
		}
		div.button span a {
			color:#fff;
			}
	div.side-pnl div.button span {
		font-size: 24px;
		padding-bottom:7px;
		}


div.side-pnl div.button img {
	right: -8px;
	}


/* News Feed
-------------------------------------------------------*/
div.newsFeed h4 {
	padding: 0;
	margin: 0;
	width: 150px;
	float: left;
	color:#10496c;
	}

div.newsFeed div.rssIcon {
	float: right;
	padding-top: 6px;
	}

div.newsFeed hr {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	}

div.newsFeed p {
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 1px;
	}

div.newsFeed div.description {
	margin-bottom: 6px;
	}

/* Teaching
-------------------------------------------------------*/
ul.areas {
	width:765px;
	padding:0;
	margin:0 0 0 -20px !important;
	list-style:none;
	}
	ul.areas li {
		float:left;
		padding:0;
		margin:0 0 20px 20px;
		}
		ul.areas li.about-the-resources {display:none;}
		ul.areas li a {
			position:relative;
			float:left;
			width:215px;
			height:102px;
			padding:10px;
			transition-property:top, right;
			transition-duration:.3s;
			-moz-transition-property:top, right;
			-moz-transition-duration:.3s;
			-o-transition-property:top, right;
			-o-transition-duration:.3s;
			-webkit-transition-property:top, right;
			-webkit-transition-duration:.3s;
			color:#fff;
			background:#10496c;
			}
			ul.areas li a:hover {
				top:-2px;
				right:-2px;
				-moz-box-shadow:3px 3px 7px rgba(0,0,0,.8);
				-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.8);
				box-shadow:3px 3px 7px rgba(0,0,0,.8);
				text-decoration:none;
				}
			ul.areas li.topics a:after,
			ul.areas li.case-studies a:after,
			ul.areas li.dilemmas a:after {
				position:absolute;
				top:0;
				right:0;
				width:141px;
				height:28px;
				content:'';
				background:url("../images/branding/areasBg.png") 0 0 no-repeat;
				}
				ul.areas li.case-studies a:after {
					width:83px;
					background-position:-142px 0;
					}
				ul.areas li.dilemmas a:after {
					width:133px;
					background-position:-226px 0;
					}
				ul.areas li a strong {
					display:block;
					line-height:1;
					font-size:20px;
					}
				ul.areas li a em {
					font-style:normal;
					color:#94aeb6;
					}
					ul.areas li a:hover em {
						color:#fff;
						}
ul.subpages {
	width:774px;
	padding:0;
	margin:10px 0 0 -29px !important;
	list-style:none;
	}
	ul.subpages li {
		float:left;
		width:358px;
		padding:0;
		margin:0 0 20px 29px;
		}
		ul.subpages li:nth-child(2n+1) {
			clear:left;
			}
		ul.subpages li h3 {
			padding:0;
			font-size:22px;
			}
			ul.subpages li h3 a {
				display:block;
				min-height:24px;
				padding:10px 0 29px 10px;
				margin:0 0 10px;
				line-height:1;
				color:#10496c;
				background:#dfe7e9 url("../images/branding/buttonGrayCorner.gif") 100% 100% no-repeat;
				}
				ul.subpages li h3 a img {
					float:left;
					margin:0 10px 0 0;
					}
		ul.subpages li p {
			padding:0 0 0 10px;
			}