* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: #f2f2f2;
    font-family: Helvetica, arial, sans-serif;
}

p {
    margin-top: 0;
}

a {
    color: #3c6272;
}

    a:hover {
        color: #333333;
    }

.container {
    min-width: 960px;
    width: auto;
    margin: 0 120px;
    display: block;
    box-sizing: border-box;
    position: relative;
    text-rendering: geometricPrecision;
}

    .container:after {
        content: "";
        display: table;
        clear: both;
    }

.row {
    display: block;
}

    .row:after {
        content: "";
        display: table;
        clear: both;
    }

#header {
    display: block;
    height: 100px;
    width: 100%;
    background: #426174 url(../img/header-infographic.gif) top center no-repeat;
    margin-bottom: 30px;
}

    #header ul.nav {
        width: auto;
        float: right;
        text-align: left;
        height: 36px;
        margin: 35px 0 0 0;
        list-style-type: none;
    }

        #header ul.nav li {
            display: inline-block;
        }

            #header ul.nav li a {
                color: #dddddd;
                padding: 3px 10px 3px 10px;
                border-right: 1px solid #dddddd;
                border-radius: 0;
                background: none;
                text-decoration: none;
            }

                #header ul.nav li a:hover {
                    color: #ffffff;
                }

            #header ul.nav li:last-child a {
                border: 0;
                padding-right: 0;
            }

    #header .logo-15below {
        display: block;
        float: left;
        width: 200px;
        height: 60px;
        background: transparent url(../img/logo-15below.png) top right no-repeat;
        color: transparent;
        margin: 20px 0 0 0;
    }

.boxy {
    display: block;
    margin: 60px auto 30px auto;
    width: 600px;
    font-size: 16px;
    text-align: center;
    color: #4d4d4d;
}

    .boxy h2 {
        font-size: 28px;
        color: #4d4d4d;
        padding: 0 0 60px 0;
        margin: 0;
    }

    .boxy p.instructions-block {
        font-size: 16px;
        line-height: 22.5px;
        color: #4d4d4d;
        text-align: center;
        padding-bottom: 30px;
        width: 600px;
    }

    .boxy .instructions-block.error {
        color: #A31A10;
    }

    .boxy input[type="text"], .boxy input[type="textarea"], .boxy input[type="number"], .boxy input[type="password"], .boxy input[type="email"] {
        border: 2px solid #cccccc;
        border-radius: 4px;
        width: 330px;
        padding: 8px 10px;
        margin: 0 0 15px 0;
        font-size: 16px;
        line-height: 22.5px;
    }

    .boxy label.checkbox {
        width: 300px;
        margin: 0 auto;
        display: block;
    }

    .boxy input[readonly="readonly"] {
        background-color: #f2f2f2;
        color: #666666;
    }

        .boxy input[readonly="readonly"]:hover {
            cursor: default;
        }

    .boxy .error-label {
        color: #A31A10;
        font-size: 13px;
        text-align: center;
        width: 330px;
        display: block;
        margin: -10px auto 15px auto;
    }

    .boxy button.btn {
        height: 34px;
        box-sizing: border-box;
        padding: 6px 20px;
        margin: 0 15px 0 0;
        transition: color 0.15s;
        transition: background-color 0.15s;
        font-weight: normal;
        font-size: 16px;
        line-height: 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

        .boxy button.btn.pull-right {
            margin: 0 0 0 15px;
        }

        .boxy button.btn:active, .boxy button.btn:focus {
            box-shadow: none;
            border: none;
        }

    .boxy button.btn-primary, .boxy button:focus.btn-primary {
        color: #cccccc;
        background-color: #222222;
    }

    .boxy button:hover.btn-primary, .boxy button:active.btn-primary {
        color: white;
        background-color: #3a3a3a;
    }

    .boxy button[type="submit"] {
        margin-top: 30px;
    }

.validation-summary-errors {
    background-color: #FFCCD8;
    border-radius: 4px;
    border: 2px solid #FF92AA;
    padding: 15px;
    color: #A31A10;
    width: 500px;
    margin: 30px auto;
    text-align: left;
}

    .validation-summary-errors ul {
        margin: 15px auto 0 auto;
        display: block;
        padding: 0 0 0 15px;
    }

        .validation-summary-errors ul li {
            padding: 0 0 5px 5px;
        }

.informative {
    background-color: white;
    border: 2px solid #cccccc;
    color: #4d4d4d;
    margin: 0 auto 30px auto;
}

label.ie9-only {
	display: none;
}

.ie9 label.ie9-only {
	display: block;
	text-align: left;
	width: 325px;
	margin: 0 auto 5px auto;
}

.email-confirm {
    font-size: 2em;
    color: #008c15;
}

.hide {
    display: none;
}