@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#B0B8C4;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtr #container {
	width: 700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 40px 20px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	clear: both;
}

.oneColFixCtrAppt #container {
        /*width: 805px;*/
        width: 992px;
}

#header {
    overflow: hidden;
	font-size:12px;
	color:#333333;
}
a { text-decoration: none}
a:link { text-decoration: none}
a:link { color: #333333;}
a:visited {color:#333333; text-decoration: none}
a:hover { color: #990000;}
a:active {color:#333333;}

#menu {
	text-align:center;
background-color:#000099;	
	margin: 0 auto;
	}

ul#nav {
	list-style: none;
	/*width: 650px;*/
	width: 100%;
	/*padding: 0 10px 0 40px;*/
	padding: 0;
	margin:0;
	/*float: left;*/
	clear: both;
	background-color:#004284;
	position: relative;
	text-align: center;
}

ul#nav li { padding: 0.85em 15px 0.7em 0; font: bold 1.4em Verdana, Helvetica, sans-serif; text-transform: uppercase; 
    display: inline-block;
    /*float: left; */
    
}

ul#nav li:last-child { padding-right: 0;  }
	
ul#nav li a, ul#nav li a:visited { color: #FFF; text-decoration: none; }
	
ul#nav li a:hover { color: #FFF; text-decoration: underline; }
		
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #FFF; text-decoration: underline; }

ul#nav li a.highlight {
    color: #ebce0f;
} 

#footer {
	background:#004284; 
	border: none;
	}
	
	#footer {
        color: #dedede;
	font-family: Arial, Helvetica, Sans-Serif;
	padding: 10px 0;
        font-size: 1.1em;
	margin: 0 auto;
/*	width: 700px;*/
	clear: both;
			font-size:12px;	

	}

#footer p {
	margin: 0;
	padding-bottom: 5px;
	text-align: center;
	color:#999999;
	}

#footer a {
	color: #dedede;
        text-decoration: none;
		font-weight:bold;
		font-size:12px;	
        }

#footer a:hover {
	color: #fff; 
	} 
	
.hours {
text-align:center;
font-weight:bold;
color:#333333;
padding:10px;
}

#headerimage {
border-bottom: 1px dotted #999; 
padding: 20px 0;
background-color:#DAE4FF;
}


.oneColFixCtrAppt ul#nav {
    /*width: 695px !important;*/
    /*padding: 0 25px 0 85px;*/
    /*width: 817px !important;*/
    /*padding: 0 25px 0 150px;    */
}

.notice {
    padding: 20px 40px;
    margin: 20px 20px 40px;
    border: 1px solid #004284;
}

@media only screen and (max-width: 991px) {
    .oneColFixCtrAppt #container {
            width: auto;
    }
    
    /*.oneColFixCtrAppt ul#nav {*/
    /*    width: 100% !important;*/
    /*    padding: 0 0 0 5%;*/
    /*}*/
}