@charset "utf-8";
/* CSS Document */

html, body { height:100%; }
html, body { margin:0; padding:0 }
body { background: #fff; margin: 0px; padding: 0px; font-family: arial; font-size: 13px; color:#333; line-height: 17px; background: #fff url(bg.jpg) no-repeat; background-position: top center; }
table { border-collapse:collapse; }
p { margin-top: 0; line-height: 18px; }
#bodywrapper { }
#contentwrapper { margin: 0 auto; padding: 0; }
#maincontent { width: 850px; margin: 0 auto; padding: 0; background: url(content-bg.jpg) repeat-y; }
#maincontent .left { float: left; width: 224px; height: 551px; background: url(left.jpg) no-repeat top; margin: 0; padding: 0; }
#maincontent .center { float: left; width: 552px; background: url(top.jpg) no-repeat; padding: 135px 20px 20px 20px; margin: 0; }
#maincontent .right { float: left; width: 34px; height: 551px; background: url(right.jpg) no-repeat; margin: 0; padding: 0; }
#navlinkblock { width: 148px; margin-left: 27px; margin-top: 240px; height: 114px; }
#navlinks { margin:0; padding: 0; }
#navlinks li { margin:0; padding: 0; list-style:none; }
.homelink { display: block; height: 24px; width: 148px; margin-bottom: 6px !important; }
.homelink a { display:block; width/**/:148px; height/**/:24px; line-height:24px; text-indent:-9000px; background:url(about-us.png) no-repeat top left; }
.homelink a:hover { background-position: right; }
.calendarlink { display: block; height: 24px; width: 148px; margin-bottom: 6px !important; }
.calendarlink a { display:block; width/**/:148px; height/**/:24px; line-height:24px; text-indent:-9000px; background:url(calendar.png) no-repeat top left; }
.calendarlink a:hover { background-position: right; }
.programslink { display: block; height: 24px; width: 148px; margin-bottom: 6px !important; }
.programslink a { display:block; width/**/:148px; height/**/:24px; line-height:24px; text-indent:-9000px; background:url(programs.png) no-repeat top left; }
.programslink a:hover { background-position: right; }
.gallerylink { display: block; height: 24px; width: 148px; }
.gallerylink a { display:block; width/**/:148px; height/**/:24px; line-height:24px; text-indent:-9000px; background:url(gallery.png) no-repeat top left; }
.gallerylink a:hover { background-position: right; }
#emaillink { display: block; height: 14px; width: 89px; margin-left: 35px; margin-top: 180px; }
#emaillink a { display:block; width/**/:89px; height/**/:14px; line-height:14px; text-indent:-9000px; background:url(email.png) no-repeat top left; }
#emaillink a:hover { background-position: bottom; }
.active { background-position: right !important; }


.header-welcome { display:block; width/**/:192px; height/**/:52px; line-height:52px; text-indent:-9000px; background:url(h1-welcome.png) no-repeat top left; margin-left: -8px; margin-top: 0px; }

.header-programs { display:block; width/**/:192px; height/**/:75px; line-height:75px; text-indent:-9000px; background:url(h1-programs.png) no-repeat top left; margin-left: -8px; margin-top: 0px; margin-bottom: 0;}

.header-gallery { display:block; width/**/:192px; height/**/:75px; line-height:75px; text-indent:-9000px; background:url(h1-gallery.png) no-repeat top left; margin-left: -8px; margin-top: 0px; margin-bottom: 0;}

.header-calendar { display:block; width/**/:192px; height/**/:52px; line-height:52px; text-indent:-9000px; background:url(h1-calendar.png) no-repeat top left; margin-left: -8px; margin-top: 0px; }





#footerwrapper { height: 150px; margin: 0 auto; }
#footer { width: 850px; height: 31px; margin: 0 auto; background: url(footer.jpg) no-repeat top; }
#spacer { height: 40px; width: 810px; margin: 0 auto; padding: 15px 40px 0 0; font-size:11px; color: #B8B8B8; text-align: right; }
#spacer a { text-decoration: none; color: #8b9aaa; }
#spacer a:hover { text-decoration: none; color: #a8b6c6; }
.clear { clear: both; }