.class1 a:link {text-decoration: none; color: #ffffff} /*navi*/
.class1 a:visited {text-decoration: none; color: #ffffff}
.class1 a:hover {text-decoration: none; color: #ED1C24}

.class2 a:link {text-decoration: none; color: #666666} /*footer*/
.class2 a:visited {text-decoration: none; color: #666666}
.class2 a:hover {text-decoration: none; color: #ED1C24}

.class3 a:link {text-decoration: none; color: #333333} /*body links*/
.class3 a:visited {text-decoration: none; color: #333333}
.class3 a:hover {text-decoration: none; color: #ED1C24}

.class4 a:link {text-decoration: none; color: #a1a1a1} /*back to top links*/
.class4 a:visited {text-decoration: none; color: #a1a1a1}
.class4 a:hover {text-decoration: none; color: #ED1C24}

.class5 a:link {text-decoration: none; color: #171717} 
.class5 a:visited {text-decoration: none; color: #171717}
.class5 a:hover {text-decoration: none; color: #ED1C24}




body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background-image: url(images/back2.gif);
	background-position: center;
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #222222;
}

img {
border: 0;
vertical-align: bottom;
}



/*general fonts/spans
--------------------------------------------------------------------*/

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 17px;
color: #222222;
margin: 0;
padding-bottom: 5px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 12px;
color: #222222;
margin: 0;
padding-bottom: 5px;
}

.none {
margin: 0;
padding: 0;
}

.address {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}

.red {
color: #ED1C24;
}

.small {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #222222;
}

.smallred {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #ED1C24;
}

.headlines {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 30px;
color: #222222;
}


/*general divs
--------------------------------------------------------------------*/

#top {
height: 87px;
background-color: #000000;
background-image: url(images/logostrip.jpg);
background-position: center;
background-repeat: no-repeat;
}

#border {
width: 770px;
margin: 0 auto; /*center on page*/
}

#breadcrumbs {
margin-bottom: 5px;
padding: 5px;
}

#breadright {
float: right;
margin: 0;
}

#content {
margin-right: 300px;
padding-left: 5px;
padding-top: 5px;
padding-right: 15px;
margin-bottom: 25px;
}

#contentlarge, #contentlarge2 {
clear: both;
width: 760px;
margin: 0;
padding: 0;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 25px;
}

#links {
clear: both;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}

/*logo bar
--------------------------------------------------------------------*/

#logobar {
clear: both;
height: 110px;
margin-bottom: 10px;
background-image: url(images/logobar.gif);
background-position: center;
background-repeat: no-repeat;
}

#downloads {
	height: 20px;
	margin: 0;
	padding: 0;
	padding-top: 80px;
	padding-left: 40px;
	background-image: url(images/arrow_down.gif);
	background-position: 15px 80px;
	background-repeat: no-repeat;
	line-height: 20px;
	font-weight: bold;
	color: #707070;
}



/*footer
--------------------------------------------------------------------*/

#footerspace {
padding-top: 12px;
margin-bottom: 10px;
padding: 7px;
}

#footerharris {
float: right;
margin: 0;
}



/*image rollover
--------------------------------------------------------------------*/

#link01 {width: 250px; height: 150px; float: left}
#link01 a {background-image: url(images/link01.jpg); position: absolute;}
#link01 a:hover { background: url(images/link01.jpg) right no-repeat}

#link02 {width: 250px; height: 150px; float: right}
#link02 a {background-image: url(images/link02a.jpg); position: absolute;}
#link02 a:hover {background: url(images/link02a.jpg) right no-repeat}

#link03 {height: 150px; margin-left: 255px; margin-right: 255px}
#link03 a {background-image: url(images/link03.jpg); position: absolute;}
#link03 a:hover {background: url(images/link03.jpg) right no-repeat}

#link04 {width: 250px; height: 150px; float: right}
#link04 a {background-image: url(images/link04.jpg); position: absolute;}
#link04 a:hover {background: url(images/link04.jpg) right no-repeat}

#link05 {width: 250px; height: 150px; float: left}
#link05 a {background-image: url(images/link05.jpg); position: absolute;}
#link05 a:hover { background: url(images/link05.jpg) right no-repeat}


/*dropdown menu
--------------------------------------------------------------------*/

#navibar {
width: 770px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#nav, ul {
list-style: none;
padding: 0;
margin: 0;
padding-left: 10px;
line-height: 35px;
}

#nav li {
float: left;
position: relative;
padding-right: 25px;
}

#nav li ul {
display: none;
position: absolute;
background: #222222;
padding-left: 8px;
padding-right: 8px;
width: 220px;
top: 35px;
line-height: 22px;
left: 0;
border-bottom: 2px solid #ED1C24;
}

#nav li li {
float: none;
border-bottom: 1px solid #333333;
}

#nav li:hover ul, #nav li.sfhover ul {
display: block;
}


#nav li ul.products, #nav li ul.tech, #nav li ul.con {width: 160px}

/*banners
--------------------------------------------------------------------*/

#bannerhome {width: 770px; height: 250px; background-image: url(images/banners/001.jpg)}

#bannerabout {width: 770px; height: 250px; background-image: url(images/banners/002.jpg)}

#bannerturnkey {width: 770px; height: 250px; background-image: url(images/banners/003.jpg)}

#bannerhybrid {width: 770px; height: 250px; background-image: url(images/banners/004.jpg)}

#bannerglulam {width: 770px; height: 250px; background-image: url(images/banners/005.jpg)}

#bannerglulam2 {width: 770px; height: 250px; background-image: url(images/banners/006.jpg)}

#bannerclt {width: 770px; height: 250px; background-image: url(images/banners/019.jpg)}

#bannerproducts {width: 770px; height: 250px; background-image: url(images/banners/020.jpg)}

#bannerenvironmental {width: 770px; height: 250px; background-image: url(images/banners/007.jpg)}

#bannermanufacture {width: 770px; height: 250px; background-image: url(images/banners/008.jpg)}

#bannerinstallation {width: 770px; height: 250px; background-image: url(images/banners/009.jpg)}

#bannerdesign {width: 770px; height: 250px; background-image: url(images/banners/010.jpg)}

#bannermarket {width: 770px; height: 250px; background-image: url(images/banners/011.jpg)}

#bannercontact {width: 770px; height: 250px; background-image: url(images/banners/012.jpg)}

#bannerdownloads {width: 770px; height: 250px; background-image: url(images/banners/013.jpg)}

#bannernews {width: 770px; height: 250px; background-image: url(images/banners/014.jpg)}

#bannertechnical {width: 770px; height: 250px; background-image: url(images/banners/015.jpg)}

#bannertechnical2 {width: 770px; height: 250px; background-image: url(images/banners/glulam-tech.jpg)}

#bannertechnical3 {width: 770px; height: 250px; background-image: url(images/banners/022.jpg)}

#bannercpd {width: 770px; height: 250px; background-image: url(images/banners/023.jpg)}

#bannerbrochure {width: 770px; height: 250px; background-image: url(images/banners/brochure.jpg)}

#banneracc {width: 770px; height: 250px; background-image: url(images/banners/016.jpg)}

#bannerconcept {width: 770px; height: 250px; background-image: url(images/banners/017.jpg)}

#bannernews001 {width: 770px; height: 250px; background-image: url(images/banners/news001.jpg)}

#bannernews002 {width: 770px; height: 250px; background-image: url(images/banners/news012.jpg)}

#bannernews003 {width: 770px; height: 250px; background-image: url(images/banners/news013.jpg)}

#bannernews004 {width: 770px; height: 250px; background-image: url(images/banners/news004.jpg)}

#bannernews005 {width: 770px; height: 250px; background-image: url(images/banners/news005.jpg)}

#bannernews006 {width: 770px; height: 250px; background-image: url(images/banners/news006.jpg)}

#bannernews007 {width: 770px; height: 250px; background-image: url(images/banners/news007.jpg)}

#bannernews008 {width: 770px; height: 250px; background-image: url(images/banners/news008.jpg)}

#bannernews009 {width: 770px; height: 250px; background-image: url(images/banners/news009.jpg)}

#bannernews010 {width: 770px; height: 250px; background-image: url(images/banners/news010.jpg)}

#bannernews011 {width: 770px; height: 250px; background-image: url(images/banners/news011.jpg)}

#bannernews012 {width: 770px; height: 250px; background-image: url(images/banners/news014.jpg)}

#bannernews013 {width: 770px; height: 250px; background-image: url(images/banners/news016.jpg)}

#bannernews014 {width: 770px; height: 250px; background-image: url(images/banners/news017.jpg)}

#bannernews015 {width: 770px; height: 250px; background-image: url(images/banners/news018.jpg)}

#bannernews016 {width: 770px; height: 250px; background-image: url(images/banners/news019.jpg)}

#bannernews017 {width: 770px; height: 250px; background-image: url(images/banners/news020.jpg)}

#bannernews018 {width: 770px; height: 250px; background-image: url(images/banners/news021.jpg)}

#bannernews019 {width: 770px; height: 250px; background-image: url(images/banners/news022.jpg)}

#bannernews020 {width: 770px; height: 250px; background-image: url(images/banners/news023.jpg)}

#bannernews021 {width: 770px; height: 250px; background-image: url(images/banners/news024.jpg)}

#bannernews022 {width: 770px; height: 250px; background-image: url(images/banners/news025.jpg)}

#bannernews023 {width: 770px; height: 250px; background-image: url(images/banners/news026.jpg)}

#bannernews024 {width: 770px; height: 250px; background-image: url(images/banners/news027.jpg)}

#bannerpaultons {width: 770px; height: 250px; background-image: url(images/banners/news028.jpg)}

#bannerhighland {width: 770px; height: 250px; background-image: url(images/banners/highland.jpg)}

#bannercallington {width: 770px; height: 250px; background-image: url(images/banners/callington.jpg)}

#bannertrinity {width: 770px; height: 250px; background-image: url(images/banners/trinity.jpg)}

#bannerbradford {width: 770px; height: 250px; background-image: url(images/banners/bradford.jpg)}

#bannernorthampton {width: 770px; height: 250px; background-image: url(images/banners/northampton.jpg)}

#bannerscunthorpe {width: 770px; height: 250px; background-image: url(images/banners/scunthorpe.jpg)}

#bannerwellington {width: 770px; height: 250px; background-image: url(images/banners/wellington.jpg)}

#bannerwoodland {width: 770px; height: 250px; background-image: url(images/banners/woodland.jpg)}

#bannerramsey {width: 770px; height: 250px; background-image: url(images/banners/ramsey.jpg)}

#bannersedgefield {width: 770px; height: 250px; background-image: url(images/banners/sedgefield.jpg)}

#bannereast {width: 770px; height: 250px; background-image: url(images/banners/east.jpg)}

#bannerbroadfield {width: 770px; height: 250px; background-image: url(images/banners/broadfield.jpg)}

#banneruppingham {width: 770px; height: 250px; background-image: url(images/banners/uppingham.jpg)}

#bannermalvern {width: 770px; height: 250px; background-image: url(images/banners/malvern.jpg)}

#bannerwestham {width: 770px; height: 250px; background-image: url(images/banners/westham.jpg)}

#bannerecobuild2010 {width: 770px; height: 250px; background-image: url(images/banners/ecobuild.jpg)}



/*right image
--------------------------------------------------------------------*/

#right {
float: right;
width: 285px;
height: 200px;
margin-bottom: 20px;
margin-right: 5px;
}

#right2 {float: right;width: 285px;margin-bottom: 20px;margin-right: 5px;}


#rightabout {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image033.jpg)}

#rightturnkey {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image002.jpg)}

#righthybrid {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image035.jpg)}

#rightglulam {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image004.jpg)}

#rightglulam2 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image028.jpg)}

#rightglulam3 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image029.jpg)}

#rightglulam4 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image057.jpg)}

#rightenvironmental {float: right; width: 285px; height: 555px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image007.jpg); background-position: top; background-repeat: no-repeat}

#rightenvironmental2 {width: 285px; height: 345px; margin-top: 210px; background-image: url(images/image008.jpg)}

#rightmanufacture {float: right; width: 285px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image026.jpg); background-repeat: no-repeat;}

#rightinstallation {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image019.jpg)}

#rightdesign {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image011.jpg)}

#rightmarket {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image034.jpg)}

#rightdownloads {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image014.jpg)}

#righttechnical {float: right; width: 285px; height: 460px; margin-bottom: 20px; background-image: url(images/image030.jpg)}

#righttechnical2 {float: right; width: 285px; height: 445px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image017.jpg); background-position: top; background-repeat: no-repeat}

#rightfinishes {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image018.jpg)}

#rightstrength {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image019.jpg)}

#rightstrength2 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image036.jpg)}

#rightacc {float: right; width: 285px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image020.jpg); background-repeat: no-repeat}

#rightnews {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image015.jpg)}

#rightnews2 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image021.jpg); background-position: top; background-repeat: no-repeat}

#rightnews3 {width: 285px; height: 200px; margin-top: 210px; background-image: url(images/image022.jpg); margin-bottom: 20px}

#rightnews4 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image042.jpg)}

#rightnews5 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image043.jpg)}

#rightnews6 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image025.jpg)}

#rightnews7 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image032.jpg)}

#rightnews8 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image031.jpg)}

#rightnews9 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image041.jpg)}

#rightnews10 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image046.jpg)}

#rightnews11 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image058.jpg)}

#rightclt_1 {float: right; width: 285px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image047.jpg); background-repeat: no-repeat;}
#rightclt_2 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image048.jpg)}
#rightclt_3 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image049.jpg)}
#rightclt_4 {float: right; width: 285px; height: 200px; margin-bottom: 20px; margin-right: 5px; background-image: url(images/image050.jpg)}

#right-techclt_1 {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/image051.jpg)}
#right-techclt_2 {float: right; width: 285px; height: 145px; margin-bottom: 30px; margin-right: 5px; background-image: url(images/image052.jpg)}
#right-techclt_3 {float: right; width: 285px; height: 255px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/image053.jpg)}
#right-techclt_4 {float: right; width: 285px; height: 255px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/image054.jpg)}
#right-techclt_5 {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/image055.jpg)}
#right-techclt_6 {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/image056.jpg)}

#rightpaultons {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imagepaultons.jpg)}
#rightscunthorpe {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imagescunthorpe.jpg)}
#rightwoodland {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imagewoodland.jpg)}
#righthinckley {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imagehinckley.jpg)}
#rightramsey {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imageramsey1.jpg)}
#rightmalvern {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imagemalvern.jpg)}
#rightwestham {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imagewestham.jpg)}

#rightcontact {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imagecontact.jpg)}
#rightuppingham {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imageuppingham.jpg)}

#rightglulam01 {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imageglulam01.jpg)}
#rightglulam02 {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imageglulam02.jpg)}

#rightbraford {float: right; width: 285px; height: 200px; margin-bottom: 24px; margin-right: 5px; background-image: url(images/imagebradford.jpg)}

#rightecobuild01 {float: right; width: 285px; height: 200px; margin-bottom: 15px; margin-right: 5px; background-image: url(images/image-ecobuild01.jpg)}
#rightecobuild02 {float: right; width: 285px; height: 200px; margin-bottom: 15px; margin-right: 5px; background-image: url(images/image-ecobuild02.jpg)}
#rightecobuild03 {float: right; width: 285px; height: 200px; margin-bottom: 15px; margin-right: 5px; background-image: url(images/image-ecobuild03.jpg)}




/*Connection page images
--------------------------------------------------------------------*/

.consection {float: left; width: 360px; padding: 0; margin: 0; margin-right: 10px; margin-bottom: 15px}

.consection p {
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
}




/*News links
--------------------------------------------------------------------*/

#story a {
	display: block;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}

#story a:hover {
	background-color: #cccccc;
	color: #222222;
}


#story img {
	float: left;
	margin-right: 10px;
	border: 1px solid #999999;
}

.italicbold {
	font-weight: bold;
	font-style: italic;
}

.italic {font-style: italic;}

.newssections {margin: 0; padding: 0; margin-bottom: 20px}


.newssections h2 {
	background-color: #222222;
	color: #ffffff;
	padding: 5px;
	padding-left: 10px;
}

.newsections ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.newsections li {
	display: inline;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

/*Concept page
--------------------------------------------------------------------*/


#conceptsection ul { margin: 0; padding: 0; list-style: none }



#conceptsection li {
	float: left;
	margin: 0;
	margin-right: 12px;
	margin-bottom: 20px;
	border-top: 1px solid #cccccc;
	background-color: #ffffff;
	color: #222222;
}

a.port { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/port03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.port { background-color: #cccccc; color: #222222; background-image: url(images/port03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.biomass { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/biomass03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.biomass { background-color: #cccccc; color: #222222; background-image: url(images/biomass03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.gazeley { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/gazeley03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.gazeley { background-color: #cccccc; color: #222222; background-image: url(images/gazeley03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.sports { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/sports03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.sports { background-color: #cccccc; color: #222222; background-image: url(images/sports03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.manu { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/manu03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.manu { background-color: #cccccc; color: #222222; background-image: url(images/manu03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.eco { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/eco03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.eco { background-color: #cccccc; color: #222222; background-image: url(images/eco03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.transport { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/transport03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.transport { background-color: #cccccc; color: #222222; background-image: url(images/transport03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.concert { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/concert03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.concert { background-color: #cccccc; color: #222222; background-image: url(images/concert03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.school { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/school03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.school { background-color: #cccccc; color: #222222; background-image: url(images/school03.jpg); background-position: -240px 0; background-repeat: no-repeat}

a.academy { display: block; width: 228px; height: 25px; padding: 6px; padding-top: 140px; background-image: url(images/academy03.jpg); background-position: 0 0; background-repeat: no-repeat}
a:hover.academy { background-color: #cccccc; color: #222222; background-image: url(images/academy03.jpg); background-position: -240px 0; background-repeat: no-repeat}


#bannercon001 {width: 770px; height: 250px; background-image: url(images/banners/con001.jpg)}
#bannercon002 {width: 770px; height: 250px; background-image: url(images/banners/con002.jpg)}
#bannercon003 {width: 770px; height: 250px; background-image: url(images/banners/con003.jpg)}
#bannercon004 {width: 770px; height: 250px; background-image: url(images/banners/con004.jpg)}
#bannercon005 {width: 770px; height: 250px; background-image: url(images/banners/con005.jpg)}
#bannercon006 {width: 770px; height: 250px; background-image: url(images/banners/con006.jpg)}
#bannercon007 {width: 770px; height: 250px; background-image: url(images/banners/con007.jpg)}
#bannercon008 {width: 770px; height: 250px; background-image: url(images/banners/con008.jpg)}
#bannercon009 {width: 770px; height: 250px; background-image: url(images/banners/con009.jpg)}
#bannercon010 {width: 770px; height: 250px; background-image: url(images/banners/con010.jpg)}


#leftconpics001 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop001.jpg)}
#leftconpics002 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop002.jpg)}
#leftconpics003 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop003.jpg)}
#leftconpics004 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop004.jpg)}
#leftconpics005 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop005.jpg)}
#leftconpics006 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop006.jpg)}
#leftconpics007 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop007.jpg)}
#leftconpics008 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop008.jpg)}
#leftconpics009 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop009.jpg)}
#leftconpics010 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop010.jpg)}
#leftconpics011 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop011.jpg)}
#leftconpics012 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop012.jpg)}
#leftconpics013 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop013.jpg)}
#leftconpics014 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop014.jpg)}
#leftconpics015 {float: right; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop015.jpg)}
#leftconpics016 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop016.jpg)}
#leftconpics017 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop017.jpg)}
#leftconpics018 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop018.jpg)}
#leftconpics019 {float: left; width: 360px; height: 200px; margin-bottom: 20px; margin-right: 10px; background-image: url(images/contop019.jpg)}


#contentconcept {
	clear: both; 
	margin-right: 500px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 15px;
	margin-bottom: 25px;
}

#contentconcept1 { 
	margin-right: 500px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 15px;
	margin-bottom: 25px;
}

.clear {
	clear: both;
}

.bold {font-weight: bold}


p.back-to-top {
	float: right;
	line-height: 12px;
	margin: 0;
	padding: 0;
	padding-left: 13px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(images/back-to-top.gif) left top no-repeat;
}

.border-top {
	border-top: 1px dotted #CCCCCC;
}


.cpd-download {
	display: block;
	height: 20px;
	margin: 0;
	margin-top: 20px;
	padding: 0;
	padding-left: 25px;
	background-image: url(images/arrow_down_white.gif);
	background-repeat: no-repeat;
	line-height: 20px;
	font-weight: bold;
	color: #707070;
}


/*sign-up box
--------------------------------------------------------------------*/

#form {
	padding: 0;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}

.space {
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.label1 {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-left: 80px; 
}

label {
	float: left;
	display: block;
	width: 80px;
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.smalldownload { font-size: 11px; color: #666666}


/*download icon
--------------------------------------------------------------------*/

a.download {
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	background: url(images/pdficon.gif) no-repeat;
}

a.pps {
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	background: url(images/ppsicon.gif) no-repeat;
}

a.arrow {
	display: block;
	margin: 0;
	padding: 0;
	padding-left: 25px;
	background: url(images/arrowicon.gif) no-repeat;
}

#downloadlist ul {
	margin: 0;
	padding: 0;
}

#downloadlist li {
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	line-height: 17px;
	font-weight: bold;
}

/*image credit
--------------------------------------------------------------------*/

.imagecredit {
	margin: 0;
	padding: 0;
	padding-top: 205px;
	padding-left: 5px;
	font-size: 11px;
	font-style: italic;
}




#contentfloatleft {
	float: left;
	width: 350px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 15px;
	margin-bottom: 25px;
}