@import url("eb_header.css");

/*Background colour of #5375A3 + right border - contains nav + main content to keep
height equal height% does not work with loose.dtd - IE + Netscape compatibility*/
UL {margin-left: 0px; padding: 0px 0px 0px 30px; list-style: square url(../images/eb_bullet.gif) inside; font-size: 9pt; list-style-position: outside; line-height: 9pt;}	
LI {padding-bottom: 5px;}
P {margin-top: 10px; margin-bottom: 5px;}
A:link,
A:active		{color: #414F79; text-decoration: none;}
A:visited 	{color: #5375A3; text-decoration: none; }
A:hover 		{ color: #FF6500; text-decoration: none; }

#navImage{ position:relative; z-index: 2; background-image: url(../images/eb_stairs.jpg);  background-repeat: no-repeat; width: 195px; height: 194px;}

/*nav items - adjust width to compensate for padding - using loose.dtd*/
.navIPrimary{position: relative; z-index: 2; background-color: #5375A3; width: 190px; height: 22px; padding-left: 5px; padding-top: 5px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; text-align: left;}
.navIPrimary A:link,
.navIPrimary A:active,
.navIPrimary A:visited 		{ color: #FFFFFF; text-decoration: none; }
.navIPrimary A:hover 		{ color: #FF6500; text-decoration: none; }
.navISecondary{position: relative; z-index: 2; background-color: #B9C8DB; width: 185px; height: 22px; padding-left: 10px; padding-top: 5px; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; text-align: left;}
.navISecondary A:link,
.navISecondary A:active,
.navISecondary A:visited 		{ color: #FFFFFF; text-decoration: none; }
.navISecondary A:hover 		{ color: #FF6500; text-decoration: none; }
.navIBottomSpacer{position: relative; z-index: 2; background-color: #5375A3; width: 190px; height: 26px; padding-left: 5px; padding-top: 5px; color: #FFFFFF; text-align: left;}
/*Padding within divs adds to size - widths = total width - left + right padding (loose.dtd)*/

/*content table settings*/
#contentTable{width: 780px; height: 100%; text-align: left;}
#leftSpacerCol{width: 10px;}
#contentLeftCol{background-color: #5375A3; width: 195px; vertical-align: top; text-align: left;}
#contentMainCol{width: 425px; vertical-align: top; text-align: left;}
#contentRightCol{background-color: #B9C8DB; width: 150px; vertical-align: top; text-align: left;}
#contentBottomSpacer{ height: 15px; font-size: 8pt; color: #5375A3;}
#contentFooter{ height: 15px; border-top: 1px solid #B9C8DB; border-bottom: 1px solid #B9C8DB; font-size: 8pt; color: #5375A3; text-align: left;}
#contentFooter P{ margin-left: 10px; margin-top: 0px; margin-bottom: 0px; text-align: left;}
		
/*content main settings*/
#contentTitleTop{position: relative; z-index: 1; background-color: #414F79; width: 395px; height: 14px; left: 10px; top: 0px; padding-left: 10px; padding-right: 0px; color: #FFFFFF; font-size: 8pt; font-weight: bold; text-align: left;}
#contentTitleBottom{position: relative; z-index: 1; background-color: #FFFFFF; width: 394px;  left: 10px; top: 0px; padding-left: 9px; padding-right: 0px; padding-top: 3px; border-left: 1px solid #B9C8DB; border-right: 1px solid #B9C8DB; border-bottom: 1px solid #B9C8DB; color: #414F79; font-size: 16pt; text-align: left;}
#contentMain{position: relative; background-color: #FFFFFF; width: 405px; height: auto; left: 10px; top: 0px; font-size: 9pt; color: #333333; padding-top: 20px; text-align: left;}
		
/*right content settings*/
#rightBanner1{position: relative; background-image: url("../images/eb_index_iso.gif"); background-repeat: no-repeat;background-color: #FFFFFF; width: 55px; height: 70px; left: 10px; top: 10px;}
#rightBanner2{position: relative; background-image: url("../images/eb_index_constructionline.gif"); background-repeat: no-repeat; background-color: #FFFFFF; width: 70px; height: 70px;left: 10px; top: 20px;}
#rightBanner3{position: relative; background-image: url("../images/eb_nhbc.gif"); background-repeat: no-repeat;background-color: #FFFFFF; width: 100px; height: 44px; left: 10px; top: 30px;}
#rightBanner4{position: relative; background-image: url("../images/eb_fmb.gif"); background-repeat: no-repeat;background-color: #FFFFFF; width: 43px; height: 57px; left: 10px; top: 40px;}

		
/*thumbnail image container settings*/
#contentImageContainer{position: relative; background-color: #FFFFFF; width: 340px; left: 25px; top: 10px; text-align: left;}
.contentImageTable{width: 328px; text-align: left;}
.contentImageTable{width: 328px; text-align: left;}
.contentImageTable{width: 328px; text-align: left;}
.contentImage{width: 154px; text-align: left;}
.contentImageSpacer{width: 20px}
.contentImageText{width: 154px; font-size: 8pt; padding-bottom: 4px; text-align: left;}
/*
#contentImageContainer{position: relative; background-color: #FFFFFF; width: 340px; left: 25px; top: 10px}
#contentImage1 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 0px;}
#contentImageText1 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 0px; font-size: 8pt;}
#contentImage2 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 175px; top: 0px;}
#contentImageText2 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 175px; top: 125px; padding-top: 0px; font-size: 8pt; border: 1px solid black;}
#contentImage3 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 0px;}
#contentImageText3 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 28px; left: 0px; font-size: 8pt;}
#contentImage4 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 175px; top: 156px;}
#contentImageText4 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 175px; top: 127px; font-size: 8pt;}

#contentImage5 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 0px;}
#contentImageText5 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 0px; font-size: 8pt;}
#contentImage6 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 175px; top: 312px;}
#contentImageText6 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 175px; top: 127px; font-size: 8pt;}
#contentImage7 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 0px;}
#contentImageText7 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 0px; font-size: 8pt;}
#contentImage8 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 175px; top: 468px;}
#contentImageText8 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 175px; top: 127px; font-size: 8pt;}
#contentImage9 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 0px;}
#contentImageText9 {position: relative; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 0px; font-size: 8pt;}
#contentImage10 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 125px; left: 175px; top: 624px;}
#contentImageText10 {position: absolute; z-index: 1; background-color: #FFFFFF; width: 154px; height: 30px; left: 175px; top: 127px; font-size: 8pt;}
*/

/*large image container settings*/
#contentImageLrgContainer{position: relative; background-color: #FFFFFF; width: 400px; left: 0px; top: 10px;  text-align: left;}
#contentImageLrgText1 {position: relative; background-color: #FFFFFF; width: 400px; height: auto; left: 0px; font-size: 8pt; text-align: left;}

/*#contentBottomSpacer{position: relative; background-color: White; width: 381px; height: 20px; left: 195px; border-top: 1px solid #B9C8DB; padding-left: 20px; padding-right: 20px; padding-top: 0px; font-size: 8pt;}*/

/*#contentFooter{position: relative;  z-index: 2; background-color: #FFFFFF; width: 380px; height: 17px; left: 195px; border-top: 1px solid #B9C8DB; padding-left: 20px; padding-right: 20px; padding-top: 2px; font-size: 8pt;}*/
#contentRight{position: absolute; background-color: #B9C8DB; width: 134px; left: 615px; top: 0px; border-left: 1px solid #B9C8DB; padding-left: 10px; padding-right: 10px; text-align: left;}