img { border: none; display: block; }
a { color: white; outline:none; }

.clearBoth {
	clear: both;
}
body {
	background: #000000 url('../images/headerBg.gif') top left repeat-x;
    font-family: Arial, Sans-serif;
    font-size: 86%;
    color: white;
    text-align: left;
    margin: 0;
    padding: 0;
	text-align: center;
}
div {
	text-align: left;
}
#headingContent {
	position: absolute;
	left: 0;
	top: 60px;
}
h1 {
	color:#C6E7EB;
	font-family:Arial,helvetica,sans-serif;
	font-size:1.3em;
	font-weight:normal;
	margin:0 0 1.25em;
	padding:0;
}
h1.headingWelcome {
	color:#002F46;
	font-size:18px;
	padding-top:10px;
	padding-left:12px;
	margin-bottom:10px !important;
}
h2, h3, h4, h5, h6 {
	font-family: Arial, helvetica, sans-serif;
	font-weight: normal;
    color:#00A4E8;
}
h4, h5 {
	color:#c6e7eb;
}
body.homePage h4, body.homePage h4 a {
    color:#00A4E8;
}
h5, h6 {
	font-weight: bold;
}
h5 {
	margin-top: 20px;
	padding-bottom: 0px;
	margin-bottom: -4px;
}
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#masthead {
	width: 987px;
	position: relative;
	height: 57px;
	margin: 0 auto;
	background: none;
	display: block;
}
#masthead a#logo {
	position: absolute;
	left: 4px;
	top: 10px;
	background: url(../furniture/headerLogo.gif) top left no-repeat;
	width: 109px;
	height: 0;
	padding: 0 0 36px 0;
	overflow: hidden;
	text-indent: -5000px;
}
#masthead img#gradCareers {
	float:right;
	margin-top:30px;
	margin-right:12px;
}

#navMain {
	clear: both;
	background: url('../images/nav_bg_strip.gif') left top repeat-x;
	margin: 0;
	padding: 0;
}
#navMain ul#mainNav {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 963px;
	height:56px;
	border-left:1px solid black;
	border-right:1px solid black;
}
#navMain ul.home {
	height:95px !important;
}
#navMain ul#mainNav li {
	float: left;
	margin: 0;
	padding: 0;
	height:100%;
}
#navMain ul#mainNav li a {
	display: block;
	float: left;
	height: 100%;
	padding:0;
	background: url(../images/nav_matrix.gif) top left no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#navMain ul#mainNav li a#navMainHomepage {
	width: 117px;
	background-position: 0px 0px;
	height:56px; /*IE8 hack !!! - my first ever*/
}
#navMain ul li a#navMainHomepage:hover { background-position: 0px -95px !important; }
#navMain ul li.on a#navMainHomepage { background-position: 0px -190px !important; height:95px !important; /*IE8 hack again*/  }

#navMain ul#mainNav li a#navMainAboutBarclaysWealth {
	width: 130px;
	background-position: -117px 0px;
}
#navMain ul li a#navMainAboutBarclaysWealth:hover { background-position: -117px -95px !important; }
#navMain ul li.on a#navMainAboutBarclaysWealth { background-position: -117px -190px !important; }

#navMain ul#mainNav li a#navMainAnalysts {
	width: 130px;
	background-position: -247px 0px;
}
#navMain ul li a#navMainAnalysts:hover { background-position: -247px -95px !important; }
#navMain ul li.on a#navMainAnalysts { background-position: -247px -190px !important; }

#navMain ul#mainNav li a#navMainSalesAssociates {
	width: 180px;
	background-position: -377px 0px;
}
#navMain ul li a#navMainSalesAssociates:hover { background-position: -377px -95px !important; }
#navMain ul li.on a#navMainSalesAssociates { background-position: -377px -190px !important; }

#navMain ul#mainNav li a#navMainInternships {
	width: 140px;
	background-position: -557px 0px;
}
#navMain ul li a#navMainInternships:hover { background-position: -557px -95px !important; }
#navMain ul li.on a#navMainInternships { background-position: -557px -190px !important; }

#navMain ul#mainNav li a#navMainNews {
	width: 160px;
	background-position: -697px 0px;
}
#navMain ul li a#navMainNews:hover { background-position: -697px -95px !important; }
#navMain ul li.on a#navMainNews { background-position: -697px -190px !important; }

#navMain ul#mainNav li a#navMainApply {
	width: 106px;
	background-position: -857px 0px;
}
#navMain ul li a#navMainApply:hover { background-position: -857px -95px !important; }
#navMain ul li.on a#navMainApply { background-position: -857px -190px !important; }

#navSecondary {	
	clear: both;
	margin: 0;
	padding: 0;
}
#navSecondary ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	background-color:#052430;
	border-bottom:1px solid #041D27;
	border-left:1px solid black;
	border-right:1px solid black;
	height:39px;
	width:963px;
}
#navSecondary ul li {
	float: left;
}
#navSecondary ul li a {	
	background:transparent url(../images/navDivide.gif) repeat-y scroll right center;
	color:#DADADA;
	display:block;
	float:left;
	height:34px;
	line-height:1.2em;
	max-width:112px;
	padding:6px 9px 0;
	text-decoration:none;
	width:auto !important;
	font-size:12px;
}
#navSecondary ul li a:hover {
	color: #ffffff;
}
#navSecondary ul li.on a {
	background:transparent url(../images/subnav_highlight2.gif) no-repeat scroll right bottom;
}


#breadcrumbs {
display: none;
clear: both;
font-size: .9em;
margin: 0;
padding: 10px 0;
background-color:black;
color:#FFFFFF;
}
body#homePage #breadcrumbs {
background-image:url(../furniture/contentShad.gif);
background-position: 0 -1px;
background-repeat: repeat-x;
background-color: transparent;
}
#breadcrumbs p {
margin: 0;
width: 755px;
padding: 5px 0;
}


#footerLinks {
	font-size:11px;
	margin-top:20px;
}
#footerLinks p {
	font-weight:bold;
}
#footerLinks p a {
	color: #ffffff;
	text-decoration: none;
	margin-right: 10px;
	font-weight:normal;
}

#footerLinks p a:hover {
	text-decoration:underline;
}


#footer {
    top: 0px;
    position:relative;
    clear: both;
    width: 100%;
	background:url(../furniture/2008/footerBg.jpg) top left repeat-x;
    margin:0px;
    text-align: left;
    padding:5px 0px 0 0px;
    font-size: 0.9em;
    color:#00A4E8;
	color: white;
	height:15px;
}

#mainArea {
	clear: both;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: transparent;
	padding-left: 0;
	width: 963px;
	margin: 0 auto;
}
#wrapperContent {
	clear: both;
	background-color:#0C171D;
	font-size: .9em;
	padding-bottom: 2em;
	margin-top: 0;
	width:963px;
}

body.homePage #wrapperContent {
	min-height: 231px;
}



* html body.homePage #wrapperContent {
height: 231px;
}



#colLeft {
float: left;
width: 155px;
background-color: transparent;
margin-top: 1px;
margin-right: 2px;
}

#navLeft ul {
list-style-type: none;
margin: 0;
padding: 0;
}






#navLeft ul li {
border-top: 1px solid #2D2E30;
clear:both;
display: inline;
float: left;
}

#navLeft ul li a {
display: block;
float: left;
clear: left;
width: 135px;
padding: 5px 10px;
color: #707070;
background-color: #2D2E2F;
border-bottom: 1px solid #0A0E0F;
border-top: 1px solid #0A0E0F;
text-decoration: none;
}


#navLeft ul li a:hover {
background-color: #4A4E4F;
color: white;
}

#navLeft ul li.on a {
color: white;
background-color: #006D98;
}

#navLeft ul li ul li.on a {
background-color: #222;
}

#contentColLeft {
	float: left;
	width: 573px;
	line-height: 1.4em;
	font-size: 1em;
	padding-bottom: 15px;
	color: #B3B3B3;
	margin-right: 13px;
}



#contentColLeft.map {
	width:auto !important;
}
#contentColLeft.map .content {
	border-bottom:none !important;
	padding-bottom:0 !important;
}

div.content p, div.content ul, div.content ol, div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content dl {
margin-right: 20px;
}

#contentColLeft a {
	color: #0E5D80;
	text-decoration: none;
	border-bottom: 2px dotted #999999;
}

#contentColLeft a:hover {
	border-bottom: 2px solid #999999;
}

#colLeftLinks h2 {
	padding: 0;
	margin:0;
	color: white;
	font-size: 1.3em;
	font-weight:bold;
	padding:9px;
	background: url('../images/bar_bg.gif') top left repeat-x;
}
#colLeftLinks ul {
	background: #304049 url('../images/grey_bg.gif') top left repeat-x;
	list-style-type: none;
	margin:0;
	padding:10px 0 5px 0;
}
#colLeftLinks ul li {
	margin:0 0 6px 10px;
	padding:0;
}
#colLeftLinks ul li a {
	color:#C5E7EB;
	text-decoration: none;
	padding-left:20px;
	background: url(../images/bullet_link.gif) 0 3px no-repeat;
	display:block;
}
#colLeftLinks ul li a:hover {
	text-decoration: underline;
}

#contentColRight {
	float: left;
	width: 220px;
}

body.homePage #contentColRight {
padding-top: 0;
}


table {
width: 538px;
border-collapse: collapse;
}

table.dataTable {
margin-bottom: 2em;
}

table.dataTable caption {
padding-bottom: 1em;
text-align: left;
font-style: italic;
margin-top: 2em;
}

table.dataTable td, table.dataTable th {
padding: 5px;
text-align: left;
vertical-align: top;
}


table.dataTable td {
border: 1px solid #000000;
color: #EEEEEE;
background-color: #1B1B1B;
border-bottom: 1px solid #333333;
}

table.dataTable th {
border-top: 1px solid #333333;
border-bottom: 1px solid #CCCCCC;
}


#accessKeyNav {
height: 0px;
overflow: hidden;
text-indent: -5000px;
}
body.homePage div#flash {
float: right;
width: 720px;
height: 180px;
margin-right: 8px;
}
#homePic {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 20;
width: 482px;
height: 231px;
}

#homePic img {
margin: 0;
padding: 0;
border: 0;
}

.whitePage {
	background: #ffffff url('../images/white_bg.gif') top left repeat-x;
}
.whitePage:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.whitePage #flashcontent {
	margin: 10px 0 0 27px;
}

.whitePage h1 {
	color:#002F46;
	font-size:18px;
	padding-top:10px;
	padding-left:12px;
	font-family: Arial, helvetica, sans-serif;
	font-weight:normal;
	margin:0;
}

.whitePage p {
	color:#333 !important;
	margin-left:12px;
}
.whitePage ul p {
	margin:0 !important;
}
.whitePage ul {
	color:#333 !important;
}
.whitePage h3 {
	margin-left:12px;
	color:#002F46 !important;
	font-size:1.3em !important;
	font-weight:bold !important;
}

#homeColOne, #homeColTwo, #homeColThree {
	float: left;
	padding-bottom: 2em;
}

#homeColOne {
	width: 220px;
	margin-right: 12px;
	padding-top: 0;
}

#homeColTwo {
	width: 439px;
	margin-right: 12px;
	color: #333333;
	line-height: 1.3em;
}
#homeColTwo p {
	margin:0 12px 10px 12px;
}

#homeColThree {
	width: 280px;
	color: #333333;
}

#homeColFour {
	clear: both;
	margin-right: 12px;
	color: #B3B3B3;
	margin-left:12px;
	line-height: 1.3em;
	padding-top: 0;
}


#homeColTwo .content {
margin: 0 15px;
}

#hotlinksPrimary { margin: 0; }
#hotlinksPrimary dl { margin: 0; }

#hotlinksPrimary dl dt {
	padding: 0;
	margin:0;
	color: white;
	font-size: 1.3em;
	font-weight:bold;
	padding:9px;
	background: url('../images/bar_bg.gif') top left repeat-x;
}

#hotlinksPrimary dl dd {
	background: #304049 url('../images/grey_bg.gif') top left repeat-x;
	margin: 0 0 10px 0;
}
#hotlinksPrimary dl dd p {
	margin:0 10px;
	padding-top:10px;
	color:#C5E7EB;
}
#hotlinksPrimary p.readMore a, .apply a, #hotlinksSecondary p.readMore a  {
	color:#C5E7EB;
	text-decoration: none;
	padding-left:20px;
	background: url(../images/bullet_link.gif) 0 3px no-repeat;
	display:block;
	padding-bottom:10px;
}

#hotlinksPrimary p.readMore a:hover {
	text-decoration: underline;
}



#hotlinksSecondary {
color: #999999;
margin: 0;
background: none;
border-top: 1px solid #222222;
}

body.homePage #hotlinksSecondary {
background: none;

}

#hotlinksSecondary dl {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	width: 305px;
}

#hotlinksSecondary dl.last {
margin: 0 0 0 0;
}

#hotlinksSecondary dl dt {
padding: 10px 0 0 0;
color:#c6e7eb;
font-size: 1.2em;
font-family: Arial, helvetica, sans-serif;
}


#hotlinksSecondary dl dd {
margin: 0;
padding: 0;
}


#hotlinksSecondary p.readMore a:hover {
text-decoration: underline;
}

.contentSubNav {
padding-top: 190px;
width: 270px;
}

.contentSubNav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.contentSubNav ul li {
display: inline;
text-align: left;
}

.contentSubNav ul li a {
display: block;
background-color: #027CAF;
padding: 5px 10px;
text-decoration: none;
border-bottom: 1px solid black;
}

.contentSubNav ul li.on a, .contentSubNav ul li a:hover {
background-color: #00A4E8;
}

div#profile_preview {
width: 220px;
text-align: left;
background-color: #005c82;

}
div#profile_preview p {
padding: 6px 12px;
}
div#profile_preview p.text {
color: #DDEEFF;
font-weight: bold;
}


#banner_advert {
position: absolute;
left: 297px;
top: 266px;
}

#banner_advert img {
border: none;
}



h2.meetOurPeople {
	padding: 0;
	margin:0 !important;
	color: white;
	font-size: 1.3em;
	font-weight:bold;
	padding:9px;
	background: url('../images/bar_bg.gif') top left repeat-x;
}


#contentColLeft p.apply a {
	display:inline;
	padding-bottom:0 !important;
	border-bottom: none !important;
}
#contentColLeft p.apply a:hover {
	text-decoration:underline;
}

div#newsArea {
	margin-top:15px;
	background: #0C2E3C url('../images/blue_bg.gif') top left repeat-x;
	padding: 10px;
	color:#C6E7EB;
}
div#newsArea h3 {
	font-size:16px;
	color:#fff;
	margin:0 0 15px 0;
	font-weight: bold;
}
div#newsArea p {
	margin:0;
}
div#newsArea p.date {
	color: #fff;
	font-size:0.9em;
}
div#newsArea a {
	color:#C6E7EB;
	text-decoration:none;
}
div#newsArea a:hover {
	text-decoration:underline;
}
div#eventsArea {
	margin-top:15px;
	background: #0C2E3C url('../images/blue_bg.gif') top left repeat-x;
	padding: 10px;
	color:#C6E7EB;
}
div#eventsArea h3 {
	font-size:16px;
	color:#fff;
	margin:0 0 15px 0;
	font-weight: bold;
}
div#eventsArea p {
	margin:0;
}
div#eventsArea a {
	color:#C6E7EB;
	text-decoration:none;
}
div#eventsArea a:hover {
	text-decoration:underline;
}

table#eventsTable {
	border-collapse: separate;
	margin:0 10px 30px 10px;
	width: 777px !important;
}
table#eventsTable th {
	border-spacing: 1px;
	background-color: #B6D4DF;
	padding: 1px 2px;
	margin: 1px;
	text-align: left;
	color: #333333;
	cursor: hand;
}
table#eventsTable th a {
	color: #333333;
}
table#eventsTable td {
	padding: 5px;
	background-color: #CEEEF9;
	color:#333333;
}
table#eventsTable tr.past td {
	color:#aaaaaa;
}
div#mainArea.full div#contentColLeft {
	width: 800px;
	margin-right:0 !important;
}

#eventPager a {
	border-bottom:1px solid #fff;
	outline:none;
}
#eventPager a:hover {
	border-bottom:none;
}
#eventPager a.advPage,
#eventPager a.on {
	border-bottom:none;
}
#eventPager a.advPage:hover {
	border-bottom:1px solid #fff;
}
#eventCal {
	position:relative;
	top:-30px;
	margin-right:10px;
}
#eventCal a {
	margin-left:10px;
	border-bottom:none !important;
	outline:none;
}

div.videos {
	margin-left:20px;
	margin-bottom:20px;
}
div.videos h2 {
	font-size:1.1em;
	border-bottom:1px solid #00A4E8;
	text-align:right;
	margin:0 20px 10px 0;
	padding-bottom:10px;
}
#contentColRight div.videos h2 {
	padding: 0;
	margin:0;
	color: white;
	font-size: 1.3em;
	font-weight:bold;
	padding:9px;
	background: url('../images/bar_bg.gif') top left repeat-x;
	border-bottom:none;
	text-align:left;
}
div.videos ul {
	margin:0;
	padding:0;
}
div.videos li {
	display:block;
	width:250px;
	height:80px;
	background: url('../furniture/profiles/profile-bg.jpg') top left no-repeat;
	margin-right:6px;
	margin-bottom:5px;
	overflow:hidden;
	position:relative;
}
div.videos li:hover {
	cursor:pointer;
	background-image:none;
	background-color:#176482;
}
div.videos li.third {
	margin-right:0;
}
div.videos li a {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: url('../furniture/shim.gif') top left;
}
div.videos li span.no_profile {
	display:block;
	width:100%;
	height:100%;
	background: url('../furniture/profiles/no-profile.jpg') top left no-repeat;
}
div.videos li img {
	margin:10px;
}
div.videos li p {
	margin:10px 0 0 0 !important;
	color:#000 !important;
}
div.videos li p.link {
	margin-top:5px;
	padding-left:15px;
	background: url('../furniture/blue-arrow.gif') 0px 5px no-repeat;
}
.white { color:#fff !important; }
#contentColRight div.videos {
	margin-left:0;
}

#transcript {
	color:#333333 !important;
	margin:0 12px;
}
#transcript p {
	margin-left:0 !important;
}

.pdfDownload {
	margin:12px;
}
.pdfDownload h1 {
	padding:0 !important;
	margin-bottom:15px;
}
.pdfDownload p {
	margin:0;
}
.pdfDownload p.pdf {
	background: url('../images/icon_pdf.gif') 0 50% no-repeat;
	padding-left:20px;
	margin-bottom:15px;
}
.pdfDownload a {
	color:#165C75 !important;
	border-bottom:0 !important;
	font-weight:bold !important;
}
.pdfDownload a:visited {
	color: #009DDE !important;
}
.pdfDownload a:hover {
	color: #353535 !important;
	text-decoration:underline !important;
}
.dottedBorder {
	margin-left:12px;
}
