@charset "UTF-8";
/* CSS Document */

BODY {padding:0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:12pt;} 

h1 {
	color:#000;
	font-size: 12px;
	text-decoration:none;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

/* CSS Links */

.top-menu a:link{color:#FFF;font-size: 12px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
.top-menu a:visited{color:#FFF;font-size: 12px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
.top-menu a:hover{color:#FFF;font-size: 12px;text-decoration:underline;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
.top-menu a:active{color:#FFF;font-size: 12px;text-decoration:underline;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}

.bottom-menu a:link{color:#FFF;font-size: 12px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
.bottom-menu a:visited{color:#FFF;font-size: 12px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
.bottom-menu a:hover{color:#FFF;font-size: 12px;text-decoration:underline;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
.bottom-menu a:active{color:#FFF;font-size: 12px;text-decoration:underline;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;}


/* CSS Menu */

a#home img {background: url(./images/menu/home.jpg) top left no-repeat; height: 32px; width: 142px; border-width: 0;}
a#exercise img {background: url(./images/menu/exercise.jpg) top left no-repeat; height: 32px; width: 142px; border-width: 0;}
a#nutrition img {background: url(./images/menu/nutrition.jpg) top left no-repeat; height: 32px; width: 142px; border-width: 0;}
a#promotions img {background: url(./images/menu/promotions.jpg) top left no-repeat; height: 32px; width: 142px; border-width: 0;}
a#contact img {background: url(./images/menu/contact.jpg) top left no-repeat; height: 32px; width: 142px; border-width: 0;}

a#home:hover img {background: url(./images/menu/home-over.jpg) top left no-repeat;}
a#exercise:hover img {background: url(./images/menu/exercise-over.jpg) top left no-repeat;}
a#nutrition:hover img {background: url(./images/menu/nutrition-over.jpg) top left no-repeat;}
a#promotions:hover img {background: url(./images/menu/promotions-over.jpg) top left no-repeat;}
a#contact:hover img {background: url(./images/menu/contact-over.jpg) top left no-repeat;}


/* CSS Text */

.black11-bold {color:#000;font-size: 11px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
.black12-bold {color:#000;font-size: 12px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
.free-training {color:#0066CC;font-size: 15px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}
.grey11 {color:#666;font-size: 11px;text-decoration:none;font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}



/* CSS Tables */

div.top-logo {width:775px; padding: 25px 5px 25px 5px;}


/* CSS Background */

.grey-bk {height:228px;background-repeat: repeat-x;background-image: url(images/grey-bk.jpg);}
.blue-bottom-bk {height:39px;background-repeat: repeat-x;background-image: url(images/centre-blue-bottom-bk.jpg);}


/* CSS Boxes */

div.box-no-top { 
  width:99%;
  border:1px;
  border-left-style: solid;
  border-bottom-style: solid;
  border-right-style: solid;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-right-color: #e6e6e6;
  padding:0px;
  background: #fff; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:99%;
}

.menu {font-family: verdana, sans-serif; width:710px; height:32px; position:relative; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; font-weight:bold; color:#000;width:142px; height:32px; text-align:center; color:#fff; background:url(images/menu/nav.jpg) top left no-repeat; line-height:30px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:url(images/menu/nav-over.jpg) top left no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:32px; left:-36px; width:160px; }
.menu ul li:hover ul li a.hide {background:#666; color:#000;}
.menu ul li:hover ul li:hover a.hide {background:#666; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#333; right:180px; width:214px; border-bottom:1px solid #999; text-align:center}
.menu ul li:hover ul li a:hover {background:#024fb5; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:180px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/*Image Scroll Menu*/

#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid #fff;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}


.middle {
	height:357px;
	background-repeat: no-repeat;
	background-image: url(images/image-scroll-bk.jpg);
	background-position:top left;
}

.main-text {color:#000;font-size: 11px;text-decoration:none;font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left;}

.icreps-text {color:#FFF;font-size: 10px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right;}

div.bottomlogo {height:60px;background-repeat: no-repeat; background-position:center middle;float:left; padding-right:15px;padding-left:210px; padding-top:10px; float:left;}
div.footer {width:100%; height:42px; color:#000;font-size: 10px;text-decoration:none;font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left middle;padding-top:28px;}

.personnel-pic {
	width:136px;
	height:154px;
	float:left;
	margin-right:12px;
	margin-bottom:5px;
}

.fully-booked {
	color:#FF0000;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.red-text {
	color:#FF0000;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.bullets ul { list-style-position: inside;
text-indent:-30px; }