html, body {}

html, body {
  font-family: Arial, Helvetica, sans-serif;
  }

body {
  font-size:12px; 
  margin:0; 
  padding:0;
  }
  
table, td {
  font-size: 1em;
  }

table, td {
  font-size: 1em;
  }

h2, h3 {
  font-family: Arial,Helvetica,sans-serif; 
  color:#036;
  }

h2 {
  font-size:1.3em;
  }

h3 {
  font-size:1.1em;
  }

input {
  font-family: Arial,Helvetica,sans-serif; 
  font-size:1em;
  }

label {
  vertical-align:middle;
  }

.clear {
  overflow:hidden; 
  clear:both; 
  height:0; 
  margin:0; 
  padding:0; 
  font-size:1px; 
  font-size:0.01em; 
  display:block;
  }

/****************************************************************/
/* UN-STYLED LINKS                                              */
/****************************************************************/
  
a, a:link, a:visited {
  color: #990000; 
  text-decoration: none;
  font-weight: bold;
  }

a:hover {
  color: #600; 
  text-decoration: none;
  font-weight: bold;
  }

a:active {
  color: #990000; 
  text-decoration: underline;
  }

a:active, a:focus {
  outline:0;
  }

/****************************************************************/
/* START OF 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; */
  display:table;
  background: #E9E6E1; 
  /* background-image: url(../images/bg-body.gif); */
  /* background:#F2F0E8 url(../images/bg.png) repeat; */
  }

.bdywrpr {
  width:996px; 
  text-align:left; 
  margin:0 auto; 
  z-index:1;
  }

.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;
  }
  
a:focus {
  outline:0;
  }
  
h2.modttlred {
  font-size:14px; 
  font-weight:bold; 
  color:#600; 
  letter-spacing:0.1em; 
  margin:0; 
  padding:0 0 12px 0;
  text-transform: uppercase;
  }

/****************************************************************/
/* START OF MAIN GRID                                           */
/****************************************************************/

.mainGrid {
  width:996px; 
  height:100%; 
  background-color:#fff; 
  margin-bottom:5px;
  }

.grdspan4 {
  float:left; 
  margin:0;
  width:330px; /* PROPERTIES FOR THE LEFT COLUMN */
  }
  
/****************************************************************/
/* MIDDLE COLUMN - NEWS ELEMENTS                                */
/****************************************************************/
 
#news_divider {
  background: url(../images/news_divider.jpg) no-repeat;
  width: 300px;
  height: 2px;
  margin: 0;
  padding: 0 0 2px 0;
  } 
 
#news {
  padding: 15px 0 5px 0;
  height: 125px;
  }
  
#news h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #990000;
  }
  
#news h3 a {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #990000;
  font-size: 13px;
  }
  
#news .date {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #666666;
  }
  
#news p {
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #666666;
  }
  
#news a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #990000;
  }
  
#news img {
  margin: 0;
  padding: 10px 7px 0 0;
  }
  
/****************************************************************/
/* RIGHT COLUMN - SEARCH ELEMENTS                               */
/****************************************************************/
.mod-story332 {
  background:#fff url(../images/bg-mod-top-332.png) no-repeat top left; 
  padding:10px 10px 10px 20px;
  }

.mod-search332 {
  background:#fff url(../images/bg-mod-top-332.png) no-repeat top left; 
  padding:10px 10px 2px 10px;
  }

.mod-search332 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: 12px 0 0 5px;
  padding: 12px 0 0 10px;
  }

/****************************************************************/
/* RIGHT COLUMN - FLASH BANNER                                  */
/****************************************************************/

.flashbanner {
  width: 302px;
  height: 160px;
  padding: 0 0 15px 15px;
  cursor: pointer;
  }

.banner {
  display: block;
  margin-bottom: 20px;
  border: 0;
  }
	
.imgbanner {
	width: 302px;
  height: 219px;
  padding: 5px 0 20px 15px;
  cursor: pointer;
  }
	
.imgbanner img {
	border: none;
  }
  
#menuBanners img {
  margin: 0;
  padding: 14px 0 0 0;
  }
  
/****************************************************************/
/* RIGHT COLUMN - SUBSCRIPTION FORM                             */
/****************************************************************/

.clear {
  overflow: hidden;
  height: 4px;
  font-size: 0;
  clear: both;
  width: 100%;
  }
  
/****************************************************************/
/*  TOP BANNER ROTATOR                                          */
/****************************************************************/ 

 .mod-stage996 { 
  height:330px; 
  position:relative; 
  background: url(../images/red_bg.gif) no-repeat top left;
  }

/*************************************************/
/* START OF FOOTER                               */
/*************************************************/

.footer {
  width:996px;  
  background: url(../images/bg-footer.jpg) no-repeat top left; 
  margin: 0;
  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_bottom {
  background: url(../images/bottom_footer_background.gif) no-repeat;
  height: 20px;
  width: 996px;
  }
  
/*************************************************************/
/* 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; 
  }
  
/*******************************************************/
/* BANNER PROMO                                        */
/*******************************************************/

#banner {
  top:25px; 
  left:350px; 
  position:absolute; 
  overflow:hidden;
  }
  
/*******************************************************/
/* Navigation                                          */
/*******************************************************/

#productNav {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 270px;
  width: 313px;
  }
  
#prodNav {
  position: absolute;
  top: 25px; /* ALIGNMENT PRODUCT MENU */
  left: 0px;
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  width: 313px;
  }

#prodNav ul { 
  margin:0;
  padding:0 0 0 25px; 
  }
  
#prodNav li {
  background: transparent;
  width: 313px;
  text-align: left;
  font-size: 11px;
  }

#prodNav ul li { 
  display:block;
  padding:0; 
  display:block;
  text-align:left;
  margin-right:1em; 
  }

#prodNav li a { 
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  padding: 20px 0 5px 0;
  width: 314px;
  /* height: 48px; */
  text-decoration: none;
  font-weight: bold;
  /* background: url(../images/block1.png) no-repeat; */
  }

#prodNav li a:hover {
  /* background: #CD092F; */ /* default hover background */
  color: #FFFFFF;
  outline: none;
  padding: 20px 0 5px 0;
  }

/* #menu ul li a:hover, #menu ul li .selected { 
  color:#fff;
  font:bold 14px arial;
  text-decoration:none;
  line-height: 1.3em; 
  display:block; 
  padding: 50px 15px 30px 15px;
  } */
  
#prodNav li ul {
  position: absolute;
  left: -5000px;
  top: 78px;
  }

#prodNav li li {
  width: 314px;
  }
  
.prodText {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-transform: none;
  }

/*******************************************************************/
/* ACADEMY                                                         */
/*******************************************************************/

li#prodAcademy:hover ul {
 /* background: url(../images/index_banners/image1.png) no-repeat;
  width: 624px;
  height: 276px; */
  }
  
li#prodAcademy a:hover {
  /* background: #5D1986; */
  }

/*******************************************************************/
/* RESTAURANT                                                      */
/*******************************************************************/

/* li#prodRestaurant:hover ul {
  background: url(../images/index_banners/restaurant.png) no-repeat;
  margin-left: 325px;
  margin-top: -78px;
  left: auto;
  width: 624px;
  height: 276px; 
  } */
  
li#prodRestaurant a:hover {
  /* background: #1165D7; */
  }

/*******************************************************************/
/* STUDIO                                                          */
/*******************************************************************/

/* li#prodStudio:hover ul {
  background: url(../images/index_banners/chef-studio.png) no-repeat;
  margin-left: 325px;
  margin-top: -78px;
  left: auto;
  width: 624px;
  height: 276px; 
  } */
  
li#prodStudio a:hover {
  /* background: #78C26B; */
  }
  
/*************************************************************/
/* STUDENT SEARCH FORM                                       */
/*************************************************************/

#searchStudent{ 
  background: url(../images/student_confirmation.gif) no-repeat;
  margin: 15px 0 25px 0px;
  width: 300px;
  height: 120px;
  position: relative;
  }
  
#studentForm {
  padding: 35px 0 0 0;
  }

input.txt {
  background: url(../images/bigshadow.gif) top left no-repeat #fff;
  color: #00008B;
  background-color: #e3f2f7;
  border: 1px solid #999999;
  width: 190px;
  }

input.formOk {
  position: absolute;
  top: 116px;
  left: 10px;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  color: #000;
  }
  
form p {
  clear: left;
  margin: 0;
  padding: 8px 0 0 20px;
  }
  
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;
  }
  
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;
  }

/*************************************************************/
/* SIDEBAR - ACCREDITATION                                   */
/*************************************************************/

#accreditation { 
  background: url(../images/accreditation_associations.jpg) no-repeat;
  margin: 0px 0 18px 15px;
  width: 300px;
  height: 151px;
  }
  
#city {
  float: left;
  padding: 37px 0 0 10px;
  }
  
#jhb {
  float: left;
  padding: 37px 0 0 12px;
  }
  
/*************************************************************/
/* 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;
  }
 
/*************************************************************/
/* 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;
  font-weight: normal;
  }

#footerLinks ul li a:hover {
  color: #990000;
  }
