/* Hide Language, General Header and Client Type fields*/
a {
    color: #8b2841;
}

    a:hover, a:focus, a:active {
        color: #000;
        text-decoration: underline;
    }

#headercol2 {
    float: left;
    width: 30%;
}

/* Hide Direct Email Option */
#navaid a, #navaid2 a {
    font-size: 1em;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    #navaid a:focus, #navaid a:hover, #navaid a:active,
    #navaid2 a:focus, #navaid2 a:hover, #navaid2 a:active {
        position: relative;
        left: 0px;
        color: white;
        background-color: #8b2942;
        padding: 5px;
        width: auto;
        height: auto;
    }

#ec_postalcode {
    float: none;
    width: 30%;
    min-width: 75px;
}

#ec_poll_type {
    width: 20%;
}

#postal_code_error {
    color: #cc3300;
    margin: 7px 0;
}

#logo {
    width: 100%;
}

.tab-title {
    display: none;
}

.page-heading {
    padding-top: 5px;
}

.page-copy {
    margin-left: 15px;
    margin-right: 15px;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.clearall {
    clear: both;
}

.example {
    margin: 20px;
    border: 1px solid #242e37;
    width: 90%;
}

    .example h3 {
        padding: 10px;
        background: #242e37;
        color: white;
        margin: 0;
    }

.pad {
    padding: 20px 10px;
}

.mandatory {
    color: red;
}

input.text1, textarea.comments {
    display: block;
    border: 1px solid #C9CBCC;
    margin: 10px 20px 20px 0;
    padding: 8px;
    width: 90%;
}

select.firstselect {
    display: block;
    width: auto;
    font-size: 1em;
    border: 1px solid #C9CBCC;
    margin: 10px 20px 20px 0;
    padding: 8px;
}

input.textfieldlong {
    height: 100px;
    vertical-align: top;
}

label.radiobutton, input.radiobutton {
    line-height: 1.5em;
}

input:focus, textarea:focus {
    box-shadow: 0px 0px 5px #999;
}

.submitbutton,
input[type="submit"] {
    padding: 8px;
    border: 1px solid #a90329;
    border-radius: 5px;
    color: white;
    font-size: 1em;
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

    input[type="submit"]:hover,
    input[type="submit"]:focus,
    .submitbutton:hover,
    .submitbutton:focus {
        background: #404040;
        border: 1px solid #404040;
    }

/*This file is part of pppa\web\template_two*/

/*Your styles here...*/

html {
    margin: 0 !important;
    padding: 0 !important;
}

.container {
    width: auto !important;
}

li a {
    margin-left: 0;
}

/*#wrap {
    width: auto;
}*/

#content {
    clear: none;
}

header.t2_wrap #logo {
    float: left !important;
}

#logo {
    width: inherit;
}

#searchbar p {
    margin: 1em 0;
}

#searchbar {
    float: left;
    background: #FFFFFF;
    padding: 1em 1em;
}

div.control {
    max-width: 95%;
}

input#AttachFile {
    max-width: 100%;
    border: 1px solid #ccc !important;
}

.section-title {
    max-width: 98% !important;
}

/*Copy of button styles from aml2.css*/
#InsertButton.btn.btn-primary {
    padding: 8px;
    border: 1px solid #a90329;
    border-radius: 5px;
    color: white;
    font-size: 1em;
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

    #InsertButton.btn.btn-primary:hover,
    #InsertButton.btn.btn-primary:focus {
        background: #404040;
        border: 1px solid #404040;
    }

/*START - STYLES TO CORRECT NOW TABLE REMOVED FROM MARKUP*/
.control,
.info {
    padding: 1.38em;
}

.info {
    padding-bottom: 0;
}

.control {
    padding-top: 0;
}
/*END - STYLES TO CORRECT NOW TABLE REMOVED FROM MARKUP*/

/*START - STYLES TO CORRECT NOW FIELDSETS (and legends) REMOVED FROM MARKUP (and replaced with H2) AND OTHER LATER TIDYUPS*/

h1 {
    color: #222222;
    text-align: left;
}

#EntityFormPanel h2 {
    color: #fff;
    background: #303030;
    padding: 0.38em;
    margin-bottom: 0.62em;
}

.tab-title {
    border-bottom: none !important;
}

.tab-column .info {
    padding-top: 0;
}

option {
    font-size: 1.2em;
}

.crmEntityFormView .actions {
    margin-top: -2.38em;
}

/*Contact Us Portal*/
.grid {
    /* Grid Fallback */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* Supports Grid */
    /*display: -ms-grid;*/
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-auto-rows: minmax(80px, auto);
    grid-gap: 2em;
}

.module {
    /*background: #8b2841;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 150px;
    /* Flex Fallback */
    margin-left: 5px;
    margin-right: 5px;
    -webkit-box-flex: 1;
    /*-ms-flex: 1 1 250px;*/
    flex: 1 1 250px;
    margin-bottom: 10px;
}

/* If Grid is supported, remove the margin we set for the fallback */
@supports ((display: -ms-grid) or (display: grid)) {
    .module {
        margin: 0;
    }
}

.module a {
    /*height: 4em;
    padding-top: 1em;*/
    padding-left: 0.38em;
    padding-right: 0.38em;
    text-decoration: none;
    display: block;
    text-align: center;
    border-radius: 0.38em;
    border: 1px solid #b7b7b7;
    color: #fff;
    font-size: 1.38em;
    background: #8b2841;
    width: 100%;
    height: 100%;
    /*line-height: 5em;*/
}

    .module a:hover,
    .module a:focus {
        background: #404040;
        border: 1px solid #404040;
        color: white;
    }

    .module a span {
        font-size: 75%;
        display: block;
    }

.modal-title !important {
    color: #fff;
}

#navbox {
    float: left;
    padding: 5px 0 0 0;
    margin: 0px 0px 10px 0px;
}

#rootname-bg {
    background: #3a444e url('http://www.elections.ca/templates/images/nav-bg-top-y.jpg') top left repeat-y;
    overflow: hidden;
    height: 44px;
}

div.leftnav {
    font-size: 1em;
    line-height: 1.2em;
    float: left;
    /*padding-right: 10px;*/
}

    div.leftnav ul, div.leftnav ul.menugroup li a.current-active {
        color: white;
        background: black;
    }

        div.leftnav ul, div.leftnav ul.menugroup {
            margin: 0px;
            padding: 0px;
            list-style: none;
            color: #666666;
            font-size: 0.9em;
            display: block;
        }

            div.leftnav ul, div.leftnav ul.menugroup li.current-active {
                color: white;
                background: black;
            }

    div.leftnav li {
        margin: 0px;
        padding: 0px;
    }

    div.leftnav ul li {
        background: #fafafa;
    }

    div.leftnav ul li {
        background: #fafafa;
    }

a {
    color: #8b2841;
}

div.leftnav a {
    display: block;
    width: auto;
    padding: 2px 2px 2px 2px;
    margin: 0px;
    text-decoration: none;
}

div.leftnav ul li a {
    margin: 0px;
    padding: 4px 0px 4px 12px;
    color: #666666;
    border-left: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
}

div.leftnav a:hover {
    color: white;
    background: #000000 url(http://www.elections.ca/templates/images/nav-bg-current.jpg) top left no-repeat;
    text-decoration: none;
}

#rootname {
    font-size: 1em;
    line-height: 1.5em;
    color: #ffffff;
    padding: 9px 0px 0px 15px;
    /*background: url('http://www.elections.ca/templates/images/nav-bg-top2.jpg') top left no-repeat;*/
    min-height: 31px;
    height: auto !important;
    height: 31px;
    margin: 0;
}

    #rootname a {
        color: white;
    }

#navbox a:focus, a:active {
    outline: 1px dashed #ebe7aa;
    background: #ffffcc;
    color: #000000;
}

#content-right {
    padding: 5px 1px 0 0px;
    margin-left: 5px;
    float: right;
}

#cr-title {
    background: #3a444e;
    padding: 11px 0px 10px 15px;
    font-size: 1em;
    color: #ffffff;
    margin-right: 0px;
}

#cr-content {
    border: 1px solid #C4C4C4;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
    background-color: White;
}

.resetlist, .resetlist ul, .resetlist li {
    padding: 0;
    margin: 0;
    background: none;
    list-style: none;
}

#cr-content ul {
    padding: 10px 0 0 5px;
    font-size: 0.8em;
}

    #cr-content ul li {
        background: url('http://www.elections.ca/templates/images/arrow.gif') 0px 5px no-repeat;
        padding: 0px 15px 8px 12px;
        margin: 0px;
    }

        #cr-content ul li a {
            text-decoration: none;
        }

            #cr-content ul li a:hover {
                text-decoration: underline;
            }

.quarter > h3 {
    color: #fff;
}

#breadcrumbs {
    background: #a7afb2 url(https://www.elections.ca/templates/images/breadcrumbs-bg.jpg) top left no-repeat;
    padding: 10px 0px 8px 30px;
    margin: 0;
    color: #003700;
    font-size: 0.9em;
}

    #breadcrumbs a {
        color: #000000;
        padding: 0px 10px 0px 0px;
        background: url(http://www.elections.ca/templates/images/dark-arrow.gif) center right no-repeat;
    }

.form-control.lookup {
    background-color: #eee;
}

.crmEntityFormView .section-title {
    margin-bottom: 15px;
}

.shell {
    position: relative;
    line-height: 1;
}

    .shell span {
        position: absolute;
        left: 3px;
        top: 1px;
        color: #ccc;
        pointer-events: none;
        z-index: -1;
    }

        .shell span i {
            font-style: normal;
            /* any of these 3 will work */
            color: transparent;
            opacity: 0;
            visibility: hidden;
        }

    input.masked,
    .shell span {
        font-family: monospace;
        padding-right: 10px;
        background-color: transparent;
        text-transform: uppercase;
    }

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #000;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
    font-weight: 700;
}

/* End Portal additions */

/*END - STYLES TO CORRECT NOW FIELDSETS (and legends) REMOVED FROM MARKUP (and replaced with H2) AND OTHER LATER TIDYUPS*/

/*@media screen and (max-width: 1030px) {

    div.control {
        max-width: 90%;
    }

    #EntityFormPanel h2 {
        margin-right: 0px;
    }

    .input-group-btn > .btn + .btn {
        margin-left: 0.62em;
    }
}
/*MQ*/

/*@media screen and (max-width: 560px) {

    div.control {
        max-width: 80%;
    }

    .input-group-btn > .btn + .btn {
        margin-left: 1.38em;
    }
}*/
/*MQ*/

/*@media screen and (max-width: 420px) {

    #content {
        margin-left: 0 !important;
    }

    #wrap {
        padding-left: 0 !important;
    }

    input#AttachFile {
        max-width: 85%;
    }
}*/
/*MQ*/

/*This file is part of pppa\web\template_two*/

/*Your styles here...*/

#whoIsThis ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#whoIsThis li {
    width: 46%;
    margin: 0 3% 1.62em 1%;
    float: left;
}

    #whoIsThis li a {
        /*height: 4em;*/
        padding-top: 2.75em;
        padding-left: 0.38em;
        padding-right: 0.38em;
        text-decoration: none;
        display: block;
        text-align: center;
        border-radius: 0.38em;
        /*border: 1px solid #a90329;*/
        border: 1px solid #b7b7b7;
        /*color: white;*/
        color: #fff;
        font-size: 1.38em;
        background: #8b2841;
        /*background: #a90329;  Old browsers 
	background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);  IE10+ 
	background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );  IE6-9 */
    }

        #whoIsThis li a:hover,
        #whoIsThis li a:focus {
            background: #404040;
            border: 1px solid #404040;
            color: white;
        }

        #whoIsThis li a span {
            font-size: 75%;
            display: block;
        }

/*This file is part of pppa\web\template_two*/

/*Pre IE Edge belt and braces*/
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/*Don't show items that are marked for print use*/
.print {
    display: none;
}

/*HTML tags*/
body {
    background: #ccd5dc url('https://www.elections.ca/templates/images/bg-top-home.gif') top center no-repeat;
    padding-top: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #222222;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
}

h1 {
    font-size: 1.4em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.0em;
}

h5 {
    font-size: 1.0em;
}

h6 {
    font-size: 1.0em;
    font-style: italic;
    margin: 20px 0 5px 0;
}

a {
    color: #8B2841;
}

    a:hover {
        color: #717171;
    }

    a:focus,
    a:active,
    .dummy {
        outline: 1px dashed red;
        background: #ffffcc;
        color: #000000;
    }

input:focus, /*Allow IE to show visible focus*/
input:active,
input:focus,
input[type=submit]:focus,
.dummy {
    outline: 1px dashed red;
}

a img {
    border: none;
}

    a img.border {
        border: 1px solid #6C6C6C;
    }

a:selected {
    text-decoration: none;
}

img {
    max-width: 100%;
}

code {
    font-family: monospace;
    font-size: 120%;
}

/*Form components*/
fieldset {
}

/*Reuseable classes - context / location agnostic*/

/*.t2_wrap*/
/*Anything you want the same width as the content, the 'page width'.*/
.t2_wrap {
    width: 1170px;
    background-color: White;
    margin: 0px auto;
    padding-left: 15px;
    padding-right: 15px;
}

.allcaps {
    text-transform: uppercase;
}

/*Structure*/

/*main header*/
body > header { /*Just the header that's directly below body in the DOM*/
    padding-top: 1em;
    background: url('https://www.elections.ca/templates/images/headerback.jpg') no-repeat 100% 0;
}

/*#logo*/
/*#searchbar*/
#logo,
#searchbar {
    float: left;
}

    /*#logo*/
    #logo a {
        display: block; /*Make is focusable*/
    }

/*#logo img {
        width: 100%;
        max-width: 100%;
        display: block;
    }*/

/*#searchbar*/
#searchbar {
    padding: 0 1em;
}

    #searchbar input.styled {
        width: 170px;
        padding: 8px 0 8px 20px;
        background: url('https://www.elections.ca/templates/images/seach-icon.gif') no-repeat 0 0;
    }

    #searchbar .submitbutton, input[type="submit"] {
        border: 1px solid rgba(65, 79, 90, 1) !important;
    }

        #searchbar .submitbutton, input[type="submit"]:hover {
            background: #000 !important;
        }

input.searchbutton, input.button {
    cursor: pointer;
    outline: none;
    background: #414F5A;
    background: rgba(65, 79, 90, 1) !important;
    border: none;
    color: #FFFFFF;
    padding: 8px 10px;
}

    input.button:hover, input.button:focus {
        background: #1a2025;
    }

a.topnav-link, a.leftnav-link {
    display: none;
    padding: 8px 0px;
    margin-bottom: 4px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    color: white;
    width: 100%;
    background-color: rgb(139, 41, 66);
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
}

a.leftnav-link {
    margin-bottom: 0;
    background-color: #314047;
}
/*#persistentNav*/
#persistentNav {
    float: right;
    padding: 1em 0;
}

    #persistentNav ul {
        padding: 0px;
        margin: 0px;
    }

    #persistentNav li {
        display: inline;
        list-style-type: none;
        padding: 0 .4em 0 .2em;
        margin: 0px;
        font-size: 0.75em;
        color: #1F2C33;
        border-right: 1px solid #1F2C33;
    }

        #persistentNav li a {
            text-decoration: none;
            color: #1F2C33;
            margin-left: 3px;
        }

            #persistentNav li a:hover {
                text-decoration: underline;
                color: #660000;
                margin-left: 3px;
            }

        #persistentNav li.last {
            border: 0px solid white;
        }

/*#mainNav (when mobile AKA Site menu) */
#mainNav {
    font-size: 0.8em;
    font-weight: bold;
    margin: 0 15px 5px 15px; /*Gap below here before next row (minorNav + breadcrumbs)*/
}

    #mainNav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
    }

    #mainNav li {
        float: left;
        flex: 1;
    }

        #mainNav li a {
            display: block;
            background-color: #232323;
            color: #ffffff;
            text-decoration: none;
            padding: 0.6em 0.3em;
            height: 70px;
            overflow: hidden;
            border: 1px solid #ffffff;
            line-height: 1.2;
            box-sizing: initial;
        }

            #mainNav li a:hover,
            #mainNav li a:focus,
            #mainNav li a:active {
                background-color: #8B2841;
            }

    #mainNav .small {
        display: block;
        font-size: 80%;
        color: #EDEDED;
        text-decoration: none;
        padding-top: 0.62em;
    }

/*#mainNav - a11y button system styles*/
.js #mainNav ul {
    display: block;
}

.js #mainNav button {
    display: none;
}

#mainNav button {
    display: none;
}

/*#minorNav (when mobile AKA Secondary menu) */
#minorNav {
    float: left;
    line-height: 1.2;
    font-size: 0.9em;
}

    #minorNav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #minorNav ul li a {
            color: #666;
            text-decoration: none;
            display: block;
            padding: 0.38em 0.62em;
            border: 1px solid #B0B0B0;
            border-top: none;
            background: #FAFAFA;
        }

            #minorNav ul li a:hover {
                background: url('https://www.elections.ca/templates/images/nav-bg-current.jpg') no-repeat 0 0;
                color: #fff;
            }

        #minorNav ul li:first-child {
            background: url('https://www.elections.ca/templates/images/nav-bg-top-y.jpg') repeat-y 0 0; /*The A below has a fixed height img as a bg, this bg can grow taller so if text wraps, the 2nd bg stops a toothy gap*/
        }

            #minorNav ul li:first-child a {
                padding: 0.62em 0.62em;
                background: url('https://www.elections.ca/templates/images/nav-bg-top2.jpg') no-repeat 0 0;
                color: #ffffff;
                /*font-weight: bold;*/
                margin: 0;
                border: none;
                font-size: 1.1em;
            }

        #minorNav ul li.current-active a,
        #minorNav ul li a.current-active {
            color: #fff;
            background: #000;
        }

        #minorNav ul li a:focus,
        #minorNav ul li a:active {
            color: #000;
            outline: 1px dashed red;
            background: #ffffcc;
            color: #000000;
        }

/*#minorNav - a11y button system styles*/
.js #minorNav ul {
    display: block;
}

.js #minorNav button {
    display: none;
}

#minorNav button {
    display: none;
}

/*#breadcrumbs (when mobile AKA Secondary menu) */
#breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #a7afb2 url('http://www.elections.ca/templates/images/breadcrumbs-bg.jpg') no-repeat 0 0;
    display: block;
    /*float: left;*/
    /*padding: 10px 0 8px 30px;*/
    /*width: 1140px;*/
    /*margin-left: 15px;*/
    margin-right: 10px;
    margin-bottom: 20px;
}

    #breadcrumbs ul li {
        float: left;
        color: #003700;
        padding-right: 10px;
    }

    /*#breadcrumbs ul a {
        color: #000;
        background: url('images/dark-arrow.gif') no-repeat 100% 50%;
        padding-right: 0.62em;
        margin-right: 0.2em;
    }*/

    #breadcrumbs ul a:hover {
        color: #fff;
    }

/*main - main content area*/
main {
    font-size: 0.9em;
    padding-bottom: 1.62em;
}

    main #content {
        float: left;
        width: 760px; /*web.acb 790 was dropped to 760 to accomodate IE in conjunction with bootstrap.min.css*/
        margin-left: 10px;
    }

        main #content h1 {
            background: url('https://www.elections.ca/templates/images/content-h1.gif') no-repeat 0 100%;
            padding: 6px 10px 20px 0px;
        }

/*footer - footer content area*/
.footerOuter {
    background: #233238 url(/backgroundfooter.jpg) repeat-x 0 0;
    height: 300px;
}

/*footer uses .t2_wrap, to stop the bg having a gap either side, let's loose the padding*/
.t2_wrap {
    padding-left: 0;
    padding-right: 0;
}

/*.row1 - social media row*/
footer .row1 {
    text-align: center;
}

.socialwrap {
    width: 260px;
    margin: 0 10px;
    padding: 10px 10px 10px 10px;
    background: #E3E3E3;
    height: 55px;
    border: 1px solid #C7C7C7;
    font-size: 0.8em;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

    .socialwrap h2 {
        padding-bottom: 5px;
        font: 0.9em Arial, Helvetia, sans-serif;
        margin: 0 0 0px;
        color: #3E4415;
    }

    .socialwrap.first p {
        margin: 0;
    }

.social-bookmarks {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .social-bookmarks li {
        display: inline;
        float: left;
        margin-right: 10px;
    }

.socialwrap.first a {
    text-decoration: none;
}

    .socialwrap.first a:hover,
    .social-bookmarks a:hover {
        filter: alpha(opacity=50);
        -khtml-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

.social-bookmarks img {
    border: none;
}

.contact {
    background: url('https://www.elections.ca/templates/images/qu-icon.jpg') top left no-repeat;
    padding: 4px 5px 10px 40px;
}

/*.row2 - links row*/
footer .row2 {
    background: #233238 url(/backgroundfooter.jpg) repeat-x 0 -77px;
    color: #233238;
    font-size: 0.85em;
    padding: 1.62em 15px 0.62em 45px;
}

footer .quarter {
    position: relative;
    min-height: 1px;
    display: inline;
    float: left;
    color: White;
    width: 25%;
}

footer .row2 h4 {
    color: #fff;
    font-size: 0.85em;
    margin-bottom: 0.62em;
}

footer .row2 ul {
    padding-bottom: 5px;
    margin: 0;
    font-size: 0.85em;
    line-height: 2em;
}

footer .row2 li {
    list-style-image: url(https://www.elections.ca/templates/images/arrow-footer.gif);
    margin: 0 0 0 -35px;
}

footer .row2 a {
    text-decoration: none;
    color: #fff;
}

    footer .row2 a:hover {
        text-decoration: underline;
    }

/*.row3 - copyright etc row*/
footer .row3 {
    background: #233237;
    color: #fff;
    padding: 5px 0;
    border-top: 1px solid white;
    font-size: 0.8em;
}

    footer .row3 p {
        margin-top: 0;
    }

    /*footer .row3 p {
        width: 46%;
        padding: 0 2%;
        float: left;
        text-align: right;
    }

        footer .row3 p:first-child {
            text-align: left;
        }*/

    footer .row3 small {
        font-size: 1em;
    }

    footer .row3 a {
        text-decoration: none;
        color: #fff;
    }

        footer .row3 a:hover {
            text-decoration: underline;
        }

footer a:focus,
footer a:active {
    outline: 1px dashed red;
    background: #ffffcc;
    color: #000000;
}

/*------------------------------------------------------------------------*/

/*moved to responsive.css*/

/*------------------------------------------------------------------------*/

/*moved to responsive.css*/

/*------------------------------------------------------------------------*/

/*moved to responsive.css*/

/*------------------------------------------------------------------------*/

/*moved to responsive.css*/


/*This file is part of pppa\web\template_two*/

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    /*No, let's have the defaults*/
    /*border: 0;*/
    /*margin: 0;*/
    /*padding: 0;*/
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

/*.hidden {
    display: none !important;
}*/

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

    /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        white-space: inherit;
        color: white;
        background-color: #8b2942;
        padding: 0.38em;
    }

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.

    https://css-tricks.com/snippets/css/clear-fix/
    Apply to any parent containing floated items
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*This file is part of pppa\web\template_two*/

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 1.4em; /*changed from 2em*/
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    /**
 * Remove the inner border and padding in Firefox.
 */

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus styles unset by the previous rule.
 */

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

-webkit-appearance: none;
}



-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

.hidden {
    display: block !important;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

    /*
* Extends the .hidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

    .hidden.focusable:active,
    .hidden.focusable:focus {
        display: block !important;
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        white-space: inherit;
        color: white;
        background-color: #8b2942;
        padding: 0.38em;
    }

.left-column {
    padding-right: 5px;
}

.right-column {
    padding-left: 0;
}

.middle-column {
    /**/
}



/*BOOTSTRAP DEFAULT BREAKS*/
@media (max-width: 991px) {
    #mainmenu {
        height: 59px;
    }

        #mainmenu .small {
            display: none;
        }

        #mainmenu li a {
            padding: 0.6em 0 0 0;
            border: 1px solid #ffffff;
            height: 50px;
            text-align: center;
        }

            #mainmenu li a:hover, #mainmenu li a:focus, #mainmenu li a:active {
                width: 14%;
            }

        #mainmenu .current a {
            width: 14%;
        }

    .t2_wrap {
        width: 100%;
        background-color: White;
        margin: 0px auto;
    }

    .rootname {
        background: transparent;
    }
}

@media (max-width: 767px) {

    a.topnav-link {
        display: block;
    }

    #mainNav {
        font-weight: normal;
        margin: 0;
    }

        #mainNav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: block;
        }

        #mainNav li {
            float: none;
        }

            /* MQ2 */
            #mainNav li a {
                background-color: #fff;
                color: #000;
                text-decoration: none;
                padding: 0;
                width: auto;
                height: auto;
                overflow: visible;
                border: none;
                font-weight: bold;
            }

                #mainNav li a:hover {
                    background: #8B2942;
                }

        /* MQ2 */
        #mainNav .small {
            /*using visuallyhidden rules in favour of display none*/
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
            white-space: nowrap;
        }


    #mainNav {
        clear: both;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        #mainNav.jsenabled {
            overflow: hidden;
            max-height: 0;
        }

        #mainNav.topnavexpanded {
            max-height: 20em;
        }

        #mainNav.jsenabled > ul {
            display: block;
        }

        /* #mainNav apply mobile styles MQ2*/
        /*#mainNav - a11y button system styles*/
        #mainNav button {
            display: none;
        }

    .js #mainNav button {
        display: block;
    }

    .js #mainNav ul {
        display: none;
    }

    #mainNav ul.is-active {
        display: block;
    }

    /*#mainNav - other styles (not a11y button system) MQ2*/
    #mainNav ul {
        /*margin-top: 2px;*/
    }

    #mainNav li {
        width: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    #mainNav ul li a {
        padding: 0.7em 0em;
    }

    #mainNav ul li a {
        display: block;
        color: #fff;
        background: #232323;
    }

    #leftnav.jsenabled {
        overflow: hidden;
        max-height: 0;
    }

    a.leftnav-link {
        display: block;
    }

    #leftnav {
        clear: both;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

        #leftnav ul.menugroup ul.menugroup {
            display: none;
        }

        #leftnav.topnavexpanded {
            max-height: 25em;
        }

    div.leftnav ul, div.leftnav ul.menugroup {
        width: 100%;
    }

        div.leftnav ul li a {
            width: 100%;
            padding-left: 12px;
        }

        div.leftnav ul li {
            background: white;
            border-right: 1px solid rgb(176, 176, 176);
        }

    #navbox {
        width: 100%;
        padding-top: 0;
    }

    .leftnav {
        width: 100%;
    }

    #mainmenu {
        background-color: none;
        height: auto;
    }

        #mainmenu .small {
            display: none;
        }

        #mainmenu li a {
            width: 100%;
            height: 100%;
            padding: 0.7em 0em;
        }

            #mainmenu li a:hover, #mainmenu li a:focus, #mainmenu li a:active {
                width: 100%;
            }

        #mainmenu .current a {
            width: 100%;
        }

    div.leftnav a:hover {
        background: #000 url("https://www.elections.ca/templates/images/nav-bg-current.jpg") no-repeat scroll left top;
    }

    #searchbar {
        width: 98%;
        padding: 0px 0px 0px 3px;
    }

    #searchbar {
        width: 300px;
        /*float: left;*/
        background: #FFFFFF;
        /*padding: 1em 1em;*/
    }

    .left-column {
        padding-right: 5px;
    }

    .right-column {
        padding-left: 0;
    }

    .middle-column {
        /**/
    }

    .t2_wrap {
        width: 100%;
        background-color: White;
        margin: 0px auto;
    }

    #breadcrumbs {
        display: none;
    }

    #content-right {
        display: none;
    }

    #rootname-bg {
        display: none;
    }
}

@media (min-width: 992px) {

    .t2_wrap {
        width: 100%;
        background-color: White;
        margin: 0px auto;
    }
}

@media (min-width: 1200px) {

    .t2_wrap {
        width: 1170px;
    }
}

/* MOBILE */



@media screen and (max-width: 652px) {
    #wrap {
        margin: auto;
        padding-left: 10px;
        width: auto;
        /*padding-right: 10px;*/
    }

    #headercol1, #headercol2, #headercol3 {
        float: none;
        width: 100%;
    }

    #headercol2 {
        float: right;
    }

    #header {
        width: auto;
    }

    #footer {
        width: auto;
    }

    .socialwrap, .socialwrap2, .socialwrap3 {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .span-2 {
        padding: 0px 5px;
        width: 47%;
    }

    .contact {
        margin-left: 10px;
    }

    #liens {
        clear: both;
    }
}
/***********************************************************************************/
@media screen and (max-width: 600px) {
    .col25 {
        width: 90%;
        float: none;
        margin: 3px 5px 25px 5px;
    }

    .col20, .col40, col50, col60 {
        width: 90%;
        float: none;
        clear: both;
    }

    #topmenu li a {
        width: 98%;
    }

        #topmenu li a:hover {
            width: 98%;
        }

    #topmenu2 li a {
        width: 98%;
        height: 15px;
    }

        #topmenu2 li a:hover {
            width: 98%;
            height: 15px;
        }



    ul#navent2 li a, ul.navent2 li a {
        width: 85%;
        display: block;
        margin-bottom: 3px;
    }

    ul#navent2 li, ul.navent2 li {
        float: none;
    }
}




/***********************************************************************************/
@media screen and (max-width: 480px) {


    ul#navent2 li, ul.navent2 li {
        float: none;
    }

        ul#navent2 li a, ul.navent2 li a {
            width: 75%;
            display: block;
        }

    #wrap {
        /*background-color: gray;*/
    }


    /*BEGIN home page changes **********************************/



    div#button li {
        padding: 5px;
    }
    /*div#button .text {
	display: none;
}*/

    #col2 .box {
        width: 80%;
    }

    #icons2 div {
        /*width: 50%;*/
        box-sizing: border-box;
    }

        #icons2 div:last-child {
            width: 100%;
        }

    .backhome, .backhomefr {
        background-color: #dd9352;
        height: 100%;
    }
    /*.socialwrap2 {
	display: none;
}*/


    .iconwrapereg, .eregbutton {
        width: 95%;
        height: 70px;
    }

    .iconwrapereg {
        margin-bottom: 40px;
    }

    .iam li, .iamf li {
        width: 98%;
    }
    /*END home page changes */

    /*Other styles in the site */

    .vot {
        line-height: 1.3em;
        padding-bottom: 20px;
    }
    /* BEGIN - Styles for email forms */
    .textfield {
        margin-right: 2px;
        width: 100%;
        margin-bottom: 4px;
    }
    /* END - Styles for email forms */

    #content-main a.button13 {
        font-size: 1.2em;
        padding: 5px;
        margin-left: 30px;
        width: 210px;
    }

    .floatApply {
        float: none;
    }

    #bannerge, #bannerge-f {
        background-color: #f1e7e5;
        background-image: none;
    }

        #bannerge .textge, #bannerge-f .textge {
            padding: 5px 10px 10px 10px;
        }

        #bannerge h2, #bannerge-f h2 {
            text-align: center;
        }

    .col4ge, .col2ge {
        margin: 5px;
        width: 95%;
    }

    blockquote.centerbox {
        width: 90%;
    }

    #topmenuvid ul {
        padding-left: 0;
        margin-bottom: 20px;
        clear: both;
    }

    #topmenuvid li a {
        margin: 5px;
        width: 85%;
    }

    .videoWrapper {
        margin-top: 20px;
    }
}

@media screen and (max-width: 340px) {
    #navlist li {
        padding-right: 0.3em;
        padding-left: 0;
    }

    .span-2 {
        width: 100%;
    }
}
/************************************************************************/
@media screen and (max-width: 320px) {
    /*Main templates style changes*/
    #wrap {
        /*background-color: blue;*/
        padding-left: 10px;
    }

    #footer {
        height: 99%;
    }

    .span-2 {
        width: 90%;
    }
    /*Home page changes */

    .iconwrap .noborder {
        width: 90%;
    }
    /* END - home page changes */

    #content-main a.button13 {
        font-size: 1.1em;
        font-weight: 500;
        margin-left: 5px;
        width: 200px;
    }


    ul#navent2 li a, ul.navent2 li a {
        width: 75%;
        display: block;
    }

    .myboxNew {
        float: none;
    }
}