/* CSS Document */
a:link {color: #CCCC99; text-decoration: underline; }
a:visited {color: #999999; text-decoration: underline; }

a.one:link {color:#666666;
text-decoration: none;} 
a.one:visited {color: #666666;
text-decoration: none;} 
a.one:hover {color: #666666;
text-decoration: underline;} 



body {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
text-align:center;

}

.header {
font-size:36px;
font:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}

.subhead {
font-size: 24px;
font: Verdana, Arial, Helvetica, sans-serif;
color: #CCCC99;
font-weight:bold;
}

.subhead2 {
font-size: 18px;
font: Verdana, Arial, Helvetica, sans-serif;
color: #CCCC99;
font-weight:bold;
}

.whitehead {
font-size: 16px;
font: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}

#wrapper {
position: relative;
margin: 0 auto;
width: 800px;
text-align: left;

}

#logo {
position: absolute;
top: 0px;
width: 170px;
height: 134px;
background: url(images/logo.jpg);
margin: 0px;
margin-top: 0px;
}

#header {
	position: absolute;
	top: 90px;
	width: 600px;
	float: right;
	margin: 0px;
	left: 200px;
}



#bar {
position: absolute;
width: 100%;
top: 150px;
height: 10px;
background-color: #000000;
left: 0px;
}


#burgundy {
	position: absolute;
	width: 100%;
	top: 160px;
	height: 500px;
background-repeat:repeat-x;
	left: 0px;
	background-image: url(images/burgundy.jpg);
	
}

#right {
	position: absolute;
	width: 200px;
	height: 600px;
	top: 180px;
	left: 600px;

}

#content {
	position: absolute;
	left: 198px;
	top: 169px;
	width: 600px;
}



#footer {
	position: absolute;
	width:800px;
	top: 660px;
	height: 10px;
	color: #666666;
	
	
}

#footer2 {
	position: absolute;
	width: 100%;
	top: 1060px;
	height: 50px;
	color: #666666;
	background-color:#FFFFFF;
	left: 0px;
}

#footer3 {
	position: absolute;
	width: 100%;
	top: 955px;
	height: 50px;
	color: #666666;
	background-color:#FFFFFF;
	left: 0px;
	
}

#footer4 {
	position: absolute;
	width: 100%;
	top: 855px;
	height: 50px;
	color: #666666;
	background-color:#FFFFFF;
	left: 0px;
	
}

#extension {
	position: absolute;
	width: 100%;
	top: 660px;
	background-color: #B40218;
	left: 0px;
	height: 400px;
}

#extension1 {
	position: absolute;
	width: 100%;
	top: 660px;
	background-color: #B40218;
	left: 0px;
	height: 300px;
}

#extension2 {
	position: absolute;
	width: 100%;
	top: 660px;
	background-color: #B40218;
	left: 0px;
	height: 200px;
}



#nav {
position: absolute;
width: 170px;
height: 199px;
top: 180px;
left: 0px;
margin: 0;
padding: 0;
background: url(images/nav.gif);
}

#nav li {
float: left;
position: relative;
list-style: none;
}

#nav li a {
position:absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 24px;
width: 170px;
background: url(images/nav.gif) no-repeat;
text-indent: -9999px;
}

li#nav_home a {
top: 0;
width: 170px;
background-position: 0 0;
}

li#nav_staff a {
top: 24px;
width: 170px;
background-position: 0 -24px;
}

li#nav_chiro a {
top: 48px;
width: 170px;
background-position: 0 -48px;
}

li#nav_mass a {
top: 72px;
width: 170px;
background-position: 0 -72px;
}

li#nav_hours a {
top: 96px;
width: 170px;
background-position: 0 -96px;
}

li#nav_pay a {
top: 120px;
width: 170px;
background-position: 0 -120px;
}

li#nav_test a {
top: 144px;
width: 170px;
background-position: 0 -144px;
}

li#nav_contact a {
top: 168px;
width: 170px;
background-position: 0 -168px;
}

li#nav_home a:hover {
background-position: -170px 0;
}

li#nav_staff a:hover {
background-position: -170px -24px;
}

li#nav_chiro a:hover {
background-position: -170px -48px;
}

li#nav_mass a:hover {
background-position: -170px -72px;
}

li#nav_hours a:hover {
background-position: -170px -96px;
}

li#nav_pay a:hover {
background-position: -170px -120px;
}

li#nav_pay a:hover {
background-position: -170px -120px;
}

li#nav_test a:hover {
background-position: -170px -144px;
}

li#nav_contact a:hover {
background-position: -170px -168px;
}