/* --------------------------------------------------------
    Home stylesheet
    Website: MontrealPlus.ca
    Created by: Guillaume - guillaume@falzhobel.ca
    Filename: css/home.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    Section : Home
   -------------------------------------------------------- */
   
    /* Home Header */
    div#home_content_header { padding: 7px 0 10px 0; }
    
    div#home_header_left { float: left; width: 485px; }
    
    #home_header_left_nav { height: 37px; }
    #home_header_left_nav li { float: left; display: inline; }
    #home_header_left_nav li.left_nav_last { padding-right: 1px; background: url("/++resource++canadaplus.content.images/home_header_left_nav_right.gif") no-repeat top right; }
    #home_header_left_nav li a { display: inline-block; background: url("/++resource++canadaplus.content.images/home_header_left_nav_bg.gif") no-repeat top left; text-decoration: none; height: 27px; padding: 10px 14px 0 15px; font-size: 120%; font-weight: bold; }
    html>body #home_header_left_nav li a { display: block; }
    #home_header_left_nav li a:hover, #home_header_left_nav li.ui-tabs-selected a { background-position: bottom left; color: #005dab; }
    
    
    div.home_header_left_content { padding: 10px; background-color: #c6e5fe; }
    div.home_header_left_content div.home_header_image { float: left; width: 192px;  padding-bottom: 1px;}
    div.home_header_left_content div.home_header_text { margin-left: 192px; height: 10.5em; }
    div.home_header_left_content div.home_header_text h2 { font-size: 150%; font-weight: normal; padding-bottom: 3px; }
    div.home_header_left_content div.home_header_text p { line-height: 1.35em; }
    div.home_header_left_content ul { padding-top: 10px; }
    div.home_header_left_content ul li { float: left; padding: 0 10px; border-right: 1px solid #199ad5; width:23%; height: 2.5em; overflow:hidden;}
    div.home_header_left_content ul li.more_events_first { padding-left: 0px; }
    div.home_header_left_content ul li.more_events_last { border-right: 0px; width: 15%;}
    div.home_header_left_content ul li a { font-weight: bold; font-size: 90%; }
    div.home_header_left_content ul li.more_events_last a { color:696969; }
    
    div#home_header_right { float: right; width: 171px; background-color: #caeafb; margin-top: 2px; }
    div#home_header_right_inner { padding: 10px 10px 10px 8px; }
    div#home_header_right h2 { font-size: 125%; color: #005dab; padding: 0 0 16px 3px; }
    
    /* Explore The City - REBECCA took out div#home_explore_city from beginning of these styles */
    div#home_explore_city { border: 1px solid #c6e5fe; margin-bottom: 10px; }
    div#home_explore_city_inner { padding: 9px 0 9px 10px; }
    div#home_explore_city h2 { font-size: 150%; color: #005dab; padding-bottom: 10px; }
    div.explore_box { width: 48%; height: 11.5em; float: left; padding-bottom: 13px; padding-right: 2% !important; overflow:hidden;}
    div.explore_box_right { float: right; }
    div.explore_box h3 { padding: 2px 0 2px 10px; border-top: 3px solid #c6e5fe; border-bottom: 1px solid #c6e5fe; margin-bottom: 6px; font-size: 115%; color: #005DAB;}
    div.explore_box h3 span { text-align: right; font-size: 85%; color: #333; text-decoration: underline; }
    div.explore_box p.explore_image { float: left; width: 120px; padding: 0 0 7px 10px; }
    div.explore_box p.explore_text { margin-left: 130px; padding-bottom: 5px; height: 6em; overflow:hidden;}
    div.explore_box p.explore_other { padding-left: 10px; font-size: 90%; font-weight: bold; } 
    
    /* Home Footer */
    div#home_footer h3 { font-size: 120%; color: #005dab; padding-bottom: 10px; }
    div#home_footer ul { width: 100%; overflow: hidden; padding-bottom: 15px; }
    div#home_footer ul li { float: left; width: 49%; padding-left: 1%; font-size: 90%; padding-bottom: 3px; }
    div#home_footer ul li a { color: #252525; }
    
    div.home_footer_services, div#home_footer_module { float: left; width: 310px; padding-left: 11px; height: 109px; padding-right: 10px;}
    div#home_footer_useful, div.home_footer_categories { float: right; width: 320px; }
    
    div#home_footer div.home_footer_categories h3 { font-size: 100%; color: #252525; padding-bottom: 7px; }
    div#home_footer div.home_footer_categories h3 img { vertical-align: middle; }