* {  margin: 0; padding: 0; }
* html { height: 100%; max-height: 100% /* fix for IE and other browsers*/} 
html, body { height: 100%; max-height: 100%; /*fix for IE and others*/ }

body { margin: 0; border: 0;  padding: 0; background-color: #ffffff; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 11px;color: #000; line-height: 18px; text-decoration: none;  text-align: center;}

#prepage { position:relative; font-family:arial; font-size:16; left:0px; top:0px; background-color:white; layer-background-color:white; height:768px; width:1024px; /* nothing */ display: none; }
#prepage img { position: absolute; top: 350px; left: 740px; }
/* intro animation **********************/
#intro_container { width: 1024px; float: left; clear: both; margin-bottom: 10px;}
#skip_animation { float: left margin-left: 300px; text-align: center; font-size: 18px; font-weight: bold;  }

/* SPLASH PAGE ***************************/
#splash_container { width: 513px; position: relative; margin-left: 300px;}
#left_container { width: 183px; float: left; position: relative;  margin-right: 5px; }
#right_container { width: 319px; float: left; }
#lang_container { position: absolute; top: 163px; right: 10px; text-align: right;}
#lang_container a { font-size: 16px; font-weight: normal; text-decoration: none; letter-spacing: 0.3px;  }
#lang_container a:hover { color: #FF0000; }
#disclaimer_container { width: 309px;position: absolute; top: 340px; right: 10px; text-align: right; font-size: 10px; color: #828282; }
#english { width: 309px; height: 11px; float: right; }
#french { width: 309px; height: 11px; float: right; }

/* FIXED HEADER */
#header      {  position: absolute; top: 0px; left: 0px; width: 1024px; height: 99px;  z-index: 1000; background-color: #FFF; /*display: none;*/ display: block; /* so it gets faded n */}
html>body #header{ position: fixed; }  /* Firefox only */
#header_logo {  position: absolute; width: 1025px; height: 75px; top: 0px; left: 0px; } 
#header_img1 { position: absolute; width: 450px; height: 75px; left: 200px; top: 0px;  }
#header_img2 { position: absolute; width: 450px; height: 75px; left: 650px; top: 0px; }
#black_bar { position: absolute; left: 0px; top: 75px; width: 1024px; height: 23px;  }

/* TOP MENU ENGLISH */
/* common styling specific to non IE browsers */
#top_menu_en {  width: 550px; position: absolute; top: 75px; left: 382px; font-size:12px; z-index:100;}
#top_menu_en ul li a, #top_menu_en ul li a:visited {  display:block; text-decoration:none; color: #FFF; padding-left: 19px; padding-right: 20px; height:32px; padding-top: 3px; text-align: center;  font-size:12px; font-weight: normal; /*letter-spacing: 0.5px*/; overflow:hidden; background-image: url(/assets/images/big.jpg); background-position: top left; background-repeat: no-repeat;}
#top_menu_en ul li a.active { color: #FF0000;} 
#top_menu_en ul {  padding:0;  list-style-type: none; } 
#top_menu_en ul li {  float: right;  position:relative;} 
#top_menu_en ul li.active a { color: #FF0000; }
#top_menu_en ul li ul {  display: none;} 
#top_menu_en ul li:hover a {  color:#FF0000;} 
/* position of submenu*/
#top_menu_en ul li:hover ul {  display:block; position:absolute; top:21px; left:0; width:100px;} 
#top_menu_en ul li:hover ul li a.hide {  background-color:#6fc;color:#fff;} 
#top_menu_en ul li:hover ul li:hover a.hide {  background-color:#6fc; } 
#top_menu_en ul li:hover ul li ul {  display: none;} 
#top_menu_en ul li:hover ul li a {  display:block;  color:#000; background-image: none;}
/* submenu font color on hover */
#top_menu_en ul li:hover ul li a:hover {   color:#FF0000;} 
#top_menu_en ul li:hover ul li:hover ul {  display:block; position:absolute; left:105px; top:10px;} 
#top_menu_en ul li:hover ul li:hover ul.left {  left:-105px;} 
/* show french language option */
#language_fr { position: absolute; top: 78px; right: 20px; }
#language_fr a {  color: #FFF; font-size: 12px; letter-spacing: 0.3px; font-weight: normal; text-decoration: none;} 
#language_fr a:hover {   color:#FF0000; } 


/* TOP MENU FRENCH */
#top_menu_fr { width: 550px; position: absolute; top: 75px; left: 389px; font-size:12px; z-index:100;}
#top_menu_fr ul li a, #top_menu_fr ul li a:visited {  display:block; text-decoration:none; color: #FFF;padding-left: 19px; padding-right: 20px;  height:36px; padding-top: 3px; text-align: center; font-size:12px; font-weight: normal;/* letter-spacing: 0.2px;*/ overflow:hidden; background-image: url(/assets/images/big.jpg); background-position: top left; background-repeat: no-repeat;}
#top_menu_fr ul li a.active { color: #FF0000;} 
#top_menu_fr ul {  padding:0; list-style-type: none; } 
#top_menu_fr ul li {  float: right;  position:relative;}
#top_menu_fr ul li.active a { color: #FF0000; } 
#top_menu_fr ul li ul {  display: none;} 
#top_menu_fr ul li:hover a {  color:#FF0000;} 
/* position of submenu*/
#top_menu_fr ul li:hover ul {  display:block; position:absolute; top:21px; left:0; width:100px;} 
#top_menu_fr ul li:hover ul li a.hide {  background-color:#6fc;color:#fff;} 
#top_menu_fr ul li:hover ul li:hover a.hide {  background-color:#6fc; } 
#top_menu_fr ul li:hover ul li ul {  display: none;} 
#top_menu_fr ul li:hover ul li a {  display:block;  color:#000; background-image: none;}
/* submenu font color on hover */
#top_menu_fr ul li:hover ul li a:hover {   color:#FF0000;} 
#top_menu_fr ul li:hover ul li:hover ul {  display:block; position:absolute; left:105px; top:10px; } 
#top_menu_fr ul li:hover ul li:hover ul.left {  left:-105px;} 
/* show french language option */
#language_en { position: absolute; top: 79px; right: 20px; }
#language_en a {  color: #FFF; font-size: 12px; letter-spacing: 0.3px; font-weight: normal; text-decoration: none; } 
#language_en a:hover {   color:#FF0000; } 

/* SXROLLABLE AREA ***********************************************************************/

#container-content {  padding: 0 0 10px 0; position: relative; width: 1024px;  clear: both;display: block; /*none */overflow-x: hidden; margin: 99px auto; margin-bottom: 10px; }

/* LEFT SIDE NAV BAR  ********************************************************************* */
.left_nav_column {float: left; width: 200px; margin-top: 0px;  }
/* div that will hold the ul-li layout generated by wayfinder */
.navigation_module { float: left; width: 200px; margin-left: 2px;}
/* in wayfinder outertpl we added the class "menu" for the jquery accordion */
ul.menu, ul.menu ul {   list-style-type:none;  margin: 0;  padding: 0;  width: 200px;} 
ul.menu a {   display: block;  text-decoration: none;} 
ul.menu li {   margin-top: 0px;  }

/* element has children */
ul.menu li.children a { height: 25px;  background-image: url(/assets/images/button_background.png); background-position: top left; color: #000; padding-top: 5px; text-align: left; letter-spacing: 0.15px; font-size: 15px;font-weight: normal; text-decoration: none;}

/*ul.menu li.active a { background-image: url(/assets/images/button_background.png); background-position: top left; color: #CC0000;}*/

/* rollout and rollover backgorunds for those items who DO NOT have children */

ul.menu li a{ height: 25px;  background-image: url(/assets/images/button_background_sub_menu.png); background-position: top left; color:#000; padding-top: 5px; text-align: left; letter-spacing: 0.15px; font-size: 15px; font-weight: normal; text-decoration: none; }

ul.menu li a:hover { background-image: url(/assets/images/button_background_sub_menu.png); background-position: top left; color: #FF0000; }
ul.menu li a.active { background-image: url(/assets/images/button_background_sub_menu.png); background-position: top left; color: #FF0000; }


/* children/submenues of parents with children only */
ul.menu li.children a:hover { background-image: url(/assets/images/button_background_rollover.png); color: #FF0000;}
ul.menu li.children a.active { background-image: url(/assets/images/button_background_rollover.png); color: #FF0000;}
ul.menu li.children ul li a {   background-image: url(/assets/images/button_background_sub_menu.png);  color: #000; padding-left: 20px; }
ul.menu li.children ul li a:hover {  background-image: url(/assets/images/button_background_sub_menu.png); color: #FF0000; }

.menu_active a {  color: #FF0000; } 


/* CENTRAL CONTENT AREA  *****************************************************************************/
h4 { font-size: 13px; text-transform: uppercase; margin-bottom: 10px; color: #FF0000;}
h3 { font-size: 12px; text-transform: uppercase; margin-bottom: 10px; color: #FF0000;}

#masstor_content { float: left;  width: 800px; height: 100%; text-align: justify; font-size: 13px; margin-left: 24px;  margin-top: 5px;/*it was 25px */ /* gets faded in */ }

#breadcrumbs_nav { margin-bottom: 20px; margin-left: 5px;}

/* HOME PAGE specific *****************************************************************/
#home_container { float: left; position: relative; width: 800px;min-height: 500px; font-size: 12px; margin-bottom: 10px; }

/* Home page slideshow using Simple Controls Gallery Plugin */
#home_slideshow_container {  float: left; width: 608px; height: 300px;z-index: 1; margin-bottom: 10px; margin-left: 100px; } 
#home_slideshow{   position: relative; /*keep this intact*/ visibility: hidden; /*keep this intact*/ border: 0px solid;} 

#home_info_container { float: left; width: 798px; border: 0px;; }
#home_about { float: left; width: 250px; padding-left: 8px; }
#home_news { float: left; width: 260px; padding-left: 10px; }
#home_events { float: left; width: 252px; padding-left: 10px;padding-right: 8px; }

/*each article listed */
.home_article { float: left; width: 252px; }
.home_article_date { float: left; width: 252px;font-style: italic; }
.home_article_dashed_line 
{ float: left; width: 250px; overflow: hidden; }

/* NEWS AND EVENTS  *******************************************************************/
#news_and_events_container { width: 800px; min-height: 400px; float: left; margin-top: 20px; }
#news_container{ width: 385px; float: left;   margin-top: 10px;}
#events_container { width: 385px; float: left; margin-right: 25px; margin-top: 10px;}
.news_item{  float: left; clear: both; text-align: left; width: 400px;  }
.news_item_date {   float: left; width: 385px;font-style: italic; font-size: 10px; padding-bottom: 0px; }
.news_item a { font-size: 10px; font-weight: bold; }
.dashed_line { float: left; width: 385px; overflow: hidden; }
#registration_button { width: 385px; float: left; margin-top: 10px; }

/* SINGLE NEWS ITEM TEMPLATE view with its own navigation */
.single_news_item { float: left; width: 800px; position: relative; margin-top: 20px; }
.single_item_image {float: left; width: 800px;  }
.single_item_text { float: left; width: 800px; text-align: justify; }
.ditto_paging {  border-top: 1px solid #CCC;padding: 10px;font-size: 86%;color: black; }
.events_navigation { width: 800px; float: left;  position: relative; margin-top: 25px;   }
.events_navigation a { color: #000; font-style: italic; }
#navigation_controls {width: 200px; float: left; font-style: italic; margin-top: 10px; }
#navigation_controls_previous { width: 100px; float: left; }
#navigation_controls_page_info {width: 50px; float: left;  }
#navigation_controls_next { width: 50px; float: left; }

/* SUPPORT */
#support_title { width: 470px;  float: left; position: relative; padding-bottom: 10px; }
#support_title_text { position: absolute; top: 10px; left: 120px; font-weight: bold; }
#contact_support_button { width: 600px; height: 20px; margin-bottom: 30px; font-style: italic; }

.form_container { width: 600px; height: 500px; text-align: left; }
#eform_call { overflow: hidden; }

/* MASSTOR METHODOLOGIES ****************/
#methodologies_container { float: left;  width: 800px; margin-bottom: 30px;}
#methodologies_left_container {float: left; width: 160px;  }
#methodologies_left_container img { border: 0px;float: left; }
#methodologies_right_container {float: left; width: 630px; padding-left: 10px;  }
#methodologies_top_img { height: 66px; width: 33px; float: left; }
#methodologies_top_text { height: 66px;  float: left; width: 530px; margin-left: 10px;}
#methodologies_top_text p { padding-bottom: 5px; float: left; width: 530px; }
#methodologies_text { float: left; margin-top: 5px; }

/* CONTACT ********************************/
#contact_title { width: 800px; float: left; margin-bottom: 10px; }
#contact_title img { width: 200px; float: left; }
#contact_title h2 { width: 590px; margin-left: 10px; float: left; margin-top: 30px; }

/* FOOTER using wayfinder */
#footer_en  { float: left; position: relative;  width: 1024px; height: 40px; margin-top: 20px; }
#footer_en ul {  position: absolute; bottom: 0px; left: 0px;list-style: none; text-transform: uppercase; width: 1024px; height: 20px; background-image: url(/assets/images/bottom_bar_grey.jpg); background-position: top left; background-repeat: none;} 
#footer_en li {  padding-right: 7px; padding-left: 7px; display: inline; }       
#footer_en li a:hover  {   color: #FF0000;  }  
#footer_en a{   text-decoration: none; color: #FFF; font-weight: normal;} 
li.menu_active { color: #FF0000; }
#company_address { float: left; text-align: center; width: 1024px; }
/* PARTNERS */
/* when I had text and images */
/*.partner_item { width: 950px;  height: 160px; position: relative; padding-bottom: 20px; padding-top: 10px; }*/
.partner_item { width: 179px;  height: 75px;float: left; position: relative; padding-bottom: 20px; padding-top: 10px; padding-right: 10px; padding-left: 10px;}
.partner_image {width: 179px; height: 75px; float: left;overflow: hidden;  }
/*
.partner_name { width: 670px; height: 20px; float: left; padding-left: 20px; }
.partner_text { width: 670px; height: 100px; float: left; text-align: left; padding-left: 20px;}
*/

/* SITE MAP */
#site_map_container { float: left; margin-bottom: 30px; }
#site_map_container ul { list-style-position: inside; }
.site_map ul li { list-style-position: inside;  }
.site_map ul li ul {  padding-left: 20px;  }

/* LOACTIONS */
.locations_item {width: 950px; height: 280px; position: relative; padding-bottom: 20px; padding-top: 10px;  }
.locations_map { width: 350px; height: 280px; float: left; overflow: hidden; }
.locations_address { width: 550px; float: left; text-align: left; padding-left: 25px; padding-right: 25px;}

a { color: #000; text-decoration: none; outline: none;  font-weight: bold; }
a:hover { color: #FF0033; }
.selected, .selected a, .selected a:hover { color: #FF0033; }

IMG { border: 0; }