body, html {
    font-family: calibri, helvetica, sans-serif;
    text-align: left;
    margin: 0;
    line-height: 1.3em;
}

.container-fluid {
    max-width: 1280px;
}

#secNav {
    position: absolute;
    top: 95px;
    right: 10px;
}

.secNav2 {
    display: none !important
}

.contResults {
    width: calc(100% - 290px);
}

.homeH2{
    font-size: 175%; 
    padding: 10px 0 15px 0;
}

#logo3 img {
    float: left;
    min-width: 140px;
    max-width: 100%;
}

#secNav a, #secnav a:visited {
    font-size: 125%;
    color: #003865;
    text-decoration: none;
    font-weight: bold;
}

blockquote {
    font-size: 14px;
}

.btn, a.btn {
    background-color: #003865 !important;
    font-weight: bold !important;
    padding: 7px 12px;
    color: #ffffff !important;
    text-decoration: none !important;
    border: 1px solid #003865 !important;
    background-image: none !important;
}

.btn:hover, .btn:focus, .btn.focus, a.btn:hover, a.btn:focus, a.btn.focus {
    color: #003865 !important;
    text-decoration: none !important;
    background-color: #A4BCC2 !important;
    border: 1px solid #003865 !important;
    background-image: none !important;
}

ul.nav li {}

ul.nav li.active {}

ul.navbar-nav li {}

.navbar-nav.sm-collapsible .caret {
    margin-top: -24px !important;
    color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #003865;
    text-decoration: none;
    font-weight: 800;
}

.dropdown-menu>li>a {
    color: #003865;
    text-decoration: none;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

#adaWrap {
    background: #fff;
    color: #000;
    width: 100%;
    margin: 0;
    padding: 0;
}

#ada {
    background: #fff;
    color: #000;
    margin: 0 auto;
    padding: 0;
    width: 985px !important;
    height: 30px !important;
    overflow: hidden;
}

#ada p {
    text-align: right;
}

#ada a {
    color: #000;
    background: transparent;
    font-size: 90%;
    line-height: 250%;
}

#ada a:hover {
    color: #0089c9;
    background: transparent;
}

.dropdown-menu {
    padding: 0px;
    border: 1px solid rgb(255, 255, 255);
    min-width: 320px;
    font-size: 15px;
}

.dropdown-menu>li>a:hover, a:hover, a:focus, .portal.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a:focus, .highlighted {
    color: #000 !important;
    background-color: #A4BCC2 !important;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #000 !important;
    background-color: #A4BCC2 !important;
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-collapse.in {
    overflow-y: visible;
}

.navbar-default .navbar-toggle:focus>.icon-bar, .navbar-default .navbar-toggle:hover>.icon-bar {
    background-color: #000;
}

#search_main {
    float: right;
    position: absolute;
    top: 7px;
    right: 0;
}

hr {
    border-top: dotted 3px;
    border-color: #003865;
}

hr.solid {
    border-top: 4px;
    border-color: #003865;
    border-top-style: solid;
    margin: -2px -15px 0 -15px;
}

#searchform {
    border: 1px solid #003865;
    width: 193px;
}

#q {
    background: #fff;
    width: 170px;
    height: 35px;
    font-size: 108%;
    line-height: 237%;
    margin: 0 0 0 15px;
    padding: 0;
    float: left;
}

#searchform label {
    display: none;
}

.carousel {
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
}

.slide {
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
}

.carousel {
    margin: 5px auto 2px;
    position: relative;
}

.carousel ul {
    margin: 0px;
    padding: 0px;
}

.slide {
    background-position: 90.5% 6px;
    height: 300px;
    margin-bottom: 1em;
    position: relative;
    /*background-size: 420px 300px;*/
}

.slide h1 {
    margin: 0px 0px 0px 37px;
    padding: 65px 0px 5px;
    width: 57.5%;
    text-align: left;
    color: rgb(0, 56, 101);
    font-size: 1.7em;
    display: inline-block;
}

.slide p {
    margin: 0px;
    padding: 0px;
    left: 40px;
    width: 50%;
    text-align: left;
    font-size: 1 em;
    position: absolute;
}

.carousel.active {
    height: 340px;
    position: relative;
}

.active .slide {
    border: currentColor;
    left: 0px;
    top: 10px;
    display: none;
    position: absolute;
    z-index: 50;
}

.slide.current {
    display: block;
    z-index: 50;
}

.btn-prev {
    background: rgba(255, 255, 255, 0.6);
    padding: 2em 0.5em;
    border: 0px currentColor;
    transition: padding 0.4s ease-out;
    top: 50%;
    line-height: 1;
    margin-top: -2.5em;
    position: absolute;
    z-index: 700;
}

.btn-next {
    background: rgba(255, 255, 255, 0.6);
    padding: 2em 0.5em;
    border: 0px currentColor;
    transition: padding 0.4s ease-out;
    top: 50%;
    line-height: 1;
    margin-top: -2.5em;
    position: absolute;
    z-index: 700;
}

.btn-prev {
    border-radius: 0px 0.25em 0.25em 0px;
    left: 0px;
}

.btn-next {
    border-radius: 0.25em 0px 0px 0.25em;
    right: 0px;
}

.carousel.with-slidenav {
    padding-bottom: 4em;
    max-width: 1200px;
}

.slidenav {
    left: 0px;
    text-align: center;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 99;
}

.slidenav li {
    margin: 0px 0.5em;
    display: inline-block;
}

.slidenav button {
    padding: 0px;
    border: 2px solid rgb(0, 51, 102);
    width: 2.5em;
    height: 2em;
    color: rgb(255, 255, 255);
    line-height: 1em;
    font-weight: bold;
    background-color: rgb(0, 51, 102);
}

.slidenav button.current {
    border-radius: 0.5em;
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
}

.slidenav button:hover {
    border: 2px dashed rgb(255, 255, 255);
}

.slidenav button:focus {
    border: 2px dashed rgb(255, 255, 255);
}

.slidenav button.current:hover {
    border: 2px dashed rgb(0, 51, 102);
}

.slidenav button.current:focus {
    border: 2px dashed rgb(0, 51, 102);
}

#ImageRight {
    border: 0;
    margin: 0;
    padding: 0 0 0 0;
    float: left;
}

#RightContent {
    padding: 0 0 0 0;
    color: #003865;
    height: 100%;
    text-align: left;
}

#RightContent ul {
    list-style: none;
}

#RightContent li {
    padding: 10px 0 0 0;
}

#RightContent li a {
    text-decoration: none;
}

#RightContent a:hover, #RightContent li a:hover {
    text-decoration: underline;
    color: #0563c1;
}

form, input {
    margin: 0;
    padding: 0;
    border: 0;
}

#searchbutton {
    position: absolute;
    right: 10px;
}

a, a:link, a:visited {
    color: #0563c1;
    background: transparent;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 100%;
    color: #003865;
}

h1 {
    font-size: 200%;
    line-height: 125%;
}

h2 {
    font-size: 133%;
    line-height: 110%;
}

h3 {
    font-size: 110%;
    line-height: 110%;
}

h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
    color: #000;
    background: transparent;
}

h4 {
    margin-top: 25px;
}

[class*="col-"] {
    padding-top: 0;
    padding-bottom: 0;
}

hr {
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

.topNav {
    background: #fff;
    color: #000;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0;
    text-align: right;
}

#ada a {
    color: #000;
    background: transparent;
    font-size: 90%;
    line-height: 250%;
}

.main {
    background-color: #FFFFFF;
    padding: 0 15px;
}

.subMain {
    background-color: #fff;
}

.title {
    font-size: 300%;
    color: #003865;
    padding: 20px 0 28px 0;
    line-height: 0.95em;
}

.titleImage {
    padding: 0 20px 30px 0;
}

#title h1 {
    font-size: 200%;
    color: #003865;
    padding: 20px 0 0 0;
}

.actions {
    padding: 10px 0px 20px 0px;
    border-bottom: dotted 3px;
    margin-right: 5px;
    margin-left: 5px;
}

.actions>.col-sm-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.actions>ul {
    margin-left: -10px;
}

div.row.actions div.col-xs-12.col-sm-6 div.pContent a {
    padding-bottom: 5px;
}

.subTitle {
    font-size: 200%;
    font-style: italic;
    color: #003865;
    line-height: 1em;
}

.picRow {
    float: none;
    display: inline-block;
    vertical-align: text-top;
    margin-right: -4px;
}

.picRow.col-md-4 {
    padding: 0;
    margin-left: -6px;
}

.picRow img {
    width: 100%;
    height: auto;
}

.strategies {
    font-size: 200%;
    color: #003865;
    font-weight: bold;
    padding: 30px 0 0 0;
}

.strategiesContent {
    font-size: 133%;
    color: #003865;
    padding: 10px 0 0 30px;
}

.mainRow {
    overflow-y: hidden;
}

#mainBodyWrapper {}

#mainblank {
    padding: 0;
    background-color: #D9D9D6;
    height: 87px;
}

#headerLine {
    border-bottom: 4px solid #78BE21;
    height: 87px;
}

#breadcrumbs {
    height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 5px 0 0 0;
    text-align: left;
}

#breadcrumbs p {
    color: #000;
}

#headline {
    overflow: hidden;
    font-weight: bold;
    padding-top: 1px;
    text-align: left;
}

#headline h1 {
    line-height: 32px;
    background: transparent;
}

#Leftnav {
    padding: 0 0 0 0;
    color: #003865;
    background-color: #D9D9D6;
    height: 100%;
    text-align: left;
}

#Leftnav ul {
    list-style: none;
}

#Leftnav li {
    padding: 10px 0 0 0;
}

#Leftnav a {
    color: #003865;
}

#Leftnav .active {
    font-weight: bold;
}

#Leftnav li a {
    color: #003865;
    text-decoration: none;
}

#Leftnav a:hover, #Leftnav li a:hover {
    text-decoration: underline;
    color: #0563c1;
}

#search_main {
    padding: 10px 10px 0 0;
}

#banner {
    margin-right: -15px;
    margin-left: -15px;
    text-align: left;
}

#banner img {
    width: 100%;
}

#caption {
    background: #000;
    color: #fff;
    font-size: 90%;
    line-height: 120%;
    padding: 5px 15px 5px 15px;
    margin: 0 0 16px 0;
}

.footer {
    background: #D9D9D6;
    color: #003865;
    margin-right: -15px;
    margin-left: -15px;
}

.noDisc {
    list-style: none;
    padding: 0;
}

.footer a {
    color: #003865;
    text-decoration: none;
    font-weight: bold;
}

.padLeft {
    padding-left: 30px;
}

.
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd;
    border-color: #003865;
    color: #003865;
}

.navbar-default .navbar-toggle {
    background-color: #003865;
    border-color: #003865;
}

.nav-item {
    text-align: center;
    font-size: 125%;
}

.nav-item img {
    height: 40px;
}

.portal img {
    height: 90px;
}

.portal {
    text-align: center;
    padding-bottom: 10px;
}

.portal a {
    color: #003865;
    text-decoration: none;
    font-weight: 800;
    font-size: 120%;
}

a.navHome {
    padding-left: 60px;
    padding-right: 15px;
    width: 300px;
}

a.navAbout {
    padding-left: 60px;
    padding-right: 15px;
    width: 100px;
}

a.navParents {
    padding-left: 60px;
    padding-right: 15px;
    width: 110px;
}

a.navLicense {
    padding-left: 60px;
    padding-right: 15px;
    width: 110px;
}

a.navEducator {
    padding-left: 60px;
    padding-right: 15px;
    width: 280px;
}

a.navData {
    padding-left: 60px;
    padding-right: 15px;
    width: 110px;
}

#featureBox {
    padding-top: 10px;
    padding-bottom: 5px;
}

#featureNav {
    width: 100%;
    float: left;
    clear: left;
    font-size: 135%;
    font-weight: bold;
    line-height: 140%;
    padding: 6px 0 0 125px;
}

#featureNav a {
    color: #fff;
    font-style: normal;
}

#featureNav a:hover {
    color: #ffce34;
    font-style: normal;
}

#featureArrowUp, #featureArrowDown {
    float: left;
    height: 17px;
    padding: 6px 6px 0 6px;
}

#featureArrowDown {
    padding: 6px 6px 0 0;
    margin-left: -8px;
}

#featureArrowUp p, #featureArrowDown p {
    width: 13px;
    height: 8px;
    display: block;
    margin: 0 0 0 15px;
    padding: 0;
}

#featureArrowUp a, #featureArrowDown a {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 15px;
    text-align: left;
}

#featureArrowUp a {
    background-image: url(../images/arrow_yellow_left.png);
}

#featureArrowDown a {
    background-image: url(../images/arrow_yellow_right.png);
}

#featureArrowUp a:hover, #featureArrowDown a:hover {
    /*  background-position: 0 -10px;   */
}

#navList {
    float: left;
}

ul#featureNavList {
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    white-space: nowrap;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
}

ul#featureNavList li {
    margin: 0;
    padding: 0 16px 0 0;
    display: inline;
}

ul#featureNavList li a {
    display: inline-block;
    background: #A4BCC2;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100%;
    width: 14px;
    height: 14px;
}

ul#featureNavList li a:hover, ul#featureNavList li a:focus {
    background: #78BE21;
    cursor: pointer;
}

ul#featureNavList li a.current {
    background: #003865;
}

#featurePhoto {
    color: #fff;
}

#featurePhoto img {
    border-radius: 15px;
}

.tContent {
    text-align: left;
    padding-top: 10px;
    font-size: 115%;
    padding-left: 20px;
    line-height: 1.42857143;
}

.pContent {
    text-align: left;
    font-size: 125%;
}

/* Content Area Resources filter results — no font-size rule existed for this container at all
   (SP_ResourcesPage.astro injects a bare <h2>/<ul>/<li> with no classes), so it fell back to the
   browser/bootstrap default (14px) instead of the larger size the rest of the page's content
   uses. Matches the 120% already used inline for the "no results" message in both our JS and the
   live site's own SDS_Strategies.js, so the results list reads consistently with that message. */
#results {
    font-size: 120%;
}

#results ul {
    list-style: none;
    padding-left: 0;
}

#results li {
    padding-bottom: 10px;
}

.footerNoColor {
    background: #FFFFFF;
    padding: 0 15px;
}

#q {
    background: #fff;
    width: 170px;
    height: 35px;
    font-size: 108%;
    line-height: 237%;
    margin: 0 0 0 15px;
    padding: 0;
    float: left;
}

#socialIcons {
    padding: 0;
    margin: 0
}

#icons a:hover {
    background-position: 0 -24px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 924px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #003865;
    }
    .dropdown-menu>li>a {
        color: #003865 !important;
        text-decoration: none;
    }
    .nav-item {
        text-align: left;
        border-bottom: 1px solid #000;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 20px;
        line-height: 1em;
    }
    #featureNav {
        padding: 6px 0 0 55px;
    }
    #secNav {
        display: none;
    }
    .secNav2 {
        display: block !important
    }
    #search_main {
        padding: 0 0 0 0;
        /*margin: -45px -10px 0 0;*/
    }
    #searchbutton {
        right: 1px;
    }
    ul.nav li {
        padding-left: 0
    }
    .nav>li>a>img {
        display: none
    }
    .titleImage {
        display: none
    }
    .footer {
        padding: 0 10px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left, .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
}

@media (max-width: 1100px) {
    ul.nav li {
        padding-left: 0
    }
    #secNav {
        padding-right: 3px;
    }
}

@media all and (max-width:1150px) {
    .slide h1 {
        width: 54.5%;
        margin-left: 20px;
    }
    .slide p {
        left: 39px;
        width: 51%;
    }
    .main {}
}

@media all and (max-width:900px) {
    #headerLine {
        margin-top: 0px;
    }
    .main2 {
        padding-right: 3px;
        min-height: 100px;
    }
    .slide {
        background-position: 90% 20px;
    }
    .carousel.active {
        height: 320px;
    }
    .slide {
        height: 320px;
    }
    .slide p {
        left: 40px;
        width: 49%;
    }
    .slide h1 {
        width: 51%;
        padding-top: 14px;
        margin-left: 20px;
    }
}

@media all and (max-width:1125px) {
    .slide {
        background-size: 39% auto;
    }
}

@media (min-width: 1100px) {
    #searchform {
        width: 250px;
    }
}

@media (min-width: 768px) {
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }
    .featurette-heading {
        font-size: 50px;
    }
    #mainBodyWrapper, #featureBox {
        padding-left: 20px;
    }
}

@media (min-width: 8px) {
    .navbar {
        background-color: #fff;
        margin: 0;
        margin-right: -15px;
        margin-left: -15px;
        border: 0;
        border-radius: 0;
    }
}

@media all and (min-width:775px) {
    #searchWrapper2 {
        top: 132px;
    }
    #searchbutton {
        border: 1px solid rgb(255, 255, 255) !important;
    }
    .carousel.active {
        height: 350px;
    }
    .slide {
        height: 350px;
    }
    .carousel-caption p {
        line-height: 1.4;
        font-size: 21px;
        margin-bottom: 20px;
    }
    .carousel-caption p {
        line-height: 1.4;
        font-size: 21px;
        margin-bottom: 20px;
    }
    .featurette-heading {
        font-size: 50px;
    }
}

@media all and (min-width:769px) {
    .qLinkRight {
        padding-top: 49px;
        padding-left: 10px;
        max-width: 230px;
    }
    .mainFlex {}
}

@media all and (max-width:768px) {
    .contResults {
        width: 100%;
    }
    #mainblank {
        display: none;
    }
    #ada a {
        margin: 0px;
        color: rgb(255, 255, 255);
    }
    #logo img {
        width: 350px;
    }
    #ada {
        height: 15px;
    }
    .qLinkRight {
        padding-left: 10px;
        margin-top: 49px;
        max-width: 230px;
    }
    #searchbutton {
        border: 1px solid rgb(255, 255, 255) !important;
    }
    #socialIcons {
        display: none;
    }
    .carousel.active {
        height: 465px;
    }
    .slide {
        height: 465px;
    }
    .slide h1 {
        width: 85%;
        padding-top: 230px;
        padding-left: 25px;
    }
    .slide p {
        left: 30px;
        width: 85%;
        font-size: 1.1em;
    }
    .slide {
        background-position: 50% 6px;
        background-size: 280px 200px;
    }
}

@media all and (max-width:600px) {
    .col-sm-7 {
        width: 100%;
    }
    #Leftnav {
        width: 100%;
    }
    .main .col-sm-9 {
        width: 100%;
    }
    .btn-prev {
        margin: 0px -10px;
        top: 80px;
    }
    .btn-next {
        margin: 0px -10px;
        top: 80px;
    }
    .slide h1 {
        width: 89%;
        padding-top: 220px;
        padding-left: 0px;
        font-size: 1.4em;
        margin-left: 0px;
    }
    .slide p {
        left: 10px;
        width: 90%;
        font-size: 1.1em;
    }
    .carousel.active {
        height: 520px;
    }
    .slide {
        height: 520px;
    }
    #langLinks {
        display: none;
    }
    #leftNavDesk {
        display: none;
    }
    .main {
        margin: 0px -15px;
    }
}

@media all and (max-width:560px) {
    .qLinkRight {
        padding-left: 10px;
    }
}

@media all and (max-width:475px) {
    .carousel.active {
        height: 538px;
    }
    .slide {
        height: 538px;
    }
}

@media all and (max-width:415px) {
    .carousel.active {
        height: 565px;
    }
    .slide {
        height: 565px;
    }
    #logo img {
        width: 250px;
    }
    #searchWrapper2 {
        top: 78px;
    }
}

@media all and (max-width:365px) {
    .carousel.active {
        height: 670px;
    }
    .slide {
        height: 670px;
    }
}

@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
}

/* From the live site's FeaturedBox region snippet (inline style, not part of the global
   stylesheet) — needed for carousel.js's screen-reader-only "News"/"(Current Slide)" labels
   on the slidenav buttons to stay visually hidden instead of showing as plain text. */
#mainBody {
    overflow: hidden;
}

.visuallyhidden {
    margin: -1px;
    padding: 0px;
    border: 0px currentColor;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    clip: rect(0px, 0px, 0px, 0px);
}

#secNav {
    z-index: 20;
}

/* Converted-document content styling — matches the classes produced by the mammoth styleMap
   (ol.num/let/rom + lev1/lev2/lev3, table borders, etc.) used to render dynamicConversion HTML. */
div.center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

p.center-text {
    margin: 0;
}

div.center.text-row {
    gap: 12px;
}

img.sp {
    max-width: 550px;
    height: auto;
}

span.header1 {
    font-size: 28px;
    font-weight: bold;
}

ol.lev1, ul.lev1 {
    margin-left: 10px;
}

ol.lev2, ul.lev2 {
    margin-left: 20px;
}

ol.lev3, ul.lev3 {
    margin-left: 50px;
}

ol.num {
    list-style-type: decimal;
}

ol.let {
    list-style-type: lower-alpha;
}

ol.rom {
    list-style-type: lower-roman;
}

ul.bul {
    list-style-type: disc;
}

ul.bul.lev2 {
    list-style-type: circle;
}

ul.bul.lev3 {
    list-style-type: square;
}

p.indented {
    margin-left: 30px;
}

p.no-spacing {
    margin: 0;
}

li:has(> span.skipped) {
    list-style: none;
    margin-top: 15px;
    margin-bottom: 15px;
    counter-increment: list-item 0;
}

table, td, th {
    border: 1px solid black;
}

table {
    border-collapse: collapse;
}

table {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}