html, body {}

html, body {
  font-family: Arial, Helvetica, sans-serif;
  }

body {
  font-size:12px; 
  margin: 0; 
  padding: 0;
  }
  
img {
  border: none;
  }

h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif; 
  color: #990000;
  }

h2 {
  font-size:1.3em;
  }

h3 {
  font-size:1.1em;
  }

h4 {font-size:0.9em;}

label {
  vertical-align:middle;
  }

.red {
  color:#600;
  text-transform: uppercase;
  font-weight: bold;
  }
  
.date {
  color:#600;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0 0 160px;
  }
  
.blue {color:#036;}

.clear {
  overflow: hidden; 
  clear: both;
  height: 0;
  margin: 0; 
  padding: 0; 
  font-size: 1px; 
  font-size: 0.01em; 
  display: block;
  }

/*********************************************************************************/
/* LAYOUT                                                                        */
/*********************************************************************************/

.mainbody {
  width:100%; 
  color:#333; 
  text-align:center; 
  margin:0; 
  padding: 15px 0 15px 0; 
  /* background: #fafafa url(../images/body_repeat.jpg) no-repeat top center; */
  
  background: #E9E6E1;
  /* background-image: url(../images/bg-body.gif); */
  }

.bdywrpr { /* BODY WRAPPER */
  width:996px; 
  text-align:left; 
  margin:0 auto; 
  z-index:1;
  }

/*********************************************************************************/
/* HEADER                                                                        */
/*********************************************************************************/

.header {
  width:996px; 
  height:174px; 
  position:relative; 
  z-index:100;
  /* background: #FFFFFF; */
  background: url(../images/main_header.gif) no-repeat;
  }
  
#logo {
  position: absolute;
  top: 15px;
  left:20px;
  }

/*********************************************************************************/
/* SUB HEADER                                                                    */
/*********************************************************************************/

.subHeader {
  width: 996px; 
  height: 52px; 
  background: transparent url(../images/bg-subhdr.jpg) no-repeat top left;
  }

/*********************************************************************************/
/* MAIN GRID                                                                     */
/*********************************************************************************/

.mainGrid {
  width:996px; 
  height:100%; 
  background-color:#fff; 
  }

.rightColumn,.grdspan8 {
  float:left; 
  margin:0;
  }

.rightColumn {
  width:330px;
  }

.grdspan8 {
  width:664px;
  }

/*********************************************************/
/* RIGHT SIDEBAR                                         */
/*********************************************************/

.columnDiv {
  background:transparent url(../images/right-content.gif) repeat-y; /* right red sidebar */
  padding-top: 10px; 
  width: 332px; 
  float: left; 
  margin: 0;
  }
  
/*********************************************************/
/* RIGHT SIDEBAR FLASH                                   */
/*********************************************************/
  
#rightFlash {
  height: 200px;
  width: 302px;
  padding: 5px 0 0 15px;
  }

/*******************************************************************/
/* MAIN LEFT BODY                                                  */
/*******************************************************************/

.mainLeftBody {
  /* padding:15px 20px 20px 20px; */
  padding:15px 20px 0px 20px;
  text-align: justify;
  line-height: 18px;
  }

.mainLeftBody h2 {
  padding: 5px 0 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  }
  
.mainLeftBody a {
  font-family: Arial, Helvetica, sans-serif;
  color: #990000;
  font-weight: bold;
  text-decoration: none;
  }
  
.mainBody {
  padding:10px 20px 20px 20px;
  text-align: justify;
  line-height: 18px; 
  background-color:#fff;
  font-size: 12px;
  }

.mainBody h2 {
  padding: 0 0 0px 0px;
  font-family: Arial, Helvetica, sans-serif;
  }
  

/*******************************************************************/
/* SUB HEADER                                                      */
/*******************************************************************/

.subHeader {
  padding:20px 13px; 
  height:12px; 
  width:970px; 
  position:relative; 
  }

.subHeading {
  padding: 5px 5px 10px 0px;
  }

.subHeading h4 {
  text-align: left;
  font-style:italic; 
  font-size: 13px; 
  color:#666666; 
  font-weight: bold;
  text-transform: uppercase; 
  margin:0; 
  padding:0;
  }
  
/*******************************************************************/
/* CALENDER ICONS                                                  */
/*******************************************************************/
  
#calendarNavSub {
  margin: 0;
  }
  
#calendarNavSub h2 {
  margin: 0;
  margin: 15px 0 25px 15px;
  }		
		
#calendarNavSub ul#calendarNavMenu {
  width: 300px;
  height: 44px;
  margin: 25px 0 25px -25px;
  list-style: none;
  }
	
#calendarNavSub ul#calendarNavMenu li {
  width:38px;
  height:44px;
  float:left;
  padding: 0 12px 5px 0;
  }
	
#calendarNavSub ul#calendarNavMenu li a {
  display:block;
  width:38px;
  height:44px;
  position:relative;
  background-position: 0px 0px;
  background-repeat:no-repeat;
  }
	
#calendarNavSub ul#calendarNavMenu li a span {
  display:block;
  height:100%; 
  width:100%;
  top: 0; 
  left: 0;
  position:absolute;
  background-position:0px 0px;
  background-repeat:no-repeat;
  }
	
#calendarNavSub ul#calendarNavMenu li a.calendar05,
#calendarNavSub ul#calendarNavMenu li a.calendar05 span {
  background-image:url('../images/sprite_calendar_5.jpg');
  }
	
#calendarNavSub ul#calendarNavMenu li a.calendar05:hover span {
  background-position:0px -54px;
  }
	
#calendarNavSub ul#calendarNavMenu li a.calendar06,
#calendarNavSub ul#calendarNavMenu li a.calendar06 span {
  background-image:url('../images/sprite_calendar_6.jpg');
  }
	
#calendarNavSub ul#calendarNavMenu li a.calendar06:hover span {
  background-position:0px -54px;
  }
	
#calendarNavSub ul#calendarNavMenu li a.calendar07,
#calendarNavSub ul#calendarNavMenu li a.calendar07 span {
  background-image:url('../images/sprite_calendar_7.jpg');
  }
	
#calendarNavSub ul#calendarNavMenu li a.calendar07:hover span {
  background-position:0px -54px;
  }
	
#calendarNavSub ul#calendarNavMenu li a.calendar08,
#calendarNavSub ul#calendarNavMenu li a.calendar08 span {
  background-image:url('../images/sprite_calendar_8.jpg');
  }
	
#calendarNavSub ul#calendarNavMenu li a.calendar08:hover span {
  background-position:0px -54px;
  }
  
/*******************************************************************/
/* START OF SUBSCRIPTION BOX                                       */
/*******************************************************************/

.subscribe-box {
  background: url(../images/subscribe-bg.jpg) repeat-y;
  overflow: hidden;
  height: 148px;
  width: 300px;
  margin: 10px 0 15px 15px;
  }

.subscribe-box h2 {
  margin: 11px 0 0 11px;
  color: #FFFFFF;
  font: bold 14px/19px Geneva, Arial, Helvetica, sans-serif;
  }

.form-subscribe {
  overflow: hidden;
  width: 275px;
  margin: 5px 0 0 11px;
  padding: 0 0 14px;
  }

.form-subscribe label {
  font-weight: bold;
  color:#FFFFFF;
  float: left;
  font: 11px/14px Geneva, Arial, Helvetica, sans-serif;
  margin: 2px 0 0;
  }
  
.form-subscribe .input {
  float: right;
  border: 1px solid #c2c2c2;
  width: 186px;
  font: 11px/14px Arial, sans-serif;
  padding: 2px 3px 3px;
  }

.clear {
  overflow: hidden;
  height: 4px;
  font-size: 0;
  clear: both;
  width: 100%;
  }

.form-subscribe .btn-submit {
  background: url(../images/btn-submit.jpg) no-repeat;
  width: 67px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 6px 0 0 82px;
  display: block;
  }

.form-subscribe .btn-submit:hover {
  background-position: 0 -20px;
  }
  
/*********************************************************/
/* SUB PAGE ROTATION                                     */
/*********************************************************/  

#slideshow { 
  height:200px;
  margin: 0 0 10px 0px;
  position:relative;
  }

#slideshow IMG {
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  opacity:0.0;
  }

#slideshow IMG.active {
  z-index:10;
  opacity:1.0;
  }

#slideshow IMG.last-active {
  z-index:9;
  }

/*********************************************************/
/* SUMMARY SECTION                                       */
/*********************************************************/  

.main-products-list li h3 {
  margin: 11px 0 3px;
  padding: 0 0 0 5px;
  color: #333;
  font: bold 12px/15px Arial, Helvetica, sans-serif;
  }

.main-products-list li.item-1 h3 {
  border-left: 8px solid #990000;
  }

.main-products-list li h3 a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #565656;
  text-decoration: none;
  }

.main-products-list li h3 a:hover {
  text-decoration: none;
  color: #990000;
  }

.inner-content {
  margin: 12px 12px 0 5px;
  }

.main-products-list {
  margin: 4px 0 0 4px;
  padding: 0;
  width: 620px;
  }

.main-products-list li {
  list-style: none;
  background: url(../images/solid-line.jpg) repeat-x;
  padding: 5px 0 5px;
  overflow: hidden;
  width: 100%;
  vertical-align: top;
  }

.main-products-list li .image {
  float: left;
  margin: 4px 0 0 1px;
  display: inline;
  width: 159px;
  }
  
.main-products-list li .text {
  float: left;
  margin: 0px 0 0;
  display: inline;
  width: 450px;
  }

.main-products-list li .text h3 {
  margin: 10px 0 0;
  padding: 0 0 1px 7px;
  color: #333;
  font: bold 17px/18px Arial, Helvetica, sans-serif;
  }
  
.main-products-list li .text p {
  margin: 0;
  padding: 5px 0 4px 17px;
  color: #595959;
  font: 12px/17px Arial, Helvetica, sans-serif;
  }

.main-products-list li .text p a {
  color: #990000;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  line-height: 13px;
  letter-spacing:1px;
  }
  
.main-products-list li .text p a:hover {
  text-decoration: none;
  color: #333333;
  }

/*********************************************************/
/* SUMMARY SECTION                                       */
/*********************************************************/ 

#related-articles {
  margin:10px 10px 0px 20px;
  }

#related-articles p {
  font-size:11px;
  line-height:16px;
  font-family: Arial, Helvetica, sans-serif; 
  }
                   
#related-articles h3 {
  font-family: Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  border-bottom:1px solid #aaa;
  font-size:13px;
  font-weight:normal;
  letter-spacing:1px;
  padding: 10px 0 5px 0;
  }

#related-articles h4 {
  font-size:15px;
  font-weight:normal;
  }                  
  
#related-articles #lcol {
  float:left;
  width:185px;
  margin:0 30px 0 0;
  }

#related-articles #mcol {
  float:left;
  width:185px;
  margin:0 30px 0 0;
  }

#related-articles #rcol {
  float:left;
  width:185px;
  margin:0 0 0 0;
  }
  
#related-articles a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #990000;
  text-decoration: none;
  }
  
#related-articles a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  }

/*********************************************************/
/* CATEGORY SECTION                                      */
/*********************************************************/

#category-featured {
  margin: 0 15px 25px 0px;
  }

#category-featured p {
  font-size:12px;
  }

#category-featured h4 {
  font-size:15px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: #990000;
  }                  

#category-featured #col {
  padding: 10px 20px 0 20px;
  }
  
#category-featured a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #990000;
  text-decoration: none;
  margin: 0;
  padding: 0px;
  list-style: none;
  }
  
#category-featured a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  text-decoration: none;
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
/*************************************************************/
/* PAGINATION                                                */
/*************************************************************/

.pagination {
  margin: 0;
  padding: 0 0 15px 20px;
  float: left;
  }
  
.pagination a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #990000;
  text-decoration: none;
  margin: 0;
  padding: 0px;
  list-style: none;
  }
  
.pagination a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  text-decoration: none;
  margin: 0;
  padding: 0;
  list-style: none;
  }
  
 
/*************************************************************/
/* DATA TABLE                                                */
/*************************************************************/
  
.datatable {
  border: 1px solid #D6DDE6;
  border-collapse: collapse;
  /* width: 100%; */
  }
  
.datatable td {
  border: 1px solid #D6DDE6;
  padding: 6px;
  } 
  
.datatable th {
  border: 1px solid #828282;
  background-color: #BCBCBC;
  font-weight: bold;
  text-align: left;
  padding: 4px 4px 4px 4px;
  }
  
.datatable tr.altrow {
  background-color: #DFE7F2;
  color: #000000;
  }

/*************************************************************/
/* ARTICLE BULLETS                                           */
/*************************************************************/

#bullets ul {
	
  font: arial;
  font-size: 12px;
  margin: 0;
  padding: 10px 5px 5px 10px;
  list-style: none;
  overflow: auto;
  }
  
#bullets ul li {  
  margin: 0 0 5px 0px;
  padding: 0 0 0 30px;
  list-style: none;
  background: url("../images/new-bullet.gif") no-repeat 0 7px;
  }
  
#bullets a {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #990000;
  font-weight: bold;
  }
  
#bullets a:hover {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #666666;
  }

/*************************************************************/
/* RESTAURANT PAGE                                           */
/*************************************************************/
  
#portraitBreakOutBox {
  margin-bottom:10px!important; 
  float: left;
  }

#portraitBreakOutBox {
  width: 200px;
  *width: 264px;
  padding: 10px;
  zfloat: left;
  margin-right: 15px;
  margin-left: 0;	
  margin-bottom:10px;
  background-color: #990000;
  }

#portraitBreakOutBox p {
  margin-left: 0!important; 
  color: #FFFFFF;
  font-family: Georgia,"Times New Roman",Times,serif;
  text-decoration: none;
  }

#portraitBreakOutBox h2 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 2px #fff dotted;
  color: #FFFFFF;
  font-size: 12px;
  }

#portraitBreakOutBox h3 {
  font-family: Arial, Helvetica, sans-serif;	
  font-size: 13px;
  font-weight: bold;
  line-height:16pt;
  color: #FFFFFF;
  }

#portraitBreakOutBox ul {
  padding-left: 10px; 
  margin-left:18px;
  list-style-type: disc;
  color: #FFFFFF;
  }
  
/*************************************************************/
/* MAIN LECTURER PAGE                                        */
/*************************************************************/
  
#lecturerBox {
  margin-bottom:10px!important; 
  float: right;
  }

#lecturerBox {
  width: 200px;
  *width: 250px;
  padding: 0 0 10px 20px;
  float: right;
  margin-right: 5px;
  margin-left: 0;	
  margin-bottom:10px;
  /* background-color: #990000; */
  }
  
#lecturerBox p {
  margin-left: 0!important; 
  color: #FFFFFF;
  font-family: Georgia,"Times New Roman",Times,serif;
  text-decoration: none;
  }

#lecturerBox h2 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 2px #fff dotted;
  color: #FFFFFF;
  font-size: 12px;
  }

#lecturerBox h3 {	
  font-size: 11px;
  font-weight: bold;
  line-height:16pt;
  color: #FFFFFF;
  }

#lecturerBox ul {
  padding-left: 10px; 
  margin-left:18px;
  list-style-type: disc;
  color: #FFFFFF;
  }
  
/*************************************************************/
/* SIDEBAR NAVIGATION                                        */
/*************************************************************/  

#sideNav ul { 
  margin: 0;
  padding:0; 
  }

#sideNav ul li { 
  list-style: none;
  /* background: url(../images/solid-line.jpg) repeat-x; */
  overflow: hidden;
  padding: 5px 0 10px 30px;
  font: 11px/14px Arial, Helvetica, sans-serif; 
  background: url("../images/bullet.jpg") no-repeat 10px 10px;
  }

#sideNav li a { 
  color: #333333;
  font:bold 14px arial;
  text-decoration:none;
  /* line-height: 18px; */ 
  display: block; 
  }

#sideNav li a:hover { 
  color: #990000; 
  }

#sideNav li span { 
  font:11px arial; 
  color:#666; 
  margin:0; 
  }

#sideNav li span:hover {
  color: #990000;
  }
  
/*************************************************************/
/* TOP LINKS                                                 */
/*************************************************************/  

#toplinks ul { 
  margin: 0;
  padding:0 15px 0 0; 
  }

#toplinks ul li { 
  padding: 8px 10px 10px 20px;
  display: inline; 
  float: right;
  }

#toplinks li a { 
  color: #333333;
  font: bold 11px arial;
  text-decoration:none;
  line-height: 18px; 
  }

#toplinks li a:hover { 
  color: #990000; 
  }
  
/*******************************************************************/
/* RIGHT COLUMN NEWS BOX                                           */
/*******************************************************************/
  
.news-box {
  margin: 3px 0 0 15px;
  width: 300px;
  }
  
/*******************************************************************/
/* PHOTO GALLERY                                                   */
/*******************************************************************/  
  
#gallery ul {
  margin: 0 0 0 0;
  padding:0;
  /* border:1px solid #CCC; */
  width:640px;
  list-style:none;
  overflow:hidden;
  }

#gallery li {
  float:left;
  padding: 10px 0 10px 12px;
  list-style:none;
  }

#gallery li a img {
  /* border:2px solid #333; */
  padding:.1em;
  opacity:.80;
  }

#gallery li a img:hover {
  border-color:#CCC;
  opacity:1;
  }

/*************************************************************/
/* DIVIDER ELEMENT                                           */
/*************************************************************/
  
.lt {
  display:block; 
  height:1px; 
  overflow:hidden; 
  background:url(../images/dotted.gif) repeat-x left top; 
  clear:both; 
  margin:10px 0px 10px 0px; 
  width: 100%; 
  float:left;
  }
  
/*************************************************************/
/* SITEMAP                                                   */
/*************************************************************/

#sitemap {
  width:850px;
  }
  
#sitemap1 {
  float: left;
  width: 290px;
  padding: 0 10px 0 10px;
  }
  
#sitemap2 {
  float: left;
  width: 290px;
  padding: 0 10px 0 10px;
  }
  
#sitemap3 {
  float: left;
  width: 290px;
  padding: 0 10px 0 10px;
  }
  
/*************************************************************/
/* RESTAURATN MENU STYLING                                   */
/*************************************************************/

.menu_icon_veg {
  background:url(../images/menu/vegetarian-symbol.png) center no-repeat;
  padding: 10px 20px 10px 5px;
  white-space:nowrap;
  width: 21px;
  height: 21px;
  }
  
.menu_icon_nuts {
  background:url(../images/menu/nuts-allergen-symbol.png) center right no-repeat;
  padding: 10px 20px 10px 5px;
  white-space:nowrap;
  width: 21px;
  height: 21px;
  }
  
#menuMain {
  background: url(../images/menu/bg-grey-menu-item.jpg) repeat-x;
  width: 623px;
  height: 50px;
  margin: 0 0 0 5px;
  padding: 0 0 10px 0;
  }
  
#menuMain ul {
  list-style-type: none;
  margin:0;
  padding: 0;
  }
  
#menuMain li {
  display: block;
  padding: 5px 5px 5px 25px;
  
  }
  
.menuPrice {
  float: right;
  font-weight: bold;
  }
  
/*************************************************************/
/* FOOTER SPRITE                                             */
/*************************************************************/
  
#nav-example {
  background:url(../images/footer_images/sprite.jpg) no-repeat; 
  width:970px;
  height:66px;
  margin: 50px 0 20px 20px;
  padding:0;
  }

#nav-example span {
  display: none;
  }

#nav-example li, #nav-example a {
  height:66px;
  display:block;
  }

#nav-example li {
  float:left;
  list-style:none;
  display:inline; 
  }

#nav-example-01 {width: 130px;}
#nav-example-02 {width: 210px;}
#nav-example-03 {width: 130px;}
#nav-example-04 {width: 120px;}

#nav-example-01 a:hover {background:url(../images/footer_images/sprite.jpg) 0px -66px no-repeat; }
#nav-example-02 a:hover {background:url(../images/footer_images/sprite.jpg) -130px -66px no-repeat; }
#nav-example-03 a:hover {background:url(../images/footer_images/sprite.jpg) -340px -66px no-repeat; }
#nav-example-04 a:hover {background:url(../images/footer_images/sprite.jpg) -470px -66px no-repeat; }

/*************************************************************/
/* SIDEBAR - ACCREDITATION                                   */
/*************************************************************/

#accreditation { 
  background: url(../images/accreditation_associations.jpg) no-repeat;
  margin: 0px 0 10px 15px;
  width: 300px;
  height: 151px;
  }
  
#city {
  float: left;
  padding: 37px 0 0 10px;
  }
  
#jhb {
  float: left;
  padding: 37px 0 0 12px;
  }

/*************************************************************/
/* SIDEBAR - SEARCH                                          */
/*************************************************************/

#search input.srchbx {
  width:185px; 
  background:#fff url(../images/bg-srchbx.gif) no-repeat top left; 
  border-top:1px solid #dedede;  
  border-right:1px solid #fff;  
  border-bottom:1px solid #fff;  
  border-left:1px solid #dedede; 
  padding:5px 3px 3px 23px; 
  margin-right:4px;
  }
  
#search {
  background: url(../images/search_background.jpg) no-repeat;
  width: 300px;
  height: 51px;
  margin: 15px 0 0 15px;
  padding: 12px 0 0 10px;
  }
  
/*************************************************************/
/* STUDENT SEARCH FORM                                       */
/*************************************************************/

#searchStudent{ 
  background: url(../images/student_confirmation.gif) no-repeat;
  margin: 15px 0 25px 15px;
  width: 300px;
  height: 120px;
  position: relative;
  }
  
#searchStudent form {
  padding: 35px 0 0 0;
  }

#searchStudent input.txt {
  background: url(../images/bigshadow.gif) top left no-repeat #fff;
  color: #00008B;
  background-color: #e3f2f7;
  border: 1px solid #999999;
  width: 190px;
  }

#searchStudent input.formOk {
  position: absolute;
  top: 116px;
  left: 210px;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  color: #000;
  }
  
#searchStudent form p {
  clear: left;
  margin: 0;
  padding: 8px 0 0 20px;
  }
  
#searchStudent form p label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  width: 10%;
  padding: 0 30px 0 0;
  }
  
#searchStudent select.txt {
  border: none;
  background: url(../images/bigshadow.gif) top left no-repeat #fff;
  padding: 2px 3px 3px 3px;
  width: 190px !important;
  width: 190px;
  width/**/:/**/200px;
  }  
  
/***********************************************/
/* COURSE BOX                                  */
/***********************************************/

#courseBox {
  width: 620px;
  margin: 20px 0 20px 0;
  }
  
#courseBox h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  margin: 0;
  padding: 0 0 0 20px;
  }
  
#courseBox p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  margin: 0;
  padding: 5px 0 5px 20px;
  text-align: left;
  }
  
#boxHeader {
  background: url(../images/boxHeader.gif) no-repeat;
  width: 620px;
  height: 50px;
  }
  
#boxBody {
  background: url(../images/boxBody.gif);
  width: 620px;
  float: left;
  }
  
#boxBodyFull {
  background: url(../images/boxBody.gif);
  width: 620px;
  float: left;
  }
  
#boxBody ul {
  text-align: left;
  }

#boxBottom {
  background: url(../images/boxBottom.gif) no-repeat;
  clear: left;
  width: 620px;
  height: 50px;
  }
  
#boxLeft {
  float: left;
  width: 300px;
  }
  
#boxRight {
  float: left;
  width: 300px;
  }
  


.courseName {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 10px 0 0 30px;
  float: left;
  }
  
.coursePeriod {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 10px 45px 0 0px;
  float: right;
  }
  
.dayCoursePeriod {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 10px 37px 0 0px;
  float: right;
  }
  
/*********** Full time course application form link ***********/ 
.courseApplication a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #990000;
  padding: 23px 38px 0 0px;
  float: right;
  }
  
.courseEnquire a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #990000;
  padding: 23px 44px 0 0px;
  float: right;
  }
  
.courseFees a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #990000;
  padding: 23px 42px 0 0px;
  float: right;
  }
  
.back a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #990000;
  padding: 23px 35px 0 0px;
  float: right;
  }
  
/***********************************************/
/* MENU LAYOUT                                */
/***********************************************/  
  
#MenuWrap{
  width:623px;  
  }

#MenuWrap ul {
  padding: 5px 10px 0 5px;
  list-style:none;
  border:1px solid #FAFAFA;
  position:relative;
  background: #F8F8F8;
  color: #666666; /* Main Text Colour */
  font-weight: bold;
  width: 600px;
  }

#MenuWrap li {
  line-height:1.2em;
  position:relative;
  padding:0 5em 0 0;
  text-align:left;
  border-bottom:1px dotted #000;
  clear:both;
  margin:0 0 15px 0;
  min-height:0;
  }

* html #MenuWrap li{
  border:none;
  background: url(images/dotted-leader.gif) repeat-x left bottom;
  height:1%;
  }

#MenuWrap li span {
  background:#F8F8F8;
  padding:1px 0 1px 5px;
  color: #333333;
  position:absolute;
  bottom:-.35em;
  right:-1px;
  }

#MenuWrap li em {
  margin:0 ;
  position:relative;
  top:.25em;
  padding:0 5px 0 0;
  background:#F8F8F8;  
  }
  
#MenuWrap li .menuHeader {
  margin:0 ;
  position:relative;
  padding: 0 5px 0 0;
  background:#F8F8F8;  
  }
  
#menuHeading img {
  margin: 0;
  padding: 5px 0 0 0;
  }

/***********************************************/
/* GOOGLE MAPS                                 */
/***********************************************/
  
#map {
  border: 1px solid #999;
  }
  
#maploading {
  background: #c00;
  color: #fff;
  padding: 0 2px;
  }
  
.bubble {
  width: 350px;
  }
  
.bubble h1 {
  margin: 0;
  padding: 0;
  font-size: 150%;
  }
  
/*************************************************************/
/* TOOL TIP CODE                                             */
/*************************************************************/

#tt {
  position: absolute;
  display:block; 
  background: #444444;
  }

#tttop {
  height: 5px;
  margin-left: 5px;
  display: block;
  overflow: hidden;
  }

#ttcont {
  margin-left: 5px;
  padding: 1px 12px 1px 7px;
  display: block;
  color: #fff;
  background: #444444;
  }

#ttbot {
  display: block;
  height: 5px;
  margin-left: 5px;
  }
  
/*********************************************************************************/
/* START OF FOOTER                                                               */
/*********************************************************************************/

.footer {
  width:996px;  
  background:#fff url(../images/bg-footer.jpg) no-repeat top left; 
  padding: 50px 0 0 0;
  position: relative;
  }

.footer a, .footer a:link, .footer a:visited {
  color:#666; 
  text-decoration:none;
  }

.footer a:hover {
  color: #990000; 
  }

.footer a:active {
  color:#666; 
  text-decoration:none;
  }

.footer .rssFeed {
  font-size:11px; 
  padding: 0px 0 0px 18px;
  position: absolute;
  top: 0;
  left: 0px;
  width: 250px;
  }

.footer .rssFeed a {
  font-weight: bold; 
  color: #333; 
  text-decoration: none;
  }

.footer .rssFeed a:hover {
  font-weight: bold; 
  color: #990000; 
  text-decoration:none;
  }

.footer .rssFeed a:active {
  font-weight: bold; 
  color:#333; 
  text-decoration:underline;
  }

/**********************************/
/* RSS FEED SECTION               */
/**********************************/

p#subscribe {
  color:#111;
  text-transform:uppercase;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size:9px;
  letter-spacing:1px;
  float: left;
  }

p#subscribe img {
  margin:0px 5px 0 0;
  vertical-align: bottom;
  }

/**********************************/
/* FOOTER CATEGORY LINKS          */
/**********************************/

.footer .footerNav {
  float:left; 
  width:100%; 
  font-size:10px; 
  color:#666;
  }

.footer .footerNav ul {
  margin:0; 
  padding:0; 
  list-style:none;
  }

.footer .footerNav ul li {
  width:144px; 
  float:left; 
  font-weight:bold; 
  margin: 50px 0 0 20px; 
  padding:2px 0 0 0; 
  display:block;
  }

.footer .footerNav ul li li {
  float:none; 
  font-weight: normal; 
  margin:0px;
  }
  
#footer_bottom {
  background: url(../images/bottom_footer_background.gif) no-repeat;
  height: 20px;
  width: 996px;
  }

/*************************************************************/
/* FOOTER SPRITE                                             */
/*************************************************************/

#footerLogos {
  background:url(../images/footer_images/logo-sprite.jpg) no-repeat; 
  width:900px;
  height:75px;
  margin: 50px 0 10px 48px;
  padding: 0;
  }

#footerLogos span {
  display: none;
  }

#footerLogos li, #footerLogos a {
  height:75px;
  display:block;
  }

#footerLogos li {
  float:left;
  list-style:none;
  display:inline; 
  }

#footerLogos-01 {width: 150px; padding: 0 0 0 0px}
#footerLogos-02 {width: 150px; padding: 0 0 0 0px}
#footerLogos-03 {width: 150px; padding: 0 0 0 0px}
#footerLogos-04 {width: 150px; padding: 0 0 0 0px}
#footerLogos-05 {width: 150px; padding: 0 0 0 0px}
#footerLogos-06 {width: 150px; padding: 0 0 0 0px}

#footerLogos-01 a:hover {background:url(../images/footer_images/sous.jpg) 0 -75px no-repeat; }
#footerLogos-02 a:hover {background:url(../images/footer_images/dalewood.jpg) 0px -75px no-repeat; }
#footerLogos-03 a:hover {background:url(../images/footer_images/mills.jpg) 0px -75px no-repeat; }
#footerLogos-04 a:hover {background:url(../images/footer_images/fairview.jpg) 0px -75px no-repeat; }
#footerLogos-05 a:hover {background:url(../images/footer_images/silkomart.jpg) 0px -75px no-repeat; }
#footerLogos-06 a:hover {background:url(../images/footer_images/honeydew.jpg) 0px -75px no-repeat; }

/*********************************************/  
/* FOOTER NAVIGATION                         */
/*********************************************/

#footerLinks {
  float: left;
  width: 935px;
  height: 50px;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:11px;
  }

#footerLinks ul {
  text-indent: 10px;
  padding: 15px 0 0 0;
  margin: 0;
  text-align: center; /*set value to "center" for example to center items*/
  }

#footerLinks ul li {
  display: inline;
  margin: 0 0 5px 0px;
  padding: 0 0 0 10px;
  list-style: none;
  /* background: url("../images/footer-bullet.gif") no-repeat 0 5px; */
  }

#footerLinks ul li a {
  color: #666666;
  padding: 5px 15px 5px 10px;
  margin: 0;
  text-decoration: none;
  }

#footerLinks ul li a:hover {
  color: #990000;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
/*******************************************************************/
/* STUDENT RE-SEARCH                                               */
/*******************************************************************/

#searchStudentMore form {
  margin: 5px 0 20px 0;
  padding: 10px 0 20px 0;
  background: #EFEFEF;
  }

#searchStudentMore input.txt {
  background: url(../images/bigshadow.gif) top left no-repeat #fff;
  color: #00008B;
  background-color: #e3f2f7;
  border: 1px solid #999999;
  width: 190px;
  padding: 3px;
  }
  
#searchStudentMore form label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
  font-weight: bold;
  text-transform: uppercase;
  width: 10%;
  padding: 0 10px 0 15px;
  }
  
#searchStudentMore select.txt {
  border: none;
  background: url(../images/bigshadow.gif) top left no-repeat #fff;
  padding: 3px;
  width: 190px !important;
  width: 190px;
  width/**/:/**/200px;
  } 
  
#searchStudentMore input.submit {
  margin: 10px 0 0 10px;
  vertical-align: bottom;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
/*********************************************************/
/* MAIN COURSE SUMMARY SECTION                           */
/*********************************************************/  

.main-course-list li h3 {
  margin: 11px 0 3px;
  padding: 0 0 0 5px;
  color: #333;
  font: bold 12px/15px Arial, Helvetica, sans-serif;
  }

.main-course-list li.item-1 h3 {
  border-left: 8px solid #990000;
  }

.main-course-list li h3 a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #565656;
  text-decoration: none;
  }

.main-course-list li h3 a:hover {
  text-decoration: none;
  color: #990000;
  }

.inner-content {
  margin: 12px 12px 0 5px;
  }

.main-course-list {
  margin: 20px 0 0 20px;
  padding: 0;
  width: 580px;
  }

.main-course-list li {
  list-style: none;
  background: url(../images/solid-line.jpg) repeat-x;
  padding: 5px 0 5px;
  overflow: hidden;
  width: 100%;
  vertical-align: top;
  }

.main-course-list li .image {
  float: left;
  margin: 4px 0 0 1px;
  display: inline;
  width: 159px;
  }
  
.main-course-list li .text {
  float: left;
  margin: 0px 0 0;
  display: inline;
  width: 410px;
  }

.main-course-list li .text h3 {
  margin: 10px 0 0;
  padding: 0 0 1px 7px;
  color: #333;
  font: bold 17px/18px Arial, Helvetica, sans-serif;
  }
  
.main-course-list li .text p {
  margin: 0;
  padding: 5px 0 4px 17px;
  color: #595959;
  font: 12px/17px Arial, Helvetica, sans-serif;
  }

.main-course-list li .text p a {
  color: #990000;
  text-decoration: none;
  font-weight: bold;
  font-size: 10px;
  line-height: 13px;
  letter-spacing:1px;
  }
  
.main-course-list li .text p a:hover {
  text-decoration: none;
  color: #333333;
  }
	
/*******************************************************/
/* New Tab Course Boxes */
/*******************************************************/
	
#media {
  width:620px;
	margin: 20px 0 20px 0;
	float: left;
	color:#3e3e3e;
	font-size:11px;
	}
	
#media #articles_main  p {
  font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
	}
	
#media #articles_main ul {
  font: arial;
  font-size: 11px;
	text-align: left;
  margin: 0;
  padding: 5px 5px 5px 0px;
  list-style: none;
  overflow: auto;
  }
  
#media #articles_main li {  
  margin: 0 0 5px 0px;
  padding: 0 0 0 18px;
  list-style: none;
  background: url("../images/new-bullet.gif") no-repeat 0 7px;
  }

.clear {
	display:block;
	clear:both;
	visibility: hidden;
	margin: 0;
	height: 0;
	}
	
/*******************************************************/
/* Main Content - Wrapper */
/*******************************************************/

#content_wrapper {	
  background-color: #A30000; 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	border-bottom-right-radius: 5px;
  }
	
/*******************************************************/
/* Main Content - Grey Border */
/*******************************************************/

#media #articles_main {
	margin: 0;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	}

/*******************************************************/
/* Main Tabs */
/*******************************************************/
	
#content_border {
	padding: 4px;
	}
	
/*******************************************************/
/* Main Content - Pagination */
/*******************************************************/

#tabheading {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
  }
	
#tabheading ul {
  list-style: none;
	margin: 0;
	padding: 0;
  }
	
#tabheading li {
	display: inline;
  }
	
#tabheading li.start {
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;
	border-bottom-top-radius: 5px; 
	
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-right-radius: 5px;
	
	float: left;
	color: #FFF;
	font-weight: bold;
	background: #A30000;
	margin: 0;
  padding: 10px 10px 10px 10px;
  }
	
#tabheading li.end {
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px;
	border-bottom-top-radius: 5px; 
	
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-right-radius: 5px;
	
	float: right;
	color: #FFF;
	font-weight: bold;
	background: #A30000;
	margin: 0;
  padding: 10px 10px 10px 10px;
  }

/*******************************************************/
/* Main Content - Pagination */
/*******************************************************/
	
#tabs ul a {
	-moz-border-radius-bottomleft: 5px; 
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px; 
	
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	border-bottom-right-radius: 5px;
	
  display:block;
	margin: 0;
  padding: 10px 5px 10px 5px;
  text-decoration:none!important;
  font: 11px Verdana;
  color: #626262;
  background: #dedfda;
  }

#tabs ul a:hover {
  color:#4b4b4b;
  background: #dedfda;
  }
	
#tabs ul a.selected {
  margin-bottom:0;
  color: #FFF;
  cursor:default;
	background: #A30000;
  }	
	
#tabs ul {
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	list-style: none;
	}

#tabs ul li {
	float: left;
	margin-right: 4px;
	cursor: pointer;
	list-style: none;
	}

#tabs ul li .tab {
	font: normal 18px Arial,sans-serif;
	color:#2b88c2;
	margin: 0;
	padding: 0;
	}