/* CONTAINERS */
.container {width:755px; margin: 0 auto; background-color:#fff; }

/* mast */
.logo {margin:34px 0 21px 0; /* T-6 */ }
.logo img {margin-left:4px; }
.acc-nav {margin-top:5px; }

.cta p {width:209px; height:19px; position:relative; left:0; top:0; margin:0; }
.cta p span {background-repeat:no-repeat; background-position:0 0; height:19px; position:absolute; width:180px; }
.cta p a:hover span, .cta p a:focus span, .cta p a:active span {background-position:0 -19px; cursor:pointer; }
.cta p#visitlloyds span {background-image:url("../images/link_visitlloyds.png"); }
.cta p#visitlloyds {width:109px; height:19px; overflow:hidden; margin:0; font-size:0.8em; }

.c { height: 1%; }
.c:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}


/* Navigation - left column */
ul#left_nav {list-style:none; clear:both; margin-bottom:10px; }
ul#left_nav a {display:block; width:168px; height:20px; text-decoration:none; padding:6px 0 1px 15px; color:#403f3f; font-weight:bold; background: url("../images/navigation/leftnav.gif") 0 0 no-repeat;}
ul#left_nav a:hover {background:url("../images/navigation/leftnav.gif") -184px 0 no-repeat; }
ul#left_nav a.active {background-position:right 0; color:#fff; }


/* content */
.content-frame {position:relative; z-index:0; width:755px; overflow:hidden; margin-top:-2px; background:#fff url("../images/bg_content_frame.gif") repeat-y scroll left top; }
.content_frame_bottom {height:9px; width:100%; overflow:hidden; clear:both; background:#FFFFFF url("../images/bg_content_frame_bottom.gif") no-repeat left bottom; }

.home .content-frame, .noframe_bg .content-frame {background:none; }
.home .content_frame_bottom {background:none; height:0; }

.columns_main {clear:both; width:100%; overflow:hidden; }
.inner_top {clear:both; width:727px; overflow:hidden; margin:10px 0 5px 14px; background:url("../images/inner_box_top.gif") left top no-repeat; }
.inner {margin-top:5px; background:url("../images/inner_box_bottom.gif") left bottom no-repeat; padding:18px; }
.ff .inner {margin-top:5px; background:url("../../students/images/ff/inner_box_bottom.gif") left bottom no-repeat; padding:18px; }
.inner_wrap {width:100%; overflow:hidden; /* T */ }
.inner_c {width:330px; float:left; margin-bottom:20px; }
.inner_c_padding {padding-bottom:110px;}

.l-c {width:192px; margin:12px 0 0 0; float:left; display:inline; margin-left:4px; }
.l-c-top {margin-top:8px; }
.df .l-c {width:186px; margin-left:10px; }
.r-c {margin:12px 0 0 0; width:545px; float:left; }


 /* footer */
#footer {clear:both; list-style:none; text-align:center; color:#999; padding:10px 0; }
#footer li {display:inline; }
#footer a {color:#0054a6; margin:0 6px; font-size:0.9em; }


/* BASIC STYLES * /

body {font-size:63%; background-color:#FFF; font-family:arial; margin:0px;}
p {margin:0px 0px 25px 0px; color:#666; font-size:1.2em;}
.accessibility {display:none;}
.context {height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px;}
.fl {float:left;}
.fr {float:right;}
.c {height: 1%;}
.c:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.clear {font-size:0px; clear:both; height:0px; }
ul.inline {list-style-type:none;margin-left:0px;padding-left:0px;clear:both;}
ul.inline li {float:left;}

/* CONTAINERS * /
.container{width:755px;margin: 0 auto;background-color:#fff;}

/* mast * /
.logo {margin-top:34px;margin-bottom:15px;}
.logo img {margin-left:4px;border:none;}

/* content * /
.content-frame {width:755px;background-color:#fff;}
.content-frame-inner {width:755px;background: url(../../images/bg_bluebox_bottom.png) no-repeat left bottom;float:left;}
#main-flash { float:left; min-height:365px; width:755px; }
body#hub-home #main-flash {position:relative;top:0; left:0;width:755px; height:370px;zoom:1;}
body#hub-home h1 {margin:0;padding:0;}
body#hub-home #main-flash span { position:absolute; width:755px; height:370px; background:url(../../images/flash_home.jpg) no-repeat left top;}

/* visit lloyds rollover link * /
.cta p {width:209px;height:19px;position:relative;left:0;top:0;margin:0;}
.cta p span {background-repeat:no-repeat;background-position:0 0;height:19px;position:absolute;width:180px;}
.cta p a:hover span,.cta p a:focus span,.cta p a:active span { background-position:0 -19px; cursor:pointer; }

.cta p#visitlloyds span { background-image:url(../images/link_visitlloyds.png); }
.cta p#visitlloyds {width:109px;margin:0;padding:0;}
p#visitlloyds {margin:4px 0 0 0;}

/* promo panels * /
#promo-left{ width:250px; height:178px; float:left; margin-left:-1px;}
#promo-left div.promo-ir span { 
	background:url(../../images/box_savvytips.png) no-repeat left top;
	margin:-1px 0 0 0;
	padding:0;
	height:178px;
	position:absolute;
	width:251px;	
}
#promo-middle{width:253px;height:178px;float:left;}
#promo-right {width:250px;height:178px;float:left;}

 /* footer * /
.footer{ width:755px; text-align:center;height:17px;margin-bottom:20px;}
.footer-list{margin:20px auto 20px auto;text-align:center;width:410px;height:17px;color:#666;}
.footer-list ul li{margin:0 8px 0 0;padding: 0 8px 0 0;border-right:1px solid #666;}
.footer-list ul li.last { border-right:none;padding-right:8px;}

/*footer nav* /
a.blue-link:link{text-decoration:none;font-weight:normal;color:#0054a8;}
a.blue-link:visited{text-decoration:none;font-weight:normal;color:#0054a8;}
a.blue-link:hover{text-decoration:underline;font-weight:normal;color:#0054a8;}
a.blue-link:active{text-decoration:none;font-weight:normal;color:#0054a8;}*/