/*
-------------------------------------------------------------------------------------
Copyright   : Copyright 2007 Consulting Safety International Pty Ltd                           
Name        : screen.css                                                        
Version     : 1.00.00                                                         
Under SCM   : 25 Feb 2007                                                  
Purpose     : Default Screen Stylesheet for www.consultingsafetyinternational.com
CSS Author  : Condor - for Consulting Safety International
XHTML Author: Condor - for Consulting Safety International
Comments    : Any hacks are contained in filter.css. This is linked in the html page.
-------------------------------------------------------------------------------------
Color Palette:#708090 = SlateGrey (body)
              #9ACD32 = YellowGrey (Headings)
              #636060 = grey
              #CC3300 = red
              #FFFFFF = White
              #2E8B57 = SeaGreen
              #7FFF00 = Chartreuse
              #6B8E23 = OliveDrab
              #98CE30 = green (Footer Colour)
--------------------------------------------------------------------------------------
*/

html {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

body {
  background-color: #bec2b3;
  color: #636060;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 1.4em;

  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  text-align: left;
}

#div {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/*
---------------------------------------------------------------------------
Core Layout
---------------------------------------------------------------------------
*/
#container {
  background-color: inherit;
  background-image: url(../image/xcontainer-backgroundWhite776.jpg);
  background-position: 0% 0%;
  background-repeat: repeat-y;

  color: #636060;
  margin: 0px auto auto auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 776px;
}

#masthead {
  height: 90px;
  margin: 0px 0px 0px 38px;
  padding: 0px 0px 0px 0px;
  width: 700px;
}

#content {
  margin: 0px 40px 0px 218px;
  padding: 0px 20px 20px 20px;
}

#footer {
  background-color: inherit;
  background-image: url(../image/footer-background776.jpg);
  background-position: 0% 0%;
  background-repeat: repeat-y;

  color: #333333;

  font-size: 8pt;
  line-height: 1.2em;
  height: 28px;

  margin: 0px auto auto auto;
  padding: 7px 0px 7px 0px;

  text-align: left;
  text-indent: 45px;
  width: 776px;
}

/*
---------------------------------------------------------------------------
Main Navigation
---------------------------------------------------------------------------
*/

#leftcolumn {
  background-color: #9ACD32; 
  color: #CDC8B1;
  
  float: left;
  
  font-family: Verdana, sans-serif;
  font-size: 11px;

  height: 100%;
  margin: 0px 0px 0px 38px;
  padding: 0px 0px 0px 0px;
  width: 180px;
}

#leftcolumn ul {
  list-style: none;
  margin: 0px 0px 0px 0px;  
  white-space: nowrap;  
}

#leftcolumn li a {
  background-color: #9ACD32; 
  border-bottom: 1px solid white;
  color: #636060;
  display: block;
  font-weight: bold;

  padding: 5px 0px 5px 20px;
  margin-left: -38px;

  text-align: left;
  text-decoration: none;
  width 15em;
}

#leftcolumn li a:visited {
  background-color: inherit;
  color: #636060;
}

#leftcolumn li a:hover {
  background-color: #6B8E23;
  color: #FFFFFF;
}

#leftcolumn a#current:link {
  background-color: inherit;
  background-image: url('../image/botanical-nav3.gif');
  background-position: 130px -24px;
  background-repeat: no-repeat;

  border-bottom: 1px solid white;
  color: #fff;

  white-space: nowrap;
}

#leftcolumn a#current:visited  {
  background-color: inherit;
  background-image: url('../image/botanical-nav3.gif');
  background-position: 130px -24px;
  background-repeat: no-repeat;

  border-bottom: 1px solid white;
  color: #fff;

  white-space: nowrap;
}

/*
---------------------------------------------------------------------------
Core Text
---------------------------------------------------------------------------
*/
#content H1, H2, H3, H5	{
  background-color: inherit;
  color: #708090;
  margin-right: 0em;
  margin-left: 0em;
  padding: 0px 0px 0px 0px;
}

#content H1	{
  font-size: 120%;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 2px;

  margin-top: 1em;
  margin-bottom: 0.5em;

  text-transform: uppercase;
  }

#content H2	{
  font-size: 110%;
  letter-spacing: 0px;

  margin-top: 1.5em;
  margin-bottom: -.75em;
}

#content H3	{
  font-size: 100%;
  font-weight: bold;

  margin-top: 0em;
  margin-bottom: -1em;
}

#content H4	{
  font-size: 95%;
  font-weight: bold;  

  letter-spacing: 2px;

  margin-top: 0em;
  margin-bottom: -0.2em;
}

#content H5	{
  font-weight: bold;
  font-size: 90%;
  letter-spacing: 2px;
  text-transform: uppercase;

  margin-top: 0px;
  margin-bottom: 0px;
}

/*
---------------------------------------------------------------------------
Content tables
---------------------------------------------------------------------------
*/
#table-as-tabs {
  margin-left: -3px;
  margin-top: 10px;
}

#table-as-tabs-tight-top {
  margin-left: -3px;
  margin-top: -15px;
}

th {
  font-weight: normal;
}


/*
---------------------------------------------------------------------------
Content Lists
---------------------------------------------------------------------------
*/
#content ul {
  list-style: disc;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: auto;
}

#content li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;

  line-height: 150%;

  margin: 0px 0px 0px 0px;
}

#content li-no-bullet {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: bold;

  line-height: 120%;
  list-style: none;

  margin: 0px 0px 0px 0px;
}

#content ol{
  font: 90%/1.2em Arial, Helvetica, sans-serif;
  list-style: decimal;

  margin: 0px 0px 0px 0px;
}

#tab{
  white-space: pre;
}

/*
---------------------------------------------------------------------------
Content Links
---------------------------------------------------------------------------
*/
#content a:link {
  background-color: inherit;
  color: #6B8E23; 
  font-weight: normal;
  text-decoration: underline;
}

#content a:visited {
  background-color: inherit;
  color: #6B8E23;
  font-weight: normal;
  text-decoration: underline;
}

#content a:hover {
  background-color:inherit;
  color: #6B8E23;
  font-weight: normal;
  text-decoration: none;
}

#content a:active {
  background-color:#ADC8A2;
  color:#707c51;
  font-weight: normal;
  text-decoration: none;
}

#content a:focus {
  background-color:#ADC8A2;
  color:#707c51;
  font-weight: normal;
  text-decoration: underline;
}

/*
---------------------------------------------------------------------------
Content Back to Top
---------------------------------------------------------------------------
*/
#content p.back-to-top {
  background-color: #D3DFA4;
  background-image: url('../image/botanical-small.gif');
  background-position:  -75px -5px;
  background-repeat:  no-repeat;

  border: 1px solid silver;
  color: #360;
  display: block;
  font-size: 10px;
  margin: 15px 0px 30px 0px;
  padding: 1px 0px 0px 30px;
  text-decoration: none;
  white-space:nowrap;
  width: 7em;
}

#content p.back-to-top a:link {
  text-decoration: none;
}

#content p.back-to-top a:visited {
  text-decoration: none;
}

#content p.back-to-top a:hover {
  text-decoration: underline;
}

#content p.before-list {
  margin-bottom: -0.5em;
}

#content p.after-list {
  margin-top: -0.5em;
}

.firstwordbold strong {
  background-color:inherit;
  color: #9C88BA;
}

/*
---------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------
*/

#footer p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#footer a {
  background-color:inherit;
  color: #063;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#footer a:hover {
  background-color: inherit;
  color: #7D26CD;
}

#footer .back-to-top {
  background-color: #D3DFA4;
  background-image: url('../image/botanical-small.gif');
  background-position: top right;
  background-repeat: no-repeat;

  border: 1px solid white;
  color: #360;
  display: block;
  float: right;
  font-size: 10px;
  margin: 0px 45px 0px 0px;
  padding: 5px 5px 5px 5px;

  text-decoration: none;
  text-align: left;
  text-indent: 0px;

  white-space: nowrap;
  width: 6em;
}

#footer .back-to-top a:link {
  background-color: inherit;
  color: #360;
  text-decoration: none;
}

#footer .back-to-top a:visited {
  background-color: inherit;
  color: #360;
  text-decoration: none;
}

#footer .back-to-top a:hover {
  background-color: inherit;
  color: #360;
  text-decoration: underline;
}

/*
---------------------------------------------------------------------------
Miscellanence Items
---------------------------------------------------------------------------
*/
.indented {
  margin: 0px 0px 0px 20px;
}

.endleaf2{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 20px;
  background: url(../image/leaf_09a.gif) no-repeat center;
}

.clearer {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  visibility: hidden;
}

.backwards {
  unicode-bidi: bidi-override;
  direction: rtl;
}


/*
---------------------------------------------------------------------------
Breadcrumbs
---------------------------------------------------------------------------
*/
#breadcrumbs {
  font-size: 9pt;
  font-weight: normal;
  padding: 0.5em 0px 0px 0px;

}