/*******************************************  BLANK SLATE  ********************************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
}
ol, ul {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearFloat {
	clear: both;
}
.centre {
	padding: 0px 0px 0px 125px;
}
.applyCentre {
	padding: 0px 0px 0px 250px;
}
.floatImage {
	width: 280px;
	float: right;
	display: block;
	margin: 15px 0px 10px 0px;
	text-align: right;
}
.floatLeft {
	width: 220px;
	float: left;
	display: block;
	margin: 15px 10px 5px 0px;
	text-align: left;
}
/**********************************************  FONTS  ***********************************************/

h1 {
	color: #ffffff;
	text-transform: uppercase;
	height: 22px;
	padding: 8px 0px 0px 13px;
	font-size: .9em;
}
h1 a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	height: 16px;
	padding: 7px 0px 7px 13px;
}
p {
	font-size: .8em;
	color: #444444;
	line-height: 1.4em;
	padding: 0px 12px 0px 12px;
}

a {
	color: #1249a3;
	text-decoration: none;
}
.heading{
	color: #083a8c;
	font-size:1.8em;
	padding: 66px 0px 30px 0px;
	text-transform:uppercase;
}
.subHeading{
	color: #7a7c80;
	font-size:1.1em;
	padding: 0px 0px 15px 0px;
	margin: -10px 0px 0px 0px;
	border-bottom:1px solid #cfcfcf;

}
.breadCrumb{
	color:#9C9C9C;
	font-size:0.75em;
	margin:0px 0px 15px 0px;
	padding: 15px 0px 0px 0px;
}
.intro{
	font-size:.9em;
	color:#7a7c80;
	font-family:arial, Verdana, Arial;
	margin:10px 0px 40px 0px;
	Padding-left:0px;
	font-style:italic;
}
.caption{
	color: #444444;
	font-size:0.7em;
	font-style:italic;
}

/**********************************************  HEADER  **********************************************/

#headerWrapper {
	background-image: url('/gradspace/images/header-wrapper-bg.gif');
	background-repeat: repeat-x;
}
#header {
	background-image: url('/gradspace/images/header-bg.gif');
	background-position: center top;
	background-repeat: no-repeat;
	width: 846px;     /*756px */
	height: 109px;
	margin: 0px auto;
	position: relative;
}
#header ul {
	margin: 79px 0px 0px 0px;
	float: left;
	font-size: .8125em;
	font-family: trebuchet ms;
	width: 846px; /*756px */
	position: relative;
}
#header ul li {
	float: left;
}
#header ul li a {
	color: #666666;
	text-decoration: none;
	display: block;
	margin: 0px 4px 0px 4px;
	line-height: 1em;
}
#header ul span {
	display: block;
	padding: 7px 10px 10px 10px;
}
#header ul li a:hover {
	text-decoration: underline;
}
#header .button {
	float: right;
	display: block;
	margin: 76px 0px 0px 0px;
	width: 104px;
	height: 30px;
	background-image: url('/gradspace/images/buttons/btn-vacation-work.gif');
}
#header .button:hover {
	background-position: right center;
}
#header .homeButton {
	background-image: url('/gradspace/images/header-logo.gif');
	position: absolute;
	width: 202px;
	height: 56px;
	left: 6px;
	top: 10px;
}


/********************************************  MENU CHANGE  *******************************************/

#header .about #menuItemAbout a,
#header .career #menuItemCareer a,
#header .graduates #menuItemGraduates a,
#header .difference #menuItemDifference a,
#header .apply #menuItemApply a,
#header .login #menuItemApply a,
#header .vacationWork #menuItemVacationWork a,
#header .contactUs #menuItemContactUs a {
	color: #ffffff;
	background-image: url('/gradspace/images/header-menu-active-bg-left.gif');
	background-repeat: no-repeat;
}
#header .about #menuItemAbout span,
#header .career #menuItemCareer span,
#header .graduates #menuItemGraduates span,
#header .difference #menuItemDifference span,
#header .apply #menuItemApply span,
#header .login #menuItemApply span,
#header .vacationWork #menuItemVacationWork span,
#header .contactUs #menuItemContactUs span {
	background-image: url('/gradspace/images/header-menu-active-bg-right.gif');
	background-repeat: no-repeat;
	background-position: right top;
}
#header .about #menuItemAbout  ul,
#header .career #menuItemCareer ul,
#header .graduates #menuItemGraduates ul,
#header .difference #menuItemDifference ul,
#header .login #menuItemVacationWork ul,
#header .vacationWork #menuItemVacationWork ul,
#header .contactUs #menuItemContactUs ul,
#header .apply #menuItemApply ul {
	display: block;
}
#header #menuItemVacationWork a {
	color: #e00b0b;
}


/*********************************************  SUB MENU  *********************************************/

#header ul ul {
	width: 842px;
	background-image: url('/gradspace/images/header-submenu-bg.gif');
	background-repeat: no-repeat;
	background-color: #8d8d8f;
	background-position: center bottom;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 30px 0px 0px 0px;
	font-size: 1em;
	smin-height: 36px;
	display: none;
}
#header ul ul a {
	background-image: none !important;
	color: #ffffff !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
}
#header ul ul a span {
	background-image: none !important;
}
#header ul ul li {
	color: #ffffff;
	margin-top: 4px;
	background-image: url('/gradspace/images/header-submenu-divider.gif');
	background-repeat: no-repeat;
	background-position: right center;
}
#header ul ul li.lastItem {
	background: none;
}


/*****************************************  SUB MENU CHANGE *******************************************/

#header .applyNow #subMenuItemApplyNow a,
#header .whatWeLookFor #subMenuItemWhatWeLookFor a,
#header .howToJoin #subMenuItemHowToJoinUs a,
#header .visitUs #subMenuItemVisitUs a,
#header .eventsSocial #subMenuItemEvents a,
#header .workLife #subMenuItemLife a,
#header .sustainability #subMenuItemSustainability a,
#header .aidWork #subMenuItemInternationalDevelopment a,
#header .healthSafety #subMenuItemHealthSafety a,
#header .graduateProfiles #subMenuItemGraduateProfiles a,
#header .graduateTestimonials #subMenuItemTestimonials a,
#header .launchYourCareer #subMenuItemResearch a,
#header .pdp #subMenuItemPDP a,
#header .launchYourCareer #subMenuItemLaunchYourCareer a,
#header .graduateProfiles #subMenuItemGraduateProfiles a,
#header .graduateTestimonials #subMenuItemTestimonials a,
#header .research #subMenuItemResearch a,
#header .projectProfiles #subMenuItemProjectProfiles a,
#header .companyOverview #subMenuItemCompanyOverview a {
	color: #cecece !important;
}
#header .ourCommunity #subMenuItemOurCommunity a{
	background-image: url('/gradspace/images/header-submenu-active-bg-left.gif') !important;
}
#header .ourCommunity #subMenuItemOurCommunity a span {
	background-image: url('/gradspace/images/header-submenu-active-bg-right.gif') !important;
}


/*******************************************  SUB MENU TWO ********************************************/

#body #headerWrapper #header ul ul ul {
	margin: 34px 0px 0px 10px;
	width: 822px; 
	background-image: url('/gradspace/images/header-submenu2-bg.gif');
	display: none;
}
#body #headerWrapper #header ul ul ul a {
	background-image: none !important;
}
#body #headerWrapper #header ul ul ul a span {
	background-image: none !important;
}


/***************************************  SUB MENU TWO CHANGES  ***************************************/

#header .ourCommunity #subMenuItemOurCommunity ul {
	display: block !important;
}
#header .sustainability #subMenuTwoItemSustainability a,
#header .eventsSocial #subMenuTwoItemEventsSocial a,
#header .workLife #subMenuTwoItemWorkLife a,
#header .diversity #subMenuTwoItemDiversity a,
#header .communityHealthAndSafety #subMenuTwoItemCommunityHealthAndSafety a {
	color: #cecece !important;
}


/**********************************************  FOOTER  **********************************************/

#footer {
	background: url('/gradspace/images/footer-bg.gif');
	text-align: center;
}
#footerContent {
	font-family: tahoma, arial, sans-serif;
	padding: 10px 0 0 0;
}
#footerContent ul {
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
	left: -17px;
}
#footerContent ul li {
	display: inline;
	background: url('/images/footer-bullet.gif') no-repeat left 10px;
	padding: 0 0 0 10px;
	margin: 0 0 0 5px;
}
#footerContent ul li.f {
	background: none;
	padding: 0;
	margin: 0;
}
#footerContent ul li a {
	color: #77ba43;
	font-size: .6em
}
#footerContent p {
	font-size: .6em;
	position: relative;
	/*left: -25px;*/
	left: -68px;
	padding: 0;
	margin: 0;
}


/***********************************************  BODY  ***********************************************/

body {
	font-family: arial;
}
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}
.clearFooter, #footer {
	height: 190px;
}

/*******************************************  PAGE LAYOUT  ********************************************/

#content {
	margin: 0px auto;
	width: 842px; /* 756px */
	background-repeat: no-repeat;
}
.image1 #content,
.image2 #content,
.image3 #content,
.image4 #content,
.image5 #content,
.image6 #content,
.image7 #content,
.image8 #content,
.image9 #content,
.image10 #content {
	padding: 0px 0px 0px 250px;
	width: 506px;
}
.image1 #content {
	background-image: url('/gradspace/images/page-image1.jpg');
	background-position: left 100px;
}
.image2 #content {
	background-image: url('/gradspace/images/page-image2.jpg');
	background-position: left 100px;
}
.image3 #content {
	background-image: url('/gradspace/images/page-image3.jpg');
	background-position: left 100px;
}
.image4 #content {
	background-image: url('/gradspace/images/page-image4.jpg');
	background-position: left 100px;
}
.image5 #content {
	background-image: url('/gradspace/images/page-image5.jpg');
	background-position: left 100px;
}
.image6 #content {
	background-image: url('/gradspace/images/page-image6.jpg');
	background-position: left 100px;
}
.image7 #content {
	background-image: url('/gradspace/images/page-image7.jpg');
	background-position: left 100px;
}
.image8 #content {
	background-image: url('/gradspace/images/page-image8.jpg');
	background-position: left 100px;
}
.image9 #content {
	background-image: url('/gradspace/images/page-image9.jpg');
	background-position: left 100px;
}
.image10 #content {
	background-image: url('/gradspace/images/page-image10.jpg');
	background-position: left 100px;
}




/********************************************  HOME PAGE  *********************************************/

#contentWrapper.home {
	background-image: url('/gradspace/images/home-content-wrapper-bg.gif');
	background-repeat: repeat-x;
}
#contentWrapper.inside {
	background-image: url('/gradspace/images/home-content-wrapper-bg2.gif');
	background-repeat: repeat-x;
	padding-top: 36px;
}

.homeCol {
	float: left;
	width: 238px;
	margin: 18px 0px 20px 0px;
}
.homeCol img {
	margin: 0px 0px 10px 0px;
}
.homeCol h1 {
	width: 238px;
	margin: 0px 0px 7px 0px;
	height: auto;
	padding: 0px;
}
.homeCol h1.red {
	background-image: url('/gradspace/images/home-header-bg-red.gif');
}
.homeCol h1.blue {
	background-image: url('/gradspace/images/home-header-bg-blue.gif');
}
#centerCol {
	margin: 18px 21px 0px 21px;
}
.home h1 {
	padding-top: 0px;
	height: 30px;
}


/*****************************************  GRAD PROFILES PAGE  ****************************************/

p.lightGrey { 
	font-size:.9em;
	color:#7a7c80;
	font-family:arial, Verdana, Arial;
	margin:10px 0px 40px 0px;
	Padding-left:0px;
}

.profileTeaser {
	font-family:arial, Verdana, Arial;
	/*border:1px solid red;*/
	margin:20px 0 40px -15px;
}

.profileTeaser td {
	vertical-align:top;
}

.profileTeaser h1 a {
	font-family:trebuchet MS, arial, Verdana, Arial;
	font-size:1.5em;
	color:#16438d;
	text-transform:none;
	vertical-align:top;
	margin:-10px 0 0 0px;
	padding:0 0 10px 0;
	border-bottom:1px solid #cfcfcf;
	text-decoration:none;
}

.profileTeaser a img {
	margin:0;
	padding:0;
}

.profileTeaser h1 a:hover {
	color:#256fe6;
}

.profileTeaser table {
	width:95%;
}

.profileTeaser p.teaserText {
	margin:10px 0px 15px 3px;
}

.profileTeaser a {
	font-size:.75em;
	color:#16438d;
	margin:0px 0px 0 15px;
}

.profileTeaser a:hover {
	color:#256fe6;
}

#profile {
	margin:20px 0px 0px 0px;
}

#profile h1 {
	color:#16438d;
	font-family:trebuchet MS, arial, Verdana, Arial;
	font-size:2.2em;
	text-transform:none;
	font-weight:bold;
	padding:10px 0 8px 0;
	border-top:1px solid #cfcfcf;
	margin:10px 0 0 0;
}

#profile h2 {
	font-family:arial, trebuchet MS, arial, Verdana, Arial;
	font-size:1.2em;
	padding:25px 0px 10px 0px;
	color:#083A8C;
}

#profile h3 {
	font-family:arial, trebuchet MS, arial, Verdana, Arial;
	font-size:1em;
	padding:20px 0px 0px 0px;
	color:#083A8C;
}

#profile table {
	margin:15px 0px 30px 0px;
}

#profile p {
	padding:0;
	margin:10px 0 0 0px;
}

#profile td {
	vertical-align:top;
}

#profile .question {
	margin:20px 10px 10px 0px;
	font-weight:bold;
	font-family:arial, trebuchet MS, arial, Verdana, Arial;
	font-size:.85em;
	color:#16438d;
}
/*
#profile .answer {
	margin:10px;
	font-weight:bold;
}
*/
.profileImg { margin:10px 0 10px 0; }
.profileImg img { /*border:2px solid #16438d;*/ }


/**********************************************  COMMON  ***********************************************/


/* --------------------- BreadCrumbs styles ------------------------ */

#breadCrumbs {
	clear: left;
	float: left;
	height: 20px;
	margin-top: 0px;
	margin-left: 13px;
	font-size:0.75em;
}

#breadCrumbs a {
	margin: 0px 10px 0px 0px;
	text-decoration: underline;
	background-image:url('../images/ico-bc-arrow.gif');
	background-position:right center;
	background-repeat:no-repeat;
	padding:0px 20px 0px 0px;
}

#breadCrumbs a:hover{
	color: #000000;
}


#breadCrumbs span {
	margin: 0px 20px 0px 0px;
	color:#9C9C9C;
	padding: 0px 3px;
}
blockquote {
	border: 1px solid #dad9d6;
	background-color: #f6f6f6;
	margin: 15px 0px 13px 0px;
	background-image: url('../images/quote-start.gif');
	background-position: left top;
	background-repeat: no-repeat;
	font-style: italic;
}
#profile blockquote p {
	margin: 0px;
	background-image: url('../images/quote-end.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 0px 30px 30px 0px;
	margin: 30px 0px 0px 40px;
	line-height: 1.6em;
}
blockquote img {
	float: left;
	position: relative;
	top: 1px;
	margin: 30px 10px 10px 40px;
}
#content ul{
	list-style-type: disc;
	margin-left: 18px;
	font-size: .8em;
	color:#444444;
	line-height: 180%;
	
}

#content ul p {
	font-size: 1em
}

/* -------------------------- Image Gallery --------------------------------- */

#galleryContainer {
	width: 755px;
}

#ImageGallery {
	float: left;
	position: relative;
	top: -4px;
	width: 755px;
}

#ImageGallery .arrows {
	float: left;
}

#ImageGallery .scroller {
	float:left;
	width:736px; 
	height: 89px; 
	overflow: hidden; 
	position: relative;
}

#ImageGallery .content {
	height: 89px;
}

#ImageGallery .section {
	float: left; 
	width: 184px; 
	height: 89px;
}

#ImageGallery .section img {
	padding-right: 5px;
	padding-left: 5px;
}

#ImageGallery .section a {
	float: left;
	height: 89px;
	position: relative;
}

#ImagePreviewBox {
	float: left;
	width: 755px;
	height: 385px;
	background-image: url('../images/ajax-loader-bw.gif');
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	margin-bottom: 10px;
}

#ImagePreviewOverlay {
	position: absolute;
	left: 10px;
	bottom: 4px;
	z-index: 1000;
	width: 615px;
	height: 350px;
}

#ImageGallery .imgSelected {
	opacity: 0.5;
	filter: alpha(opacity=50)
}

#ImageGallery .imgNotSelected {
}

.imgCapSelected span, .imgCapNotSelected span {
	font-size: .8em;
	color: #444444;
	line-height: 1.4em;
}

.imgCapSelected {
	display: block;
}

.imgCapNotSelected {
	display: none;
}

#ImageCaption {
	float: left;
	padding: 0px 10px 10px 10px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
}
.captionImage {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 200px;
}
.captionImage div {
	text-align: center;
	font-size: .8em;
	padding: 10px 0px 0px 0px;
}
.captionContent {
	width: 606px; /* 536 */
	float: left;
	margin-top: -10px !important;
}
.captionHeading {
	margin-left: 220px;
}