/*-----------------------------------------------------------------------------
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;*/
			}
		.sIFR-active h1 {font-size:50px;}
		.sIFR-active h2 {font-size:40px;}
		.sIFR-active h3 {font-size:30px;}
		.sIFR-active h4 {font-size:20px;}
		.sIFR-active h5 {font-size:17px;}
		.sIFR-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;
		}
.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;
		}
	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;
	}

	.content {
		float:left;
		width:745px;
		padding:0 0 150px;
		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;
				}
		.sIFR-active .side-pnl blockquote {
			font-size:16px;
		}

    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:9px 12px;
			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:7px 10px 4px 10px;
			font-size: 15px;
			font-weight: normal;
			color:#fff;
			}


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

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



/* =sIFR
-------------------------------------------------------*/
.sIFR-active div.highlightBox strong {
  visibility:hidden;
  font-family:Verdana;
  line-height:1em;
}

/* =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.content ul {
	margin:0 0 0 5px; /* 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;
		}
	div.side-pnl div.button span {
		font-size: 24px;
		padding-bottom:7px;
		}
		div.button span.sIFR-alternate {
			display:none;
			}


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


/* News Feed
-------------------------------------------------------*/

div.newsFeed h4 {
	padding: 0;
	margin: 0;
	width: 150px;
	float: left;
	}

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;
	}