@charset "utf-8";
/*
 Author :        Michael Cheung
 E-mail :        info@michaelassociates.co.uk
 Date Start :    09/05/2005
 Date Amend :    08/03/2006
 Client :        British Precast Concrete Federation
 Website :       www.britishpercast.org
 Version :       v1.0.
*/



html { 
	height: 100%;
	padding: 0; margin: 0 auto;
	background: #CBC3AF;
}

body { 
	margin: 0 auto; padding: 0; text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	behaviour: url(../../csshover.htc);
}

div#wrapper {
	position: relative;
	width: 770px; height: 100%; margin: 0 auto 0; padding: 0; 
	text-align: left;
	border-left: 2px solid #CCC;
	border-right: 2px solid #CCC;
	color:#000; 
	background-color: #FFFFFF;
}

div#blueheader { 
	float: left; z-index: 101; margin: 0;
	background: #005599; height: 25px; width: 770px;
}

div#blueheader, div#header, div#nav, {
	padding-top: 1px; padding-bottom: 1px;
}

div#header {
	float:left; z-index: 102; 
	background: url(../../images/header.gif) 0 0 no-repeat;
	height: 133px; width: 770px;
}

div#header1 {
	float:left; z-index: 102; 
	background: url(../../images/header.gif) 0 0 no-repeat;
	height: 133px; width: 770px;
}

div#header span, h3 span, div#blueheader span, #bluefooter p { 
	visibility: hidden;
}


div#nav { 
	float: left; 
	z-index: 104;
	width: 239px; height: 291px; background: #272D3E; font-size: 14px; 
} 

div#nav ul { margin: 0; padding: 0px 0 0 12px; line-height: 1.3em; width: 15em;
	background: #272D3E;
border: 2px solid red;} 

div#nav li { position: relative;
	list-style-type: none; margin: 0; border-bottom: 
1px solid #272D3E;
/*border: 2px solid red;*/
}

div#nav li.submenu:hover { background-color: #272D3E;
/*border: 2px solid red;*/
} 

div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none;
	width: 100%; voice-family: "\"}\""; voice-family: inherit;
	width: 9em; 
/*border: 2px solid green;*/
}

div#nav>ul a {width: auto;}

div#nav ul ul {
	position: absolute; top: 0; left: 6.4em; display: none;
}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level1 li.submenu:hover ul.level3,
div#nav ul.level1 li.submenu:hover ul.level4,
div#nav ul.level1 li.submenu:hover ul.level5,
div#nav ul.level1 li.submenu:hover ul.level6,
div#nav ul.level1 li.submenu:hover ul.level7
{display: block; line-height: 1.4em;}


div#nav a {
	color:#FFFFFF;
	text-decoration: none;
}

div#nav a:hover { 
	color: #D30F4C;
}

div#flashimages {
	float: left; z-index: 103;
	height: 229px; margin: -16px; padding-left: 17px; 
}

div#welcome {
	float: right; z-index: 105; 
	background: #005599; color:#FFFFFF; width: 530px; height: 64px; 
	margin: 30px 0 0 0;
	font: 1.4em Arial, Helvetica, sans-serif;
	text-align: center ; 
}

div#breadcrumb { 
	float: left; z-index: 106; 
	width: 770px; height: 30px;
	background: #B2A87C; color: #FFFFFF; font-size:small;
} 

div#breadcrumb a { color: #FFFFFF; text-decoration: none;}

div#breadcrumb a:hover { text-decoration: underline;}

div#breadcrumb a:visited { color: #FFFFFF;} 

div#news {
	float:left; z-index: 107; 
	background: #DFDACD;
	display: block;
	width: 238px;
	border-right: 0.5px solid #CCC;
}


div#summary, #subsummary1, #subsummary2, #news {
	font-size:12px;
}

div#summary {
	float: left; z-index: 108;
	width: 530px;  
	margin: 0; 
}

div#subsummary1 {
 	float: left; z-index: 109;
	width: 305px; 
	margin: 10px auto;	
}
div#subsummary2 {
	float: left; z-index: 110;
	width: 215px;
	margin: 10px auto;
	
}

div#breadcrumb p, div#subsummary1 p, #subsummary2 p, #news p, #summary p {
	margin: 0 1.5em; padding: 0.5em 0;
}

div#content {
	float: left; 
	width: 750px;
	text-align: left; 
	font-size: 12px;
	padding-left: 0.3em;
}
div#bluefooter {
	float:left; z-index: 111;
	background: #80AACC; width:770px; height: 15px;
	margin: 0;
}



div#footerlinks a {
	color: #FFFFFF; text-decoration: none;
}

div#footerlinks a:hover {
	text-decoration: underline;
}

div#footerlinks {
	float:left; z-index: 112;
	background: #005599 url(../../images/logo-sm.gif) right no-repeat;
	width: 100%; font-size: x-small;
	margin: 0; text-align:justify; text-indent: 1em; 
	
}

div#footertext {
	width: 30%;
	font-size: 12px; text-align: right; font-size: x-small;
	margin: -2em 0 0 47em; color: #FFFFFF;
}

div#footertext a { color: #FFFFFF; text-decoration: none;}

div#footertext a:hover { text-decoration: underline;}



.sectionheadings { 
	color: #D30F4C;
	font-size:13px; font-weight:bold;
}

.headings { font-size: medium; font-weight: bold;}

TD a:link { color: #005599;}

TD a:hover {color:#005599;}

TD a:visited { color: #005599;}

TD a:active { color: #005599;}

.center { text-align: center;}

.bluecells { background: #D6D3FA; font: bold;}

.installtable tr { background: #DFDAFE; vertical-align: top;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 

}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



.boldText {
	font-weight:bold;
}