/*
	Finance Talking website
	GT WebSanity Internet Marketing www.websanity.co.uk
	22/9/09 Created
	WIDTH 974px
	RIGHT 220px
	DARK BLUE: 63,97,125 #3f617d  WAS #0f3b62
	RED: 136,46,66 #862e42  was #940f27
	GREY: #888
	CHARCOAL: 51,51,51  #333333
	PURPLE: 85,54,104  #553668
	ORANGE/YELLOW: 219,138,49  #db8a31
	GREEN: 50,95,50  #325f32
*/

/* Remove all browser dependent styling to start with as a basis */
body, h1, h2,h3,h4,h5,h6,p,ol,ul,form,blockquote { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
a { text-decoration:none; }
a img,:link img,:visited img { 	border: none; }
:link,:visited { text-decoration:none; color:#000; }

/* Hover over links for content */
.content-row a:hover { text-decoration:underline; }
.content-row a:hover .color_black { color:#000;text-decoration:underline;  }
.content-row a:hover .color_purple { color:#553668;text-decoration:underline;  }
.content-row a:hover .color_blue { color:#3f617d;text-decoration:underline;  }

.content-row a:hover .color_black { color:#000;text-decoration:underline;  }
.content-row a:hover .color_red { color:#862e42;text-decoration:underline;  }
.content-row a:hover .color_orange { color:#db8a31;text-decoration:underline;  }
.content-row a:hover .color_green { color:#325f32;text-decoration:underline;  }


/* Centre column down the middle of the screen - FIXED width */
.centre {
	margin-left:auto;
	margin-right:auto;
	width:974px;
/*	border:1px solid #DDD;*/
}
.heading-strip1 {
	height:60px;
	background-color:#fff;
	position:relative;
}
	.logo {
		padding:4px;
		width:300px;
	}
	.top-right {
		position:absolute;
		right:0px;
		top:0px;
		width:600px;
	}

.heading-strip2 {
	height:25px;
	background-color:#fff;
	position:relative;
}
.heading-strip4 {
	padding-top:5px;
	background-color:#fff;
	height:233px;		/* 228 for image */
}
.heading-strip3 {
	height:25px;
	background-color:#fff;
	position:relative;
	z-index:100;	/* Need to give this a higher z-index because it is a relative DIV which absolutely confuses the z-ordering */

}

/* Specific site styles */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt; /* Base font size for ALL text */
	/*font-size:95%; */
/*	 background:#3f617d;	*/
/* 	 background:#FFF;	 */
	background: #3f617d url('graduated-background.jpg') repeat-x;
/* 	background: #e0e0e0 url('graduated-background-grey.png') repeat-x; */
/* background:#fff; */
		color:#0a1e63;
}
h1 { font-size:150%;font-weight:bold;}
h2 { font-size:125%;font-weight:bold;}





.header-row { height:60px; } /* For logo & top right links */
.content-row { padding-top:5px;background-color:#fff; font-size:75%;color:#000;} /* min-height:460px; */
.footer-row { padding:0px 0px 15px 0px;background-color:#fff; }
.sub-footer-row { text-align:center; color:#DDD; font-size:75%; font-weight:bold; }

/* Centre column down the middle of the screen - FIXED width */
.centre {
	margin-left:auto;
	margin-right:auto;
	width:974px;
}
.header-row .centre { height:169px; background:#EEE; color:#FFF;}
.header-row .graphic { height:147px; background:#DDD;color:#FFF;text-align:center;}
.header-row .menu  { height:22px; background:#000; color:#FFF;font-size:100%; }
.header-row .menu { text-align:center;padding-top:2px;font-weight:bold; }
.header-row .menu ul {list-style:none; }
.header-row .menu li {display:inline;padding-left:10px;padding-right:10px;}

/*.bottom_menu { margin-left:137px;width:700px;border-top:1px solid #888;border-bottom:1px solid #888;text-align:center;padding-top:0px;font-weight:bold; font-size:75%;font-weight:normal;padding:10px 0px; }*/
.bottom_menu { margin-left:117px;width:740px;border-top:1px solid #888;text-align:center;padding-top:10px;font-weight:bold; font-size:75%;font-weight:normal; }
.bottom_menu ul {list-style:none; }
.bottom_menu li {display:inline;padding-left:10px;padding-right:14px;}
.bottom_menu a {color:#888}
.bottom_menu li.menu-current a {color:#3f617d !important; } /* Highlight current menu entry show_menu2 */
.bottom_menu li {background-image:url('menu-divider-grey.gif');background-repeat:no-repeat;background-position:right 0px; } /* show_menu2 */
.bottom_menu li.menu-last  {background-image:none; } /* show_menu2 */
.bottom_menu li a:hover {color:#3f617d !important; }


.content-row .centre { background:#FFF; padding-top:18px;}
/* .content-row .centre { background:#FFF; min-height:460px; padding-top:18px;} */
.content-row li { list-style-position:outside;margin-left:20px;}





/* Main page heading */
.page-heading { text-align:center;padding-bottom:5px;margin-bottom:10px;}


/* Sidebars and main content area */
.left {
	float:left;
	width:0px; /* 175 */
	padding:0px 0px 0px 0px;
}
.middle {
	display:block;
	margin-left:10px; /* 185 */
	margin-right:240px;
	width: 720px;
/*	background-color:#CCC; */
	padding:0px 0px 0px 0px;
}
.right {
	float:right;
	width:220px;
	padding:0px 10px 0px 0px;
/*	border:1px solid #f00;*/
}

/* The panels for PR & services on the left of the window */
.panel-menu, .panel-pr, .brochure-request { font-size:80%;padding-left:15px; padding-bottom:30px;}


/* The actual content block containing text - i.e. with left and right borders */
.content { font-size:100%;text-align:left;}
.content b, .content strong { font-weight:bold;}
.content a { color:#3f617d; }
.content p { padding-bottom:12px; } 
.content ul { padding-bottom:12px; } 



.copyright {padding-top:10px;font-weight:normal;}
/* The websanity links at the very bottom of the screen */
.websanity_links { color:#DDD;font-size:90% }
.websanity_links a:link,.websanity_links a:visited { color:#DDD;border:none;/*border-bottom:solid 1px #9a9a9a;*/ }
.websanity_links a:hover {	text-decoration:underline; /*border-bottom:solid 1px #FFFFFF;*/ }




/* Form styles */
#captcha_field_title {
	padding-top:8px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Photos in RH columns */
.photo {
	margin-left:auto;margin-right:auto;
	display:block;
	width:99px;
	height:162px;
	position:relative;
	background:url('photo-background.png') top left no-repeat;
	padding-bottom:20px;
	text-align:center;
}
.photo img {
	position:absolute;
	left:6px;
	top:6px;
	width:81px;
	height:121px;
	border:1px solid #888;
}
.photo p {
	position:absolute;
	left:6px;
	top:130px;
	width:81px;
	height:24px;
	font-size:70%;
	line-height:90%;
}

/* For brochure request and contact us buttons */
.form-submit {
	font-family:Arial, Helvetica, sans-serif;
	color:#0a1e63;
}

/* Q&A styles for FAQs */
.question { font-weight:bold;color:#cf3736;margin-top:15px;}
.answer { font-style:italic; }





/* MENU STYLE FOR ROOT NAVIGATION */
.loggedin-display {position:absolute;top:10px;right:10px;float:right;font-size:72%;color:#888} 
.root-menu a {color:#888;}
.root-menu {position:absolute;top:30px;right:0px;float:right;font-size:75%;color:#888} 
.root-menu ul {display:inline;list-style-type:none;padding-left:0px;margin-right:0px;margin-left:0px;} 
.root-menu li {display:inline;padding-right:10px;padding-left:4px; } 
/* Set important to override styles that powerpoint content embeds */
.root-menu li a {color:#888 !important; } 
.root-menu li a:hover {color:#3f617d !important; }
.root-menu li a.menu_current {color:#3f617d !important; }	/* show_menu */
.root-menu li.menu-current a {color:#3f617d !important; } /* show_menu2 */
.root-menu li {background-image:url('menu-divider-grey.gif');background-repeat:no-repeat;background-position:right 0px; } /* show_menu2 */
.root-menu li.menu-last  {background-image:none; } /* show_menu2 */
.root-menu a:hover {color:#3f617d !important; }	/* For login etc. */

/* MENU STYLE FOR BUSINESS AREA NAVIGATION */
.business-area-menu {position:absolute;top:0px;left:0px;float:left;font-size:75%;} 
.business-area-menu ul {list-style-type:none;padding-left:0px;margin-right:0px;margin-left:6px;} 
.business-area-menu li {display:inline;padding-right:10px;padding-left:4px; } 
.business-area-menu li a {color:#888 !important; } 
.business-area-menu li a:hover {color:#3f617d !important; }
.business-area-menu li a.menu_current {color:#3f617d !important; }	/* show_menu */
.business-area-menu li.menu-current a {color:#3f617d !important; } /* show_menu2 */
.business-area-menu li.menu-parent a {color:#3f617d !important; } /* show_menu2  Style for menu when CHILD page selected */
.business-area-menu li {background-image:url('menu-divider-grey.gif');background-repeat:no-repeat;background-position:right 0px; } /* show_menu2 */
.business-area-menu li.menu-last  {background-image:none; } /* show_menu2 */



/* MENU FOR DROP DOWN */
.drop-down-menu {padding:0 0 0 0px; margin:0 10px 0px 10px; list-style:none; height:22px; color:#fff;position:relative; z-index:100;background-image:url('menu-background-blue.gif');background-repeat:repeat-x;font-size:75%}
.drop-down-menu ul {padding:0;margin:0;list-style-type:none;}	/* Strip default list attribute from list */ 
.drop-down-menu table {position:absolute; top:0; left:0; border-collapse:collapse;} /* Strip default table attributes from table */
.drop-down-menu li {float:left;position:relative;}	/* Float gives horizontal menu; relative allows drop down position to be set*/

/* Top level style */
.drop-down-menu a {display:block; float:left; 
padding:0 0 0 0px; 
height:22px; line-height:22px;
color:#FFF;
text-decoration:none;
cursor:pointer;
width:145px;}


.drop-down-menu a b {text-align:center;display:block; padding:0 0px 0 0px;
font-weight:normal; color:#FFF;
}
/* Top level current style for currently selected option */
.drop-down-menu li .menu_current {background: #71A2D4 url(menu-background-blue-high.gif) 0px 1px;}
/*.drop-down-menu li .menu_current a b {background:url(test/images/button3.gif) no-repeat right top;} */
.drop-down-menu li .menu_current a:hover {background: #71A2D4 url(menu-background-blue-high.gif) 0px 1px; cursor:default; text-decoration:none;}
/*.drop-down-menu li .menu_current a:hover b {background: #71A2D4 url(menu-background-blue-high.gif) 0px 1px; text-decoration:none;} */

/* Hover - applies to ALL menus, override in lower level menus to change this behaviour */
/*.drop-down-menu a:hover b {background:url(images/menu-highlighttop.png) no-repeat left top; text-decoration:none;}
.drop-down-menu a:hover {color:#fff; background:url(images/menu-highlighttop.png) no-repeat right top; text-decoration:none;} */		/* <b> tag gives Left and right 'sides' to buttons   */
/*.drop-down-menu a:hover b {color:#FFF; text-decoration:none;} */
.drop-down-menu a:hover {color:#FFF; text-decoration:none;background: #71A2D4 url(menu-background-blue-high.gif) 0px 1px;}

/* Second level style - NB. override .current settings: we don't want these to apply to this menu */
.drop-down-menu ul ul a, .drop-down-menu ul li .menu_current ul a {background-color:#1b446d; color:#FFF; height:auto; line-height:1em; padding:5px 0 5px 0px; width:145px;border-width:0 1px 1px 1px;text-align:left;
text-decoration:none; font-size:90%;
}
.drop-down-menu ul ul a:visited { color:#FFF }	/* Needed for IE 6 */

/* Second level hover (override generic hover) */
.drop-down-menu ul ul a:hover, .drop-down-menu ul li.current ul a:hover  {color:#FFF;background: #71A2D4 url(menu-background-blue-high.gif) 0px 1px;text-decoration:none;}

	
/* Menu dynamics */
.drop-down-menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0;} /* hide the sub levels and give them an absolute positon so that they take up no room */
.drop-down-menu ul ul a b {padding-left:10px;text-align:left; }	/* Override justification for drop downs */
.drop-down-menu ul li:hover ul, .drop-down-menu ul a:hover ul{visibility:visible;z-index:100}	/* make the second level visible when hover on first level list OR link */


/*.header-row .menu li {background:url('menu-divider.gif') left no-repeat;}
.header-row .menu li.menu_first {background:none;}*/

/*.drop-down-menu li {background-image:url('menu-divider.gif');background-repeat:no-repeat;}*/
.drop-down-menu li {background-image:url('menu-divider.gif');background-repeat:no-repeat;background-position:right top;}
/*.drop-down-menu li a {background-image:url('menu-divider.gif');background-repeat:no-repeat;background-position:left top;}
.drop-down-menu li.menu_first a {background:none;}*/





.header-red {
color:#fff !important;
font-weight:normal;
display: block;
background:url('header-red.gif') top left repeat-x;
padding:3px 0px 3px 3px;
font-size:95%
}
.header-body {
/*border:1px solid #888;border-top:none;padding:5px;font-size:90%;background-color:#FFF;*/
/*border-left:1px solid #DDD;border-right:1px solid #BBB;border-bottom:1px solid #BBB;border-top:none;padding:5px;font-size:90%;background-color:#FFF;*/
/*(border-top:none;padding:5px;font-size:90%;background-color:#F3F3F3;*/
border-left:1px solid #DDD;border-right:1px solid #BBB;border-bottom:1px solid #BBB;border-top:none;padding:5px 12px 5px 5px;font-size:90%;background:#FFF url('graduated-box-background-grey.png') left top repeat-x;
}
a.header-red {
color:#fff !important;
font-weight:normal;
display: block;
background:url('header-red.gif') top left repeat-x;padding:3px;
}
a.header-red:link {
color:#fff !important;	/* For IE 6 */
}
a:hover.header-red {
background:url('header-red.gif') 0px -25px repeat-x; text-decoration:none;
}
p.header-red { padding:0px 3px 0px 3px;}

.header-blue,.header-blue-current  { color:#fff !important; font-weight:normal; display: block; background:url('header-blue.gif') top left repeat-x;padding:3px 0px 3px 0px;font-size:95%; }
p.header-blue { padding:0px 3px 0px 3px;}
a.header-blue,a.header-blue-current   { color:#fff !important; font-weight:normal; display: block; background:url('header-blue.gif') top left repeat-x;padding:3px; }
a.header-blue:link { color:#fff !important;	/* For IE 6 */ }
a:hover.header-blue,a.header-blue-current { background:url('header-blue.gif') 0px -25px repeat-x; text-decoration:none; }

.header-purple,.header-purple-current  { color:#fff !important; font-weight:normal; display: block; background:url('header-purple.gif') top left repeat-x;padding:3px 0px 3px 0px;font-size:95%; }
p.header-purple { padding:0px 3px 0px 3px;}
a.header-purple,a.header-purple-current   { color:#fff !important; font-weight:normal; display: block; background:url('header-purple.gif') top left repeat-x;padding:3px; }
a.header-purple:link { color:#fff !important;	/* For IE 6 */ }
a:hover.header-purple,a.header-purple-current { background:url('header-purple.gif') 0px -25px repeat-x;  text-decoration:none;}

.header-green,.header-green-current { color:#fff !important; font-weight:normal; display: block; background:url('header-green.gif') top left repeat-x;padding:3px 0px 3px 0px;font-size:95%; }
p.header-green { padding:0px 3px 0px 3px;}
a.header-green,a.header-green-current { color:#fff !important; font-weight:normal; display: block; background:url('header-green.gif') top left repeat-x;padding:3px; }
a.header-green:link { color:#fff !important;	/* For IE 6 */ }
a:hover.header-green,a.header-green-current { background:url('header-green.gif') 0px -25px repeat-x;  text-decoration:none;}

.header-orange,.header-orange-current { color:#fff !important; font-weight:normal; display: block; background:url('header-orange.gif') left repeat-x;padding:3px 0px 3px 0px;font-size:95%; }
p.header-orange { padding:0px 3px 0px 3px;}
a.header-orange,a.header-orange-current  { color:#fff !important; font-weight:normal; display: block; background:url('header-orange.gif') left repeat-x;padding:3px; }
a.header-orange:link { color:#fff !important;	/* For IE 6 */ }
a:hover.header-orange,a.header-orange-current { background:url('header-orange-light.gif') left repeat-x;  text-decoration:none;}

.header-black,.header-black-current { color:#fff !important; font-weight:normal; display: block; background:url('header-black.gif') left repeat-x;padding:3px 0px 3px 0px;font-size:95%; }
p.header-black { padding:0px 3px 0px 3px;}
a.header-black,a.header-black-current  { color:#fff !important; font-weight:normal; display: block; background:url('header-black.gif') left repeat-x;padding:3px; }
a.header-black:link { color:#fff !important;	/* For IE 6 */ }
a:hover.header-black,a.header-black-current { background:url('header-black-light.gif') left repeat-x;  text-decoration:none;}

.body-only {
padding:5px;font-size:95%;background-color:#EEE;
}

.menu-red { color:#fff !important; font-weight:normal; display: block; background:url('header-red.gif') top left repeat-x;padding:3px; margin-bottom:1px;font-size:95%}
.menu-red-current { background:url('header-red.gif') 0px -25px repeat-x;}
.menu-blue { color:#fff !important; font-weight:normal; display: block; background:url('header-blue.gif') left repeat-x;padding:3px; margin-bottom:1px;font-size:95%}
.menu-purple { color:#fff !important; font-weight:normal; display: block; background:url('header-purple.gif') left top repeat-x;padding:3px; margin-bottom:1px;font-size:95%}
.menu-green { color:#fff !important; font-weight:normal; display: block; background:url('header-green.gif') top left repeat-x;padding:3px; margin-bottom:1px;font-size:95%}
.menu-orange { color:#fff !important; font-weight:normal; display: block; background:url('header-orange.gif') left repeat-x;padding:3px; margin-bottom:1px;font-size:95%}
.menu-black { color:#fff !important; font-weight:normal; display: block; background:url('header-black.gif') left repeat-x;padding:3px; margin-bottom:1px;font-size:95%}

a:hover.menu-red { background:url('header-red.gif') 0px -25px repeat-x;  text-decoration:none;}
a:hover.menu-blue { background:url('header-blue.gif') 0px -25px repeat-x;  text-decoration:none;}
a:hover.menu-purple { background:url('header-purple-light.gif') 0px -25px left repeat-x;  text-decoration:none;}
a:hover.menu-green { background:url('header-green-light.gif') 0 -25px repeat-x;  text-decoration:none;}
a:hover.menu-orange { background:url('header-orange-light.gif') left repeat-x;  text-decoration:none;}
a:hover.menu-black { background:url('header-black-light.gif') left repeat-x;  text-decoration:none;}


.color_dark_blue, a.color_dark_blue,.color_blue, a.color_blue { color:#3f617d; }
.color_black, a.color_black { color:#000; }
.color_red, a.color_red { color:#862e42; }
.color_grey, a.color_grey, .color_charcoal { color:#888; }
.color_purple, a.color_purple { color:#553668; }
.color_orange, a.color_orange { color:#db8a31; }
.color_green, a.color_green { color:#325f32; }


.photo_career { float:right; margin-left:10px; margin-bottom:10px; text-align:center;}
.required_field { color:#862e42; font-weight:bold;}
#news_content a { color:#325f32; }



.wide_header_text { 	position:absolute;bottom:88px;right:12px;color:#888;font-weight:bold;font-size:20px;text-align:center; }
.wide_header_text_shadow { 	position:absolute;bottom:90px;right:10px;color:#fff;font-weight:bold;font-size:20px;text-align:center; }
.header_text { position:absolute;bottom:48px;right:12px;color:#888;font-weight:bold;font-size:18px; }
.header_text_shadow { position:absolute;bottom:50px;right:10px;color:#fff;font-weight:bold;font-size:18px; }