/*
British Cement Association 
Layout style sheet
Last edit: 05-03-07
*/

body, html {
margin: 0;
padding: 0;
}

body {
padding: 0;
margin: 0;
color: #333;
font: 76%/1.5 Arial,Helvetica,sans-serif;
text-align: center;
background: #8a9c9c url(../../../../images/bg.jpg) no-repeat top center;
}

h1, h2, h3, h4, h5 {
margin: 0;
padding: 0;
line-height: 1.2;
color: #393939;
}

h1 a {
border-bottom: none;
}


h3 {
color: #393939;
}

h4 {
font-size: 1.2em;
}

a {
color: #015c5f;
}

a {
text-decoration: none;
border-bottom: 1px dotted #8f8f8f;
}

a:hover {
text-decoration: none;
border-bottom: 1px solid #8f8f8f;
}

ul, ul li {
list-style: none;
margin: 0;
padding: 0;
}

#wrap {
clear: both;
width: 760px;
margin: 0 auto 20px auto;
padding: 20px 20px 20px 20px;
text-align: left;
background-color: #fff;
}

#top h1 {
float: left;
}

#search {
clear: right;
float: right;
padding: 0;
margin-top: 15px;
_margin-top: -50px;
}

#search a {
border: none;
}

#textResizer {
clear: right;
float: right;
margin: 10px 0 10px 0;
_margin: -18px 0 10px 0;
}

a.textSizeRegular {
font-size: 100%;
}

a.textSizeLarge {
font-size: 125%;
}

a.textSizeXL {
font-size: 145%;
}

#search table#searchBox {
display: inline;
float: right;
}

#search input {
width: 146px!important;
height: 16px!important;
}

#content {
margin: 0!important;
padding: 0!important;
clear: left;
}

div#header {
clear: left;
background-color: #769cdd;
margin: 0!important;
padding: 0!important;
}

div#header a {
display: block;
font-size: 90%;
font-weight: bold;
margin: 0;
height: 179px;
border-bottom: none;
}

/*
div#header a {
display: inline;
float: left;
margin: 105px 0 0 54px;
text-decoration: none;
border: none;
padding: 0;
cursor: arrow;
}
*/

div#header a span {
display: block;
padding: 5px;
margin: 0;
background: transparent url(../../../../images/banner_btn_btm.gif) repeat-x bottom right;
}

body.home div#header {
/*background: #769cdd url(../../../../images/header-spinnaker.jpg) no-repeat top left;*/
height: 179px;
border-top: #c0d5ff;
}


/*------------------
Header
------------------*/

div#header h2 {
float: left;
}

#header p, #header p img {
margin: 0;
padding: 0;
}

body.hub h2, body.content h2 {
display: inline;
font-family: "Trebuchet MS", arial, sans-serif;
font-size: 165%;
color: #fff;
margin: 29px 0 0 54px;
}

body.home div#header h2 {
text-indent: -9999px;
}

/*------------------
Hub Header Images
------------------*/

body.hub div#header, body.content div#header {
background: #769cdd url(../../../../images/header-spinnaker-hub.jpg) no-repeat top left;
height: 94px;
border-top: #c0d5ff;
}

body.content div.CementHub, body.hub div.CementHub {
background: #769cdd url(../../../../images/header-hub-cement.jpg) no-repeat top left!important;
}

body.content div.CementHub, body.hub div.ConcreteHub {
background: #769cdd url(../../../../images/header-hub-concrete.jpg) no-repeat top left!important;
}

body.content div.CementHub, body.hub div.SustainabilityHub {
background: #769cdd url(../../../../images/header-sustainability-hub.jpg) no-repeat top left!important;
}

body.content div.CementHub, body.hub div.IssuesHub {
background: #769cdd url(../../../../images/header-keyissues-hub.jpg) no-repeat top left!important;
}

body.content div.CementHub, body.hub div.SafetyHub {
background: #769cdd url(../../../../images/header-healthandsafety-hub.jpg) no-repeat top left!important;
}

body.content div.CementHub, body.hub div.UsHub {
background: #769cdd url(../../../../images/header-aboutus-hub.jpg) no-repeat top left!important;
}

/*------------------
Main Content Area
------------------*/

body.home #main {
min-height: 600px;
_height: 600px;
}

#main {
padding: 0 0 0 0;
margin: 0 0 20px 0;
float: left;
width: 605px;
}

#main h1 {
font-size: 130%;
}

#content-secondary {
float: right;
display: inline;
width: 145px;
padding-top: 15px;
margin: 0;
}

#content-secondary p {
margin: 0;
padding: 0;
}

#content-secondary a {
font-weight: bold;
margin-bottom: 20px;
padding: 0px 8px 0px 0px;
background: url(../../../../images/linkBullet.gif) no-repeat center right;
}

#content-secondary h3, 
#content-secondary ul li h3 {
font-size: 105%;
margin: 0;
padding: 0;
line-height: 1.4!important;
color: #393939;
}

#content-secondary div.interest {
background-color: #eee;
padding: 8px;
font-size: 0.9em;
margin-top: 20px;
}

#content-secondary div.interest ul {
margin-top: 10px;
}

#content-secondary div.interest li {
padding-bottom: 10px;
}

#content-secondary div.interest a {
color: #000;
font-weight: bold;
padding: 0px;
background: none;
}

body.content #content table caption {
display: none;
}

body.content #content table {
border-top: 1px solid #8f8f8f;
border-left: 1px solid #8f8f8f;
}

body.content #content table th {
background-color: #eee;
padding: 4px;
}

body.content #content table td {
font-size: 90%;
border-bottom: 1px solid #8f8f8f;
border-right: 1px solid #8f8f8f;
padding: 4px;
}

#footer {
clear: both;
}

#preamble {
margin: 15px 0 25px 15px;
}

#preamble p {
margin: 5px 0;
padding: 0;
}

#preamble h1 {
font-size: 125%;
margin: 0;
padding: 0;
line-height: 1.2;
}

#feature-area {
float: left;
width: 267px;
background: #efefef url(../../../../images/feature-bg.gif) no-repeat top left;
padding: 15px;
}

#feature-area h4 {
font-size: 100%;
}

#feature-area img {
float: right;
padding: 4px 10px 10px 10px;
}

#feature-area a {
/*width: 108px;
height: 29px;
display: block;
background: url(../../../../images/homeButton.gif) no-repeat top left;
border-bottom: none;
font-size: 0.9em;
font-weight: bold;
color: #000;
padding: 4px 0px 0px 10px;
margin-left: -5px;*/
}

#highlights {
float: right;
width: 263px;
padding: 15px 15px 15px 30px;
}

#highlights h4 {
font-size: 100%;
}

#highlights ul {
margin-top: 10px;
}

#highlights ul li {
padding-left: 20px;
background: #fff url(../../../../images/highlights-bullet.gif) no-repeat 0 3px;
margin: 0 0 4px 0;
color: #666;
}
 
#highlights a {
text-decoration: none;
border-bottom: 1px dotted #8f8f8f;
}

#highlights a:hover {
text-decoration: none;
border-bottom: 1px solid #8f8f8f;
}

#members {
padding-bottom: 40px;
width: 760px;
background: #fff;
}

#members ul {
margin-bottom: 20px;
}

#members ul li {
float: left;
margin: 0 82px 0 0;
}

#members ul li.last {
margin: 0;
}

#members a {
border-bottom: none;
}

#footer {
width: 740px;
background-color: #f0f0f0;
padding: 10px;
font-size: 90%;
}

#footer ul {
float: right;
width: 180px;
margin-top: -17px;
}

#footer ul li {
list-style: none;
float: left;
margin: 0;
padding: 0 5px 0 8px;
background: url(../../../../images/divider.gif) no-repeat 0 3px;
}

#footer ul li.footerLink0 {
background: none;
padding: 0 5px 0 0;
}

/* Nav */

#nav {
font-size: 100%;
clear: both;
background: #007677;
margin: 0!important;
padding: 0!important;
height: 30px;
}

#nav a {
border: none;
margin: 0;
padding: 0;
}

#nav ul, #nav ul li, #nav ul li ul, #nav ul li ul li {
margin: 0!important;
padding: 0!important;
}

#nav ul {
float: left;
margin: 0;
padding: 0;
background: #017577 url(../../../../images/nav/off-bg.gif) repeat-x top left;
width: 760px;
}

#nav li {
float: left;
margin: 0 10px 0 0;
}

#nav a:hover, body#home #n-home a, body#industry #n-industry a, body#aboutcement #n-aboutcement a, body#sustainability #n-sustainability a, body#keyissues #n-keyissues a, body#health #n-health a, body#aboutus #n-aboutus a {
	background: #238789 url(../../../../images/nav/on-bg.gif) repeat-x top left;
}

#nav li a {
float: left;
color: #fff;
padding: 8px 20px 8px 20px;
text-decoration: none;
}

#nav li {
background: url(../../../../images/nav/li-bg.gif) no-repeat top right;
}
	
#nav a {
float: left;
margin: 0 2px 0 0;
padding: 6px 12px;
color: #FFF;
text-decoration: none;
background: #017678 url(../../../../images/nav/off-bg.gif) repeat-x top left;
}

#secondaryNav {
text-align: right;
color: #fff;
}

#secondaryNav a {
border-bottom: 0px;
}

/*#secondary-nav {
float: right;
}

#secondary-nav ul {
margin: 0;
padding: 0;
}

#secondary-nav ul li {
float: left;
margin: 5px 0 0 10px;
padding: 0;
}

*/


/* Breadcrumb */

div#breadcrumb {
font-size: 95%;
font-weight: bold;
margin: 4px 0;
}

.breadcrumbSelected {
font-weight: normal;
}


/* Hub */

#hub-content, #content-content {
float: right;
width: 438px;
padding-left: 13px;
padding-top: 24px;
}

#hub-content ul,
#content-content ul {
padding-bottom: 12px;
}

#content-content .infoPanel {
background: url(../../../../images/infoPanelBg.jpg) no-repeat bottom right #e3efef;
padding: 12px 12px 24px;
}

#hub-content ul li,
#content-content ul li {
padding-left: 16px;
margin-bottom: 12px;
background: url(../../../../images/bullet.gif) no-repeat 0px 5px #fff;
clear: both;
}

#content-content ol li {
background: none;
}

/*div#hub-content ul {
margin: 0;
padding: 0;
}

div#hub-content ul li {
margin: 0;
padding: 0;
}*/

div#hub-content ul li a {
font-weight: bold;
clear: both;
}

div#hub-content ul li img {
margin: 4px 10px 0 0;
width: 142px;
height: 70px!important;
}

div#hub-content ul li p {
margin: 0px;
padding: 0px;
}

.floatRight {
float: right;
margin: 2px 0px 6px 6px;
}

.floatLeft {
float: left;
margin: 2px 6px 6px 0px;
}


/* Sub Nav */

#subNav {
clear: both;
float: left;
}

#subNav h2 {
float: left;
color: #393939;
font-size: 95%;
margin: 7px 0 3px 0;
}

#subNav ul {
float: left;
background: #ececec;
}

#subNav ul li {
border-bottom: 1px solid #fff;
}

#subNav a {
border: none;
}

#subNav a {
display: block;
width: 124px;
padding: 7px 10px;
}

#subNav a:hover {
display: block;
color: #fff;
background: #238789 url(../../../../images/nav/subNavHover.gif) repeat-x top left;
width: 124px;
padding: 7px 10px;
}

.searchResults table{
background-color: #ccc;
}

.searchResults div {
margin: 6px 0px;
padding: 6px 0px;
border-bottom: 1px dotted #8f8f8f;
}

.searchResults div a {
font-weight: bold;
}

.searchResults div.searchtop {
border-bottom: none;
margin: 0px;
padding: 0px;
font-size: 0.9em;
color: #666;
}

.siteMap div{
margin: 8px 0px;
}

.siteMap div.sitmp0 {
font-weight: bold;
margin-top: 18px;
}

.siteMap div.sitmp2 {
font-size: 0.9em;
}