驾照考牌 【推荐】driver's handbook Ontario

[真的猛士]

handbook更新过，这个是最新版，从网站下来做的chm。

请不要用于商业用途，谢谢。

[真的猛士]

页面太窄了，哪位大侠能把这个CSS改一改？




body { margin: 0pt; padding: 0pt; font-family: Verdana,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 100%; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
a { color: rgb(34, 57, 64); text-decoration: none; }
a:hover { color: rgb(162, 41, 48); }
.moreLink { color: rgb(48, 103, 129); }
.featureHalfBox a { font-weight: bold; }
ul { margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; float: left; position: relative; }
ul li { margin: 0px 0px 0px 3px; padding: 0px 0px 6px 14px; list-style-image: none; background-image: url('liarrow.gif'); background-repeat: no-repeat; background-position: left top; font-weight: normal; }
.ulWidth { margin: 0px 5px 0px 1px; padding: 2px 5px 5px; overflow: hidden; }
.splashBody { background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 769px; margin-left: auto; margin-right: auto; }
.splashHeader { margin: 0px 0px 23px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: center; width: 769px; padding-left: 15px; float: left; }
#splashSiteName { clear: right; margin-top: 23px; float: right; text-align: right; padding-right: 30px; }
.splashContent { background: transparent url('bg.jpg') repeat scroll 0% 0%; height: 210px; }
.splashEnglish { margin: 31px 0px 35px 250px; text-align: center; float: left; position: relative; }
.splashFrench { margin: 31px 0px 35px 8px; text-align: center; float: left; position: relative; }
.splashFooter { margin: 50px 0px 0px; font-size: 1.2em; text-align: center; }
#head { padding-left: 20px; padding-bottom: 0px; padding-top: 0px; height: 90px; background-color: rgb(255, 255, 255); width: 759px; }
#logo { clear: left; margin-top: 2px; float: left; }
#logoSplash { clear: left; margin-top: 12px; float: left; }
#siteName { clear: right; margin-top: 23px; float: right; text-align: right; padding-right: 20px; }
:first-child + html #siteName { clear: right; margin-top: 24px; float: right; text-align: right; padding-right: 20px; }
* html #siteName { clear: right; margin-top: 24px; float: right; text-align: right; padding-right: 20px; }
#skipNav { float: left; width: 12em; text-align: center; color: rgb(255, 255, 255); }
#skipNav a { color: rgb(255, 255, 255); }
#language { background: rgb(172, 181, 181) url('langpatch.gif') no-repeat scroll left bottom; line-height: 5px; float: right; width: 8em; text-align: center; }
#language span { padding: 0.75em 2px 0.75em 3px; display: block; margin-left: 1em; }
#language a { margin-right: 1em; color: rgb(255, 255, 255); font-weight: normal; text-decoration: underline; }
.navArea { border-top: 2px solid rgb(255, 255, 255); margin: 0px; padding: 0px; overflow: hidden; background-color: rgb(255, 255, 255); width: 779px; }
.navTile { margin: 0px; background: transparent url('navtile.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 779px; }
.navMiddle { margin: 0px; padding: 11px 0px 3px; background: transparent url('navtop.gif') no-repeat scroll 0% 0%; overflow: hidden; text-transform: uppercase; font-weight: bold; width: 779px; text-align: center; color: rgb(153, 153, 153); }
.navMiddle a { margin: 0px 13px; padding: 0px; color: rgb(46, 55, 64); }
.navMiddle a:hover { color: rgb(162, 41, 48); }
.navBottom { margin: 0px; background: rgb(255, 255, 255) url('navbottom.gif') no-repeat scroll 0% 0%; overflow: hidden; padding-bottom: 0px; height: 5px; width: 779px; }
.marquee { width: 779px; height: 164px; padding-top: 0px; padding-left: 0px; }
.marqueeCrumbSub { background: transparent url('marqueecrumbsub.gif') no-repeat scroll left bottom; overflow: hidden; width: 779px; padding-left: 0px; color: rgb(34, 57, 64); font-weight: bold; text-transform: none; line-height: 10px; }
.marqueeCrumbTextsizer { background: transparent url('marqueecrumbtextsizer.jpg') no-repeat scroll left bottom; overflow: hidden; margin-left: 2px; width: 779px; padding-left: 0px; color: rgb(34, 57, 64); font-weight: bold; text-transform: none; line-height: 10px; }
.marqueeCrumbSub img { margin: 1px 0px 0px 10px; float: left; }
.marqueeCrumbSubText { padding: 5px 0px 5px 5px; float: left; }
.textsizer { margin: 0px 10px 0px 0px; float: right; }
.sizerText { padding: 4px 4px 0px 0px; float: left; }
.textsizer img { margin: 2px 2px 0px; }
.navMiddlefr { margin: 0px; padding: 11px 0px 3px; background: transparent url('navtop.gif') no-repeat scroll 0% 0%; overflow: hidden; text-transform: uppercase; font-weight: bold; width: 779px; text-align: center; color: rgb(153, 153, 153); }
.navMiddlefr a { margin: 0px 8px; padding: 0px; color: rgb(46, 55, 64); font-weight: bold; text-decoration: none; }
.navMiddlefr a:hover { color: rgb(162, 41, 48); }
.textsizer_float { float: left; }
.textsizer_float img { border: 0pt none ; vertical-align: -30%; }
.textsizer_float a { text-decoration: none; }
.textsizer a:hover { text-decoration: underline; }
.clear { clear: both; line-height: 0px; }
.outBox { padding: 2px 1px; float: left; }
.boxTile { margin: 0px; background: transparent url('boxtile.gif') repeat-y scroll 0% 0%; width: 174px; }
.boxHeader { padding: 0px; background: transparent url('boxheader.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 174px; }
.boxHeader h2 { margin: 6px 5px 8px 14px; padding: 0px; color: rgb(34, 57, 64); text-transform: uppercase; font-size: 1em; }
.boxAreaTile { margin: 0px 1px; background: transparent url('boxareatile.gif') repeat-x scroll 0% 0%; width: 174px; }
.boxBottom { background: transparent url('boxbottom.gif') no-repeat scroll left bottom; overflow: hidden; width: 174px; }
.boxList { margin: 0px 5px 0px 1px; overflow: hidden; padding-left: 2px; padding-top: 5px; }
.LHImages img { margin: 0px 0px 2px; }
.buttonTile { margin: 0px; background: transparent url('buttontile.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 174px; }
.buttonTile img { margin: 2px 0px 2px 3px; padding: 0px; float: left; position: relative; }
.buttonTop { background: transparent url('buttontop.gif') no-repeat scroll center top; overflow: hidden; width: 174px; }
.buttonTileText { margin: 0px; padding: 10px 0px 10px 41px; font-weight: bold; text-transform: uppercase; }
.buttonTile a { color: rgb(0, 0, 0); }
.buttonTile a:hover { color: rgb(162, 41, 48); }
.buttonBottom { margin: 0px; background: transparent url('buttonbottom.gif') no-repeat scroll center bottom; overflow: hidden; width: 174px; }
.middleBox { margin: 0px; }
.middleBoxImageLeft { margin: 7px 15px 7px 9px; padding: 0px; float: left; position: relative; }
.middleBoxContent { margin: 15px 12px; }
.middleBoxTile { margin: 0px; padding: 0px; background: transparent url('middleboxtile.gif') repeat-y scroll 0% 0%; width: 418px; }
.middleBoxTile1col { margin: 0px; padding: 0px; background: transparent url('middleboxtile1col.gif') repeat-y scroll 0% 0%; width: 775px; }
.middleBoxTile2col { margin: 0px; padding: 0px; background: transparent url('middleboxtile2col.gif') repeat-y scroll 0% 0%; width: 596px; }
.middleBoxTile h1 { margin: 5px 0px 7px 12px; font-size: 1.1em; text-transform: uppercase; }
.middleBoxTile1col h1 { margin: 5px 0px 7px 12px; font-size: 1.1em; text-transform: uppercase; float: left; }
.middleBoxTile2col h1 { margin: 5px 0px 7px 12px; font-size: 1.1em; text-transform: uppercase; float: left; }
* html .middleBoxTile2col h1 { margin: 5px 0px 7px 6px; font-size: 1.1em; text-transform: uppercase; float: left; }
.middleBoxTile h2 { font-size: 1.1em; }
.middleBoxTile1col h2 { font-size: 1.1em; }
.middleBoxTile2col h2 { font-size: 1.1em; }
.middleBoxTile h3 { font-size: 1em; }
.middleBoxTile1col h3 { font-size: 1em; }
.middleBoxTile2col h3 { font-size: 1em; }
.middleMain { font-size: 1em ! important; }
.middleSecondary { margin: 5px 0px 7px 12px; text-transform: uppercase; font-size: 1em ! important; }
.middleBoxTop { padding: 0px; background: transparent url('middleboxtop.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 418px; }
.middleBoxTop1col { padding: 0px; background: transparent url('middleboxtop1col.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 775px; }
.middleBoxTop2col { padding: 0px; background: transparent url('middleboxtop2col.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 596px; }
.middleIcon { margin: 2px 0px 0px 2px; float: left; }
.middleBoxBottom { background: transparent url('middleboxbottom.gif') no-repeat scroll center bottom; overflow: hidden; width: 418px; }
.middleBoxBottom1col { background: transparent url('middleboxbottom1col.gif') no-repeat scroll center bottom; overflow: hidden; width: 775px; }
.featureAddedNews { float: left; }
.featureTitle { font-weight: bold; }
.middleButtonTile { margin: 0px; background: transparent url('middlebuttontile.gif') repeat-y scroll 0% 0%; width: 201px; float: left; position: relative; }
.middleButtonTile img { padding: 10px 3px 4px 6px; float: left; position: relative; z-index: 11; }
.middleButtonTop { background: transparent url('middlebuttontop.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 201px; }
.middleButtonTile .middleButtonHeader { margin: 0px; padding: 11px 0px 0px; font-size: 1em; font-weight: normal; }
.middleButtonBottom { margin: 0px; background: transparent url('middlebuttonbottom.gif') no-repeat scroll center top; overflow: hidden; width: 201px; height: 6px; }
.middleButtonMin { float: left; }
.middleButtonText { margin: 0px; padding: 0px; background: transparent url('middlebuttontexttile.gif') repeat-y scroll 0% 0%; width: 118px; float: left; }
.middleButtonText .top { margin: 0px; padding: 11px 0px 0px; background: transparent url('middlebuttontexttop.gif') no-repeat scroll center top; }
.middleButtonText .topOneLine { margin: 0px; padding: 17px 0px 0px; background: transparent url('middlebuttontexttop.gif') no-repeat scroll center top; }
.middleButtonText .bottom { margin: 0px; padding: 0px 5px 11px; background: transparent url('middlebuttontextbottom.gif') no-repeat scroll center bottom; }
.middleButtonText .bottomOneLine { margin: 0px; padding: 0px 5px 17px; background: transparent url('middlebuttontextbottom.gif') no-repeat scroll center bottom; }
.miniBoxSection { padding: 0px 0px 2px 8px; float: left; }
.miniBoxSectionTile { margin: 0px; background: transparent url('miniboxsectiontile.gif') repeat-y scroll 0% 0%; overflow: hidden; float: left; width: 404px; }
.midMiniBoxDoubleBottom { background: transparent url('midminiboxdoublebottom.gif') no-repeat scroll 0% 0%; overflow: hidden; width: 404px; height: 6px; clear: both; }
.midMiniDashboardSpacer { float: left; position: relative; width: 2px; height: 50px; }
.boxSideSearch { background: transparent url('boxsidesearchtile.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 174px; }
.boxSideSearch .top { margin: 0px; padding: 10px 0px 0px; background: transparent url('boxsidesearchtop.gif') no-repeat scroll 0% 0%; overflow: hidden; line-height: normal; width: 174px; }
.boxSideSearch .bottom { margin: 0px; padding: 0px; background: transparent url('boxsidesearchbottom.gif') no-repeat scroll center bottom; overflow: hidden; line-height: 9px; height: 9px; width: 174px; }
.boxSideSearch form { margin: 0px; }
.searchshellform { margin: 0px; padding: 0px 0px 0px 8px; }
.searchfield { border: 1px solid rgb(127, 157, 185); padding: 4px 2px 0px 3px; font-family: verdana,arial,helvetica,sans-serif; font-size: 100%; margin-left: 4px; height: 15px; width: 124px; }
.searchgo { padding: 0px 0px 2px; vertical-align: bottom; }
:first-child + html .searchgo { padding: 0px 0px 3px; }
* html .searchgo { padding: 0px 0px 3px; }
.altSearchBox { margin: 5px 8px 0px 0px; float: right; }
.ministerTile { margin: 0px; background: transparent url('ministertile.gif') repeat-y scroll 0% 0%; overflow: hidden; width: 174px; }
.ministerTile img { margin: 7px 0px 1px 1px; float: left; position: relative; }
.ministerTop { padding: 0px; background: transparent url('ministertop.gif') no-repeat scroll center top; overflow: hidden; width: 174px; }
.ministerName { margin: 15px 3px 1px; padding: 0px; color: rgb(34, 57, 64); text-transform: none; font-size: 1em; font-weight: bold; }
.ministerBottom { background: transparent url('ministerbottom.gif') no-repeat scroll left bottom; overflow: hidden; width: 174px; }
.featureHalfBox { margin: 0px 2px 8px; width: 190px; float: left; }
.featureHalfBox ul { margin: 0px 0px 0px 2px; list-style-position: outside; text-indent: 0px; }
.featureText { padding: 0px 10px 0px 5px; font-weight: bold; }
.featureText img { padding: 2px 8px 6px 2px; }
.divBody { background: rgb(232, 235, 232) none repeat scroll 0% 0%; width: 779px; margin-left: auto; margin-right: auto; }
.leftColumn { padding: 1px 0px 0px 1px; overflow: hidden; width: 176px; float: left; }
.middleColumn { padding: 1px 0px 0px; overflow: hidden; width: 425px; float: left; }
.middle2Column { padding: 1px 0px 0px; overflow: hidden; width: 599px; float: left; }
.middle1Column { padding: 1px 0px 0px; overflow: hidden; width: 779px; float: left; }
.innerMiddleColumn { overflow: hidden; padding-left: 3px; float: left; }
.innerMiddleColumn2col { overflow: hidden; padding-left: 1px; float: left; }
.innerMiddleColumn1col { overflow: hidden; padding-left: 1px; float: left; }
.rightColumn { padding: 1px 0px 0px; overflow: hidden; margin-left: 0px; width: 176px; float: left; }
.break { clear: both; }
.smallBR { line-height: 0px; }
#foot { border-top: 2px solid rgb(255, 255, 255); padding: 12px 0px 25px; background: rgb(242, 243, 243) url('footback.jpg') repeat-x scroll left top; clear: both; text-align: center; }
:first-child + html #foot { border-top: 2px solid rgb(255, 255, 255); padding: 12px 0px 25px; background: rgb(242, 243, 243) url('footback.jpg') repeat-x scroll left top; clear: both; text-align: center; }
* html #foot { border-top: 2px solid rgb(255, 255, 255); padding: 12px 0px 25px; background: rgb(242, 243, 243) url('footback.jpg') repeat-x scroll left top; clear: both; text-align: center; }
.footBody { margin: 4px auto 0px; background: rgb(255, 255, 255) url('foot.gif') no-repeat scroll left top; width: 615px; padding-top: 1em; text-align: center; }
.footBodyBottom { margin: 0px auto; background: rgb(255, 255, 255) url('foot.gif') no-repeat scroll left bottom; width: 615px; height: 10px; }
.footBody p { margin: 0px; }
.footBody b { margin: 0px 0.25em; color: rgb(153, 153, 153); }
.footFoot { margin: 4px auto 0px; background: rgb(255, 255, 255) url('footfoot.gif') no-repeat scroll left top; width: 615px; padding-top: 1em; text-align: center; }
.footFootBottom { margin: 0px auto; background: rgb(255, 255, 255) url('footfoot.gif') no-repeat scroll left bottom; width: 615px; height: 10px; }
.footFoot p { margin: 0px; }
.footFoot b { margin: 0px 0.25em; color: rgb(153, 153, 153); }
.dateLast { padding-top: 1em; }
.nav_handbook_top { text-align: right; }
.nav_handbook { background: transparent url('nav_bg1.gif') no-repeat scroll left top; text-align: center; padding-top: 5px; height: 22px; width: 598px; font-weight: bold; }
.middleBoxBottom2col { background: transparent none repeat scroll 0% 0%; overflow: hidden; width: 596px; }
.callout { border-style: solid outset outset solid; border-color: rgb(198, 207, 176); border-width: 2px; padding: 0px 5px 5px; background-color: rgb(217, 239, 228); font-size: 130%; }
.img_left { margin: 0px 5px 5px 0px; float: left; width: 173px; }
.img_right { margin: 0px 0px 5px 5px; float: right; width: 173px; }
.img_center { clear: both; margin-left: auto; margin-right: auto; width: 570px; }
.img_center img { vertical-align: top; }
.img_caption { color: rgb(85, 85, 85); font-family: Georgia,"Times New Roman",serif; font-size: 1em; text-align: center; }
.middleBoxContent { margin-top: 5px; }
.middleBoxContent h1 { margin: 0px; font-size: 2em; float: none; text-transform: none; }
* html .middleBoxContent h1 { margin: 0px; font-size: 2em; float: none; text-transform: none; }
.middleBoxContent h2 { margin: 1em 0em 0.5em; font-size: 1.5em; }
.middleBoxContent h3 { margin: 1em 0em 0.5em; font-size: 1.4em; color: rgb(68, 68, 68); }
.middleBoxContent h4 { margin: 1em 0em 0.5em; font-size: 1.3em; color: rgb(102, 102, 102); }
.middleBoxContent h5 { margin: 1em 0em 0.5em; font-size: 1.2em; color: rgb(136, 136, 136); }
.middleBoxContent h6 { margin: 1em 0em 0.5em; font-size: 1.1em; color: rgb(170, 170, 170); }
blockquote { font-style: italic; }
.middleBoxContent ul { float: none; }
.marqueeCrumbSub { text-transform: none; }
.middleBoxContent a { color: rgb(23, 97, 120); font-weight: bold; }
.middleBoxContent a:hover { color: rgb(162, 41, 48); }
ol { margin: 0px 0px 1em 25px; padding: 0px; }
dt { font-weight: bold; }
dd { margin: 0px; padding: 0px 0px 1em 20px; }
td { vertical-align: top; }
caption { font-weight: bold; width: 80%; margin-left: 10%; }
table { border: medium none ; width: 80%; margin-bottom: 1em; margin-left: 10%; border-spacing: 0px; }
th, td { border-style: solid outset outset solid; border-color: rgb(198, 207, 176); border-width: 2px; }
th { background-color: rgb(235, 235, 235); }
.boxList h1, .boxList h2 { margin: 1em 0em 0em 0.2em; font-size: 1.2em; text-transform: none; }
.boxList { margin-bottom: 1em; }

/* ::::: http://www.mto.gov.on.ca/css/handbook_rev.css ::::: */

.body2GradBoxTop_handbook { background: transparent url('main_top.gif') no-repeat scroll left top; height: 104px; width: 600px; font-weight: bold; }
.nav_handbook { background: transparent url('nav_bg.gif') no-repeat scroll left top; height: 40px; width: 600px; font-weight: bold; }
.bodyGradBoxBotSub { background: transparent url('bodyboxgradsub.gif') no-repeat scroll left bottom; width: 422px; }
.mainbody_handbook { background: transparent url('body_bg.gif') repeat-y scroll left bottom; width: 600px; }
.bodyInDiv { padding: 5px 0px 0px 7px; }
.featureText_handbook { padding: 0px 0px 10px 5px; width: 570px; }
.previous_handbook { margin: -5px 0pt 0pt; padding: 0pt 0pt 0pt 200px; float: left; }
.next_handbook { margin: -5px 0pt 0pt; padding: 0pt 200px 0pt 0pt; float: right; }
#title_handbook { position: relative; font-size: 200%; font-weight: normal; color: rgb(255, 255, 255); height: 53px; }
#title_handbook div { padding-left: 7px; padding-right: 130px; position: absolute; bottom: 0pt; }
.bodyimage_handbook { font-size: 110%; width: 100%; height: auto; padding-bottom: 5px; }
.bodyimage_left_handbook { width: 395px; position: relative; float: left; }
.bodyimage_right_handbook { width: 170px; position: relative; float: right; }
.bodychapter_right_handbook { width: 170px; padding-top: 20px; padding-bottom: 20px; position: relative; float: right; font-size: 110%; line-height: 140%; }
.body_handbook { font-size: 110%; width: 395px; padding-bottom: 10px; }
.subtitle_handbook { padding-top: 10px; padding-left: 10px; padding-right: 150px; font-size: 140%; font-weight: bold; }
.bot { height: 1px; line-height: 1px; clear: both; }
h4.h4_handbook { font-size: 100%; }
h3.h3_handbook { font-size: 120%; }
h2.h2_handbook { font-size: 160%; }
.img_caption_handbook { font-size: 100%; text-align: center; color: rgb(204, 102, 51); padding-bottom: 5px; }

[真的猛士]

up