body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #333;
    margin: 0 auto;
    background-color:#ecebe2;

}

#mainCal {
    max-width: 1000px;
}

.page-title {
    color: #000 !important;
}

.top_bar {
    width: 100%;
    height: 15px;
    background-color: #3d57a2;
}

.county_seal {
    background-size: cover;
    background-color: #ededed;
    margin: 5px 5px;
    width: 90px;
    height: 90px;
    float: left;
}

.banner_header_text {
    font-size: 26px;
    font-weight: 800;
    padding-top: 20px;
    color: #32599e;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 10px;
    text-shadow: 1px 1px #3d3d3d;
}

.banner_header_sub_text {
    font-size: 18px;
    font-weight: 700;
    text-indent: 30px;
}

.banner {
    background-color: #ededed;
    height: 120px;
    border-bottom-width: 2px;
    border-bottom-color: #808080;
    border-bottom-style: solid;
}

footer {
    background-color: #dcdcdc;
    font-size: 9px;
    font-weight: normal;
}

#lblClassTitle, #lblTitle {
    font-size: 28px;
    font-weight: normal;
}

#lblClassDate, #lblDate, #lblLocation, #lblDepartment {
    font-size: 24px;
    font-weight: normal;
}

#header {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(../images/bg-header.jpg) no-repeat 50% 0;
}

.header-holder {
    max-width: 1000px;
    margin: 1px auto;
    padding: 29px 0 0;
    height: 123px;
    position: relative;
}

.logo {
    float: left;
    width: 379px;
    height: 95px;
    background: url(../images/logo.gif);
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 0 0 8px;
    display: inline;
}
#footer{
	background:#093a6d url(../images/bg-footer.jpg) repeat-x;
	border:1px solid #cccbc1;
	padding:29px 0 33px;
    max-width:1200px;
    min-height: 140px;/*WIDE*/
    margin: 1px auto;
}
#footer a{
    color:#fff
}
#footer ul{
    list-style-type: none;
}
         table td {
            padding: 0px;
        }

        input, textarea, select {
            margin: 3px;
            max-width: 500px;
        }

        label {
            margin-left: 10px;
        }

.vertical-menu {
    width: 100%; /* Set a width if you like */
    margin-top: 20px;
}

            .vertical-menu a {
                font-family: M1pbold, Arial, Helvetica;
                font-size:11px;
                color: black; /* Black text color */
                display: block; /* Make the links appear below each other */
                padding: 12px; /* Add some padding */
                border: 1px solid #ccc;
                background-color: #f9f8f2;
                text-transform: uppercase;
             
            }

                .vertical-menu a:hover {
                    background-color: #fff; /* Dark grey background on mouse-over */
                }

                .vertical-menu a.active {
                    background-color: #fff; /* Add a green color to the "active/current" link */
                    color: black;
                }