BODY { position: relative; min-width: 600px; width: 100%; margin: 0; padding: 0; background: #fff; }
#top { position: absolute; top: 0; left: 0; min-width: 600px; width: 979px; height: 288px; background: #003265; padding: 0px; }
#preview { position: absolute; top: 10px; left: 55px; width: 220px; height: 175px; padding: 25px 0 0 0; background-image:
url('http://www.tlc.ac.nz/nav_gfx/hub_previews.gif'); background-repeat: no-repeat; background-position: left; }
#banner { position: absolute; top: 0px; left: 300px; width: 680px; height: 75px; background: #083a6d; background-image:
url('http://www.tlc.ac.nz/images/hub/hub_09bannerXL.jpg'); background-repeat: no-repeat; background-position: left; }
#topheader { position: absolute; top: 75px; left: 300px; width: 680px; height: 230px; background: #003265; }
#navHor { position: absolute; top: 305px; left: 300px; width: 680px; height: 20px; background: #083a6d; z-index: 100; }
#left { position: absolute; top:180px; left: 0px; width: 300px; margin: 0; padding-bottom:250px; background: #013366; z-index: 100;  background-image:
url('http://www.tlc.ac.nz/nav_gfx/hub_leftColGradient.png'); background-repeat: no-repeat; background-position: bottom; }
#middleLeft { position: absolute; top:325px; left:300px; width: 220px; margin-top: 0px; padding: 15px 0px 10px 0px; background: #e9eef2; background-image:
url('http://www.tlc.ac.nz/nav_gfx/hub_coursesGradient.jpg'); background-repeat: no-repeat; background-position: bottom;	}
#middleRight { position: absolute; top:325px; left: 520px; width: 250px; margin: 0px;  padding: 15px 0px 10px 0px; }
#right	{	position: absolute; top:325px; left: 770px; width: 210px; margin: 0px; padding: 10px 0px 0px 0px; background: #CC3333;	}

#contact	{position: absolute; top:400px; left: 25px; width: 250px; margin: 0px; padding: 0px; background: #fff;	}

#bus	{
	width: 210px;
	background-color: #fff;
}

img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 12px;
	
}
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px;
}

 .floatright
{
float: right;
width: 103px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}
 
 /*hub welcome box*/
.welcomeBox {
  width: 300px;
  background: url(../nav_gfx/welcomeBox_bot.jpg) no-repeat bottom left;
  padding-bottom: 10px;
  padding-top: 20px;
  }
.welcomeBox h1 {
  margin: 0;
  padding: 16px 8px 10px 20px;
	font-weight: bold;  
  color:#FFF;
  background: url(../nav_gfx/welcomeBox_top.jpg) no-repeat top left;
  }
.welcomeBox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.welcomeBox li {
  margin: 0 0 6px; 
  padding: 0;
  }
/*go tour box*/
.tourBox {
  width: 210px;
  padding-bottom: 10px;
  background-color: #fff;
  }
.tourBox h2, .tourBox h2 a, .tourBox h2 a:visited {
	margin: 0;
	padding: 5px 8px 8px 20px;
	font-weight: bold;
	font-size: 1.4em; 
  background: url(../nav_gfx/hub_studentBox_top.jpg) no-repeat top left;
  }
.tourBox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.tourBox li {
  margin: 0 0 6px; 
  padding: 0;
  }  
 /*hub students box*/
.studentsBox {
  width: 210px;
  background: url(../nav_gfx/hub_studentBox_bot.jpg) no-repeat bottom left;
  padding-bottom: 10px;
  }
.studentsBox h2, .studentsBox h2 a, .studentsBox h2 a:visited {
	margin: 0;
	padding: 5px 8px 8px 20px;
	font-weight: bold;
	font-size: 1.4em; 
  color:#990000;
  background: url(../nav_gfx/hub_studentBox_top.jpg) no-repeat top left;
  }
.studentsBox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.studentsBox li {
  margin: 0 0 6px; 
  padding: 0;
  }
 /*hub shortcourses this week*/
.shortcoursesBox {
	position: absolute;
  width: 180px;
  background: url(../nav_gfx/shortcoursesBox_bot.gif) no-repeat bottom left;
  padding-bottom: 10px;
  }
.shortcoursesBox h2 {
	margin: 0;
	padding: 50px 8px 8px 20px;
	font-weight: bold;
	font-size: 1.4em; 
  color:#990000;
  background: url(../nav_gfx/shortcoursesBox_top.gif) no-repeat top left;
  }
.shortcoursesBox ul {
  margin: 0;
  padding: 14px 10px 14px 10px;
  list-style: none;
  }
.shortcoursesBox li {
  margin: 0 0 6px; 
  padding: 0;
  }