/* private: Site-Structure_style */
/* Control the size and positioning of the common elements throughout the site */

/* page styles */
html, body, p, form, fieldset, a, div, img,
heading1, H1, h1, heading2, H2, h2, heading3, H3, h3, heading4, H4, h4, heading5, H5, h5, heading6, H6, h6,
.clear, .noShow, pageHolder, pageHeader, pageFooter { margin:0; padding:0; border:0; }

html, body, .minWidthAdjuster, .maxWidthHolder, .minWidthHolder { _height:0; min-height:0;}


/* common styles */
.clear { display:block; clear:both; font-size:1px; height:1px; line-height:1px; }
.textVersionOnly { display:block; text-indent:-999em; }


/*minimum width including i.e*/
.minWidthAdjuster { padding:0px 765px 0px 0px;}
.maxWidthHolder { width:100%; }
.minWidthHolder { min-width:760px; margin:0px -765px 0px 0px; position:relative;  }


/* general structure styles */
body { background-color:#e6e6e6; padding:2px 12px 12px 12px; }
#documentContainer { margin-top:10px; padding-left:17px; padding-right:17px; background-color:#fff; }


/* header styles */
#accessibilityLinks { text-align:right; }
#accessibilityLinks ul { margin:0; padding:0; border:0; list-style:none; display:inline;}
#accessibilityLinks ul li { display:inline; }
#accessibilityLinks ul li a, #accessibilityLinksHolder ul li a:visited { text-decoration:none; font-weight:normal; }
#accessibilityLinks ul li a:hover { text-decoration:underline; }

#pageHeader #pageHeaderLogos { height:84px; position:relative; margin-bottom:15px; }
#pageHeader #pageHeaderLogos #pageHeaderLogo { width:86px; height:84px; display:block; position:absolute; top:0px; left:78px; background:url(/images/site_structure/SPABHeaderLogo.gif) top left no-repeat; }
#pageHeader #pageHeaderLogos #pageHeaderTitle { width:414px; height:12px; position:absolute; top:72px; right:0px; background:url(/images/site_structure/SPABHeaderTitle.gif) top left no-repeat; }
#pageHeader #horizontalMenuHolder { margin-bottom:6px; background-color:#dedede; }
#pageHeader #randomImage { height:85px; margin-bottom:6px; display:block; background-color:#B4B4B4; }
#pageHeader #breadCrumHolder { margin-bottom:6px;  padding:0.2em 0.2em; _height:0; min-height:0;}
#pageHeader #breadCrumHolder a { text-decoration: none; }



/* two column layout*/
#bodyContainer { margin-left:170px; margin-bottom:4px;  min-height:0; }
#centerColumn { width:100%; float:left; z-index:0;}
#leftColumn { width:164px; display:inline; position:relative; float:left; margin-left:-170px; padding-right:6px; }
* html #bodyContainer, * html #centerColumn, * html #leftColumn { height:0; }

/* left column */
#greyBox { width:164px; height:35px; *height:17px; display:block; background-color:#e3e3e3;  }
* HTML #greyBox { height:35px; }
#verticalMenuHolder { margin:6px 0px; clear:both; display:block; }
#newsArticleHolder { _height:101px; min-height:101px; background-color:#e3e3e3; margin-bottom:6px; padding-bottom:2px;}
#newsArticleHolder #newsArticleTitle { width:81px; height:10px; display:block; margin-left:23px;}
#newsArticleHolder #newsArticleTitle h2 { margin:0; padding:0; border:0; font-size:100%; line-height:1.1em; }
#newsArticleHolder #newsArticleWrapper { padding-top:15px; }
#newsArticleHolder #newsArticleWrapper .newsArticleTitle, #newsArticleHolder #newsArticleWrapper .newsArticleLink { display:block; margin:0 23px; }

#addressDetailsHolder { height:150px; color:#404040; padding-left:24px; }
#textAddressDetailsHolder { padding:0 0 1em 0; font-size: 0.8em; font-style:normal; }

/* center column */
#centerColumn {  }


/* footer styles */
#pageFooter { padding-bottom: 5px; margin-top:1em;}
#pagefooterBar { height:21px; background-color:#babab9; }

#innerpageBackTop { padding-top:15px; text-align:center; }
#backToTop { display:block; margin:auto;}
#W3CAA { width:88px; height:32px; display:block; margin:auto; background:url(/images/site_structure/logo-w3c.gif) top left no-repeat; }
#credit { background-color:#e6e6e6; text-align:center; }
#netconstruct { background-color:transparent; }


/* homepage styles */
#homepageWrapper { padding-left:177px; _height:0; min-height:0;}

#homepageLeftCol { width:171px; display:inline; float:left; margin-left:-177px; padding-right:6px;}
#homepageRightCol { width:100%; float:left; }

#homepageWaterColour { height:220px; margin-bottom:7px; background:url(/images/site_structure/homepageWaterColour.jpg) top center no-repeat;  z-index:10;}
#homepageCornerStone { height:219px; background-color:#868686; color:#ffffff; text-align:center; }
#homepageCornerStone h2 { padding:0.5em 0; border:0; margin:0; font-weight:bold; font-size:150%; }
#homepageCornerStone p { width:140px; margin:0 auto; text-align:left; padding:0 0 2em 0; color:#ffffff; }


#homepageAdvise { height:130px; margin-bottom:6px; background:#b4b4b4 url(/images/site_structure/adviseEducateCampaign.gif) top left no-repeat; }
#homepageLinksHolder { height:141px; margin-bottom:6px; background-color:#d5d5d5; }
#homepageBoxesHolder { width:100%; height:183px; }

#homeNewsLatestWrapper{padding:0 23px 10px; }

/* innerpage styles */
#innerpageWrapper { padding-left:27px; }
#innerpageHeader { display:block; padding-bottom:1px; margin-bottom:1em; _height:0; min-height:0; z-index:1;}

#FormContentHolder {padding-bottom:5px; border-bottom:1px solid #F1D266; margin-bottom:5px;}
#FormContentHolder p {margin:0; padding:0;}



#searchWrapper{	position:absolute; right:0;	top:28px;}
#searchWrapper .searchHeading{	font-size:120%;	padding-top:5px;}
#searchWrapper .marginRight{	margin-right:7px;}
#searchWrapper input, #searchWrapper span{	float:left;}

#Footer { padding-top:25px; }
#Footer.innerpage { padding-top:25px; padding-left:196px; }