/* Mark Hammerton Group - CSS By Liam Moody - liam@markhammerton.com */

/* Calibrate all CSS Elements */
body{margin:0;padding:0;color:#666666; background:#FFFFFF}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{}
caption,th {text-align:left;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}

/* Set Fonts */
body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
.container {padding: 3px 0 0 0; background:url(../images/layout/nav-bg.gif) no-repeat left bottom}
.container-2 {margin: 3px 0 0 0;padding: 0px 0 0 0;min-height:400px; float:left; width: 570px;}
.container-2 p {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 0 0 0 10px;}
#welcome p {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 0 0 0 13px;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; padding: 10px 10px 0 10px; margin: 0 0 10px 0}
li {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; margin-left:20px; line-height: 14pt;}
h1 {padding:10px 0 0 9px;}
p a {text-decoration: none; border-bottom: 1px dotted #555555; color: #555555;}
a {
	text-decoration: underline;
	color: #666666;
}
a:hover {color: #CC0000;}
.navigation a:hover {text-decoration: underline; color: #CC0000;}
h2 {margin: 0 0 0 9px; font-size:28px;}
h3 {margin: 25px 0 0 9px; font-size:14px; font-weight:bold}

/* MHG Index Styles */
#wrapper {
	width: 760px;
	margin: 0 auto;
}

#header {
	width:760px;
	padding: 10px 0;
	background-color:#FFFFFF;
}
.top-links {
	width: 400px;
	float:right;
	text-align:right;
	font-size:8pt;
	color:#BBBBBB;
}
.top-links ul {
	padding-top: 60px;
}
.top-links li {
	display:inline;
	margin-left: 20px;
}


#splash {
	width:760px;
	height:195px;
}


#welcome {
	width: 377px;
	height: 235px;
	float: left;
	border: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	padding: 0;
}

#news {
	width: 376px;
	height: 235px;
	float: left;
	margin-left: 3px;
	border: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	padding: 0;
}

.section-box {
	width: 188px;
	margin-right: 3px;
	float:left;
}

.section-box-last {
	width: 187px;
	float:left;
}

.section-box ul, .section-box-last ul {
	border: 1px solid #CCCCCC;
	background-color: #F4F4F4;
	padding: 10px;
	height: 75px;
}
.section-box ul li, .section-box-last ul li {
	line-height: 12pt;
}

.section-box ul.yellow {list-style-image:url(../images/layout/yellow-bullet.gif);}
.section-box ul.red {list-style-image:url(../images/layout/red-bullet.gif);}
.section-box ul.green {list-style-image:url(../images/layout/green-bullet.gif);}
.section-box-last ul.blue {list-style-image:url(../images/layout/blue-bullet.gif);}

#more-news {
	background-color:#1C66A7; 
	margin: 3px 0;
}

#more-news-left {
	width: 377px;
	float: left;
	padding:0;
}

#more-news-right {
	width: 376px;
	float: left;
	margin-left: 3px;
	padding:0;
}

#more-news-left p, #more-news-right p {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; padding:5px 0;}

#footer {
	border-top: 3px solid #DDDDDD;
	margin-top: 0px;
	padding: 10px 0;
	text-align:right;
	font-size: 8pt;
	color:#BBBBBB;
	clear:both;
}

.abta-logo {
	background-image:url(../images/layout/abta-logo.gif);float:left;
}
.abta-logo:hover {
	background-image:url(../images/layout/abta-logo-blue.gif);
}


/* MHG Level 2 Styles */

.header-img {
	width: 188px;
	float:left;
	border-right: 3px solid #FFFFFF;
	margin-right: 20px;
	border-bottom: 3px solid #FFFFFF;
}
.header-title {
	height:78px;
}

.header h1 {
	padding: 18px 0 0 0px;
	font-size: 36px;
	color: #FFFFFF
}

.company-profile {background:url(../images/layout/yellow-header-grad.jpg) repeat-x;}
.our-business {background:url(../images/layout/red-header-grad.jpg) repeat-x;}
.press-media {background:url(../images/layout/green-header-grad.jpg) repeat-x;}
.jobs-careers {background:url(../images/layout/blue-header-grad.jpg) repeat-x;}

#nav {
	width: 188px;
	float: left;
}

.navigation {
	border-top: none;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	background-color: #F4F4F4;
	padding: 0 0 20px 0;
	margin: -3px 0 0 0;
}
.navigation ul {
	padding: 0 0 0 15px;
}

.navigation ul.yellow {list-style-image:url(../images/layout/yellow-bullet.gif);}
.navigation ul.red {list-style-image:url(../images/layout/red-bullet.gif);}
.navigation ul.green {list-style-image:url(../images/layout/green-bullet.gif);}
.navigation ul.blue {list-style-image:url(../images/layout/blue-bullet.gif);}

.navigation h2 {
	font-size:11pt;
	padding: 15px 0 0 16px;
	margin:0;
	font-weight:bold;
	color: #999999;
}


#main {
	width: 568px;
	margin-left: 3px;
	float: left;
}

#breadcrumb { height:27px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; position:relative;}
#breadcrumb p {padding:5px;}

.image-bank-image { border: 1px dotted #CCCCCC; width: 165px; padding: 15px 5px; margin: 10px 0 0 13px; float:left; text-align:center}
.image-bank-image:hover {background: #F4F4F4; border: 1px solid #CCCCCC;}
.image-bank-image img {padding-bottom: 10px;}
.image-bank-image p {font-size: 8pt;}

.pdf {background-image:url(../images/layout/pdf-icon-grey.gif); float:left; margin-right: 10px;}
.pdf:hover {background-image:url(../images/layout/pdf-icon.gif);}

ul li {
	line-height:20px;
	list-style-type:decimal;
}

div.vacancy {
		margin:10px 5px;	
}