/* ================== LAYOUT ===================== */ html, body { background-color:#FE8F02; margin:0; padding:0; height:100%; width:100%; border:0; } body { } #hv_centering { height:100%; width:100%; padding:0; border:0; } #hv_centering_td { vertical-align: middle; padding:0; border:0; text-align:center; } #hor_strip { width:100%; height:434px; text-align:left; border:0; border-top:1px solid #fe8f02; background-image:url(graphics/strip_background.gif); background-repeat:repeat-x; } #hor_strip_inner { width:100%; height:400px; margin:17px 0 0 0; background-image:url(graphics/inner_strip_background.gif); background-repeat:repeat-x; } #hor_strip_inner2 { width:100%; height:400px; background-image:url(graphics/menu_background.gif); background-repeat:no-repeat; background-position: top center; } #hor_strip_inner3 { width:100%; height:400px; text-align:center; background-image:url(graphics/menu_background_guy.gif); background-repeat:no-repeat; background-position: top center; } #content { width:762px; height:400px; margin:0 auto; text-align:left; } #content #content_left { float:left; height:400px; width:312px; overflow:hidden; } #content #content_right { float:none !important; float:left; height:100%; width:450px; background-image:url(graphics/textbox_background.gif); background-position:top left; background-attachment:scroll !important; background-attachment:fixed; background-repeat:no-repeat; background-color:#FFF5E8; padding:0; overflow:auto; /*border:1px solid #f00;*/ } img { border:0; } h1 { float:left; text-indent:-9999px; overflow:hidden; height:0; } /* FRENCH */ .body_french #hor_strip_inner2 { background-image:url(/fr/graphics/menu_background.gif); } /* ================== MENU ===================== */ #content_left #language { float:left; list-style:none; width:200px; padding:0; text-indent:0; border:0; margin:148px 0 0 67px !important; } #content_left #language li { float:left; color:#ff7d08; font-size:10px; } #content_left #language a { color:#ff7d08; font-size:10px; } .body_french #language #language_item_french { cursor:text; font-weight:bold; } .body_english #language #language_item_english { cursor:text; font-weight:bold; } .body_french #language #language_item_french:hover { text-decoration:none; } .body_english #language #language_item_english { text-decoration:none; } #content_left #headernav { list-style:none; width:110px; padding:0; text-indent:0; float:left; margin:8px 0 0 30px !important; } #content_left #headernav li { padding:4px 0 0 0; } #content_left #headernav li a { display:block; width:110px; height:20px; background-image:url(graphics/menu_button_up.gif); color:#FFEACA; text-decoration:none; background-repeat:no-repeat; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:19px; text-indent:11px; padding:0; } #content_left #headernav li a:hover { width:110px; height:20px; background-image:url(graphics/menu_button_down.gif); padding:0; text-indent:11px; color:#fff; } #content_left #mainnav { list-style:none; width:110px; padding:0; text-indent:0; float:left; margin:34px 0 0 30px !important; } #content_left #mainnav li { padding:4px 0 0 0; } #content_left #mainnav li a { display:block; width:110px; height:20px; background-image:url(graphics/menu_button_up.gif); color:#FFEACA; text-decoration:none; background-repeat:no-repeat; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:19px; text-indent:11px; padding:0; } #content_left #mainnav li a:hover { width:110px; height:20px; background-image:url(graphics/menu_button_down.gif); padding:0; text-indent:11px; color:#fff; } #content_left #subnav { list-style:none; width:110px; padding:0; text-indent:0; float:left; margin:34px 0 0 20px !important; margin:34px 0 0 16px; } #content_left #subnav li { padding:4px 0 0 0; } #content_left #subnav li a { display:block; width:110px; height:20px; background-image:url(graphics/menu_button_up.gif); color:#FFEACA; text-decoration:none; background-repeat:no-repeat; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:19px; text-indent:11px; padding:0; } #content_left #subnav li a:hover { width:110px; height:20px; background-image:url(graphics/menu_button_down.gif); padding:0; text-indent:11px; color:#fff; } /* === ENGLISH === */ body#home #headernav li #menu_item_home { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#about #mainnav li #menu_item_about { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#contact #subnav li #menu_item_contact { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#news #mainnav li #menu_item_news { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#tourdebloc #mainnav li #menu_item_tourdebloc { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#accreditation #subnav li #menu_item_accreditation { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#hours #mainnav li #menu_item_hours { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#cost #mainnav li #menu_item_cost { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#location #mainnav li #menu_item_location { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#courses #subnav li #menu_item_courses { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#groups #subnav li #menu_item_groups { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#multimedia #mainnav li #menu_item_multimedia { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#links #subnav li #menu_item_links { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#gallery #subnav li #menu_item_gallery { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#waivers #mainnav li #menu_item_waivers { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#juniorclub #mainnav li #menu_item_juniorclub { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#red #subnav li #menu_item_red { background-image:url(graphics/menu_button_selected.gif); color:#fff; } /* === FRENCH === */ body#fr_home #headernav li #menu_item_home { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_about #mainnav li #menu_item_about { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_contact #subnav li #menu_item_contact { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_news #mainnav li #menu_item_news { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_tourdebloc #mainnav li #menu_item_tourdebloc { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_accreditation #subnav li #menu_item_accreditation { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_hours #mainnav li #menu_item_hours { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_cost #mainnav li #menu_item_cost { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_location #mainnav li #menu_item_location { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_courses #subnav li #menu_item_courses { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_groups #subnav li #menu_item_groups { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_multimedia #mainnav li #menu_item_multimedia { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_links #subnav li #menu_item_links { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_galerie #subnav li #menu_item_galerie { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_waivers #mainnav li #menu_item_waivers { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_juniorclub #mainnav li #menu_item_juniorclub { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#fr_red #subnav li #menu_item_red { background-image:url(graphics/menu_button_selected.gif); color:#fff; } body#home #menu_item_home:hover { cursor:default; } body#about #menu_item_about:hover { cursor:default; } body#contact #menu_item_contact:hover { cursor:default; } body#accreditation #menu_item_accreditation:hover { cursor:default; } body#hours #menu_item_hours:hover { cursor:default; } body#cost #menu_item_cost:hover { cursor:default; } body#location #menu_item_location:hover { cursor:default; } body#courses #menu_item_courses:hover { cursor:default; } body#groups #menu_item_groups:hover { cursor:default; } body#multimedia #menu_item_multimedia:hover { cursor:default; } body#links #menu_item_links:hover { cursor:default; } body#gallery #menu_item_gallery:hover { cursor:default; } body#waivers #menu_item_waivers:hover { cursor:default; } body#juniorclub #menu_item_juniorclub:hover { cursor:default; } body#red #menu_item_red:hover { cursor:default; } /* === FRENCH === */ body#fr_home #menu_item_home:hover { cursor:default; } body#fr_about #menu_item_about:hover { cursor:default; } body#fr_contact #menu_item_contact:hover { cursor:default; } body#fr_accreditation #menu_item_accreditation:hover { cursor:default; } body#fr_hours #menu_item_hours:hover { cursor:default; } body#fr_cost #menu_item_cost:hover { cursor:default; } body#fr_location #menu_item_location:hover { cursor:default; } body#fr_courses #menu_item_courses:hover { cursor:default; } body#fr_groups #menu_item_groups:hover { cursor:default; } body#fr_multimedia #menu_item_multimedia:hover { cursor:default; } body#fr_links #menu_item_links:hover { cursor:default; } body#fr_galerie #menu_item_galerie:hover { cursor:default; } body#fr_waivers #menu_item_waivers:hover { cursor:default; } body#fr_juniorclub #menu_item_juniorclub:hover { cursor:default; } body#fr_red #menu_item_red:hover { cursor:default; } /* ================== CONTENT ===================== */ body #main_content { padding:116px 0 10px 0; background-repeat:no-repeat; float:none !important; float:left; } .bold { font-weight:bold; } p, li, td, th { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; } p { margin: 0 15px 14px 15px; } h4 { padding-left:15px; margin:0; } #main_content table { margin-left:15px; margin-right:15px; } h3 { padding-left:15px; margin:0 0 4px 0; color:#333; font-size:14px; /*background:url(graphics/h3_line.jpg) no-repeat 10px bottom;*/ } h2 { display:none; overflow:hidden; text-indent:-9999px; margin:0; padding:0; line-height:1px; overflow:hidden; color:#FF3300; font-family:"Times New Roman", Times, serif; font-size:20px; } a { color:#FF6600; text-decoration:none; } a:hover { color:#FF6600; text-decoration:underline; } #last_updated { float:right; color:#aaa; text-align:right; font-size:10px; margin:-28px 5px 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; width:200px; text-align:right; } .img_right { float:right; margin:0 0 2px 6px; border:1px solid #888; background-color:#888; text-align:center; } a.img_right:hover { text-decoration:none; } .img_right .label { color:#fff; } /* === ENGLISH === */ body#location #main_content { background-image:url(graphics/headers_location.jpg); } body#home #main_content { background-image:url(graphics/headers_home.jpg); } body#hours #main_content { background-image:url(graphics/headers_hours.jpg); } body#cost #main_content { background-image:url(graphics/headers_cost.jpg); } body#contact #main_content { background-image:url(graphics/headers_contact.jpg); } body#accreditation #main_content { background-image:url(graphics/headers_accreditation.gif); } body#about #main_content { background-image:url(graphics/headers_about.gif); } body#courses #main_content { background-image:url(graphics/headers_courses.jpg); } body#groups #main_content { background-image:url(graphics/headers_groups.gif); } body#links #main_content { background-image:url(graphics/headers_links.gif); } body#news #main_content { background-image:url(graphics/headers_news.jpg); } body#tourdebloc #main_content { background-image:url(graphics/headers_tourdebloc.jpg); } body#waivers #main_content { background-image:url(graphics/headers_waivers.jpg); } body#gallery #main_content { background-image:url(graphics/headers_gallery.jpg); } body#juniorclub #main_content { background-image:url(graphics/headers_junior.jpg); } body#red #main_content { background-image:url(graphics/headers_red.jpg); } /* === FRENCH === */ body#fr_location #main_content { background-image:url(fr/graphics/headers_location.jpg); } body#fr_home #main_content { background-image:url(fr/graphics/headers_home.jpg); } body#fr_hours #main_content { background-image:url(fr/graphics/headers_hours.jpg); } body#fr_cost #main_content { background-image:url(fr/graphics/headers_cost.jpg); } body#fr_contact #main_content { background-image:url(fr/graphics/headers_contact.jpg); } body#fr_accreditation #main_content { background-image:url(fr/graphics/headers_accreditation.gif); } body#fr_about #main_content { background-image:url(fr/graphics/headers_about.gif); } body#fr_courses #main_content { background-image:url(fr/graphics/headers_courses.jpg); } body#fr_groups #main_content { background-image:url(fr/graphics/headers_groups.gif); } body#fr_links #main_content { background-image:url(fr/graphics/headers_links.gif); } body#fr_news #main_content { background-image:url(fr/graphics/headers_news.jpg); } body#fr_tourdebloc #main_content { background-image:url(fr/graphics/headers_tourdebloc.jpg); } body#fr_waivers #main_content { background-image:url(fr/graphics/headers_waivers.jpg); } body#fr_galerie #main_content { background-image:url(fr/graphics/headers_galerie.jpg); } body#fr_juniorclub #main_content { background-image:url(fr/graphics/headers_junior.jpg); } body#fr_red #main_content { background-image:url(fr/graphics/headers_red.jpg); } /* ================== PAGE - LOCATION ================= */ .google_map { margin:0 0 0 30px; } .google_map img { border:1px solid #888; } .google_map:hover img { border:1px solid #333; } /* ================== PAGE - HOME ===================== */ .news_item { } .news_item .col_1 { padding:4px; background-color:#eee; width:400px; } .news_item .col_2 { background-color:#ddd; } .news_item .col_2 img { text-align:center; margin:4px; } .news_item .col_2 a { background-color:#ddd; display:block; height:85px; vertical-align:middle; padding-top:1px; } .news_item .col_2 a:hover { background-color:#aaa; } body#home #building_img { clear:right; float:right; margin:0 10px 2px 6px; border:2px solid #fff; } #news_item_home { border-top:1px solid #ccc; margin:5px 15px; padding:5px 0; } #more_news_link { margin-top:7px; float:right; color:#aaa; } /* ================== PAGE - HOURS ===================== */ #table_hours { margin-top:0; } #table_hours th { width:100px; font-weight:normal; background-color:#ddd; padding:1px 3px; } #table_hours .header { width:230px; font-weight:normal; background-color:#fff7ef; padding:1px 3px; text-align: center; } #table_hours .vert_spacer { width:1px; background-color:#fff7ef; } #table_hours td { width:130px; text-align:right; background-color:#eee; } #table_closed th { width:130px; font-weight:normal; background-color:#ddd; padding:1px 3px; } #table_closed td { width:70px; text-align:right; background-color:#eee; } /* ================== PAGE - COST ====================== */ #table_cost { width:400px; margin:10px 0 0 0; } #table_cost .col_1 { width: 170px; background-color:transparent; } #table_cost .col_2 { width: 80px; text-align:center; background-color:#ddd; } #table_cost .col_3 { width: 80px; text-align:center; background-color:#ddd; } #table_cost th { font-weight:bold; text-align:left; background-color:#ddd; padding:5px 3px; font-weight:normal; } #table_cost td { font-weight:normal; text-align:right; background-color:#eee; padding:5px 8px 5px 8px; } /* ================== PAGE - TOUR DE BLOC ====================== */ #table_tdb { width:400px; margin:10px 0 0 0; } #table_tdb .last_name { width:40%; text-align:left; font-weight: bold; } #table_tdb .first_name { width:40%; text-align:left; font-weight: normal; } #table_tdb .score { width:20%; text-align:center; font-weight: normal; } #table_tdb th { font-weight:bold; text-align:left; background-color:#ddd; padding:5px 3px; } #table_tdb td { font-weight:normal; text-align:right; background-color:#eee; padding:5px 8px 5px 8px; } /* ================== PAGE - CONTACT =================== */ body#contact #table_address td { padding:5px 10px; } body#contact #table_address th { padding:5px 10px; } /* ================== PAGE - ACCREDITATION ============= */ /* ================== PAGE - ABOUT US ================== */ /* ================== PAGE - COURSES =================== */ .info_box { border-top:1px solid #999; padding:4px 0; color:#999; margin:20px 15px 0 15px;} /* ================== PAGE - GROUPS ==================== */ /* ================== PAGE - NEWS ==================== */ .news_item { border-bottom:1px solid #ccc; margin:0 15px 20px 15px; padding:0 0 10px 0; } .news_item p { margin:0 0 14px 0; } .news_item h3 { padding:0; margin-bottom:1px; } .news_item h4 { padding:0; } .news_item_date { font-size:10px; color:#aaa; } /* ================== TABS ==================== */ #tabs { float:left; line-height:normal; margin:-57px 0 -20px 0; /*padding-bottom:-20px;*/ } #tabs ul { margin:0; padding:10px 10px 0; list-style:none; } /*#tabs li { float:left; background:url(graphics/tabs_left.gif) no-repeat left top; margin:0 0 0 3px; padding:0 0 0 8px; }*/ #tabs li { float:left; background:url(graphics/tabs_left.gif) no-repeat left top; margin:0 0 0 0px; padding:0 0 0 6px; } #tabs a { float:left; display:block; background:url(graphics/tabs_right.gif) no-repeat right top; /*padding:5px 15px 4px 6px;*/ padding:3px 10px 3px 2px; text-decoration:none; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a { float:none; } /* End IE5-Mac hack */ #tabs a:hover { color:#999; } #tabs #current { background-image:url(graphics/tabs_left_on.gif); } #tabs #current a { background-image:url(graphics/tabs_right_on.gif); color:#666666; /*padding-bottom:5px;*/ }