@charset "utf-8";
/* CSS Document */

body {
	background-color: #e3e0e1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.wrapper {
	margin: auto;
	height: auto;
	width: 810px;
}
.header-container {
	float: left;
	height: auto;
	width: 810px;
}
.top-bar {
	background-color: #203fa5;
	float: left;
	height: 15px;
	width: 810px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #062486;
}
.logo-container {
	background-color: #FFF;
	float: left;
	height: 70px;
	width: 790px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.logo {
	background-image: url(images/logo.jpg);
	float: left;
	height: 60px;
	width: 376px;
}
.logo2 {
	background-image: url(images/icon.jpg);
	background-position: right;
	float: right;
	height: 60px;
	width: 290px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0px;
}
.intro-container {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 790px;
	padding: 10px;
}
.intro-content {
	background-color: #eef1fb;
	float: left;
	height: auto;
	width: 768px;
	border: 1px solid #e8edfd;
	padding: 10px;
}
.intro-title {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #6279c4;
	float: left;
	height: auto;
	width: 768px;
}
.intro-left {
	float: left;
	height: auto;
	width: 550px;
	color: #7f7f7f;
}
.intro-text {
	font-family: Tahoma;
	font-size: 11px;
	color: #7f7f7f;
	float: left;
	height: auto;
	width: 550px;
	padding-top: 5px;
	margin-bottom: 10px;
}
.intro-right {
	float: left;
	height: auto;
	width: 200px;
	padding-left: 18px;
}
.intro-picture {
	float: left;
	height: 132px;
	width: 193px;
	border: 1px solid #59595a;
}
.pic-desc {
	font-family: Tahoma;
	font-size: 9px;
	color: #333333;
	float: left;
	height: auto;
	width: 195px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.hours-of-operation {
	float: left;
	height: auto;
	width: 183px;
	font-family: Tahoma;
	font-size: 13px;
}
.kenmore-location {
	float: left;
	height: auto;
	width: 155px;
	font-family: Tahoma;
	font-size: 13px;
	background-image: url(images/a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
}
.lockport-location {
	float: left;
	height: auto;
	width: 155px;
	font-family: Tahoma;
	font-size: 13px;
	background-image: url(images/b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
}
.navigation {
	background-color: #203fa5;
	float: left;
	height: 35px;
	width: 810px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1c2b86;
	border-bottom-color: #1c2b86;
}
.nav{
	width: 100%;
	float: left;
	height: 35px;
}

.nav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.nav ul{
	width: 100%;
	margin: 0px;
	text-align: center;
	float: left;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	font-family: Tahoma;
	font-size: 14px;
}

.nav ul li{
display: inline;
}

.nav ul li a{
	color: #e4e4e4;
	text-decoration: none;
	width: auto;
	background: url(images/nav-dot.jpg) left center no-repeat;
	margin: 0px;
	text-align: center;
	float: left;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
}

.nav ul li a:hover, .nav ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 0px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #203fa5;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #1c2b86; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #1c2b86;
}
.main-body {
	background-color: #FFFFFF;
	float: left;
	height: auto;
	width: 750px;
	font-family: Tahoma;
	font-size: 11px;
	color: #7f7f7f;
	padding: 30px;
}
.footer {
	background-color: #203FA5;
	float: left;
	height: auto;
	width: 810px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #04106b;
	font-family: Tahoma;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.footer a
{
	color: #ffffff;
}
.footer a, .footer a:link {
	text-decoration: none;
} 
.footer a:active, .footer a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.latest-news-container {
	float: left;
	height: auto;
	width: 750px;
}
.news-header {
	font-family: Tahoma;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 750px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}.sp-header {
	font-family: Tahoma;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 750px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}
.news-content {
	float: left;
	height: auto;
	width: 750px;
	padding-top: 10px;
}
.news-box-a {
	float: left;
	height: auto;
	width: 375px;
}
.news-date {
	background-image: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	height: auto;
	width: 60px;
	padding-left: 10px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #6279c4;
}
.news-text {
	font-family: Tahoma;
	font-size: 10px;
	color: #7f7f7f;
	float: left;
	height: auto;
	width: 300px;
	padding-left: 5px;
}
.features-container {
	float: left;
	height: auto;
	width: 750px;
	margin-top: 10px;
}
.features-header {
	font-family: Tahoma;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 750px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
}
.features-content {
	float: left;
	height: auto;
	width: 750px;
	padding-top: 10px;
}.left-column {
	float: left;
	height: auto;
	width: 125px;
}
.right-column {
	float: left;
	height: auto;
	width: 615px;
	padding-left: 10px;
}
.sp-title {
	float: left;
	height: auto;
	width: 200px;
}
.home-image {
	float: right;
	height: 26px;
	width: 83px;
}
.sp-content {
	float: left;
	height: auto;
	width: 750px;
	padding-top: 10px;
}
