@import "TinyMCE.css";
@import "page_styles.css";
@import "navigation.css";
@import "news.css";

html
{
  margin: 0px;
  padding: 0px;
}

body
{
  margin: 0px;
  padding: 0px;
  text-align: center; 
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 12px; 
  background-color: #5dc04c;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;
}

.error
{
  color: #ff0000;
}

.mandatory
{
  color: #ff0000;
  font-size: 10px;
}

.warning
{
  font-size: 10px;
  color: #ff0000;
}

.clear
{
  clear: both;
  width: 100%;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  border: 0px none;
  margin: 0px;
  padding: 0px;
}

.formElements
{
  margin-bottom: 6px;
}

.titleField
{
  width: 120px;
  float: left;
  margin-right: 6px;
}

.entryField
{
  float: left;
  width: 330px;
}

.entryField input
{
  width: 280px;
}

.entryField select
{
  width: 284px;
}

.entryField .tbMultiline
{
  width: 280px;
  height: 75px;
}

.rbtnEntryField input, .cbEntryField input
{
  width: 15px;
}

.error ul, .error ul li
{
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#ctl00_mErrorOverlay_updpnlErrorOverlay
{
  display: none;
}

/**  Templage Styles  **/
#cmsPageContainer1
{
  margin: 0px auto;
  text-align: left;
  width: 885px;
  background-image: url(../images/shadow_green_left.jpg);
  background-repeat: repeat-y;
  background-position: -2px 0px;
  
}


#cmsPageContainer2
{
  background-image: url(../images/shadow_green_right.jpg);
  background-repeat: repeat-y;
  background-position: 879px 0px;
}

#cmsPageContainer3
{
  background-image: url(../images/shadow_blue_left.jpg);
  background-repeat: no-repeat;
  background-position: -2px 153px;
}

#cmsPageBackground
{
  background-image: url(../images/shadow_blue_right.jpg);
  background-repeat: no-repeat;
  background-position: 879px 153px;
  height: 0px;  /*IE7 bug hack*/
}


/**  Content  **/ 
#cmsMiddleBlock
{
  margin-left: 20px;
  min-height: 400px;
  _height: 400px;
  background-color: #ffffff;
  width: 859px; 
  background-image: url(../images/content_bg.jpg); 
  background-repeat: no-repeat;
  background-position: right top;
  padding-top:20px;
}


#cmsContentOuter
{ 
  float: left;
  width: 510px;
  margin-left: 31px;
  _margin-left: 15px;
  padding: 12px 0px;
}


#cmsContentInner1
{
}


#cmsContentInner3
{
}


/**  Header  **/
#header
{
  background-color: #4dd8ff;
  height: 153px;
  width: 895px;
  background-image: url(../images/header_left.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

#headerinner
{
  position: relative;
  height: 153px;
  width: 880px;
  background-image: url(../images/header_right.jpg);
  background-repeat: no-repeat;
  background-position: 516px top;
}


#header .NewsLetter
{
  position: absolute;
  right: 0px;
  top: 100px;
  width: 364px;
  height: 22px;
}


#header .NewsLetter .NewsLetterSubText
{
  width: 321px;
  height: 21px;
  background-image: url(../images/header_subscribe.jpg);
}

#header .NewsLetter .NewsLetterSubText input
{
  margin-left: 193px;
  height: 13px;
  font-size: 11px;
  color: #a4a4a4;
}


#header .MainNav
{
  position: absolute;
  top: 122px;
  left: -1px;
  width: 859px;
  background-image: url(../images/nav/nav_bg.jpg);
  background-repeat: repeat-x;
  margin-left: 20px;
  border-left: 1px solid #59bc48;
  border-right: 1px solid #59bc48;
  
  padding-bottom: 60px;
}

#header .enrollNow
{
  position: absolute;
  right: 4px;
  top: 126px;
}
a.btnEnrollLarge span
{
  display: none;
}

a.btnEnrollLarge
{
  display: block;
  width: 178px;
  height: 44px;
  background-image: url(../images/btn_enroll_lg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

a.btnEnrollLarge:hover
{
  background-position: bottom left;
}

a.btnEnrollSmall span
{
  display: none;
}

a.btnEnrollSmall
{
  display: block;
  width: 99px;
  height: 23px;
  background-image: url(../images/btn_enroll_sm.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

a.btnEnrollSmall:hover
{
  background-position: bottom left;
}

/**  Footer  **/
#footer
{
  position:relative;
  float: left;
  margin-left: 6px;
  background-image: url(../images/footer_bg.jpg);
  background-repeat: no-repeat;
  width: 885px;
  height: 43px; 
}

#footer .footerLinks
{
  position: absolute;
  left: 31px;
  top: 7px;
}

#footer ul, #footer ul li
{
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
}

#footer ul li
{
  border-right: 1px solid #ffffff;
  padding: 0px 10px;
}

#footer ul li.noborder
{
  border-right: 0px none;
}

#footer ul li a, #footer ul li a:link, 
#footer ul li a:active, #footer ul li a:visited
{
  color: #ffffff;
  text-decoration: none;
}

#footer ul li a:hover
{
  text-decoration: underline;
}

#footer .cmsContent
{
  margin: 0px;
}


/**  Right Nav  **/
#rightNav
{
  /*padding: 12px 0px;*/
  width: 280px;
  float: right;
  margin: 2px 21px 0px 0px;
  _margin: 2px 11px 0px 0px;
}













/** Navigation **/
.MainNav ul
{
  display: inline;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.MainNav ul li
{
  display: block;
  float: left;
  height: 31px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  white-space: nowrap;
  *padding-bottom: 8px;
}


.MainNav ul li a,
.MainNav ul li a:link,
.MainNav ul li a:visited
{
  /*color: #FFFFFF;*/
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

.MainNav ul li .subMenu a,
.MainNav ul li .subMenu a:link,
.MainNav ul li .subMenu a:visited
{
  display: block;
  background-color: #5DC04C;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  margin: 0px;
  padding: 6px 15px 2px 25px;
  margin-top: 2px;
  float: left;
  line-height: normal;
  height: 20px;
}
.MainNav ul li .subMenu a:hover,
.MainNav ul li .subMenu a:active
{
  background-color: #FDFA90;
  color: #0C5966;
}

.MainNav ul li .overlay
{
  display: none;
  visibility: hidden;
}

.MainNav ul.topNav_Menus li a
{
  background-position: left top;
  display: block;
}
.MainNav ul.topNav_Menus li a:hover,
.MainNav ul.topNav_Menus li a:active
{
  background-position: left bottom;
}
.MainNav ul.topNav_Menus li a .title
{
  display: none;
}

.MainNav ul.topNav_Menus li a.menuItem_AboutQCCS
{
  background-image: url(../images/nav/aboutus.jpg);
  width: 94px;
  height: 31px;
}

.MainNav ul.topNav_Menus li a.menuItem_Newsletters
{
  background-image: url(../images/nav/newsletter.jpg);
  width: 89px;
  height: 31px;
}
.MainNav ul.topNav_Menus li a.menuItem_Programs
{
  background-image: url(../images/nav/programs.jpg);
  width: 75px;
  height: 31px;
}
.MainNav ul.topNav_Menus li a.menuItem_ExtraServices
{
  background-image: url(../images/nav/extraservices.jpg);
  width: 97px;
  height: 31px;
}
.MainNav ul.topNav_Menus li a.menuItem_Employment/Careers
{
  background-image: url(../images/nav/careers.jpg);
  width: 134px;
  height: 31px;
}
.MainNav ul.topNav_Menus li a.menuItem_CentreLocations
{
  background-image: url(../images/nav/locations.jpg);
  width: 116px;
  height: 31px;
}
.MainNav ul.topNav_Menus li a.menuItem_ContactUs
{
  background-image: url(../images/nav/contactus.jpg);
  width: 80px;
  height: 31px;
}
.MainNav .subMenu
{
  visibility: hidden;
  color: #FFFFFF;
  float: left;
  width: 100%;
  display: block;
  margin: 0px 4px 0px 0px;
  padding: 0px;
  position: absolute;
  background-color: Transparent;
  *background-color: #FFFFFF;  /*without this, IE calls onmouseout when leaving the anchors*/
  _background-color: #FFFFFF;  /*without this, IE calls onmouseout when leaving the anchors*/
  *top: 174px;
  z-index: 1;
  left: 0px;
}
.MainNav .subMenu .subMenu
{
  margin-top: 30px;
}
#header .topnavigation .subMenu_Programs
{
  left: 55px;
}

.MainNav ul.topNav_Menus li .subMenu a .title
{
  display: block;
  font-size: 12px;
}
.MainNav
{
  height: 32px;
}