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

/*-- browser reset --*/
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, th, td { margin: 0; padding: 0; line-height: 1.3; }
img { border: 0; }
html { height: 101%; }

/* layout */
body { background: #006600; text-align: center; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
#outerWrap { background: #007700 url(http://s172560514.onlinehome.us/augusthue/images/avonlea/bg_top_repeat-x.png) 0 0 repeat-x; margin: 0; padding: 0; }
#wrapper { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/bg_btm_repeat-x.png) bottom center repeat-x; height: 100%; width: 100%; padding: 0; margin: 0; }
#banner { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/bg_banner.png) top left no-repeat; width: 920px; height: 110px; padding: 0 20px ; margin: 0 auto; position: relative; overflow: hidden; }
#mainContent { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/bg_mainContent_repeat-y.png) top center repeat-y; width: 880px; height: auto; margin: 0 auto; padding: 20px 40px; text-align: justify; }
#footer { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/bg_footer.png) top center no-repeat; width: 880px; height: 120px; padding: 0 40px; margin: 0 auto; position: relative; overflow: hidden; }

/* text replacement */
#h1_logo { height: 80px; width: 226px; display: block; margin: 0; padding: 10px 0 0 0;}
#h1_logo a { height: 80px; width: 226px; display: block; margin: 0; padding: 0; background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/h1_logo.png) 0 0 no-repeat; overflow: hidden; text-indent: -9999px;}
#h1_logo a:hover { background-position: 0 -80px; }

/* nav systems */
#mainNav { display: block; position: absolute; right: 0; bottom: 0; height: 20px; width: auto; padding: 0 40px 20px 0; }
#mainNav li { display: block; float: right; width: auto; height: 20px; list-style: none; text-align: right; }
#mainNav li a { color: #1C9803; text-decoration: none; font-size: 16px; font-weight: 600; margin: 0 0 0 20px; }
#mainNav li a:hover { color: #00CC00; }

#footNav { display: block; position: absolute; left: 0; top: 30px; height: 40px; width: 660px; padding: 0 0 30px 40px; }
#footNav li { display: block; float: left; width: auto; height: 20px; list-style: none; text-align: left; padding: 0; margin: 0 20px 10px 0; font-size: 14px; }
#footNav li a { color: #FFF; text-decoration: none; font-size: 14px; font-weight: 600; padding: 0; margin: 0; }
#footNav li a:hover { text-decoration: underline; }
#footNav #footCopy { width: 600px; color: #FFF; }

#indexPanels {  display: block; position: relative; height: auto; width: 880px; padding: 0; margin: 0; overflow: hidden; }
#indexPanels li { display: block; list-style: none; width: 480px; padding: 0; margin: 0; float: left }
#indexPanels .h2Title { height: 27px; padding: 10px 0 10px 0;}
#indexPanels .h2Title h2 { padding: 0; margin: 0; display: block; height: 27px; width: 480px; text-indent: -9999px;}
#indexPanels .h2Title.welcome_homeH2 h2 { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/h2_index.png) 0 0 no-repeat; }
#indexPanels .h2Title.amenitiesH2 h2 { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/h2_amenities.png) 0 0 no-repeat; }
#indexPanels .h2Title.activitiesH2 h2 { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/h2_activities.png) 0 0 no-repeat; }
#indexPanels .h2Title.contactH2 h2 { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/h2_contact.png) 0 0 no-repeat; }
#indexPanels .h2Title.cottagesH2 h2 { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/h2_cottages.png) 0 0 no-repeat; }
#indexPanels .h2Title.floorplansH2 h2 { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/h2_floorplans.png) 0 0 no-repeat; }
#indexPanels .h2Title.menuH2 h2 { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/h2_menu.png) 0 0 no-repeat; }
#indexPanels .mainTextContent { padding: 10px 0; }
#indexPanels .mainTextContent p,
#indexPanels .mainTextContent h3
{ font-size: 14px; padding: 0 0 15px 0; margin: 0; }
#indexPanels .mainTextContent h3 { font-size: 18px; padding: 0 0 10px 0; }

#indexPanels .pageImg { width: 380px; float: right; }
#indexPanels .pageImg.imgVert {}
#indexPanels .advert { clear: right; float: right; width: 380px; height: 160px; padding: 10px 0 0 0; }
#indexPanels .advert a { display: block; width: 380px; height: 160px; text-indent: -9999px; overflow: hidden; }
#indexPanels .advert a.indexAd { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/btn_index_askAbout.png) 0 0 no-repeat; }
#indexPanels .advert a.menuAd { background: url(http://s172560514.onlinehome.us/augusthue/images/avonlea/btn_amen_menu.png) 0 0 no-repeat; padding-bottom: 10px; }

#indexPanels li.mainTextContent ul { padding: 0 20px 15px 20px; width: 440px; overflow: hidden; }
#indexPanels li.mainTextContent ul li { display:list-item; list-style: disc; padding: 3px 0; width: 440px; }

#indexPanels .mainTextContent .contactList { display: block; position: relative; height: auto; width: 480px; padding: 0; margin: 0; overflow: hidden; }
#indexPanels .mainTextContent .contactList .contactBy { text-align: right; }
#indexPanels .mainTextContent .contactList li { display: block; list-style: none; width: 240px; padding: 0; margin: 0; float: left }
#indexPanels .mainTextContent .contactList li ul {display: block; width: 220px; padding: 0; margin:0; }
#indexPanels .mainTextContent .contactList li ul li { width: 220px; padding: 5px 10px; margin: 0; height: 2em; display:block;}
#indexPanels .mainTextContent .contactList li ul li.byMail { height: 4em; }

#indexPanels li a.fpAs { display: block; width: 480; height: auto; padding: 0 0 20px 0; overflow: hidden; color: none; }


#indexPanels li.contactForm { padding: 20px 0; width: 880px;}
#indexPanels li.contactFormIE { display: none; }
#indexPanels li.map {  width: 880px;}

#indexPanels li.outerMenuLI { width: 880px; margin: 0; padding: 0; }
#indexPanels li.outerMenuLI ul.menuHolderUL { width: 880px; margin: 0; padding: 0; }
#indexPanels li.outerMenuLI ul.menuHolderUL li { width: 880px; margin: 0; padding: 0; position: relative; overflow: hidden; height: auto; }
#indexPanels li.outerMenuLI ul.menuHolderUL li ul { width: 439px; margin: 0; padding: 0; float: left; position: relative; overflow: hidden; float: left; }
#indexPanels li.outerMenuLI ul.menuHolderUL li ul li { text-align: left; width: 400px; padding: 12px 20px; }
#indexPanels li.outerMenuLI ul.menuHolderUL li ul li.day { text-align: center; font-size: 24px; padding: 12px 20px 20px 20px; }
#indexPanels li.outerMenuLI ul.menuHolderUL li ul li.meal { text-align: center; font-size: 18px;  color: #006600; letter-spacing: 4px;  background: #EFE;  }
#indexPanels li.outerMenuLI ul.menuHolderUL li ul li.instruction { font-weight: 600; padding: 26px 20px 12px 20px; }
#indexPanels li.outerMenuLI ul.menuHolderUL li.menuKey { width: 880px; margin: 0; padding: 12px 0 0 0; height: auto; color: #006600; }


/* type */
p, h1, h2, h3, h4, h5, h6, li { font-size: 14px; padding: 0; margin: 0 0 15px 0; }
p {}
h2 { font-size: 24px; }
h3 { font-size: 18px; }
a { color: #006600; text-decoration: none; font-size: inherit; font-weight: 300; }
a:hover { color: #00CC00; text-decoration: underline; }

ul { padding: 0 20px; }