/* ||||||||||||||||||||||||| Static Layout style Sheet ||||||||||||||||||||||||| */

	/* Get the validator cranked up with 

	"C:\data\Documents\safecom\css\layout.css"

	*/

	/* ||||||||||||||||||||||||| Global ||||||||||||||||||||||||| */

html {
  margin:0;
  padding:0;
  }

body {
  background-color: #ffffff;
  color: #000000;
  max-width: 56em;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  } 

			/* |||| underline |||| */

.uline {
  text-decoration: underline;
}

			/* |||| centering block |||| */

.center {
  text-align: center;
  margin: auto;
}

			/* |||| replace the nobreak tag |||| */

.nobreak {
    white-space: nowrap;
  }

			/* |||| Fixing Australia Blog |||| */

  a.feature {
  color: #b88448;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  line-height: 18px;
  padding: 0 0 1px 2px;
}

  a.feature:hover {
  color: #903410;
  font-weight: bold;
  text-decoration: none;
  background: #58fcff;
}

			/* |||| standard link |||| */

a:link {
  background-color: inherit;
  background-image: none;
  color: #ff0000;
  }

a:visited {
  background-color: inherit;
  background-image: none;
  color: #008000;
  }

a:active { 
  background-color: inherit;
  background-image: none;
  color: #ff0000;
  }

			/* |||| link 'main' |||| */

a.main:link {
  color: #0000ff; 
  background-color: inherit;
  background-image: none;
  text-decoration: none;
  }

a.main:visited {
  background-color: inherit;
  background-image: none;
  color: #009900; 
  text-decoration: none;
     }

a.main:active { 
  background-color: inherit;
  background-image: none;
  color: #080000; 
  text-decoration: none;
  }

a.main:hover {
  background-color: inherit;
  background-image: none;
  color: #ff0000; 
  text-decoration: underline;
  }

	/* ||||||||||||||||||||||||| Layout ||||||||||||||||||||||||| */

			/* |||| outer top wrapper |||| */

.topwrapper {
  width:100%;
  padding:0;
  border:0;
  text-align:center;
  vertical-align: middle;
  }

			/* |||| top menu cells |||| */

.topcells {
  padding-top: 2px;
  padding-bottom: 3px;
  margin:auto;
  text-align: center;
  vertical-align: middle;
  }

			/* |||| top menu "a" dark mouseover color change |||| */

a.dark:link {
  background-color: #ffcc33;
  background-image: none;
  font-family: inherit;
  color: #0000ff;
  font-style: normal;
  text-decoration: none;
  }

a.dark:visited { 
  background-color: #00ffff; 
  background-image: none;
  color: #009900; 
  font-style: normal; 
  text-decoration: none; 
     }

a.dark:active { 
  background-color:inherit; 
  background-image: none;
  color: #080000; 
  font-style: normal; 
  text-decoration: none; 
  }

a.dark:hover { 
  background-color: #ffcc00; 
  background-image: none;
  color: #ff0000; 
  font-style: normal; 
  text-decoration: underline; 
  }

			/* |||| top menu "a" burnt for menu cells |||| */

a.burnt:link {
  color: #993300; 
  background-color: inherit;
  background-image: none;
  font-family: arial, helvetica, sans-serif, verdana;
  font-size: 12.9px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  }

a.burnt:active {
  color: #0000ff;
  background-color:inherit;
  background-image: none;
  font-family: arial, helvetica, sans-serif, verdana;
  font-size: 12.9px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  }

a.burnt:hover {
  color: #ffffff;
  background-color:inherit;
  background-image: none;
  font-family: arial, helvetica, sans-serif, verdana;
  font-size: 12.9px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  }

a.burnt:visited { 
  color: #993300; 
  background-color: inherit;
  background-image: none;
  font-family: arial, helvetica, sans-serif, verdana;
  font-size: 12.9px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  }

			/* |||| top menu "a" burnt COLOR CHANGE for menu cells |||| */

a.umber:hover {
  font-family: arial, helvetica, sans-serif, verdana;
  color: #ffffff;
  background-color:inherit;
  background-image: none;
  font-size: 12.9px;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  }

			/* |||| newsletter presub form field definitions |||| */

.tdform1 {
  vertical-align: middle;
  text-align:right;
  margin-right:2px;
  padding-top:2px;
  white-space: nowrap;
}

.presubtxt {
  background-color: inherit;
  font-family: arial,helvetica,sans-serif,verdana; 
  font-size: 12px; 
  font-weight: 500; 
  font-style: normal; 
  color: #ffffff;
  margin-right:2px;
}

.inpre {
background-color: #ffffff;
}

			/* |||| define height/width of top row "zero everything" tables |||| */

.toprow {
  height: 180px;
  width: 100%;
  }

			/* |||| define size for top row left table cell |||| */

.toprowleft {
  vertical-align: top;
  width: 240px;
  }

.toprowright {
  text-align: center;
  width: 460px;
  }

			/* |||| define Main PS Logo size and position |||| */

.mainlogo {
  vertical-align: text-top;
  border:0; 
  padding-top: 0; 
  margin-left: 0px; 
  height: 144px; 
  width: 333px;
  }

			/* |||| define size for newsletter box |||| */

.presub {
width:225px;
height:125px;
margin-left:15px;
margin-top:10px;
  }

			/* |||| zero height div for hidden form input |||| */

.null {
  height:0;
  }

			/* |||| no color "zero everything" table |||| */

.nonezero {
  border:0;
  padding:0;
  margin:0;
  width:100%;
}

			/* |||| color-bound "zero everything" tables |||| */

.greyzero {
  background-color:#666666; 
  padding:0; 
  margin:0;
  border:0;
  }

.redzero {
  background-color:#a80000; 
  padding:0; 
  margin:0;
  border:0;
  }

.terrorzero {
  background-color:#ff8c00; 
  padding:0; 
  margin:0;
  border:0;
  }

.bluezero {
  background-color:#000099; 
  padding:0; 
  margin:0;
  border:0;
  }

.greenzero {
  background-color:#666600; 
  padding:0; 
  margin:0;
  border:0;
  }

.brownzero {
  background-color: #cc6600; 
  padding:0; 
  margin:0;
  border:0;
  }

.leftbevel {
  border:0;
  padding:0;
  margin:0;
  float:left;
  height:25px;
  width:199px;
  }

.rightbevel {
  border:0;
  padding:0;
  margin:0;
  float:right;
  height:25px;
  width:199px;
  }

			/* |||| menu top cells "all" |||| */

.greymenutop {
  height: 25px;
  width: 131px;
  background: #666666 url(../images/gr-menutop.gif) bottom;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: text-bottom;
  border: 0;
  padding: 0;
   }

.redmenutop {
  height: 25px;
  width: 131px;
  background: #a80000 url(../images/el-menutop.gif) bottom;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: text-bottom;
  border: 0;
  padding: 0;
   }

.terrormenutop {
  height: 25px;
  width: 131px;
  background: #ff8c00 url(../images/ter-menutop.gif) bottom;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: text-bottom;
  border: 0;
  padding: 0;
   }

.bluemenutop {
  height: 25px;
  width: 131px;
  background: #000099 url(../images/menutop.gif) bottom;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: text-bottom;
  border: 0;
  padding: 0;
   }

.greenmenutop {
  height: 25px;
  width: 131px;
  background: #666600 url(../images/gn-menutop.gif) bottom;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: text-bottom;
  border: 0;
  padding: 0;
   }

.brownmenutop {
  height: 25px;
  width: 131px;
  background: #cc6600 url(../images/br-menutop.gif) bottom;
  background-repeat: no-repeat;
  text-align: center;
  vertical-align: text-bottom;
  border: 0;
  padding: 0;
   }

			/* |||| googlesearchbox |||| */

.googlesearch {
  text-align: center;
  width: 125px;
  height:105px;
  padding: 0;
  margin: auto;
  border: 0;
  }

			/* |||| top picks box |||| */

.menubox1 {
  height: 225px;
  font-family: arial,helvetica,sans-serif,verdana; 
  font-size: 12px; 
  font-weight: 500; 
  font-style: normal; 
  color: #000000; 
  text-align:left;
  background: #ffffff;
  border: solid 1px #cccccc;
  margin-top: 20px;
  margin-left: 0; 
  margin-right: 0; 
  margin-bottom: 2px;
  padding: 2px;
  }

			/* |||| menu border shades |||| */

.shadeleft {
  text-align:right;
  vertical-align:top;
  width:35px;
}

.shaderight {
  text-align:left;
  vertical-align:top;
  width:11px;
}

menushade {
  border:0;
  height:276px;
  width:11px
}

			/* |||| yellow left margin border image table |||| */

.vertline {
  width:5px;
  height:100%;
  background-image: url(../images/vert-line.gif);
  background-repeat: repeat-y;
}

			/* |||| global left side menu define |||| */

.menurim {
text-align: center;
margin: auto;
border-top: 4px solid #32bdff;
border-left: 4px solid #32bdff;
border-right: 4px solid #32bdff;
border-bottom: 3px solid #32bdff;
width: 110px;
}

.menurim a {
font: bold 12px arial;
text-align: right;
padding: 2px;
display: block;
width: 100%;
text-decoration: none;
border-bottom: 1px solid #32bdff;
}

			/* |||| grey menu |||| */

#greymenu {
background-color: #666666;
}

#greymenu a {
color: #ffffff;
}

#greymenu a:hover {
background-color: #cccccc;
color: #993300;
}

html>body #greymenu a{ /*Non IE rule*/
width: auto;
}

			/* |||| grey docs-only page with background image |||| */

#greydoc {
background: #666666 url(../images/pdf-tinier.gif) no-repeat left;
background-position: 6px 2px;
}

#greydoc a {
color: #ffffff;
background: url(../images/pdf-tinier.gif) no-repeat left;
background-position: 5px 2px;
}

			/* |||| blue menu |||| */

#bluemenu {
background-color: #000066;
}

#bluemenu a {
color: #ffffff;
}

#bluemenu a:hover {
background-color: #990000;
color: #ffff99;
}

html>body #bluemenu a{ /*Non IE rule*/
width: auto;
}

			/* |||| members-only menu |||| */

#membersmenu {
background-color: #990000;
}

#membersmenu a {
color: #ffffff;
}

#membersmenu a:hover {
background-color: #000066;
color: #ffff99;
}

html>body #membersmenu a{ /*Non IE rule*/
width: auto;
}

			/* |||| red politics menu cell |||| */

#polmenu {
background-color: #a80000;
}

#polmenu a {
color: #ffffff;
}

#polmenu a:hover {
background-color: #58fcff;
color: #993300;
}

html>body #polmenu a{ /*Non IE rule*/
width: auto;
}

			/* |||| terrorism section cell |||| */

#terrormenu {
background-color: #ff8c00;
}

#terrormenu a {
color: #ffffff;
}

#terrormenu a:hover {
background-color: #00ffff;
color: #000066;
}

html>body #terrormenu a{ /*Non IE rule*/
width: auto;
}

			/* |||| sustainability section cell |||| */

#greencaremenu {
background-color: #666600;
}

#greencaremenu a {
color: #ffffff;
}

#greencaremenu a:hover {
background-color: #33ff33;
color: #993300;
}

html>body #greencaremenu a{ /*Non IE rule*/
width: auto;
}

			/* |||| building section cell |||| */

#buildingmenu {
background-color: #cc6600;
}

#buildingmenu a {
color: #ffffff;
}

#buildingmenu a:hover {
background-color: #ffff99;
color: #993300;
}

html>body #buildingmenu a{ /*Non IE rule*/
width: auto;
}

			/* |||| red promotional extra menu cell 1 |||| */

#redmenu1 {
background-color: #cc0000;
}

#redmenu1 a {
color: #ffffff;
}

#redmenu1 a:hover {
background-color: #50ffff;
color: #100c10;
}

html>body #redmenu1 a{ /*Non IE rule*/
width: auto;
}

			/* |||| red promotional extra menu cell 2 |||| */

#redmenu2 {
background-color: #cc0000;
}

#redmenu2 a {
color: #ffffff;
}

#redmenu2 a:hover {
background-color: #50ffff;
color: #100c10;
}

html>body #redmenu2 a{ /*Non IE rule*/
width: auto;
}

			/* |||| green promotional extra menu cell 1 |||| */

#greenmenu1 {
background-color: #009900;
}

#greenmenu1 a {
color: #ffffff;
}

#greenmenu1 a:hover {
background-color: #ff5cff;
color: #100c10;
}

html>body #greenmenu1 a{ /*Non IE rule*/
width: auto;
}

			/* |||| green promotional extra menu cell 2 |||| */

#greenmenu2 {
background-color: #009900;
}

#greenmenu2 a {
color: #ffffff;
}

#greenmenu2 a:hover {
background-color: #ff5cff;
color: #100c10;
}

html>body #greenmenu2 a{ /*Non IE rule*/
width: auto;
}

			/* |||| Google bottom-of-page advertiment div |||| */

.googlebottom {
  background-color: inherit;
  padding-left: 0;
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 10px;
  text-align:center;
  }

			/* |||| W3C validation images |||| */

.validation {
  width: 64px;
  height: 23px;
  border:0;
}

			/* |||| with background image for validation buttons |||| */

.validatebox { 
  background: url(../images/buffbgbox.gif) no-repeat center top;
  vertical-align:middle;
  margin-left: auto;
  margin-right: auto;
  padding-left:20px;
  padding-right:20px;
  height:155px;
  width:145px;
}

			/* |||| bottom left box |||| */

.bottomleft {
  height: 150px;
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 21%;
}

			/* |||| bottom right box |||| */

.bottomright {
  height:150px;
  float:right;
  text-align:center;
  vertical-align:middle;
  width:78%;
}

.bottmenu {
  padding:15px;
  text-align:center;
  vertical-align:middle;
}