body {
  text-align:center;
  font-size: 11px; 
  color: #444444; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin: 24px 0 44px 0;
  background-color: #f7f6f1;
  }
#frame, #topframe, #homeframe {
  width:748px;
  margin-right:auto;
  margin-left:auto;
  padding: 2px;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align:left;
  }
#homeframe {
  padding: 16px;
  width:714px;
  }
#homebkg {
  background-image: url(../gfx/home-bkg1.jpg);
	background-repeat: no-repeat;
  width: 714px;
  height: 353px;
  }
#topframe {
  border-bottom: none;
  }
#header {
  margin: 0px;
  padding: 0px;
  background-color: #b20d10;
  height: 149px;
  background-image: url(../gfx/header-bkg.jpg);
	background-repeat: no-repeat;
  background-position: 100% 100%;
  }
#header-print {
  display: none;
  }
#header img {
  margin: 46px 0 0 60px;
  }
#back {
  float: left;
  width: 50px;
  padding: 0;
  }
#back a:link, #back a:visited, #back a:active, #back a:hover  {
  background-image: url(../gfx/back.gif);
	background-repeat: no-repeat;
  background-position: 0% 50%;
	}
#back a:hover  {
  background-image: url(../gfx/back-over.gif);
	}
#totop {
  padding: 8px 10px;
	}
#totop a:link, #totop a:visited, #totop a:active, #totop a:hover  {
  font-weight: normal;
  color: #cccccc;
  padding-left: 2px;
	}
#totop a:hover  {
  color: #888888;
	}
#contentheader{
  margin-left: 160px;
  margin-top: 10px;
  height: 30px;
  background-image: url(../gfx/ttl-aboutus.gif);
	background-repeat: no-repeat;
  }
#contentheader h1{
  display: none;
  }
body.OSS #contentheader  {
	background-image: url(../gfx/ttl-WAgov.gif);
	}
body.International #contentheader {
	background-image: url(../gfx/ttl-projects.gif);
	}
body.Advisory #contentheader {
	background-image: url(../gfx/ttl-advisory.gif);
	}
body.GeneralServices #contentheader {
	background-image: url(../gfx/ttl-generalserv.gif);
	}
body.Methodologies #contentheader {
	background-image: url(../gfx/ttl-methodologies.gif);
	}
body.Organisation #contentheader  {
	background-image: url(../gfx/ttl-aboutus.gif);
	}
body.SPIRIT #contentheader {
	background-image: url(../gfx/ttl-spirit.gif);
	}
body.Training #contentheader {
	background-image: url(../gfx/ttl-training.gif);
	}
body.contactus #contentheader {
	background-image: url(../gfx/ttl-contactus.gif);
  margin-left: 14px;
	}
body.privacy #contentheader {
	background-image: url(../gfx/ttl-privacy.gif);
  margin-left: 14px;
	}
body.news #contentheader {
	background-image: url(../gfx/ttl-news.gif);
  margin-left: 14px;
	}
body.TaxCompliance #contentheader {
	background-image: url(../gfx/ttl-tax.gif);
  margin-left: 14px;
	}
body.personnel #contentheader {
	background-image: url(../gfx/ttl-personnel.gif);
  margin-left: 14px;
	}
body.personnel_kl #contentheader {
	background-image: url(../gfx/ttl-profile_kl.gif);
	}
body.personnel_sl #contentheader {
	background-image: url(../gfx/ttl-profile_sl.gif);
	}
body.personnel_jvd #contentheader {
	background-image: url(../gfx/ttl-profile_jvd.gif);
	}
body.personnel_jc #contentheader {
	background-image: url(../gfx/ttl-profile_jc.gif);
	}
body.personnel_jds #contentheader {
	background-image: url(../gfx/ttl-profile_jds.gif);
	}
body.personnel_gm #contentheader {
	background-image: url(../gfx/ttl-profile_gm.gif);
	}
body.personnel_bb #contentheader {
	background-image: url(../gfx/ttl-profile_bb.gif);
	}
body.personnel_bp #contentheader {
	background-image: url(../gfx/ttl-profile_bp.gif);
	}
body.personnel_jk #contentheader {
	background-image: url(../gfx/ttl-profile_jk.gif);
	}
body.clients_serviced #contentheader {
	background-image: url(../gfx/ttl-clients.gif);
	}
	
#sectionNav {
  width: 145px;
  padding: 6px 0 10px 0;
  float: left;
  background: #fff;
  }
#contentcenter {
  float: left;
  width: 568px;
  margin-left: 15px;
  padding-left: 0px;
  background: #fff;
  }
body.contactus #contentcenter, body.privacy #contentcenter, body.news #contentcenter, 
body.personnel #contentcenter, body.clients_serviced #contentcenter {
  float: none;
  width: 710px;
  }
#contentcenter .inside {
  padding: 4px 0 0 0px;	
  /* glitch in IE caused by vertical padding in this 
  class, so 0 padding is set here and those blocks 
  that need the vertical padding must be applied to 
  the parent element. The purpose of this class is to 
  provide horizontal padding without using hacks to
  get around IE's broken box model. so it's okay to 
  apply vertical padding to the parent element, 
  just not horizontal padding. */
  }
#homebkg .inside {
  padding: 50px 0 0 28px;	
  }
.clear {
	clear: both;
  }  
.content {
  padding: 0 0 10px 0;	
  border: 1px solid #e8e8e8;
  } 
#pagetitle {
  font-size: 13px;
  font-weight: bold;
  padding:10px 0 0 36px;
  color: #888888;
  }
#footer {
  margin: 0px;
  padding: 8px 0 2px 0;
  background-color: #999;
  text-align: center;
  }    
p,h1,h2,h3,pre {
  margin:10px 10px 0px 10px;
  }
input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1,h2,h3{
  padding-top: 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
h1 {
  font-size: 13px;
  }    
h2 {
  font-size: 11px;
  color: #b20d10;
  } 
h3 {
  font-size: 9px;
  }
  
a, a:link, a:visited, a:active {
  color: #4194df;
  text-decoration: none;
  font-weight: bold;
  }
a:hover {
  color: #b20d10;
  }   
.divider {
  width: auto;
  height: 20px;
  background-image: url(../gfx/dotline2.gif);
	background-repeat: repeat-x;
  background-position: 0% 100%;
  }   
ul.SI {
  margin: 10px;
	padding: 0;
	list-style-type: none;
	display: block;
  background-image: url(../gfx/dotline2.gif);
	background-repeat: repeat-x;
  background-position: 100% 100%;
  padding-bottom: 10px;
  } 
ul.SI li  {
  padding: 8px 0 4px 24px;
  background-image: url(../gfx/li-bullet.gif);
	background-repeat: no-repeat;
  color: #666666;
  }
ul.SI li ul  {
  padding: 0px;
  background-image: none;
  color: #666666;
  }    
td, tr, th  {
  font-size: 10px;
  color: #444444; 
  }
.photo {
  border: 1px solid #b2b2b2;
  background-color: #fff;
  float: right;
  margin: 10px 10px 10px 20px;
  width: 130px;
  text-align: center;
  padding-bottom: 10px;
  }
.photo img {
  border: 1px solid #b2b2b2;
  background-color: #fff;
  margin: 20px 20px 10px 20px;
  }
.photo2 {
  border: 1px solid #b2b2b2;
  background-color: #fff;
  margin: 10px 10px 10px 20px;
  width: 130px;
  text-align: center;
  padding-bottom: 10px;
  }
.photo2 img {
  border: 1px solid #b2b2b2;
  background-color: #fff;
  margin: 20px 20px 10px 20px;
  }
body.contactus .photo {
  border: 0;
  float: left;
  margin: 10px 10px 0px 4px;
  width: auto;
  }
body.contactus .photo img {
  border: 1px solid #b2b2b2;
  background-color: #fff;
  margin: 3px;
  }
.contactsDiv {
  float: left;
  width: 350px
  }  
table.SPIRIT  {
  background-color: #b2b2b2;
  width: 536px; 
  text-align: left;
  }
table.SPIRIT th  {
  background-color: #b2b2b2; 
  color: #fff; 
  text-align: left;
  padding: 4px 6px;
  }
table.SPIRIT td  {
  background-color: #fff;
  text-align: left;
  padding: 2px 6px;
  }
table.SPIRIT td p {
  margin:10px 0px 0px 0px;
  }
table.SPIRIT li {
  color: #444444; 
  }




/***************************************************/
/*   Vertical Nav Styles   	                       */
/***************************************************/
.vnav {
	margin: 0;
	width: 135px;
  font-weight: bold;
  color: #888888;
  border-bottom: 1px solid #e8e8e8;
	}
.vnav ul, .vnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
  font-size: 11px;
  font-weight: bold;
	}
.vnav ul li {
  border-top: 1px solid #e8e8e8;
	}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover  {
	display: block;
	text-decoration: none;
	color: #888888;
	padding: 6px 4px 6px 4px;
	}
.vnav ul li a:hover {
	color: #b20d10;
	background-color: #F9F9F9;
  background-image: url(../gfx/nav-arrow-over.gif);
	background-repeat: no-repeat;
	}
* html .vnav ul li a { /* hide from IE5.0/Win & IE5/Mac */ 
	height: 0.01%;
	}
* html .vnav ul {
	position: relative;	/* IE needs this to fix a rendering problem */
	}

/* 2nd level Nav */
.vnav ul li ul, .vnav ul li ul li {
	padding: 0;
  width: 135px;
  display: none;
  font-size: 10px;
	}
body.OSS .vnav ul li.OSS ul, body.OSS .vnav ul li.OSS ul li,
body.Advisory .vnav ul li.Advisory ul, body.Advisory .vnav ul li.Advisory ul li,
body.GeneralServices .vnav ul li.GeneralServices ul, body.GeneralServices .vnav ul li.GeneralServices ul li,
body.Methodologies .vnav ul li.Methodologies ul, body.Methodologies .vnav ul li.Methodologies ul li,
body.Organisation .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.personnel_kl .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.personnel_sl .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.personnel_jvd .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.personnel_jc .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.personnel_jds .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.personnel_gm .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.personnel_bb .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.personnel_bp .vnav ul li.Organisation ul, body.Organisation .vnav ul li.Organisation ul li,
body.SPIRIT .vnav ul li.SPIRIT ul, body.SPIRIT .vnav ul li.SPIRIT ul li {
	padding: 0;
  width: 135px;
  display: block;
	}
.vnav ul li ul li {
	border-top: 0px;
	background-image: url(../gfx/nav-arrow2.gif);
	background-repeat: no-repeat;
	}	
.vnav ul li ul li a, .vnav ul li ul li a:link, .vnav ul li ul li a:visited, .vnav ul li ul li a:active, .vnav ul li ul li  a:hover  {
	display: block;
	text-decoration: none;
	padding: 2px 4px 2px 20px;
  font-weight: normal;
  color: #888888;
	}
.vnav ul li ul li a:hover {
	color: #b20d10;
	background-color: #F9F9F9;
  background-image: url(../gfx/nav-arrow2-over.gif);
	background-repeat: no-repeat;
	}
	
/* 3rd level Nav */
.vnav ul li ul li ul li {
	border-bottom: 0px;
	background-image: url(../gfx/nav-arrow3.gif);
	background-repeat: no-repeat;
	}	
.vnav ul li ul li ul li a, .vnav ul li ul li ul li a:link, .vnav ul li ul li ul li a:visited, .vnav ul li ul li ul li a:active, .vnav ul li ul li  ul li a:hover  {
	display: block;
	text-decoration: none;
	padding: 2px 4px 2px 36px;
  font-weight: normal;
  color: #6f767d;
	}
.vnav ul li ul li ul li a:hover {
	color: #7fa345;
	background-color: #F9F9F9;
  background-image: url(../gfx/nav-arrow3-over.gif);
	background-repeat: no-repeat;
	}	
  
  
  
/***************************************************/
/*   Horizontal Nav Styles   							*/
/***************************************************/
.sitenav {
	background-color: #fff;
  height: 24px;
  text-align : right;
	}
.sitenav ul {
	padding: 3px 0 0 0;
	margin: 0;
	list-style: none; /* removes the bullet points used in lists*/
	font-size: 11px;
  font-weight: bold;
	}
.sitenav ul li {
	display:inline;
	}  
.sitenav ul li a, .sitenav ul li a:link, .sitenav ul li a:visited, .sitenav ul li a:active {
	text-decoration: none;
	padding: 0 2 0 8px ;
	color: #ca585a;
	}
.sitenav ul li a:hover {
	color: #999;
	}
  
.homenav {
  height: 26px;
	}  
.homenav ul {
	padding: 3px 0 0 0;
	margin: 0;
	list-style: none; /* removes the bullet points used in lists*/
	font-size: 11px;
  font-weight: bold;
	}
.homenav ul li {
	display:inline;
  border-left: 1px solid #f1e416;
	} 
.homenav ul li.first {
	border-left: 0px;
	} 
.homenav ul li a, .homenav ul li a:link, .homenav ul li a:visited, .homenav ul li a:active {
	text-decoration: none;
	padding: 0 8px ;
	color: #f1e416;
	}
.homenav ul li a:hover {
	color: #a7d1f7;
	}
      
.hnav {
  background-color: #fff;
  height: 26px;
  text-align : right;
  }
.hnav ul {
	padding: 0;
  padding-top: 6px;
	margin: 0;
	list-style: none; /* removes the bullet points used in lists*/
	font-size: 11px;
  font-weight: bold;
	}
.hnav ul li {
	display:inline;
  background-image: url(../gfx/nav-div.gif);
	background-repeat: no-repeat;
	}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active {
	text-decoration: none;
	padding: 0 6px 0 10px;
	color: #908888;
	}
.hnav ul li.first, body.Home .hnav ul li.first {
	background-image: none;
	}
.hnav ul li a:hover {
	color: #4194df;
	}
body.Home .hnav {
  background-color: #800a0c;
  border-top: 1px solid #5c0709;
  border-bottom: 1px solid #5c0709;
  }
body.Home .hnav ul li {
  background-image: url(../gfx/nav-div-home.gif);
	background-repeat: no-repeat;
	}
body.Home .hnav ul li a, body.Home .hnav ul li a:link, body.Home .hnav ul li a:visited, body.Home .hnav ul li a:active {
	color: #f9dfe1;
  padding: 0 4px 0 12px;
	}
body.Home .hnav ul li a:hover {
	color: #a7d1f7;
	}  
  
#footer ul {
	padding: 0;
  padding-bottom: 2px;
	margin: 0;
	list-style: none; /* removes the bullet points used in lists*/
	font-size: 10px;
	}
#footer ul li {
	display:inline;
	}
#footer ul li a, #footer ul li a:link, #footer ul li a:visited, #footer ul li a:active {
	text-decoration: none;
	padding: 0 3px;
	color: #e2e2e2;
  border-left: 1px solid #ccc;
	}
#footer ul li.first a, #footer ul li.first a:link, #footer ul li.first a:visited, #footer ul li.first a:active {
	border-left: 0px;
	}
#footer ul li a:hover {
	color: #fff;
	}
#sSubmit {
	background-color: #999999;
	border: 1px solid #E8E8E8;
	color: #e8e8e8;
}

#dropMenu {
	position:absolute;
	left:228px;
	top:155px;
	z-index:1;
	background-color: #F0EEE6;
	width:230px;
	height:87px;
	visibility:hidden;
}

#dropMenu li {
	width:230px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:2px;
	height:33px;
	text-align:left;
}

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

#dropMenu a {
	width:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#888888;
	text-decoration:none;
}
#dropMenuHome {
	position:absolute;
	left:300px;
	top:155px;
	z-index:1;
	width:550px;
	height:20px;
	visibility:hidden;
}

#dropMenuHome li {
	border-bottom-style:solid;
	border-bottom-color:#FFCCCC;
	border-bottom-width:2px;
	height:22px;
	text-align:left;
	padding:10px;
	display:inline;
}

#dropMenuHome ul {
	margin:0px;
	padding:0px;
	list-style:none;
	word-spacing:nowrap;
}

#dropMenuHome a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFCCCC;
	text-decoration:none;
	float:left;
}