/* --- standard tags --- */

html{
	height: 100%;
	margin:0;
	padding:0;
}

BODY, TEXTAREA, INPUT {
	font-family: Arial, Helvetica, Sans-serif;
}

BODY, FORM, TABLE, H1, H2 {
	padding:0px; margin:0px;
}

BODY {
	/*background:#EAEAEA; */
	color:#3e3e3e;
	width:100%; 
	height:100%;
	font-size:62.5%;
	line-height:1.25em;
	/*overflow:auto;*/
	background:#EAEAEA url(../../../../images/images_templates/bodybg2.jpg) repeat-y center;
}

IMG {
	border:0px;
}

H1 	{	
	margin:10px 0px 8px 0px;
	font-size:2.8em;
	line-height:100%;
	color:#0080a6;
	font-weight:bold;
	font-style:italic;
}
	
H2 {
	margin-bottom:14px;
	font-size:1.7em;
	line-height:115%;
	color:#004f6f;
	font-weight:bold;
	font-style:italic;
}

H3 {
	font-size:1.2em;
	font-weight:bold;
}


H4, H5 {
	margin:0px;
	margin-top:1em;
	padding:0px;
	line-height:100%;
	font-weight:bold;
	font-style:italic;
	margin-bottom:7px;
	padding-bottom:4px;
}

#copy p{ margin:0px 0px 15px 0px; line-height:120%; font-size:1.2em;}
#copy ul, #copy li { list-style-image:url("../../../../images/images_templates/bullet.gif");}
#copy ul li{ padding-bottom:2px; font-size:1.2em; line-height:120%;}
#copy ul li ul li {font-size:1.0em; line-height:120%;}
#copy ol li {font-size:1.2em; line-height:120%;}
	


A 	{	color:#004f6f;}
A:hover {	color:#0080a6;}
	

noscript {display:none;}
	
/* --------------------------------------------------------  layout tags --- */	

#frame {
	margin:0 auto;
	padding:0;
	/*width:1024px;*/
	width:980px;
}

#framecontainer {
	position:relative;
	float:left;
	margin:0;
	/*padding:0 32px 0 32px;
	width:960px;*/
	padding:0 10px;
	width:960px;
	/*background:#EAEAEA url(../../../../images/images_templates/bodybg2.jpg) repeat-y;*/
}



#container, #container_article {
	float:left;
	display:inline;
	background:#fff;
	margin:0;
	padding:0px;
	width:960px;
	height:100%;
	min-width:960px; /*min width fix*/
	}


/* -------------------------------------------------------- content --- */	
	


#content {
	margin-top:5px;
	float:left;
	width:100%;
	display:inline;
	height:600px;
	min-height:600px;
	position:relative;
	}
	
#content[id] {
	height:auto;
	margin-top:5px;
}
	
#lhscol {
	width:155px;
	display:inline;
	float:left;
	padding:0px;
}

#lhscol .homepagepromobuttons {
	padding: 55px 0 0 9px;
}

#lhscol .homepagepromobuttons img {
	padding: 0 0 12px 0;
}

.align_flash{height:54px;font-size:0.6em}
.align_flash h1{margin-top:0;margin-bottom:0;padding-top:10px;}
.lhs_hotspot_first{margin-top:54px;padding:0 0 7px 8px}
.lhs_hotspot{padding:0 0 11px 8px}
.lhs_hotspot img, .lhs_hotspot a{display:block}
	
	
#rhscol {
	width:190px;
	float:left;
	display:block;
	/*padding:0 10px 0 0;*/
	position:relative;
	margin:0;
}

#relatedcontent {
	margin-top:52px;
}

.relatedlink h2 {
	background:#487fa4;
	color:#fff;
	font-size:1.3em;
}
	
#container_article #centre3col {
	padding:0 20px 0 0;
	/*margin-left:155px;
	margin-right:233px;*/
	height: 1%;
	/*word-wrap: break-word;*/
	width:585px;
	float:left;
	position:relative;
}
#centre_wide{padding:0; width:780px; float:left; position:relative}

#homeflash {
	padding:0;
	margin:0 0 20px 0;
}

#homepage #centre3col, #apphomepage #centre3col {
	width:750px;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}

#homepage p {
	color:#0080a6;
	width:740px;
	font-style:italic;
}

#apphomepage p {
	color:#000;
	width:740px;
}

#system #centre3col {
	width:750px;
	float:left;
	position:relative;
	margin:0;
	padding:0 0 0 155px;
}
	
#container_article #wrapper3col {
	width: 100%;
	float: left;
	margin-left: -155px;
	margin-right: -243px;
}	
	
/*#container_article #rhscol {
	width:190px;
	float:left;
	display:inline;
	padding:0 10px 0 0;
	position:relative;
}*/
	

/* --------------------------------------------------------right hand side column */

.rhsbox {
	width:190px;
	/*border:1px solid #004f6f;*/
	display:inline;
	float:left;
	padding-bottom:10px;
	margin-top:48px;
	height:100%;
	background-color:#eeeeee;
	position:relative;
	}
	
.rhsbox2 {
	width:190px;
	/*border:1px solid #004f6f;*/
	display:inline;
	float:left;
	padding-bottom:10px;
	margin-top:20px;
	height:100%;
	background-color:#eeeeee;
	}
.rhsbox3{width:190px;padding:57px 0 10px 0;margin-top:48px;position:relative;margin:0;z-index:10}
	
.rhsbox[id], .rhsbox2[id]  {
	width:196px;
}

.rhsbox a, .rhsbox2 a{color:#004f6f;}
.rhsbox a:hover, .rhsbox2 a:hover{color:#0080a6;}
	
	
.rhsbox H3, .rhsbox2 H3 {
	background-color:#0080a6;
	color:white;
	font-size:110%;
	line-height:140%;
	padding:0px;
	margin:0px;
	padding:2px 5px;
	font-style:italic;
	font-size:1.2em;
	}
	
.rhsbox2 H4 {
	color:#6b8092;
	font-size:160%;
	line-height:110%;
	font-weight:normal;
	padding:0px;
	margin:0px;
	display:inline;
	}

.rhsbox2 .text3 { 
	font-size:100%; padding-left:4px; padding-top:2px;
 }

.text3 SPAN {
	position:relative; 
	bottom:8px; 
	left: 2px; 
	width:85%;
 }

.text3 SPAN P { width:100%; margin:0px; padding:0px; }
 

	
.keyfact {
	display:inline;
	float:left;
	margin-left:5px;
	margin-right:20px;
	margin-top:10px;
	font-size:120%;         
	line-height:100%;       
	font-weight:normal;
	color:#3e3e3e;
	position:relative;
	}

.keyfact P {
	margin-top:0px;
	position:relative;
	}
	
.keyfact IMG {
	width:50px;
	height:50px;
	display:inline;
	float:left;
	margin-right:5px;
	border:1px solid #6b8092;
	}

.keyfact ul LI {
	padding-bottom:4px;
}

.keyfact UL {
	padding-left:0px;
	margin-left:18px;
	list-style-image:url("../../../../images/images_templates/bullet.gif");
}

#box2copy {
	display:inline;
	float:left;
	font-size:110%;
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	color:#4B697D;
	}
	
#box2copy IMG {
	width:50px;
	height:50px;
	display:inline;
	float:left;
	margin-right:5px;
	}
	
	
/*righthand column for blogs*/

#rhsblogcol {
	width:190px;
	float:left;
	display:inline;
	padding:54px 0 0 0;
	margin:0;
}

#rhsblogcol img.blogger {margin-bottom:11px;}

#rhsblogcol h5 {
margin:14px 0 0 0;
padding:0;
width:182px;
height:27px;
font-size:1.2em;
background: url(../../../../images/previousentry.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

#rhsblogcol div.blogFrame {
position:relative;
width:180px;
float:left;
padding:0;
margin:0;
border-bottom:1px solid #dadbdb;
border-left:1px solid #dadbdb;
border-right:1px solid #dadbdb;
}

#rhsblogcol div.blogTop {
position:relative;
width:180px;
float:left;
padding:0;
margin:0;
background:#fff;

}

#rhsblogcol div.noTop {background:#fff;}

#rhsblogcol div.blogTop p.date {
padding:0;
margin:12px 16px 6px 11px;
font-size:1.2em;
color:#004f6f;
font-weight:bold;
}

#rhsblogcol div.blogTop h6 {
padding:0;
margin:0 16px 20px 11px;
font-size:1.2em;
font-weight:bold;
}

#rhsblogcol div.blogTop h6 a {
text-decoration:none; color:#cf7927;
}

#rhsblogcol div.blogBott {
position:relative;
width:180px;
float:left;
padding:0 0 17px 0;
margin:0;
background:#fff;
}

#rhsblogcol div.blogBott p {
padding:0;
margin:5px 16px 2px 11px;
line-height:1.4em;
font-size:1.3em;
}

#copy {
	width:auto;
	color:#3e3e3e;
	font-size:110%;
	}
	
h3 a {cursor:pointer;}

/* sitemap page styles */
body#system #copy ul, body#system #copy li { list-style-image:none;}

#copy .sitemap ul {
	margin:0;
	padding:0 0 0 10px;
	list-style-image:none;
	list-style:none;
}

#copy .sitemap ul li.sitmp0 {
	border-bottom:1px solid #fff;
	padding:20px 0 0 0;
}

#copy .sitemap ul li a.sitmpA0 {
	text-transform:uppercase;
	background:url(../../../../images/images_templates/bullet.gif) 5px no-repeat;
	padding:0 0 0 20px;
}

#copy .sitemap ul li a.sitmpA1 {
	padding:0 0 0 35px;
	background:url(../../../../images/images_templates/bullet.gif) 20px no-repeat;
}

#copy .sitemap ul li a.sitmpA2{
	padding:0 0 0 45px;
	background:url(../../../../images/images_templates/bullet.gif) 30px no-repeat;
}

#copy .sitemap ul li a.sitmpA3{
	padding:0 0 0 55px;
	background:url(../../../../images/images_templates/bullet.gif) 40px no-repeat;
}

#copy .sitemap ul li a:hover {
	text-decoration:underline;
}

/* end of sitemap page styles */

/* Major projects styles */
.box2 {
	width:200px;
	display:inline;
	float:left;
	margin:8px 8px 0 0; 
	background:url(../../../../images/images_templates/radialGrid_grey.gif) top right no-repeat;
	
	display:block;
}

.bottomline	{
	position: absolute;
	width:187px;
	bottom:-1px;
	padding:0px;
	clear:both;
	margin:0px;
}

.box2 .imgleft {
	left:0px;
	width:34px;
	height:79px;
	float:left;
}

.box2 H3 {
	margin:0px;
	padding:0px;
	color:black;
	font-size:110%;
	line-height:1.1em;
}

.copy > H3 {
	height:auto;
	margin-bottom:5px;
}

.box2 .copy { 
	margin-top:3px;
	margin-right:3px;
	width:135px;
	margin-left:37px;
	padding-bottom:1px;
	line-height:1.0em;
}

.box2 .copy[class] {
	margin-left:40px;
	width:135px;
}

.boxrow1 {	
	width:750px;
	display:inline;
	position:relative;
	float:left;
	overflow:hidden;
}

.boxrow1[class] {
	height:auto;
	overflow:hidden;
}

.boxrow2 {	
	margin-left:193px;
	width:387px;
	display:inline;
	position:relative;
	float:left;
	overflow:hidden;
}

.boxrow2[class] {
	height:auto;
	overflow:hidden;
}

/*graduate profiles new layout - sept 2010*/
#copy .graduate_profiles{width:100%;padding-top:30px}
#copy .graduate_profiles .category_menu{width:172px; float:left;padding:0;margin:0; list-style-type:none}
#copy .graduate_profiles .category_menu li{padding:0;margin:0;list-style-image:none;display:block;margin-bottom:6px}
.graduate_profiles .category_menu li a{display:block;width:162px;padding:5px;height:16px;line-height:1.2;background:#00a0c2;color:#fff;font-size:100%;font-weight:bold;font-style:italic;text-decoration:none}
.graduate_profiles .category_menu li a.double_height{height:33px}
.graduate_profiles .category_menu li a.on, .graduate_profiles .category_menu li a:hover{background:#004e72}
.graduate_profiles .box_container{position:relative;width:413px;float:left}
.graduate_profiles .boxrow1{width:550px;float:none;position:absolute;top:0;left:0}
.graduate_profiles .box2{width:197px;background-image:none;background-color:#daecf0;margin:0 0 7px 8px;display:inline}

/* blog index styles */
.blogbox2 {
	width:200px;
	display:inline;
	float:left;
	margin:8px 76px 0px 0px;
	padding:0; 
	background:url(../../../../images/images_templates/radialGrid_grey.gif) top right no-repeat;
	display:block;
	height:79px !important;
}

.bottomline	{
	position: absolute;
	width:187px;
	bottom:-1px;
	padding:0px;
	clear:both;
	margin:0px;
}

.blogbox2 .imgleft {
	left:0px;
	width:34px;
	height:79px;
	float:left;
	margin-right:6px;
}

.blogbox2 H3 {
	margin:0; 
	padding:5px 32px 8px 0px;
	color:black;
	font-size:110%;
	line-height:1.1em;
	}

div.blogbox2 p {padding:0px 32px 5px 0px; margin:0 !important;}

.copy > H3 {
	height:auto;
	margin-bottom:5px;
}

.blogbox2 .copy { 
	margin-top:3px;
	margin-right:3px;
	width:135px;
	margin-left:37px;
	padding-bottom:1px;
	line-height:1.0em;
	background:#CC0033;
}

.blogbox2 .copy[class] {
	margin-left:40px;
	width:135px;
}

.blogrow1 {	
	width:580px;
	display:inline;
	position:relative;
	float:left;
	overflow:hidden;
}

.blogrow1[class] {
	height:auto;
	overflow:hidden;
}

.boxrow2 {	
	width:290px;
	display:inline;
	position:relative;
	float:left;
	overflow:hidden;
	padding:0;
	margin:0 0 0 193px;
}

.boxrow2[class] {
	height:auto;
	overflow:hidden;
}

/*career journey landing page*/
.cj_box{width:275px; float:left;margin-bottom:20px}
.cj_box1, .cj_box3{clear:left;margin-right:20px;display:inline}


/*career journey styles*/
#timeline{position:relative;width:100%}
/*career journey prototype styles*/
#careerBox{position:relative;width:775px;height:301px;background-position:0 0; background-repeat:no-repeat}
/*Chris Jackson*/
.chris_jackson, .jo_kaye{background-image:url(../../../../images/timeline/chris_jackson_bg.jpg)}
.chris_jackson #portrait1{width:134px;height:263px;top:38px;left:465px;background-image:url(../../../../images/timeline/chris_jackson_01.jpg)}
.chris_jackson #portrait2{width:53px;height:173px;top:128px;left:63px;background-image:url(../../../../images/timeline/chris_jackson_02.jpg)}
.chris_jackson #portrait3{width:101px;height:211px;top:90px;left:635px;background-image:url(../../../../images/timeline/chris_jackson_03.jpg)}
.chris_jackson #portrait4{width:64px;height:176px;top:125px;left:295px;background-image:url(../../../../images/timeline/chris_jackson_04.jpg)}
/*Jo Kaye*/
/*.jo_kaye{background-image:url(../../../../images/timeline/jo_kaye_bg.jpg)}*/
.jo_kaye #portrait1{width:134px;height:263px;top:39px;left:465px;background-image:url(../../../../images/timeline/jo_kaye_01.jpg)}
.jo_kaye #portrait2{width:53px;height:180px;top:121px;left:63px;background-image:url(../../../../images/timeline/jo_kaye_02.jpg)}
.jo_kaye #portrait3{width:50px;height:186px;top:115px;left:635px;background-image:url(../../../../images/timeline/jo_kaye_03.jpg)}
.jo_kaye #portrait4{width:204px;height:262px;top:39px;left:160px;background-image:url(../../../../images/timeline/jo_kaye_04.jpg)}
/*Stuart Witts*/
.stuart_witts, .paul_taylor{background-image:url(../../../../images/timeline/stuart_witts_bg.jpg)}
.stuart_witts #portrait1{width:118px;height:238px;top:63px;left:440px;background-image:url(../../../../images/timeline/stuart_witts_01.jpg)}
.stuart_witts #portrait2{width:158px;height:265px;top:36px;left:559px;background-image:url(../../../../images/timeline/stuart_witts_02.jpg)}
.stuart_witts #portrait3{width:223px;height:289px;top:12px;left:36px;background-image:url(../../../../images/timeline/stuart_witts_03.jpg)}
.stuart_witts #portrait4{width:152px;height:233px;top:68px;left:220px;background-image:url(../../../../images/timeline/stuart_witts_04.jpg)}
/*Paul Taylor*/
/*.paul_taylor{background-image:url(../../../../images/timeline/paul_taylor_bg.jpg)}*/
.paul_taylor #portrait1{width:183px;height:270px;top:31px;left:465px;background-image:url(../../../../images/timeline/paul_taylor_01.jpg)}
.paul_taylor #portrait2{width:101px;height:238px;top:70px;left:616px;background-image:url(../../../../images/timeline/paul_taylor_02.jpg)}
.paul_taylor #portrait3{width:138px;height:268px;top:33px;left:616px;background-image:url(../../../../images/timeline/paul_taylor_03.jpg)}
.paul_taylor #portrait4{width:146px;height:237px;top:71px;left:270px;background-image:url(../../../../images/timeline/paul_taylor_04.jpg)}
/*portrait setup*/
.portrait{position:absolute;z-index:1;background-position:0 0; background-repeat:no-repeat;background-image:none;display:none}
#portrait1{display:block}
/*content*/
.content_box{position:absolute;width:314px;height:288px;top:10px;z-index:2;display:none}
.box1{display:block}
.content_box.position1{left:15px}
.content_box.position2{left:145px}
.content_box.position3{left:270px}
.content_box.position4{left:405px}
.content_box .highlight{height:244px;padding:10px;padding-bottom:0;background:url(../../../../images/timeline/content_box_bg.png) 0 0 repeat}
#copy .content_box p.title{margin:0;padding:0;color:#fff;font-size:130%;line-height:1.4;font-style:italic;font-weight:bold}
#copy .content_box p{line-height:1.5;font-size:100%;color:#fff}
.content_box .control_bar{position:relative;width:304px;height:26px;padding:5px;background:url(../../../../images/timeline/content_box_btm.png) 0 0 no-repeat}
.control_bar.fifth{background-position:0 -42px}
.control_bar.sixth{background-position:0 -84px}
/*previous / next bar*/
#copy .control_bar ol{position:absolute;display:block;top:5px;right:10px;width:294px;height:16px;padding:0;margin:0}
#copy .control_bar li{position:relative;display:block;width:80px;height:16px;line-height:1.1; font-size:1em; list-style-type:none; list-style-image:none}
#copy .control_bar ol a{position:relative;color:#fff;font-size:120%;background:url(../../../../images/timeline/prev_next_sprite.gif) 0 0 no-repeat;text-decoration:none;text-transform:lowercase;display:block;height:16px;width:60px}
#copy .control_bar ol .next{float:right}
#copy .control_bar ol .next a{padding-right:20px;text-align:right;background-position:right -32px}
#copy .control_bar ol .next a:hover{background-position:right -48px}
#copy .control_bar ol .prev{float:left}
#copy .control_bar ol .prev a{padding-left:20px}
#copy .control_bar ol .prev a:hover{background-position:0 -16px}
/*timeline*/
.timeline{width:735px;padding:0 20px;margin:0;height:50px;background-color:#303030}
.timeline li{float:left;display:block;width:31%;height:50px}
.timeline.items6 li{width:19%}
.timeline li.last{width:15px}
.timeline li a{position:relative;display:block;width:100%;height:40px;background:url(../../../../images/timeline/date_sprite.gif) 0 10px no-repeat;color:#fff;text-decoration:none}
.timeline li a:hover, .timeline li a.on, .timeline li a.on_active:hover{background-position:0 -30px;outline:none;color:#fff}
.timeline li a:hover span{cursor:pointer}
/*hmmm*/
.timeline li a.on_active:hover{background-position:0 -110px}
.timeline li a.active, .timeline li a.on_active{background-position:0 -70px}
.timeline li.last a:hover, .timeline li.last a.active, .timeline li.last a.on{background-position:0 -150px;padding-right:6px}
.timeline li.last a.on_active{padding-right:6px}
.timeline li.last a.active, .timeline li.last a.on_active{background-position:0 -190px}
.timeline li a span{position:absolute;top:30px;left:-23px;display:block;width:80px;text-align:center;color:#fff;font:bold italic 90% Arial, Helvetica, sans-serif}
.timeline li.first a span{left:0;text-align:left}
.timeline li.last a span{left:-35px;white-space:nowrap}
/*end career journey styles*/

/* Google map */
#map {
	width:500px;
	height:400px;
	position:relative;
	margin:0 0 20px 0;
}
#map img {behavior: none} 
/* Apprentice people tool images */
.tool {
	float:right;
	position:relative;
	padding:0 0 0 20px;
}

.orangetext {
	color:#F87A08;
	font-weight:bold;
}

.bluetext {
	color:#0080A6;
	font-weight:bold;
}
	
/* -------------------------------------------------------- footer */

#footer {
	bottom:0;
	width:100%;
	height:auto;
	display:inline;
	float:left;
	margin-top:20px;
	background-color:#eeeeee;
	color:#3e3e3e;
	font-size:1em;

	}
	
#footer UL {
	list-style-type: none;
	margin:0px;
	padding:0px;
	padding-left:115px;
	}
	
#footer LI {
	line-height:25px;
	float:left; 	
	display:inline;
	color:#3e3e3e;	
	margin-left:40px;
	font-size:1.1em;
	}
	
#footer A {

	color:#004f6f;
	text-decoration:none;
	}
	
#footer A:hover {
	color:#0080a6;
	text-decoration:underline;
	}


/* -------------------------------------------------------- Tables */

TABLE {
	border:none;
	width:100%; 
	border-collapse: collapse;
}
TD, TH, CAPTION {
	font-size:100%;
	line-height:1.25em;
	color:#3e3e3e;
	border:none;
	vertical-align:top;
	padding: 4px; margin:0px;
}

TH { color: white; background-color:#0080a6; text-align:left; font-size:120%; border: solid 1px #0080a6;}
TD { border: solid 1px #0080a6; background-color: #f8f8f8; }
CAPTION { font-style:italic; }


body#system table td {
border:none;
background:#fff;
}

body#system select {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
}



/* -------------------------------------------------------- Print styles */

#footer_print {
	color:#3e3e3e;
	text-decoration:none;
}

/* Screen and print specific options */
@media screen {
	.printonly	{ display: none; }
	.screenonly	{ display: inline; }
}

@media print 
{
	.noprint	{ display: none; }
	.screenonly	{ display: none; }
	.printonly	{ display: inline; }

	#nr_header,
	#imagestrip,	
	#navbar,
	ul#navigation_links,
	#lhscol,
	#searchbox, 
	#searchbox input,
	#footer
	{ display:none; }
	
	body{margin:0; padding:0;}
	
	#container, #container_article{margin:0px; padding:0px;}

	#container_article #centre3col { margin-left:0px; }
	#container_article #rhscol { border-left:1px solid #3e3e3e;  }

	#home_header { margin-left:0px; }	
	
	img {margin:0; padding:0; visibility:visible !important;}

}