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

Screen styles

* Base Screen and template styles
* Version:   1.0
* Author:	Daniel Eberhardt -
* Website:	GLCC

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

@import "lib/grid.css";
@import "lib/text.css";
/*@import "../plugins/sifr/sifr.css";*/
/*Colours*/





/* Site
-------------------------------------------------------------- */

html{
				background: rgb(248, 247, 236);
				height: 100%;
				margin-bottom: 0;
				line-height: 0;
				border-top: .5em solid rgb(43, 42, 40);			
				}

body{
				margin-bottom: 0;

				color : rgb(85, 85, 85);
				background: rgb(248, 247, 236) url(_img/bg-watercolour.jpg) no-repeat 50% 9em;
				}
body.trial-login
{
				background-image: none;
				}
/* @group Layout */

#page{
				position: relative;
				width: 960px;
				margin: 0 auto;
				}

#body
{
				position: relative;
				width: 880px;
				margin: 0 auto 0;
				padding: 4em 40px 2em;
				
				border-radius: 6px 6px 0 0;
				-moz-border-radius: 6px 6px 0 0;
				-webkit-border-radius: 6px 6px 0 0;
				
				background: url(_img/bg-body-content.png) repeat-x 0 0;
				/*background: url('_img/8_col.png') repeat 40px 0;
				outline: 1px dotted black;*/
				}
body.trial-login #body
{
				background: none;
				}
.article
{
				clear: both;
				/*outline: 1px dotted green;*/
				}
.article .section
{
				margin: 0 10px 2em;
				padding: 2em 0 1.092em;

				/*border-bottom: 1px dotted rgb(159, 159, 159);*/
				/*outline: 1px dotted red;*/
				}



#trials .section, #trial-particulars .section
{
				border-bottom: 0;
				padding-bottom: 2em;
				}


.aside .section,
.section .aside
{
				margin: 0 0 2em;
				padding: 0;
				border-bottom: 0;
				}

.aside .section
{
				padding: 1.667em 0 2em;				
				background-image: url('_img/aside-section-border.png');
				background-repeat: repeat-x;
				background-position: left top;
				}
.aside div.section:first-child
{
				padding-top: 0;
				background-image: none;
				}

.aside div.section.highlight
{
				padding-top: 1em;
				}
.aside div.section:first-child
{
				margin-top: -2em;
				}

.aside div.section p:last-child
{
				margin-bottom: 0;
				}
.header
{
				margin-left: 10px;
				margin-right: 10px;
				}
#mCnt,
#sCnt
{
				float: left;
				margin: 0 10px;
				}

.layout-1 .content
{
				float: left;
				width: 530px;
				display: inline;
				padding-right: 110px;
				margin-right: 10px;
				}



.layout-1 .aside
{
				float: left;
				width: 200px;
				display: inline;
				margin: 0 0 0 10px;
				padding-top: 2em;
				}
.layout-2 .content
{
				float: left;
				width: 640px;
				display: inline;
				margin: 0 10px 0 0;
				}

.layout-2 .aside
{
				float: left;
				width: 200px;
				display: inline;
				margin: 0 0 0 10px;
				padding-top: 2em;
				}
.layout-1 .bl,
.layout-2 .bl
{
				width: 199px;
				padding: 0 0 0 10px;
				
				margin: 0;
				border-left: 1px solid rgb(223, 222, 208);
				}
				
				
/* @end */


/* @group Base typography */

#body .header
{
				margin-top: 2em;
				}
h1.sectionHdr
{
				margin: 0 10px 0.8em;
				padding-bottom: 0.367em;
				border-bottom: 1px dotted rgb(143, 144, 121);
				font-family: "Century Gothic", Helvetica;
				font-weight: bold;
				text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
				color: rgb(43,42,40);
				}

.header h1.sectionHdr
{
				margin-left: 0;
				margin-right: 0;
				padding-left: 5px;
				padding-right: 5px;
				margin-top: -.667em;
				}

.header p
{
				width: 630px;
				padding-left: 5px;
				padding-right: 5px;
				
				font-size: 14px;
				line-height: 1.714;
				}


.section h2, .section h3, .section h4, .section h5, .section p, .section li
{
				padding-left: 5px;
				padding-right: 5px;
				}


.content h2:first-child
{
				padding-top: 0;
				}

.content h2
{
				padding-top: 2em;
				}


.aside .section h2
{
				margin-bottom: .5em;
				font-size: 12px;
				line-height: 1.5em;
				}
p strong
{
				color: rgb(0, 0, 0);
				}






blockquote, q{
				quotes: "" "";
				}

blockquote{
				margin: 2em 60px;
				
				font: italic 14px/1.714 "Times New Roman", Times, serif;
				
				}
blockquote p{
				padding: 0 20px 2em;		
				letter-spacing: 0.075em;
				
				}

blockquote:before, blockquote:after, q:before, q:after{
				content: "";
				}

#mCnt li
{
				list-style: none;
				list-style-image: url(_img/bullet.png);
				}


.aside li
{
				margin-bottom: 1.091em;
				margin-left: 20px;
				padding-left: 0;
				
				color: rgb(100,100,100);
				font-size: 11px;
				line-height: 1.636em;
				list-style: circle;				
				}

.section ul.linkList li
{
				margin-left: 5px;
				padding-left: 5px;
				padding-right: 5px;
				list-style: none;
				}



/* @end */



/* @group Hmenu */

ul.hmenu,
.hmenu ul{
				margin: 0;
				padding: 0;
				}

.hmenu li{
				float: left;
				list-style: none;
				margin: 0;
				padding: 0;
				}

.hmenu li a{
				float: left;
				display: block;
				}

/* Clearing floats without extra markup  */
ul.hmenu:after,
.hmenu ul:after
{
				clear: both;
				content: '.';
				display: block;
				visibility: hidden;
				height: 0;
				}

ul.hmenu,
.hmenu ul{
				display: inline-block;
				}

* html ul.hmenu,
* html .hmenu ul{
				height: 1%;
				}

ul.hmenu, .hmenu ul{
				display: block;
				}

ul.nav,
ul.nav li
{
				list-style: none;
				list-style-image: none !important;
				margin-left: 0;
				padding-left: 0;
				}

/* @end */
/* @group MAsthead */

#masthead
{
				border-bottom: 0;
				padding-bottom: 1px;
				margin-top: 2em;
				margin-bottom: 1.333em;
				}

#branding
{
				float: left;
				width: 240px;
				margin: 0 10px;
				}

body.trial-login .brand
{
				position: absolute;
				top: 3.5em;
				right: 50px;
				width: auto;
				margin: 0 10px;
				z-index: 2;
				}
				
.brand
{
				margin-bottom: 0;
				padding-left: 0 !important;
				}
.brand img{
				display: block;
				}

.brand span{
				display: block;
				margin-top: 5px;
				color: rgb(85, 98, 165);
				text-decoration: none;
				font: normal normal 14px/1.714 "Century Gothic", Helvetica, Verdana, "Sans Serif";
				}
.brand a:hover
{
				text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
				}

.tagline{
				margin-bottom: 0;
				}


/* @end */

/* @group Navigation */

/* @group Nav */

.nav
{
				padding-bottom: 2em;
				}

.nav li a
{
				display: block;
				margin-bottom: .545em;
				padding: 0 5px;
				
				font-size: 11px;		
				line-height: 1.636;
				letter-spacing: 0.025em;
				text-transform: none;
				}

.nav li a:visited
{
				color : rgb(83, 97, 161);
				}

.nav li a.show-all
{
				display: block;
				margin-top: 1.091em;
				padding-top: 1em;
				margin-bottom: .545em;
				border-top: 1px dotted rgb(202, 201, 187);
				font-style: italic;
				}

/* @end */

/* @group Utility Nav */

#utilityNav
{
				position: absolute;
				top: 2em;
				right: 10px;
				}
#utilityNav li
{
				float: left;
				overflow: hidden;
				padding-top: 0px;
				color: rgb(125, 124, 98);			
				}

#utilityNav li:after
{
				color: rgb(125, 124, 98);
				content: " | ";
				}
#utilityNav li:last-child:after
{
				content: "";
				}
#utilityNav a
{
				float: left;
				padding: 5px 5px 2px;
				margin: 0 5px 0;
				
				color: rgb(125, 124, 98);
				line-height: 1.2em;
				text-decoration: none;
				}

#utilityNav li.here a
{
				color: rgb(43, 42, 40);
				font-weight: bold;
				}

#utilityNav a:hover
{
				border-bottom: 1px dotted rgb(125, 124, 98);
				padding-bottom: 1px;
				}

/* @end */



/* @group Main Navigation */

#navigation
{
				float: right;
				width: 680px;
				margin: -3em 10px 3em;
				}

#navigation ul
{
				float: right;
				clear: right;
				}
#navigation li:last-child a
{
				margin-right: 0;
				}


#primaryNav
{
				margin-top: .5em;
				}

#primaryNav li
{
				color: rgb(106, 151, 18);
				}

#primaryNav li a
{
				float: left;
				padding: 5px 5px 2px;
				margin: 0 10px 0;
				
				font-size: 14px;
				font-weight: bold;
				line-height: 1.714;
				color: rgb(106, 151, 18);
				text-decoration: none;
				text-transform: uppercase;
				}
#primaryNav li a:visited
{
				color: rgb(106, 151, 18);				
				}
#primaryNav li.here a
{
				color: rgb(34, 34, 34);
				text-shadow: 1px 1px 1px rgba(0,0,0, .25);
				}
#primaryNav li a:hover
{
				border-bottom: 0;
				color: rgb(43, 42, 40);
				}

/* @end */

/* @group Sub Navigation */

.subNav
{
				width: 880px;
				margin: -1.333em auto 1px;
				overflow: hidden;
				}

.subNav .sectionPos,
.subnav ul
{
				float: left;
				margin: 0 10px;
				}
.subNav .sectionPos
{
				padding-right: 29px;
				margin: 5px 30px .8em 0;
				border-right: 1px solid rgb(167, 184, 130);
				
				font-size: 14px;
				font-weight: bold;
				line-height: 1.714;
				text-transform: uppercase;		
				}

.subNav li a
{
				float: left;
				padding: 5px 5px 1em;
				margin: 0 10px 0;
				
				font-size: 13px;
				font-weight: bold;
				line-height: 1.845em;
				color: rgb(43, 42, 40);
				text-decoration: none;
				}
.subNav li a:visited
{
				color: rgb(43, 42, 40);				
				}
.subNav li a:hover
{
				border-bottom: 0;				
				color: rgb(0, 0, 0);
				}
.subNav li.here a,
.subNav li.parent-here a
{
				color: rgb(121, 121, 121);
				background: url(_img/sub-nav-pointer.png) no-repeat center bottom;
				}

/* @end */

/* @group Category Navigation */

.catNav
{
				margin-top: 1em;
				margin-bottom: 0;
				}
.aside .nav li
{
				list-style: none;
				margin-left: 0;
				margin-bottom: 0;
				}

.aside .catNav li
{
				margin-bottom: .917em;
				border-bottom: 1px solid rgb(202, 201, 186);
				}
.aside .catNav li:last-child
{
				border-bottom: 0;
				}

/*.catNav li a,
.catNav li a:visited
{
				color: rgb(85,85,85);
				}*/
.catNav li.here a
{
				color: rgb(43,41,48);
				font-weight: bold;
				text-indent: 0;
				text-decoration: none;
				}
.catNav li.here a:before
{
				content: " « ";
				font-weight: bold;
				font-size: 18px;
				line-height: .85;
				}
.catNav li a:hover
{
				border-bottom: 0 !important;
				}

/* @end */

/* @end */

/* @group General */

/* @group Highlight boxes and messages */

.highlight
{
				padding-bottom: 1em;
				border-bottom: 0 !important;
				border-radius: 2px;
				-moz-border-radius: 2px;
				-web-kit-border-radius: 2px;
				
				background: rgb(228, 234, 198);
				}
				
.aside .highlight,
.aside.highlight
{
				padding-top: 1em;
				margin-top: 0;
				}
.highlight h2
{
				margin: 1em 10px;
				
				font-size: 12px;
				line-height: 2;
				}
.aside .highlight h2
{
				margin-top: 0;
				}
.highlight p
{
				margin: 1.091em 10px 2.182em;

				font-size: 11px;
				line-height: 1.745;
				letter-spacing: 0.025em;
				color: rgb(85,85,85);
				}
.aside .highlight ul
{
				margin: 1.091em 10px 2.182em 5px;

				font-size: 11px;
				line-height: 1.745;
				letter-spacing: 0.025em;				
				}
.aside .highlight li
{
				padding-left: 0;
				padding-right: 5px;
				color: rgb(85,85,85);
				text-transform: none;
				font-weight: normal;
				list-style: circle;
				}
.message
{
				margin-bottom: 4em;
				padding-top: 2em;
				background: rgb(255, 255,255);
				border: 10px solid rgb(208, 222, 140) !important;
				text-align: center;
				}

.message p,
#no-vacancy p
{
				margin-top: 0;
				margin-bottom: 2em;
				
				font-size: 12px;
				line-height: 2em;
				}
.message h1
{
				text-align: center;
				margin-bottom: 0;
				}
.layout-wide .content .message
{
				padding: 1em 60px;
				}
#no-vacancy
{
				margin-top: -2em;
				padding-top: 2em;
				margin-bottom: .25em;
				text-align: center;
				}
#no-vacancy h2
{
				margin-bottom: 0 !important;
				}
#msg404 .message
{
				text-align: left;
				padding-left: 160px;
				}
#msg404 .message h1
{
				text-align: left;
				}
/* @end */

/* @group Homepage */

.homepage #featureBlock
{
				border: 12px solid rgba(0, 0, 0, 0.06);
				padding: 0;		
				}
.homepage #featureBlock .header
{
				margin: 0;
				padding: 35px 318px 2em 50px;
				background: rgb(3, 13, 11) url(_img/bg-hompage-feature.jpg) no-repeat 50% 50%;
				}
.homepage #featureBlock h2
{
				color: rgb(255, 255, 255);
				font: bold 36px/1.2 "Century Gothic", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
				}

.homepage #featureBlock h3
{
				color: rgb(210, 223, 105);
				font: normal 12px/2 Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
				text-transform: uppercase;
				}

.homepage #featureBlock li
{
				margin-left: 0;
				list-style: none;

				color: rgb(210, 215, 177);
				}

.homepage #featureBlock li strong
{
				width: 140px;
				float: left;
				margin-right: 20px;
				color: rgb(255, 255, 255);
				font-weight: normal;
				}
.homepage #featureBlock p a
{
				color: rgb(218, 119, 67);
				font-style: italic;
				font-weight: normal;
				}

.homepage #body
{
				padding-bottom: 0;
				padding-top: 2em;
				margin-bottom: .75em;
				}
.homepage .article
{
				margin-top: 2em;
				padding-top: .75em;
				border-top: 0.416em solid rgba(0,0, 0, .2);
				}
.homepage .article .section
{
				padding: 0;
				margin-bottom: 0;
				}
.homepage .article .content
{
				float: left;
				width: 420px;
				margin: 2em 10px 0 0;
				}
.homepage .aside
{
				float: left;
				width: 430px;
				margin-bottom: 0; 
				
				background: url(_img/divider-vert-dotted.png) repeat 0 0;
				}
.homepage .aside .section
{
				float: left;
				width: 195px;
				clear: none;
				margin: 0 10px !important;
				padding: 2em 0 !important;
				background: none;
				}

/* @end */

/* @group News */

#news .article
{
				position: relative;
				padding: 0 0 2em 110px;
				margin: 0 0 2em 0;
				}

#news .post-header
{
				position: relative;
				}
.post-header h3
{
				padding-bottom: 0;
				}

.post-header h3 a
{
				color: rgb(43,42,40);
				}

#news .post-header .date-posted,
.header .date-posted
{
				color: rgb(150, 150, 150) !important;		
				font-size: 90%;
				line-height: 1.2em;
				}
.header .date-posted
{
				display: block;
				margin-top: -1em;
				margin-left: 5px;
				}
#news .post-header .date-posted
{
				position: absolute;
				left: -110px;
				top: 0;
				width: 90px;
				}
#news .post-header .date
{
				white-space: nowrap;
				}
/* @end */

body.trial-login .header
{
				margin-top: 2em;
				}

/* @group Asides */

#newsList li
{
				list-style: none;
				margin-left: 5px;
				padding-left: 18px;
				background: url(_img/bullet-news.png) no-repeat 0 0.5em;
				}

#newsList li.last
{
				list-style: none;
				margin-left: 5px;
				padding-left: 5px;
				padding-top: .5em;
				border-top: 1px dotted rgb(149, 148, 142);
				background: none;
				}
#newsList li a,
#newsList li .date-posted
{
				display: block;
				}

#aside-our-services ul,
#aside-our-services li
{
				list-style: square;
				color: rgb(50, 50, 50);
				}
#aside-useful-links ul
{
				padding-left: 5px;
				padding-right: 5px;
				margin-bottom: 0;
				}
#aside-useful-links li
{
				list-style: none;
				margin-left: 0;
				padding-left: 0;
				}



/* @end */

/* @end */

/* @group Trials Listings */
#trials-list
{
				margin: 0;
				}
#trials-list li
{
				padding-left: 0;
				padding-right: 0;
				}
.catHdr
{
				padding-left: 0;
				padding-right: 0;
				margin-bottom: 1.5em;
				
				color: rgb(106,151,18);
				text-transform: uppercase;
				font: normal 16px/1.5 Helvetica;
				}
				
.trial
{
				margin: 0 0 2em;
				padding: 2em 0;
				overflow: hidden;
				zoom:1;
				}				
				
.brief-trial-info
{
				float: left;
				width: 200px;
				margin: 0 10px 0 0;
				}
.brief-trial-info h3
{
				font-size: 16px;
				font-weight: bold;
				line-height: 1.5;
				text-transform: uppercase;
				}
.brief-trial-info h3 a
{
				color: rgb(43, 42, 40);
				}
.brief-trial-info ul,
.brief-trial-info li
{
				margin-left: 5px;
				list-style: none;
				list-style-image: none !important;
				}

.brief-trial-info ul li
{
				margin-left: 0;
				font-size: 11px;
				font-weight: 100;
				line-height: 1.5;

				color: rgb(115,118,111);
				letter-spacing: 0.025em;
				}


.trial-extract
{
				float: left;
				width: 420px;
				margin: 0 0 0 10px;
				}

.trial-extract p
{
				padding-right: 20px;
				}

/* @end */

/* @group Trail Detail */


#trial
{
				border-bottom: 0;
				}
div#completed
{
				position: relative;
				}

div#completed .completed
{
				position: absolute;
				left: -30px;
				top: .9em;
				
				padding: 6px 20px 2px 10px;
				
				background: rgb(255, 89, 0);
				
				font-size: 10px;
				line-height: 10px;
				color: rgb(255, 255, 255);
				text-transform: uppercase;
				letter-spacing: 0.025em;
				}
#trial .highlight
{
				position: relative;
				padding: 2em 0 1em;
				margin-bottom: 4em;
				overflow: hidden;
				border-bottom: 0;
				}
#trial .highlight h2
{
				margin: 0;
				}
.highlight p.phase
{
				position: absolute;
				right: 0;
				top: 0;
				bottom: 0;
				outline: 1px solid rgb(245,245,226);
				
				width: 180px;
				padding: 3em 10px 0 20px;
				margin: 0;
				
				color: rgb(105, 105, 105);
				letter-spacing: 0.025em;
				}

.phase strong
{
				display: block;
				font-size: 24px;
				line-height: 1em;
				color: rgb(43, 42, 40);
				letter-spacing: -0.025em;
				}

span.roman,
#trial-description p span span.caps,
.trial-extract  p span span.caps
{
				font-family: Baskerville, Palatino, "Book Antiqua", serif !important;
				letter-spacing: 0.075em !important;
				}

.brief-trial-info ul li span.roman
{
				font-size: 12px;
				}

.glcc-services
{
				margin: 0 10px;
				overflow: hidden;
				}

.glcc-services h2
{
				font-size: 12px;
				line-height: 2em;
				padding-left: 10px;
				}

.glcc-services ul
{
				float: left;
				width: 180px;
				margin-left: 0;
				padding: 0 10px;
				list-style: none;
				}
.glcc-services ul li
{
				margin-left: 0;
				padding-left: 0;
				font-size: 11px;
				line-height: 1.636;
				color: rgb(85,85,85);
				}
.glcc-services ul.add-services
{
				width: 420px;
				font-style: italic;
				letter-spacing: 0.025em;
				border-left: 3px solid rgba(106,151,18,.5);
				}

.glcc-services ul.add-services li
{
				padding-right: 20px;
				color: rgb(43,42,40);
				}
#trial-particulars
{			
				border-width: 0;
				}
#trial-particulars .content
{
				margin-left: 0;
				margin-right: 10px;
				}

#trial-particulars div
{
				margin-bottom: 4em;
				}
#trial-particulars p,
#trial-particulars h3
{
				padding-right: 20px;
				padding-left: 5px;
				}
#trial-particulars h3
{
				margin-bottom: 0;
				font-size: 16px;
				}
#trial-specifics
{
				float: left;
				width: 200px;
				margin: 0 10px 0 0;				
				}

#trial-specifics ul,
#trial-specifics li
{
				margin-left: 0;
				padding-left: 0;
				list-style: none;
				}
#trial-specifics li
{
				padding-left: 5px;
				font-size: 11px;
				line-height: 1.636;
				
				color: rgb(105, 105, 105);
				}
#trial-description
{
				float: left;
				width: 420px;
				margin: 0 0 0 10px; 
				}


#trial-particulars #abstract
{
				clear: left;
				margin-left: -2em;
				margin-bottom: -8em;
				padding-left: 2em;
				padding-top: 2em;
				padding-bottom: 2em;
				
				
				border-bottom: 0;
				border-top: 5px solid rgba(106, 151, 18, .5);
				border-left: 5px solid rgba(106, 151, 18, .5);
				}
#trial-particulars #abstract h3
{
				display: block;
				}
#trial-particulars .aside .section:first-child
{
				margin-top: 0;
				}


#abstract #journals
{
				float: right;
				width: 200px;
				padding: 10px;
				margin-left: 20px;
				}

#abstract #journals h4
{
				font-size: 11px;
				line-height: 1.636em;
				}

#abstract #journals li
{
				list-style: none;
				margin-left: 0;
				padding-left: 5px;
				}
#abstract .section-intro p
{
				font-size: 14px;
				line-height: 1.714;
				}
.attachments
				{
				background: rgb(230, 230, 230);
				padding: 1em;
				border: 1px solid #DDD;
				clear: both;
				}

.attachments ul
				{
				list-style: none;
				margin: 0.917em;
				overflow: hidden;
				}
.attachments li
{
				float: left;
				width: 100%;
				border-bottom: 1px dotted rgb(190, 190, 190);
				margin: 0 0 1.091em;
				padding: 0 0 1em;
				}

.attachments p
				{
				font-size: 0.917em;
				line-height: 1.636em;
				}

.attachments li a
				{
				float: left;
				width: 50%;
				display: block;

				font-size: 0.917em;
				line-height: 1.636em;
				}

.attachments li p
				{
				float: left;
				clear: none;
				width: 85%;
				margin-right: 0;
				margin-left: 15px;
				margin-bottom: 0;
				}

.attachments li a
				{
				display: block;
				float: left;
				padding-left: 20px;
				background: url('_img/icn-document-arrow.png') no-repeat 0 0;
				}

/* @end */

/* @group Job Opportunities */

.job-position
{
				clear: both;
				overflow: hidden;
				_zoom:1;
				margin-bottom: 2em;
				padding-bottom: 1.917em;
				border-bottom: 1px dotted rgb(159, 159, 159);
				}
.job-position h3,
.job-position p.positionLocation
{
				float: left;
				}
.job-position p.positionLocation

{
				clear: left;
				}
.job-position .job-content
{
				clear: left;
				float: left;
				width: 620px;
				}
.job-position .aside
{
				position: relative;
				float: right;
				width: 200px;
				display: inline;
				margin: 0 0 0 10px;
				padding: 2em 1em 4em;
				-moz-border-radius: 2px;
				-web-kit-border-radius: 2px;
				
				background: rgb(228, 234, 198);
				}

.job-position .aside ul,
.job-position .aside li
{
				
				list-style: none;
				margin-left: 0;
				padding-left: 0;
				}

.job-position .applyNow
{
				position: absolute;
				bottom: 0;
				right: 0;
				left: 0;
				margin-bottom: 0;
				background: rgb(208, 222, 140);
				padding: 1em;
				}
.job-position .applyNow a
{
				display: block;

				color: rgb(255, 89, 0);
				font-weight: bold;
				text-align: center;
				font-size: 16px;
				line-height: 1.125;
				}
.job-position .applyNow a:hover
{
				text-decoration: none;
				color: rgb(43, 42, 40);
				}
.job-position li abbr
{
				display: block;
				}

/* @end */

/* @group Our people */

#key-people
{
				border-bottom: 1px dotted rgb(159, 159, 159);
				margin-bottom: 2em;
				}
#key-people .section,
#staff-members .section
{
				margin-left: 0;
				margin-right: 0;
				}
#key-people .section
{
				margin-bottom: 0;
				}
#key-people h2,
#staff-members h2
{
				margin-left: 10px;
				margin-right: 10px;
				}

#key-people .vcard,
#staff-members .vcard,
#key-people .highlight
{
				float: left;
				width: 200px;
				display: inline;
				margin: 0 10px 6em;
}
#staff-members .section
{
				border-bottom: 0;
				padding-bottom: 2em;
				}
.vcard .figure,
#bio .photo
{
				position: relative;
				
				overflow: hidden;
				display: block;
				margin: 0;
				padding: 0px;
				border: 4px solid rgb(255,255,255);
				border-radius: 1px;
				-moz-border-radius: 1px;
				-webkit-border-radius: 1px;
				
				-moz-box-shadow: 0 1px 1px rgba(0,0,0,.35);
				
				background: rgb(255,255,255);
				}
.vcard .figure
{
				width: 192px;
				height: 136px;
				margin-bottom: .5em;
				}
.vcard .figure img
{
				position: absolute;
				bottom: -50%;
				}
.vcard h3.fn
{
				font-size: 12px;
				line-height: 2;
				}
.vcard .fn abbr
{
				border-bottom: 1px dotted rgb(85, 85, 85);
				}
.vcard .role
{
				min-height: 3.27em;
				margin-bottom: 0;
				
				font-size: 11px;
				font-style: italic;
				line-height: 1.636;
				letter-spacing: 0.025em;
				color: rgb(85,85,85);
				}
.vcard .contact-details ul
{
				margin-top: 1em;
				margin-bottom: 0;
				}
.vcard .contact-details ul, .vcard .contact-details li
{
				list-style: none;
				margin-left: 0;
				padding-left: 0;			
				}
.vcard .contact-details li
{
				font-weight: bold;
				font-variant: small-caps;
				text-transform: lowercase;
				color: rgb(43,42,40);
				}
.vcard .contact-details li span,
.vcard .contact-details li a
{
				font-weight: normal;
				font-variant: normal;
				color: rgb(85,85,85);
				}
.vcard li.tel span.type
{
				display: none;
				}

.vcard .adr p
{
				line-height: 1.5em;
				margin-bottom: 2em;
				}

#bio .content,
#contact-info .content
{
				float: left;
				width: 640px;
				}
#bio .content
{
				position: relative;
				padding-left: 220px;
				width: 420px;
				margin-right: 10px;			
				}
#bio img
{
				position: relative;
				float: left;
				left: -220px;
				margin-right: -220px !important;
				
				-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.25)
				}

#bio .aside,
#contact-info .aside
{
				float: left;
				width: 200px;
				margin-left: 10px;
				}

/* @end */

/* @group Contacts */

#contact-info .aside
{
				}
#bio .aside h3, #bio .aside h4, #bio .aside h5
{
				font-size: 12px;
				}
.job
{
				float: left;
				width: 300px;
				margin: 1em 10px 2em 0;
				padding: 1em 0 1em 10px;

				border-bottom: 1px solid rgb(181, 181, 171);
				}

.job .street-address, .job .extended-address
{
				display: block;
				}

#contact-info .section
{
				border-bottom: 0;
				}
#contact-info .content
{
				border-right: 1px solid rgb(223, 222, 208);
				padding-right: 10px;
				margin-right: 0;
				}
#contact-info .content h2
{
				font-size: 18px;
				font-weight: normal;
				line-height: 1.333;
				margin-bottom: 0;
				margin-top: -1em;
				}

#contact-info h3
{
				font-size: 12px;

				}

#contact-info h4
{
				font-size: 11px;
				line-height: 2.182;
				color: rgb(43,42,40);
				}
.job .contact-details ul
{
				padding-left: 5px;
				padding-right: 5px;
				}
#more-bios em
{
				display: block;
				opacity: .75;
				font-style: normal;
				}
#more-bios .here em
{
				margin-left: 15px;
				}

.aside .contact-details
{
				margin-top: -2em;
				margin-bottom: 2em;				
				}
.aside .contact-details h2.org
{
				margin-bottom: 2.5em;
				font-size: 12px;
				line-height: 1.5;
				}

.aside .contact-details h3
{
				margin-bottom: .5em;
				padding: 0;
				font-size: 12px;
				line-height: 1.5;
				}
.aside .contact-details .vcard .tel,
.aside .contact-details .vcard .adr,
.aside .contact-details .vcard .email-address
{
				padding: 0 5px;
				}

.aside .contact-details .vcard .tel,
.aside .contact-details .vcard .email-address
{
				font-weight: bold;
				color: rgb(0, 0, 0);
				}
.aside .contact-details .vcard .tel span.value,
.aside .contact-details .vcard .email-address a
{
				font-weight: normal;
				color: rgb(85, 85, 85);
				}
.aside .contact-details .vcard .tel span.hide
{
				display: none;
				}

/* @end */
/* @group Contact Form */

#form-contact,
#form-job-application
{
				padding-top: 1em;
				background: rgb(228, 234, 198);
				}

form fieldset
{
				border: 0;
				padding-bottom: 2em;
				}
form fieldset legend
{
				border: 0;
				background: transparent;
				margin-bottom: 0;
				padding: 0;
				}

form fieldset legend + p
{
				margin-top: 0em !important;
				padding-bottom: .5em;
				border-bottom: 1px dotted rgb(196, 196, 196);
				}
form span.req
{
				color: rgb(208, 42, 10);
				font-weight: bold;
				font-size: 16px;
				line-height: 1.125;
				}
form fieldset .note
{
				color: rgb(20, 20, 20);
				font-style: italic;
				}

form .form-field
{
				float: left;
				width: 45%;
				margin: 0 4% 1.5em 0;
				overflow: hidden;
				
				_zoom:1;
				}

form #applicantsDetails .form-field
{
				float: left;
				width: 28%;
				margin: 0 4% 1.5em 0;
				overflow: hidden;
				
				_zoom:1;
				}

form .full
{
				float: none;
				clear: both;
				display: block;
				width: 100%;
				margin-right: 0;
				}

form .full textarea
{
				width: 92%;
				height: 20em;
				
				font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
				font-size: 13px;
				line-height: 1.385;
				}
#form-job-application .full textarea
{
				height: 10em;
				}
#form-contact .checkbox,
#form-contact .submit-field
{
				width: auto;
				}
#form-contact #title-prefix
{
				float: left;
				width: 20%;
				margin-right: 0;
				}
#form-contact #title-prefix select
{
				width: 90%;
				}
#form-contact #subject
{
				float: left;
				width: 75%;
				}

#form-contact #email-address
{
				clear: left;
				}
form .group
{
				overflow: hidden;
				}
form label
{
				display: block;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 10px;
				line-height: 1.8em;
				}
form .form-field input.text-field
{
				width: 96%;
				display: block;
				}
form .submit-field
{
				clear: both;
				}
#form-job-application .submit-field
{
	float:left;
	margin-right: 20px;
}
form .fileField
{
				width: auto;
				}
/* @end */



/* @group Footer */

#footer
{
				padding-bottom: 4em;
				clear: both;
				}

.mcta
{
				margin: 0 10px 1em;
				padding: 1.583em 220px 1em 20px;
				border-top: 0.416em solid rgba(0,0, 0, .2);
				}
.mcta p
{
				margin-bottom: 0;
				font-size: 21px;
				font-weight: bold;
				line-height: 1.143;
				color: rgb(43, 42, 40);
				
				}

.mcta p a
{
				color: rgb(255, 89, 0);
				text-decoration: none;
				}

.mcta p a:after
{
				content: " » ";
				}

.mcta p a:hover
{
				color: rgb(255, 89, 0);
				border-bottom: 1px dotted rgb(255, 89, 0);
				}

.mcta p a:hover:after
{
				margin-left: 3px;
				}

#foot-sitemap
{
				overflow: hidden;
				margin: 0 10px 2em;
				padding: 0;
				border-top: 1px solid rgba(0, 0, 0, .2);
				}
#foot-sitemap ul#sitemap
{
				overflow: hidden;
				border: 1em solid rgb(231, 232, 228);
				border-width: 1em 0 2em;
				padding: 1em 0;
				margin-bottom: 1px;
				margin-top: 1px;
				background: rgb(231, 232, 228) url(_img/bg-sitemap-line.png) repeat -10px 0;
				}
#foot-sitemap li
{
				float: left;
				width: 190px;
				
				margin: 0 10px;
				padding: 0;
				padding-left: 0;
				
				list-style: none;
				}
#foot-sitemap li,
#foot-sitemap li a
{
				font-weight: bold;				
				color: rgb(43, 42, 40);
				text-transform: uppercase;
				}
#foot-sitemap li ul
{
				overflow: hidden;
				margin: 0;
				}
#foot-sitemap li ul li
{
				padding-left: 0;
				margin-right: 0;
				
				font-weight: normal;
				}
#foot-sitemap li.alpha
{
				margin-left: 0;
				}

#foot-sitemap li.omega
{
				margin-right: 0;
				margin-left: 10px;
				}
				
#foot-sitemap ul li
{
				padding-left: 15px;
				margin-left: 0;
				}
#foot-sitemap li ul a
{
				font-weight: normal;				
				color: rgb(85, 85, 85);
				text-transform: none;
				}
#foot-sitemap a
{
				display: inline-block;
				font-size: 11px;
				line-height: 1.636em;
		
				text-decoration: none;
				color: rgb(85,85, 85);
				}
#foot-sitemap a:hover
{
				border-bottom: 1px dotted rgb(85,85, 85);
				color: rgb(43, 42, 40);
				}
#copyright
{
				border-top: 1px dotted rgb(143, 144, 121);
				padding-top: .5em;
				}
#copyright p
{
				float: left;
				margin-bottom: 0;
				margin-right: 20px;
				padding: 0 10px;
				
				font-size: 11px;
				line-height: 1.636em;
				color: rgb(125, 124, 98);
				}

/* @end */


/* @group Clearing */


#page:after,
#body:after,
#mainContent:after,
#footer:after,
.container_8:after,
.header:after,
.article:after,
.section:after,
.aside:after
{
				clear: both;
				content: '.';
				display: block;
				visibility: hidden;
				height: 0;
				}

/* @end */

/* @group Replace */

/* replace */

.replace{
				text-indent: -10000em;
				display: block;
				background-repeat: no-repeat;
				background-position: left top;
				background-color: transparent;
				text-align: left;
				height: 0px;
				}

.replace a span, span.replace{
				text-indent: -10000em;
				line-height: 0.01em;
				height: 0;
				}

.hidden{
				display: none;
				}

/* @end */