* { padding: 0; margin: 0; border: 0; }
body { font-family: Arial; background: #ffffff; }

#ie-centering {width: 983px; margin: 0 auto 0 auto;}
#container {float:left; text-align: left; position: relative;}

/* styles for header */
#header { padding: 10px 0 0 0; }
#header #topBanner { float: left; width: 972px; height: 55px; }
#header #topBanner #redTreeLogo { float: left; margin-left:3px; }
#header #topBanner #title{float:left; padding:5px 0 0 229px;}
#header #topBanner #title em{color:#b5111b; font-style:normal;}
#header #topBanner #contactUsTop { float: right; }
#header #topBanner #contactUsTop a { float: right; color: #999999; font-size: 9px; font-weight: bold; text-decoration:none;}
#header #topBanner #contactUsTop a:hover{text-decoration:underline}


/* styles for main content */
#content { float: left; }
#content h2 { width: 262px; font-size: 0.8em; font-weight: normal; line-height: 50px; color: #464748; text-transform: uppercase;}
#content h2 span { color: #b5111b; }

/* top left section of homepage */
#content #topLeft { float: left; width: 362px; height: 180px; padding: 14px 27px 116px 27px; border-top: solid 4px #ffffff; border-right: solid 4px #ffffff; border-bottom: solid 4px #ffffff; border-left: solid 2px #ffffff; background: #b5111b; overflow:hidden;}
#content #topLeft p { float: left; color: #ffffff; font-size: 0.8em; line-height: 18px; padding-bottom:10px;}

/* bottom left section of homepage */
#content #bottomLeft { float: left; clear: left; width: 416px; height: 196px; border-right: solid 4px #ffffff; border-bottom: solid 4px #ffffff; border-left: solid 2px #ffffff; background: url(../images/masterplanbg.jpg) no-repeat top left; position: relative; cursor:pointer;}
.cutCornerButton { float: left; width: 148px; height: 50px; padding-left: 10px; position: absolute; top: 20px; left: 0; background: url(../images/cut-corner-button.gif) no-repeat top left; }

/* top right section of homepage */
#content #topRight { float: left; clear: right; width: 501px; height: 265px; padding: 10px 25px 0 26px; background: #edeae8; border-top: solid 4px #ffffff; border-right: solid 2px #ffffff; border-bottom: solid 4px #ffffff;} 
#content #topRight #videoplayer { float: left; padding: 0 0 8px 50px; }

#content #topRight p { float: left; clear: both; width: 500px; text-transform: uppercase; font-size: 13px; line-height: 19px; color: #000000; }
#topRightGreyBanner { float: left; width: 552px; height: 31px; background: #b5b5b5; border-bottom: solid 4px #fff;}
#topRightGreyBanner a { float: left;text-decoration:none; width: 535px; padding-left: 0px; height: 31px; line-height: 31px; color: #fff; font-weight: normal; text-transform: uppercase; font-size: 11px; }

/* bottom centre and right sections of homepage */
#content #bottomCentre { float: left; width: 277px; height: 196px; position: relative; background: url(../images/at-a-glance.jpg) no-repeat top left; border-right: solid 4px #ffffff; cursor:pointer;}
#content #bottomRight { float: left; width: 271px; height: 196px; position: relative; background: url(../images/flythrough.jpg) no-repeat top left; cursor:pointer;}


/* standard page styles begin (second level) */
#pageLeft { float: left; width: 277px; height: 596px; border-right: solid 4px #ffffff; border-top: solid 4px #ffffff; border-bottom: solid 4px #ffffff; border-left: solid 2px #ffffff; }
#pageLeft #pageLeftTop { width:249px;float: left; padding:24px 28px 24px 0px; height: 346px; border-bottom: solid 4px #ffffff; background: #b5111b; }
#pageLeft #pageLeftTop p { float: left; color: #ffffff; font-size: 0.8em; }
#pageLeft #pageLeftTop h1{font-size: 32px; line-height: 54px; text-transform: uppercase; font-weight: normal; color: #ffffff;}

/* second level nav */
#snav{ width: 250px; font-family:Arial, sans-serif; font-size:0.9em;}
#snav li{ font-size: 0.85em; margin: 0; padding: 2px 0 10px 0px; list-style-type:none; height:18px; padding:5px 0 5px 0;}
#snav li a{ color:#FFF; text-decoration:none;  text-transform:uppercase; padding:0px 0 15px 20px;}
#snav li a:hover, #snav li .snavon{color:#ff747c; background: url(../images/arrow.png) no-repeat;}


#pageLeft #pageLeftBottom { float: left; width: 277px; height: 196px; background: url(../images/masterplanbg.jpg) no-repeat top left; position: relative; }
#pageCentre { overflow:hidden; float: left; width: 372px; height: 556px; padding: 20px; border-right: solid 4px #ffffff; border-top: solid 4px #ffffff; border-bottom: solid 4px #ffffff; background: #faf8f0; font-size:0.8em}
#pageCentre h1 {font-size: 32px; line-height: 54px; text-transform: uppercase; font-weight: normal; color: #000000;}
#pageCentre em {font-size: 32px; line-height: 54px; text-transform: uppercase; font-weight: normal; color:#b5111b; font-style:normal;}
#pageCentre p { color: #7c7c7c; padding-bottom:10px; }
#pageCentre p.head{font-weight:bold;}
#pageCentre a {color: #7c7c7c; text-decoration:underline; font-weight:normal;}
#pageCentre ul{margin-left:20px; color: #7c7c7c; font-weight:normal;}
#pageCentre li{padding-bottom:10px; list-style-type:square; }
#pageCentre p span { float: left; text-transform: uppercase; font-size: 16px; }
#pageCentre td{color: #7c7c7c; font-weight:normal; padding:2px 0 2px 0;}
#pageCentre .SubmitBtn{color:#454240; padding:8px; cursor:pointer;}

#pageCentre #pages{float:right; margin-top:-57px; font-size:0.7em;}
#pageCentre #pages a{float:left; padding:3px 5px 3px 5px; text-decoration:none; border:solid 1px #faf8f0;}
#pageCentre #pages span{float:left; border:solid 1px #b5111b; padding:3px 5px 3px 5px;font-size:1em;}

#pageCentreApp { overflow:hidden; float: left; width:641px; height: 556px; padding: 20px; border-top: solid 4px #ffffff; border-bottom: solid 4px #ffffff; background: #f8f6ec; font-size: 0.75em;}
#pageCentreApp p {color: #7c7c7c; padding-bottom:5px;}
#pageCentreApp a {color: #7c7c7c; text-decoration:underline; font-weight:normal;}
#pageCentreApp ul{margin-left:20px; color: #7c7c7c; font-weight:normal; list-style-type:square;}
#pageCentreApp li{padding-bottom:10px;}
#pageCentreApp .noline{text-decoration:none;}
#pageCentreApp h3{font-size:1em; font-weight:bold; color: #7c7c7c; cursor:pointer}
#pageCentreApp ol{margin-left:20px;}

#pageRight { float: left; width: 280px; border-top: solid 4px #ffffff; border-bottom: solid 4px #ffffff; }
#pageRight #pageRightTop { float: left; width: 275px; height: 196px; border-bottom: solid 4px #ffffff;}/* background: url(../images/pageRightTop.jpg) no-repeat top left;*/
#pageRight #pageRightCentre { float: left; width: 275px; height: 196px; border-bottom: solid 4px #ffffff;}/*background: url(../images/pageRightCentre.jpg) no-repeat top left;*/
#pageRight #pageRightBottom { float: left; width: 275px; height: 196px; border-bottom: solid 4px #ffffff;}/* background: url(../images/pageRightBottom.jpg) no-repeat top left;*/
.row_logo {float:left; margin-top:1px; padding:0;}

#pageRight #pageRightTopNew { float: left; width: 275px;border-bottom: solid 4px #ffffff; }
#pageRight #pageRightCentreNew { float: left; width: 275px;border-bottom: solid 4px #ffffff;}
#pageRight #pageRightBottomNew { float: left; width: 275px;border-bottom: solid 4px #ffffff;}

#pageCentre .NewRow { clear:left; float:left; width:100%; padding:7px 0; border-bottom:dashed 1px #b5111b;}
#pageCentre .PDF { float:left; width:35px;}
#pageCentre .PDFTitle { float:left; padding-left:10px; width:130px; line-height:20px;}
#pageCentre .PDFTitle a{float:left; color: #7c7c7c;}
#pageCentre #back{float:left; margin-top:10px;}

#pageCentre #timeline{clear:left;float:left;width:200px; margin-left:50px;}
#pageCentre #timeline a{clear:left;float:left;}
#pageCentre #timeline img{width:184px; float:left; clear:both;}
#pageCentre #myElement{float:left; width:350px; margin:150px 0 0 50px; color:#7c7c7c;}

#pageCentre #mapsLeft{float:left; width:300px;}
#pageCentre #mapsLeft .left{height:230px;}
#pageCentre #mapsRight{float:right;}
#pageCentre #mapsRight .right{height:230px;}

#pageCentre #leftArrow{float:left;padding-left:85px;}
#pageCentre #rightArrow{float:left;}
#pageCentre p.inbrief{clear:left;padding-top:40px; line-height:20px;}
.toggler{float:left;clear:both;}
.element{float:left; clear:both;}


.thumbnail-wrap {
	float:left;
	height:96px;
	width:135px;
	margin:4px 4px 0 0;
}
.thumbnail-div {
	background-color:#313131;
	float:left;
	height:96px;
	width:135px;
	
}
.thumbnail-shadow {
	float:left;
	height:96px;
	width:135px;
	
}
.thumbnail-div .sections-overlay {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../images/partners/thumbnail-overlay.png) no-repeat scroll -40px -300px;
	float:left;
	margin-top:-96px;
	
}
.thumbnail-div div{
	height:96px;
	width:135px;
}
.sections-overlay {
	background-image:url(../images/partners/readmore-bg.png);
	opacity: 0; 
	visibility:hidden;
	background-position: 0px -167px;
}
.sections-overlay p{color:White;font-size:0.6em; text-align:center; padding-top:5px; }
.thumbnail-div .sections-overlay .zoom {
	margin:0px 0 0 0px;
}
.sections-overlay .zoom {
	border:medium none;
	margin:165px 0 0 312px;
	background-color:Black;
}
.readmore {
	width:115px;
	color:#ffffff;
	display:block;
	float:left;
	font-size:0.6em;
	margin:47px 0 0 0px;
	padding:5px 10px;
	text-decoration:none;
}

/* scrollbars */						
.scrollbar-main{float:left;background-color:#d5d1ce;height:596px;width:9px;margin:4px 0 0 0;}
.handle-main{height:42px;width:9px;background-color:#000000;}


/* footer styling */
#footer { float: left; width: 983px; padding-bottom: 10px; }
#footer p{ color: #999999; font-size: 9px; font-weight: bold;text-decoration:none; }
#footerLeft { float: left; width: 500px; }
#footerLeft p { margin-left: 4px; float: left; }
#footerLeft a { color: #999999; font-size: 9px; font-weight: bold;text-decoration:none; }
#footerRight { float: left; width: 480px; }
#footerRight p { margin-right: 4px; float: right; }