BODY { background: url(/Page/background.gif) no-repeat #46d1ff; margin: 0px; padding: 0px 0px; }
BODY { color: #000000; font-family: 'Comic Sans MS', verdana, arial, helvetica, sans-serif; font-size: small; }
H1 { font-size: 22px; font-weight: bold; margin: 0px; padding: 0px; }
H2 { font-size: 22px; font-weight: bold; margin: 0px; padding: 0px; }
H3 { color: green; font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; }
HR { background-color: #463221; border: 0px; color: #463221; height: 1px; }
A:link { color: #006633; font-weight: bold; text-decoration: underline; }
A:visited { color: #006633; font-weight: bold; text-decoration: underline; }
A:hover { color: #c63033; font-weight: bold; text-decoration: underline; }
A:active { color: #c63033; font-weight: bold; text-decoration: underline; }
FORM { margin: 0px; padding: 0px; }
TABLE { border-color: #463221; }

.pole { background: url(/Page/pole.gif) top left repeat-y; }

.main { padding: 0px 20px 0px 10px; }
.header { padding: 20px 0px; }
.tagline H2 { font-family: FirstGrader, 'Comic Sans MS', Arial, sans-serif; font-size: 28px; font-weight: bold; color: #000000; margin: 0px; padding: 5px 0px 0px 0px; }

.content { padding: 20px 10px 20px 10px; }
.content { background: #e7ba84 url(/Page/content.gif) center center repeat; }
/*.content { background: #e7ba84; float: left; filter: alpha(opacity=85); -moz-opacity:.85; opacity:.85; }*/
/*.content { border: solid 6px #463221; }*/
.content H1 { color: #c63033; font-family: FirstGrader, 'Comic Sans MS', Arial, sans-serif; font-size: 36px; font-weight: bold; }
.content H1 { background: url(/Page/logo-h1.gif) top right no-repeat; margin: 0px; padding: 35px 0px 35px 0px; width: 100%; }
.content UL { list-style-image: url(/Page/smiley.gif); margin: 0px 50px; padding: 0px; }
.content LI { margin: 10px 0px; }
.content IMG { padding: 0px 5px; }
IMG.nopad { padding: 0px 0px; }

TD.content-top-l { background: #e7ba84 url(/Page/content-top-l.gif) top left no-repeat; margin: 0px; padding: 0px; height: 6px; width: 6px; }
TD.content-top { background: #e7ba84 url(/Page/content-top.gif) top center repeat-x; margin: 0px; padding: 0px; height: 6px; }
TD.content-top-r { background: #e7ba84 url(/Page/content-top-r.gif) top right no-repeat; margin: 0px; padding: 0px; height: 6px; width: 6px; }
TD.content-left { background: #e7ba84 url(/Page/content-left.gif) center left repeat-y; margin: 0px; padding: 0px; width: 6px; }
TD.content-right { background: #e7ba84 url(/Page/content-right.gif) center left repeat-y; margin: 0px; padding: 0px; width: 6px; }
TD.content-bottom-l { background: #e7ba84 url(/Page/content-bottom-l.gif) bottom left no-repeat; margin: 0px; padding: 0px; height: 6px; width: 6px; }
TD.content-bottom { background: #e7ba84 url(/Page/content-bottom.gif) bottom center repeat-x; margin: 0px; padding: 0px; height: 6px; }
TD.content-bottom-r { background: #e7ba84 url(/Page/content-bottom-r.gif) bottom right no-repeat; margin: 0px; padding: 0px; height: 6px; width: 6px; }

#index { background: url(/Page/logo-h1.gif) top right no-repeat; margin: 0px; padding: 0px; width: 100%; }
#CountDown { background: url(/Page/board.gif) center center no-repeat; }
#CountDown { line-height: 40px; margin: 0px 0px; padding: 0px; }
#CountDown { color: #c63033; font-size: 22px; font-weight: bold; }
#indextoprow { width: 100%; }
#OpenHouseOuter { background: #ffffff; }
#OpenHouse { background: url(/Page/ConfettiBackgroundAnimated.gif) center center repeat; }

/*#SlideShowBox { background: url(/Page/index.jpg) center center no-repeat; }*/
#SlideShow { border: solid 2px #463221; width: 400px; height: 300px; line-height: 300px; }

/*Set #SSCaption to hide caption if not wanted: */
#SSCaption { display: none; }

TABLE#contact { border: solid 2px #463221; padding: 5px; }
.contactcol1 { background: #e7ba84; padding: 0px 5px; }
.contactcol2 { padding: 0px 5px; }
#contact INPUT, #contact SELECT, #contact TEXTAREA { background: #e7ba84; }
#contact .button { background-color: #3AA35F; color: #ffffff; font-weight: bold; }

#datesrates { border-collapse: collapse; }
#datesrates TD { border: solid 1px #463221; border-collapse: collapse; }
.datesrates-h TD { font-weight: bold; background: #999999; }
.datesrates-row1 TD { background: #eeeeee; }
.datesrates-row2 TD { background: #cccccc; }

.footer { height: 55px; padding-bottom: 10px; padding-left: 153px; }
.grass { background: url(/Page/grass.gif) bottom left repeat-x; }

.copyright { background: #ffffff; float: left; filter: alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
.copyright { color: #463221; font-size: 10px; text-align: center; padding: 5px; }
.copyright A:link { color: #463221; font-weight: bold; text-decoration: none; }
.copyright A:visited { color: #463221; font-weight: bold; text-decoration: none; }
.copyright A:hover { color: #c63033; font-weight: bold; text-decoration: underline; }
.copyright A:active { color: #c63033; font-weight: bold; text-decoration: underline; }

@media print
{ 
.noprint { visibility: hidden; position: absolute; left: 0px; top: 0px; }
}


/* MENU CSS */
/* basic style formatting */
TD#menu { margin: 0px; padding: 0px 0px; width: 153px; }
#menu { font-family: FirstGrader,'Comic Sans MS', Arial, sans; font-size: 14px; }
#menu ul ul { font-family: 'Comic Sans MS', Arial, sans; font-size: 14px; }
#menu ul .poletop { background: url(/Page/pole-top.gif) no-repeat; height: 50px; }
#menu ul .home { background: url(/Page/home.gif) no-repeat; height: 50px; }
#menu ul .about { background: url(/Page/about.gif) no-repeat; height: 50px; }
#menu ul .programs { background: url(/Page/programs.gif) no-repeat; height: 50px; }
#menu ul .activities { background: url(/Page/activities.gif) no-repeat; height: 50px; }
#menu ul .registration { background: url(/Page/registration.gif) no-repeat; height: 50px; }
#menu ul .photos { background: url(/Page/photos.gif) no-repeat; height: 50px; }
#menu ul .faq { background: url(/Page/faq.gif) no-repeat; height: 50px; }
#menu ul .careers { background: url(/Page/careers.gif) no-repeat; height: 50px; }
#menu ul .contact { background: url(/Page/contact.gif) no-repeat; height: 50px; }

#menu ul .poletop A, 
#menu ul .home A, 
#menu ul .about A, 
#menu ul .programs A, 
#menu ul .activities A, 
#menu ul .registration A, 
#menu ul .photos A, 
#menu ul .faq A, 
#menu ul .careers A, 
#menu ul .contact A 
{ height: 50px; }

#menu ul .home h4, 
#menu ul .about h4, 
#menu ul .programs h4, 
#menu ul .activities h4, 
#menu ul .registration h4, 
#menu ul .photos h4, 
#menu ul .faq h4, 
#menu ul .careers h4, 
#menu ul .contact h4 
{ height: 50px; margin: 0px; padding: 0px; }

#menu ul .home ul a, 
#menu ul .about ul a, 
#menu ul .programs ul a, 
#menu ul .activities ul a, 
#menu ul .registration ul a, 
#menu ul .photos ul a, 
#menu ul .faq ul a, 
#menu ul .careers ul a, 
#menu ul .contact ul a 
{ height: 20px; line-height: 20px; padding-left: 5px; }

/* #menu, #menu a, #menu h4 { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 13px; font-style: italic; font-weight: bold; } */
/* #menu H2 { background: #165829; color: #ffffff; font-size: 16px; font-style: italic; margin: 0px; text-align: center; } */

/* Added width of 153px to UL on 61208 in order to prevent gallery page from interfering with rendering of the menu */
#menu ul { list-style: none; margin: 0px; padding: 0px; white-space: nowrap; width: 153px; }
#menu ul a, #menu ul h4 { width: 153px; }
#menu ul a, #menu ul h4 { display: block; }
/* #menu ul a, #menu ul h4 { letter-spacing: 1px; } */
#menu ul a:link, #menu ul a:visited, #menu ul h4 { background: transparent; color: #165829; text-decoration: none; }
#menu ul a:hover, #menu ul a:active, #menu ul h4:hover, #menu ul h4:active { background: transparent; color: #ffffff; text-decoration: none; }

/* Sub-menus */
#menu ul ul a:link, #menu ul ul a:visited { background: url(/Page/content.gif) repeat center center #e7ba84; color: #463221; text-decoration: none; }
#menu ul ul a:hover, #menu ul ul a:active { background: url(/Page/content.gif) repeat center center #463221; color: #ffffff; text-decoration: none; }
#menu ul ul .subtop a { background: url(/Page/submenu-top.gif) no-repeat top center; }
#menu ul ul .subbottom a { background: url(/Page/submenu-bottom.gif) no-repeat bottom center; }

/* width of containing UL for submenu needs to allow for padding-left: 5px on #menu A */
#menu ul ul { width: 209px; }
#menu ul ul a { width: 200px; }

/* sets height and forces all menu text to vertically align */
/* #menu li { line-height: 20px; } */

/* borders need to go on the a blocks since netscape expands the cell's height on hover */
#menu ul ul { border: 3px #463221; border-style: solid none solid none; }
#menu ul ul li { border: 3px #463221; border-style: none solid none solid; }
#menu ul ul a { border: 1px #463221; border-style: none none solid none; }
#menu ul ul .subbottom a { border: 0px #463221; border-style: none none solid none; }

/*
#menu ul ul { position: absolute; top: auto; left: -1px; z-index: 500; }
changed to: */
#menu ul ul { position: absolute; top: 10px; left: 145px; }
#menu ul ul { display: none; white-space: normal; }
#menu li { position: relative; }

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

#menu li:hover { cursor: pointer; z-index: 10; }
#menu h4:hover { cursor: default; z-index: 10; }

#menu li:hover ul ul,
#menu li li:hover ul ul,
#menu li li li:hover ul ul,
#menu li li li li:hover ul ul
 { display: none; }

#menu li:hover ul,
#menu li li:hover ul,
#menu li li li:hover ul,
#menu li li li li:hover ul
 { display: block; }

/* End of non-anchor hover selectors */
/* MENU CSS */

/*
Colors:

Dk Brown: #463221;  
Brown: #925d50;
Tan: #e7ba84;
Blue: #46d1ff;
Green: #006633; #00ac4c;
Lt Green: #3AA35F; 
Red: #ff0000; #c63033;

Fonts:
Adamsky SF
FirstGrader


*/