<!DOCTYPE html>
<link rel="stylesheet" href="../images.css">
<style>
h2{color:white;border-bottom:2px solid white;margin-top:40px}
body{background-color:slategray;margin:40px auto;max-width:535px}
.row{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}
.m1s{width:45px;height:45px;background-position:-0px 0}
.m1{width:45px;height:45px;background-position:-0px 0}
.m2s{width:45px;height:45px;background-position:-45px 0}
.m2{width:45px;height:45px;background-position:-90px 0}
.m3s{width:45px;height:45px;background-position:-90px 0}
.m3{width:45px;height:45px;background-position:-180px 0}
.m4s{width:45px;height:45px;background-position:-135px 0}
.m4{width:45px;height:45px;background-position:-270px 0}
.m5s{width:45px;height:45px;background-position:-180px 0}
.m5{width:45px;height:45px;background-position:-360px 0}
.m6s{width:45px;height:45px;background-position:-225px 0}
.m6{width:45px;height:45px;background-position:-450px 0}
.m7s{width:45px;height:45px;background-position:-270px 0}
.m7{width:45px;height:45px;background-position:-540px 0}
.m8s{width:45px;height:45px;background-position:-315px 0}
.m8{width:45px;height:45px;background-position:-630px 0}
.m9s{width:45px;height:45px;background-position:-360px 0}
.m9{width:45px;height:45px;background-position:-720px 0}
.m10s{width:45px;height:45px;background-position:-405px 0}
.m10{width:45px;height:45px;background-position:-810px 0}
.m11s{width:45px;height:45px;background-position:-450px 0}
.m11{width:45px;height:45px;background-position:-900px 0}
.m12s{width:45px;height:45px;background-position:-495px 0}
.m12{width:45px;height:45px;background-position:-990px 0}
.m13s{width:45px;height:45px;background-position:-540px 0}
.m13{width:45px;height:45px;background-position:-1080px 0}
.m14s{width:45px;height:45px;background-position:-585px 0}
.m14{width:45px;height:45px;background-position:-1170px 0}
.m15s{width:45px;height:45px;background-position:-630px 0}
.m15{width:45px;height:45px;background-position:-1260px 0}
.m16s{width:45px;height:45px;background-position:-675px 0}
.m16{width:45px;height:45px;background-position:-1350px 0}
.m17s{width:45px;height:45px;background-position:-720px 0}
.m17{width:45px;height:45px;background-position:-1440px 0}
.c1{border-radius:50%;width:48px;height:48px;background-position:-0px 0}
.c2{border-radius:50%;width:48px;height:48px;background-position:-96px 0}
.c3{border-radius:50%;width:48px;height:48px;background-position:-192px 0}
.c4{border-radius:50%;width:48px;height:48px;background-position:-288px 0}
.c5{border-radius:50%;width:48px;height:48px;background-position:-384px 0}
.c6{border-radius:50%;width:48px;height:48px;background-position:-480px 0}
.c7{border-radius:50%;width:48px;height:48px;background-position:-576px 0}
.c8{border-radius:50%;width:48px;height:48px;background-position:-672px 0}
.leader, .unit {
border-width: 2px; border-style: solid;
background-size: auto 100%;
background-repeat: no-repeat;
}
.leader{background-color:#f0f0f0}
.leader{border-color:#f5f5f5 #d8d8d8 #d8d8d8 #f5f5f5;box-shadow:0 0 0 1px #707070}
.unit.british{background-color:#eac99e}
.unit.british{border-color:#ffe8bd #caa87d #caa87d #ffe8bd;box-shadow:0 0 0 1px #6a481d}
.unit.french{background-color:#aae0fa}
.unit.french{border-color:#c9ffff #89c0da #89c0da #c9ffff;box-shadow:0 0 0 1px #29607a}
</style>
<html class="jpeg">
<h2>French Leaders & Units</h2>
<div class="row">
<div class="leader french french_square_leader m7s"></div>
<div class="leader french french_square_leader m3s"></div>
<div class="leader french french_square_leader m6s"></div>
<div class="leader french french_square_leader m9s"></div>
<div class="leader french french_square_leader m4s"></div>
<div class="leader french french_square_leader m8s"></div>
<div class="leader french french_square_leader m10s"></div>
<div class="leader french french_square_leader m2s"></div>
<div class="leader french french_square_leader m1s"></div>
<div class="leader french french_square_leader m5s"></div>
</div>
<div class="row">
<div class="unit french french_indian_blue_orange c1"></div>
<div class="unit french french_indian_blue_orange c2"></div>
<div class="unit french french_indian_blue_orange c3"></div>
<div class="unit french french_indian_blue_orange c4"></div>
</div><div class="row">
<div class="unit french french_indian_blue c1"></div>
<div class="unit french french_indian_blue c2"></div>
<div class="unit french french_indian_blue c3"></div>
<div class="unit french french_indian_blue c4"></div>
<div class="unit french french_indian_blue c5"></div>
<div class="unit french french_indian_blue c6"></div>
<div class="unit french french_indian_blue c7"></div>
</div><div class="row">
<div class="unit french french_indian_orange c1"></div>
<div class="unit french french_indian_orange c2"></div>
<div class="unit french french_indian_orange c3"></div>
<div class="unit french french_indian_orange c4"></div>
<div class="unit french french_indian_orange c5"></div>
<div class="unit french french_indian_orange c6"></div>
</div><div class="row">
<div class="unit french french_indian_gray c1"></div>
<div class="unit french french_indian_gray c2"></div>
<div class="unit french french_indian_gray c3"></div>
<div class="unit french french_indian_gray c4"></div>
<div class="unit french french_indian_gray c5"></div>
</div><div class="row">
<div class="unit french french_coureurs c1"></div>
<div class="unit french french_coureurs c2"></div>
<div class="unit french french_coureurs c3"></div>
<div class="unit french french_coureurs c4"></div>
<div class="unit french french_coureurs c5"></div>
<div class="unit french french_coureurs c6"></div>
<div class="unit french french_coureurs c7"></div>
<div class="unit french french_coureurs c8"></div>
</div><div class="row">
<div class="unit french french_marine_detachment m1"></div>
<div class="unit french french_marine_detachment m1"></div>
<div class="unit french french_marine_detachment m1"></div>
<div class="unit french french_marine_detachment m1"></div>
<div class="unit french french_marine_detachment m1"></div>
<div class="unit french french_marine_detachment m1"></div>
<div class="unit french french_marine_detachment m1"></div>
</div><div class="row">
<div class="unit french french_regular m1"></div>
<div class="unit french french_regular m2"></div>
<div class="unit french french_regular m3"></div>
<div class="unit french french_regular m4"></div>
<div class="unit french french_regular m5"></div>
<div class="unit french french_regular m6"></div>
<div class="unit french french_regular m7"></div>
<div class="unit french french_regular m8"></div>
<div class="unit french french_regular m9"></div>
<div class="unit french french_regular m10"></div>
<div class="unit french french_regular m11"></div>
<div class="unit french french_regular m11"></div>
<div class="unit french french_regular m12"></div>
<div class="unit french french_regular m13"></div>
</div><div class="row">
<div class="unit french french_militia m1"></div>
<div class="unit french french_militia m1"></div>
<div class="unit french french_militia m1"></div>
<div class="unit french french_militia m1"></div>
</div>
<h2>British Leaders & Units</h2>
<div class="row">
<div class="leader british british_square_leader_seven m2s"></div>
<div class="leader british british_square_leader_seven m3s"></div>
<div class="leader british british_square_leader_seven m1s"></div>
<div class="leader british british_square_leader_seven m4s"></div>
<div class="leader british british_square_leader m9s"></div>
<div class="leader british british_square_leader m3s"></div>
<div class="leader british british_square_leader m7s"></div>
<div class="leader british british_square_leader m6s"></div>
<div class="leader british british_square_leader m5s"></div>
<div class="leader british british_square_leader m8s"></div>
<div class="leader british british_square_leader m1s"></div>
<div class="leader british british_square_leader m2s"></div>
<div class="leader british british_square_leader m4s"></div>
</div><div class="row">
<div class="unit british british_indian_cherokee c1"></div>
<div class="unit british british_indian_cherokee c1"></div>
<div class="unit british british_indian_mohawk c1"></div>
<div class="unit british british_indian_mohawk c1"></div>
</div><div class="row">
<div class="unit british british_indian_gray c1"></div>
<div class="unit british british_indian_gray c2"></div>
<div class="unit british british_indian_gray c3"></div>
<div class="unit british british_indian_gray c4"></div>
<div class="unit british british_indian_gray c5"></div>
</div><div class="row">
<div class="unit british british_ranger c1"></div>
<div class="unit british british_ranger c2"></div>
<div class="unit british british_ranger c3"></div>
</div><div class="row">
<div class="unit british british_light_infantry m1"></div>
<div class="unit british british_light_infantry m2"></div>
<div class="unit british british_light_infantry m3"></div>
<div class="unit british british_light_infantry m4"></div>
<div class="unit british british_light_infantry m5"></div>
<div class="unit british british_light_infantry m6"></div>
</div><div class="row">
<div class="unit british british_northern_provincial m1"></div>
<div class="unit british british_northern_provincial m1"></div>
<div class="unit british british_northern_provincial m1"></div>
<div class="unit british british_northern_provincial m2"></div>
<div class="unit british british_northern_provincial m2"></div>
<div class="unit british british_northern_provincial m2"></div>
<div class="unit british british_northern_provincial m2"></div>
<div class="unit british british_northern_provincial m2"></div>
<div class="unit british british_northern_provincial m2"></div>
<div class="unit british british_northern_provincial m3"></div>
<div class="unit british british_northern_provincial m4"></div>
<div class="unit british british_northern_provincial m4"></div>
<div class="unit british british_northern_provincial m5"></div>
<div class="unit british british_northern_provincial m5"></div>
<div class="unit british british_northern_provincial m5"></div>
<div class="unit british british_northern_provincial m5"></div>
<div class="unit british british_northern_provincial m5"></div>
<div class="unit british british_northern_provincial m6"></div>
</div><div class="row">
<div class="unit british british_southern_provincial m1"></div>
<div class="unit british british_southern_provincial m2"></div>
<div class="unit british british_southern_provincial m2"></div>
<div class="unit british british_southern_provincial m2"></div>
<div class="unit british british_southern_provincial m3"></div>
<div class="unit british british_southern_provincial m3"></div>
</div><div class="row">
<div class="unit british british_regular m1"></div>
<div class="unit british british_regular m2"></div>
<div class="unit british british_regular m3"></div>
<div class="unit british british_regular m4"></div>
<div class="unit british british_regular m5"></div>
<div class="unit british british_regular m6"></div>
<div class="unit british british_regular m7"></div>
<div class="unit british british_regular m8"></div>
<div class="unit british british_regular m9"></div>
<div class="unit british british_regular m10"></div>
<div class="unit british british_regular m11"></div>
<div class="unit british british_regular m12"></div>
<div class="unit british british_regular m13"></div>
<div class="unit british british_regular m14"></div>
<div class="unit british british_regular m15"></div>
<div class="unit british british_regular m16"></div>
<div class="unit british british_regular m17"></div>
</div><div class="row">
<div class="unit british british_royal_american m1"></div>
<div class="unit british british_royal_american m2"></div>
<div class="unit british british_royal_american m3"></div>
<div class="unit british british_royal_american m4"></div>
</div><div class="row">
<div class="unit british british_highland m1"></div>
<div class="unit british british_highland m2"></div>
<div class="unit british british_highland m3"></div>
<div class="unit british british_highland m4"></div>
<div class="unit british british_highland m5"></div>
<div class="unit british british_highland m6"></div>
</div><div class="row">
<div class="unit british british_militia m1"></div>
<div class="unit british british_militia m1"></div>
<div class="unit british british_militia m1"></div>
<div class="unit british british_militia m1"></div>
</div>