/* Common Styles
-------------------------------------------------------------------------- */

body {
  margin: 0;
  padding: 0;
  background: #666666 url(../images/background.gif) repeat-x;
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}

#body-wrap {
  margin: 0 auto;
  width: 750px;
}

a:link, a:visited {
  color: #666666;
  text-decoration: underline;
}

a:hover {
  color: #CC0033 /*ffcc00*/;
}

.left {
  float:left;
}

p {
  margin: 0 0 10px 0;
  padding:0;
  line-height: 150%;
}

img {
  border: 0;
}

.hide {
  display: hidden;
}

ul {
  list-style-type: none;
}

td {
  vertical-align: top;
}

.fleft {
  float: left;
  margin: 0 10px 10px 0;
}

.fright {
  float: right;
  margin: 0 0 10px 10px;
}

.hr-dot {
  clear: both;
  background: #FFFFFF url(../images/hor-rule.gif) no-repeat scroll center;
  height: 40px;
}

.hr-dot hr {
  display: none;
}

dl {
  margin: 0;
  padding: 0;
}

dt {
  margin: 0;
}

dd {
  margin: 0;
  text-align: center;
  font-size: 10px;
}

/* header image replacement
-------------------------------------------------------------------------- */

#logo {
  width: auto;
  float: left;
  margin: 11px 0 14px 13px;
}

#logo a {
  background: url(../images/ite-heartbeat.gif) no-repeat;
  width: 193px;
  height: 46px;
  display: block;
  text-indent: -9999px;
}	

#red-logo  {
  text-align: right;
  margin: 21px 11px 13px 0;
  float: right;
}

#red-logo a {
  width: 38px;
  display: block;
  padding: 36px 0 0 0;
  overflow: hidden;
  background: url(../images/ite.gif) no-repeat;
  height: 0px !important;
  height /**/:36px;
}

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

#header {
  background: url(../images/header-back.jpg) repeat-x;
}

#header #nav {
  clear: both;
  background: #000000 url(../images/navigation/nav-back.gif) repeat-x;
  padding: 0 13px 0 11px;
  height: 29px;
}

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

#header ul li {
  float: left;
  height: 29px;
  padding: 0;
  font-weight: bold;
  margin-top: 0px;
}

#header ul li a {
  font-family: Myriad Pro, Arial, Helvitica, sans-serif;
  font-size: 120%;
  text-decoration: none;
  color: #054e8c;
}

#header ul li a span {
  display: none;
}

#header ul li a:hover {
  color: #ecb02d;
}

#header ul #nav1 a {
  background: url(../images/navigation/home.gif) no-repeat;
  float: left;
  width: 28px;
  height: 25px;
  margin-top: 0px;
}

#header ul #nav1 a:hover {
  background: url(../images/navigation/home-hover.gif) no-repeat;
}

#header ul #nav2 a {
  background: url(../images/navigation/chairmans-review.gif) no-repeat;
  float: left;
  width: 85px;
  height: 25px;
  margin-top: 0px;
}

#header ul #nav2 a:hover {
  background: url(../images/navigation/chairmans-review-hover.gif) no-repeat;
}

#header ul #nav3 a {
  background: url(../images/navigation/ite-board.gif) no-repeat;
  float: left;
  width: 104px;
  height: 25px;
  margin-top: 0px;
}

#header ul #nav3 a:hover {
  background: url(../images/navigation/ite-board-hover.gif) no-repeat;
}


#header ul #nav4 a {
  background: url(../images/navigation/organization.gif) no-repeat;
  float: left;
  width: 104px;
  height: 25px;
  margin-top: 0px;
}

#header ul #nav4 a:hover {
  background: url(../images/navigation/organization-hover.gif) no-repeat;
}

#header ul #nav5 a {
  background: url(../images/navigation/ite-senior.gif) no-repeat;
  float: left;
  width: 124px;
  height: 25px;
  margin-top: 0px;
}

#header ul #nav5 a:hover {
  background: url(../images/navigation/ite-senior-hover.gif) no-repeat;
}

#header ul #nav6 a {
  background: url(../images/navigation/fy200.gif) no-repeat;
  float: left;
  width: 86px;
  height: 25px;
  margin-top: 0px;
}

#header ul #nav6 a:hover {
  background: url(../images/navigation/fy2006-hover.gif) no-repeat;
}


#header ul #nav7 a {
  background: url(../images/navigation/financial-review.gif) no-repeat;
  float: left;
  width: 76px;
  height: 25px;
  margin-top: 0px;
}

#header ul #nav7 a:hover {
  background: url(../images/navigation/financial-review-hover.gif) no-repeat;
}

/* Content Area
-------------------------------------------------------------------------- */

.breadcrumb {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  height: 16px;
}

#content-area {
  padding-bottom: 40px;
}

.content-wrap {
  border: 1px solid #cccccc;
  width: 536px;
}

.content-pad {
  padding: 20px;
}

.leftbar {
  padding: 20px;
  background-color: #CCCCCC;
}

.rightbar {
  padding: 20px;
}

.leftbar .sidenav-links,
.content-pad .sidenav-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.leftbar .sidenav-links li,
.content-pad .sidenav-links li {
  text-align: left;
  background: url(../images/bullet.gif) no-repeat 0 6px;
  padding-left: 10px;
  line-height: 16px;
}

/* Side table -image replacement
-------------------------------------------------------------------------- */
#chapter1 {
  margin: 0;
}

#chapter1 a {
	background: url(../images/chapter1.gif) no-repeat;
	width: 193px;
	height: 44px;
	text-indent: -9999px;
    display: block;
}

#chapter2 {
  margin: 0;
}

#chapter2 a {
  background-image:url(../images/chapter2.gif);
  width: 193px;
  height: 45px;
  text-indent: -9999px;
  display: block;
}

#chapter3 {
  margin: 0;
}

#chapter3 a {
  background-image:url(../images/chapter3.gif);
  width: 193px;
  height: 46px;
  text-indent: -9999px;
  display: block;
}

.sidenav-wrap {
	background: url(../images/tableshadow-right.gif) repeat-y 100% 0;
	width: 193px;
	margin: 23px 0 0 0;
}

.sidenav-links {
  margin: 0 0 13px 10px;
  padding: 0;
  list-style-type: none;
}

.sidenav-links li {
  text-align: left;
  background: url(../images/bullet.gif) no-repeat 0 6px;
  padding-left: 10px;
  line-height: 16px;
}

.sidenav-clear {
  background: url(../images/tableshadow-bottom.gif) no-repeat;
  clear: both;
  height: 11px;
}

.pdf-button {
  width: 176px;
  height: 31px;
  display: block;
  text-indent: -9999px;
  background: url(../images/pdf-annual-report.gif) no-repeat;
  margin: 0 auto;
}

/* footer
-------------------------------------------------------------------------- */

#footer {
  width: 750px;
  margin: 0 auto;
  background: #FFFFFF url(../images/bottom-back.gif) repeat-x;
}

#footer,
#footer a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  line-height: 26px;
}

#footer-left {
  padding: 0 10px;
  width: 180px;
  float: left;
  text-align: left;
}

#footer-right {
  padding: 0 10px;
  width: 530px;
  float: right;
  text-align: right;
}


.footer a:link{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: none;
}

/* custom
-------------------------------------------------------------------------- */

.col-left {
  position: relative;
  width: 180px;
  float: left;
}

.col-right {
  margin-left: 180px;
}

h3 {
  text-indent: -9999px;
  margin: 0; 
}

h4 {
  font-size: 11px;
}

#head-gloedu {
  background: url(../images/header-global-education.gif) no-repeat;
  height: 20px;
}

#head-gloadv {
  background: url(../images/header-global-advantage.gif) no-repeat;
  height: 20px;
}

#head-netnet {
  background: url(../images/header-network-network.gif) no-repeat;
  height: 20px;
}

.top {
  margin: 10px 10px 0 0;  
  width: 66px;
  display: block;
  padding: 11px 0 0 0;
  overflow: hidden;
  background: url(../images/back-to-top.gif) no-repeat;
  height: 0px !important;
  height /**/:11px;
  float: right;
}

.clr {
  clear: both;
  height: 0;
}

#head-stuint {
  background: url(../images/header-student-intake.gif) no-repeat;
  height: 20px;
}
#head-eduoutcome {
  background: url(../images/header-edu-outcome.gif) no-repeat;
  height: 40px;
}
#head-iteorg {
  background: url(../images/header-ite-care-organisation.gif) no-repeat;
  height: 20px;
}
#head-totsys {
  background: url(../images/header-total-system-capability.gif) no-repeat;
  height: 20px;
}
#head-pplpower {
  background: url(../images/header-people-power.gif) no-repeat;
  height: 20px;
}