/* Belleville - use the body to display half-bee */

body {
	background: url(/resources/images/maincontent-background.png) no-repeat 50% 396px;
	background-color : #ecf5ff;	
}

#main-content {
	background: none;
}

header {
	background-color : white;
}


/* End */

.article_container {
    margin-top : -150px;
    padding : 10px 0 10px 0;
}

/*     background-color : rgba(65.5,26.5,220.4,.7 ); */

.article_container>h1  {
	margin : 0 0 10px 0;
    padding :  .5% .5% .5% 1.5%;
    font-size : 1.9em;
    letter-spacing : .16em;
    background-color : rgba(37,147,255,.7 );
    color : white;
    text-transform: uppercase;
    font-weight : bold;
}

.article_style_wholepage {
    padding : 0%;
    float : left;
    width : 80%;
}

.article_style_wholepage.fullwidth {
    width : 100%;
    margin-left  : 0;	
}

.article_style_wholepage img {
    width : 100%;
}

/* version 19.07.08 - override the embedded images to make sure they are not too wide */
.article_style_wholepage p img {
    max-width : 850px;
    height : auto !important;
}

/* Read More - height are done by JS */

.hidden_read_more {
	height: 0;
	overflow : hidden;
  	transition: .7s ease;
  }

.read_more_text:before {
	content : "Read More >";
}

.read_less.read_more_text:before {
	content : "< Read Less";
}

.read_more_reveal {
 }
/* END Read More */


iframe.vimeo_video {
	width : auto;
	height : 640px;
}

iframe.youtube_video {
	width : auto;
	height : 620px;
}

#main-content article.vimeo_article section>h1 {
	padding : 20px 0 0px 0;
}


/* ----------------------------------- */

#main-content>div {
	min-height : 400px;
}

#main-content	article	{
	font-size : 1.1em;
	line-height : 1.6em;

	overflow : hidden;
	padding : 30px 50px 30px 50px;
	background-color : white;
	
}

#main-content	article	span.likkle{
	font-size : .8em;
	line-height : 1.2em;
	
}

#main-content	article img[style*="float:left"]	{
	margin-right: 2% !important;
}

#main-content	article img[style*="float:right"]	{
	margin-left: 2% !important;
}

/* Proj Specific */


/* End Proj Specific */

#main-content	article.ai_halfwidth {
	width : 45%;
	float : left;
	padding : 0 1% 0 1%;
	clear : none;
}


#main-content	article.ai_fullwidth {
	width : 98%;
}

div._grid_sizer {
	width : 48% !important;
}

.published_items:after {	
  content: '';
  display: block;
  clear: both;
}

/* Each article heading */


#main-content article section>h1 {
    text-transform: uppercase;
	padding : 0px 0 20px 0;
	font-size : 1.5em;
	color : #334666;
}


/* In ckeditor, this is Heading 1 */

#main-content	article		h2 {
	font-size : 2em;
	padding : 5px 0 5px 0;
	color : #3d78d1;
	font-weight : normal;
	
	}

#main-content	article		h3 {
	font-size : 1.5em;
	font-weight : bold;
	color : #498ef5;
	line-height : 1em;
}

#main-content	article		h4 {
	font-size : 1.1em;
	color : #113c73;
	font-weight : normal;
	line-height : 1em;
}

#main-content	article		h5 {
	font-size : .8em;
	color : #0095cd;
	font-weight : bold;
	line-height : 1em;
	padding : 0 0 0 0;
}

#main-content	article		h6 {
	font-size : 2.4em;
	color : #113c73;
	font-weight : bold;
	padding : 0 0 0 0;
}

#main-content	article	p {
	margin : 0 0 10px 0;
}

/* ================================================== */
/* The main content block (within 'main') */

#main-content	article	blockquote	{
	float : right;
	font-size : 1em;
	line-height :1.5em;
	font-weight : normal;
	font-style : italic;
	width : 40%;
	margin: 2%;
	background-color: #84acf1;
	color : white;
}

#main-content	article	blockquote	sup,
#main-content	article	blockquote	sub {
	font-style : normal !important;
}

#main-content	article	blockquote	p {
	margin: 0;
	padding: 16px;
}

article div.article_block_clear {
    overflow : hidden;
}

.mp_navarea	{
	clear : both;
	width : 100%;
}
/* ---------------------------- Right hand navigation on article pages -------------------------------- */

main nav  {
    min-height : 200px;
    width : 19%;
    margin-left : 81%;
    background-color : #cbe4ff; 
}

main nav  ul {
    padding: 2% 0 2% 0;
}

main nav   li {
    margin : 0;
    text-transform : capitalize !important;
    font-size : 1em;
    font-weight  : bold;
}

main nav li a {
    display : block;
    text-decoration: none;
    color : #143f6f;
    padding : 3% 4% 3% 4%;
}

main nav li a.hilight {
    color : #1c3b4f;
}

main nav li a:hover,main nav li a.deep:hover {
}

main nav li a.deep {
    display : block;
    text-decoration: none;
    padding-left : 8%;
    font-size : .8em;
}

main nav li a.deepl4 {
    display : block;
    text-decoration: none;
    padding-left : 10%;
    text-transform : uppercase !important;
    font-size : .8em;
}

/* Colours */

main nav  {
}

main nav li a:hover ,
main nav li a.deep:hover,
main nav li a.deepl4:hover {
    color : #2593ff;
}



/* ------ FileManger Modules -------- */

/*	position : absolute;	*/

.one_file	{
	overflow: hidden;
	display : block;
	padding : 20px 0 20px 0;
	border-bottom : 1px dotted #cccccc;
}

.one_file .icon	{
	width : 140px;
	height : auto;
	float : left;
}

.one_file .icon	img	{
	border : none;
}

.one_file .content	{
	margin-left : 150px;
	line-height : 1em;
}

.one_file .extras	{
	margin-left :8px;
	font-size : auto;
}

/* Single file page */

.one_file	.comments	{
	clear : both;
	padding-top : 15px;
}

.one_file	.comments	ul	{
	margin : 0;
	padding: 0;
}

.one_file	.comments	li	{
	border-top : 1px dotted #cccccc;
	list-style-type: none;
	margin : 10px 0 0 0;
	padding : 0;
}

.offsetleft	{
	margin-left : 140px;
}
.one_file	.comments	li	p	{
	margin : 0;
	padding : 0 0 0 140px;
}

.one_file	.properties	{
	
}

.one_file	.properties	h5	{
	font-size : 1em;
	float : left;
	width : 150px;
	font-weight : bold;
}

.one_file	.properties	p	{
	font-size : 1em;
	text-indent : 10px;
}

@media only screen and (min-width :300px) and (max-width : 1000px) {

	#main-content	article	span.likkle{
		font-size : inherit;
		line-height : inherit;
		
	}
	
	#second-banner {
		display : none;
	}
	
	#main-content	article	{
		padding : 2%;
	}
	
	#main-content article section>h1 {
	    text-transform: capitalize;
		padding : 2px 0 4px 0;
		font-size : 1.4em;
	}
	
	/* In ckeditor, this is Heading 1 */
	#main-content	article		h2 {
		font-size : 1.2em;
		padding : 5px 0 5px 0;
		color : #6cb9d4;
		font-weight : normal;
		
		}
	
	#main-content	article		h3 {
		font-size : 1.2em;
		font-weight : bold;
		color : #4aa9af;
		line-height : 1em;
	}
	
	#main-content	article		h4 {
		font-size : 1.1em;
		color : #949ecf;
		font-weight : normal;
		line-height : 1em;
	}
	
	#main-content	article		h5 {
		font-size : .8em;
		color : #6cb9d4;
		font-weight : bold;
		line-height : 1em;
		padding : 0 0 0 0;
	}

/* 		font-size : .7em;
		font-weight : bold;
		padding : 0 0 0 0;
 */	
	#main-content	article		h6 {
		color : #5a819b;
	}


	#main-content	article	p {
		margin : 0;
	}

	#main-content	article	blockquote	{
		float : none;
		width : 100%;
		margin : 0;
	}
	
	.article_container {
    	margin-top : 0;
    	padding : 2%;
		width : 96%;
    	
	}

	.article_style_wholepage.fullwidth {
	    width : 100%;
	    padding : 0 ;
	    margin-left  : 0 ;	
	    background-color : transparent;
	}


	.article_style_wholepage {
	    background-color : transparent;
	    width : 100%;
	    float:left;
	    padding : 0%;
	}
	
	iframe.vimeo_video {
		width : auto;
		height : 640px;
	}

	#main-content article.vimeo_article section>h1 {
		padding : 10px 0 0px 0;
	}


/* Proj Specific */

	
}
@media only screen and (min-width :1000px) and (max-width : 1200px) {
	iframe.youtube_video {
		width : auto;
		height : 435px;
	}
	
}

@media only screen and (min-width :750px) and (max-width : 1000px) {

	iframe.youtube_video {
		width : auto;
		height : 415px;
	}
}
@media only screen and (min-width :200px) and (max-width : 750px) {

	iframe.youtube_video {
		width : auto;
		height : 315px;
	}
}