/* --------------------------------------------------------------- Pony Corral Menu Style Sheet Authored by: Bob Duncan, bob.duncan@freepress.mb.ca Authored by: Eric Bailey, eric.bailey@freepress.mb.ca Version: September 26, 2006 ---------------------------------------------------------------- */ /* --------------------------------------------------------------- Content Styles ---------------------------------------------------------------- */ #left_contain { margin-right: -350px; width: 100%; float: left; } #left_content { margin-right: 350px; } #right { padding-left: 10px; width: 340px; float: right; } h5 { color: #666; font-size: 12px; } #menu { width: 250px; float:left; } #texas_menu, #appetiz_menu, #lunch_menu, #dinner_menu, #dessert_menu, #alcohol_menu, #salads_menu, #munchies_menu, #hotdrinks_menu, #classic_menu, #specialty_menu, #smoothies_menu, #banquet_menu { padding-top: 25px; clear: both; } #steakeggs { margin-top: 15px; padding: 15px 0 0 85px; background:url(../images/steak_eggs.gif) no-repeat; width: 258px; height: 90px; } #special { margin: 15px 0 10px 0; padding: 2px 0 0 20px; background:url(../images/special.gif) no-repeat; width: 258px; height: 84px; } #special2 { margin: 15px 0 10px 0; padding: 2px 0 0 10px; background:url(../images/special2.gif) no-repeat; width: 266px; height: 99px; } #special3 { margin: 15px 0 10px 0; padding: 2px 0 0 10px; background:url(../images/special3.gif) no-repeat; width: 266px; height: 113px; } #cajun { margin: 15px 0 10px 0; background:url(../images/cajun.gif) no-repeat; width: 266px; height: 142px; } #cajun #title { padding: 10px 0 0 81px; } #cajun #text { padding: 18px 0 0 15px;} #steaksandwich { margin: 15px 0 10px 0; padding: 5px 0 0 85px; background:url(../images/steaksandwich.gif) no-repeat; width: 266px; height: 105px; } #cowboy { margin: 18px 0 20px 0; padding: 0 0 0 15px; background:url(../images/cowboy.jpg) no-repeat; width: 293px; height: 198px; } #steak_dinner { margin: 20px 0 15px -10px; padding: 10px 0 0 15px; background:url(../images/Steak_Dinner.gif) no-repeat; width: 304px; height: 371px; } #bigfella { margin: 15px 0 10px 0; padding: 2px 0 0 20px; background:url(../images/bigfella.gif) no-repeat; width: 266px; height: 114px; } .menuitem_head { padding-top: 15px; font-size: 1.5em; font-weight: bold; color: #666666; } /* --------------------------------------------------------------- Nav Styles ---------------------------------------------------------------- */ #menu_nav { margin-bottom: 15px; width: 241px; } #menu_nav li { list-style-type: none; width: 241px; float: left; } #menu_nav a {text-decoration: none; text-indent: -9999px; width: 100%; height: 100%; display: block; } /* texas breakfast */ #menu_nav li#texas { background: url(../images/texas_over.gif) no-repeat; height: 22px; } #menu_nav li#texas a { background: url(../images/texas.gif) no-repeat; } #menu_nav li#texas a:hover, #menu_nav li#texas a:focus { background: url(../images/texas_over.gif) top left no-repeat; background-position: center; } #menu_nav li#texas_on { background: url(../images/texas_current.gif) top left no-repeat; background-position: center; height: 22px; } /* appetizers */ #menu_nav li#appetiz { background: url(../images/appetiz_over.gif) no-repeat; height: 21px; } #menu_nav li#appetiz a { background: url(../images/appetiz.gif) no-repeat; } #menu_nav li#appetiz a:hover, #menu_nav li#appetiz a:focus { background: url(../images/appetiz_over.gif) top left no-repeat; background-position: center; } #menu_nav li#appetiz_on { background: url(../images/appetiz_current.gif) top left no-repeat; background-position: center; height: 21px; } /* lunch */ #menu_nav li#lunch { background: url(../images/lunch_over.gif) no-repeat; height: 21px; } #menu_nav li#lunch a { background: url(../images/lunch.gif) no-repeat; } #menu_nav li#lunch a:hover, #menu_nav li#lunch a:focus { background: url(../images/lunch_over.gif) top left no-repeat; background-position: center; } #menu_nav li#lunch_on { background: url(../images/lunch_current.gif) top left no-repeat; background-position: center; height: 21px; } /* dinner */ #menu_nav li#dinner { background: url(../images/dinner_over.gif) no-repeat; height: 21px; } #menu_nav li#dinner a { background: url(../images/dinner.gif) no-repeat; } #menu_nav li#dinner a:hover, #menu_nav li#dinner a:focus { background: url(../images/dinner_over.gif) top left no-repeat; background-position: center; } #menu_nav li#dinner_on { background: url(../images/dinner_current.gif) top left no-repeat; background-position: center; height: 21px; } /* dessert */ #menu_nav li#dessert { background: url(../images/dessert_over.gif) no-repeat; height: 21px; } #menu_nav li#dessert a { background: url(../images/dessert.gif) no-repeat; } #menu_nav li#dessert a:hover, #menu_nav li#dessert a:focus { background: url(../images/dessert_over.gif) top left no-repeat; background-position: center; } #menu_nav li#dessert_on { background: url(../images/dessert_current.gif) top left no-repeat; background-position: center; height: 21px; } /* alcoholic */ #menu_nav li#alcoholic { background: url(../images/alcoholic_over.gif) no-repeat; height: 22px; } #menu_nav li#alcoholic a { background: url(../images/alcoholic.gif) no-repeat; } #menu_nav li#alcoholic a:hover, #menu_nav li#alcoholic a:focus { background: url(../images/alcoholic_over.gif) top left no-repeat; background-position: center; } #menu_nav li#alcoholic_on { background: url(../images/alcoholic_current.gif) top left no-repeat; background-position: center; height: 22px; } /* salads */ #menu_nav li#salad { background: url(../images/salad_over.gif) no-repeat; height: 22px; } #menu_nav li#salad a { background: url(../images/salad.gif) no-repeat; } #menu_nav li#salad a:hover, #menu_nav li#salad a:focus { background: url(../images/salad_over.gif) top left no-repeat; background-position: center; } #menu_nav li#salad_on { background: url(../images/salad_current.gif) top left no-repeat; background-position: center; height: 22px; } /* munchies */ #menu_nav li#munchies { background: url(../images/munchies_over.gif) no-repeat; height: 21px; } #menu_nav li#munchies a { background: url(../images/munchies.gif) no-repeat; } #menu_nav li#munchies a:hover, #menu_nav li#munchies a:focus { background: url(../images/munchies_over.gif) top left no-repeat; background-position: center; } #menu_nav li#munchies_on { background: url(../images/munchies_current.gif) top left no-repeat; background-position: center; height: 21px; } /* hot drinks */ #menu_nav li#hotdrinks { background: url(../images/hotdrinks_over.gif) no-repeat; height: 22px; } #menu_nav li#hotdrinks a { background: url(../images/hotdrinks.gif) no-repeat; } #menu_nav li#hotdrinks a:hover, #menu_nav li#hotdrinks a:focus { background: url(../images/hotdrinks_over.gif) top left no-repeat; background-position: center; } #menu_nav li#hotdrinks_on { background: url(../images/hotdrinks_current.gif) top left no-repeat; background-position: center; height: 22px; } /* classic */ #menu_nav li#classic { background: url(../images/classic_over.gif) no-repeat; height: 22px; } #menu_nav li#classic a { background: url(../images/classic.gif) no-repeat; } #menu_nav li#classic a:hover, #menu_nav li#classic a:focus { background: url(../images/classic_over.gif) top left no-repeat; background-position: center; } #menu_nav li#classic_on { background: url(../images/classic_current.gif) top left no-repeat; background-position: center; height: 22px; } /* specialty */ #menu_nav li#specialty { background: url(../images/specialty_over.gif) no-repeat; height: 21px; } #menu_nav li#specialty a { background: url(../images/specialty.gif) no-repeat; } #menu_nav li#specialty a:hover, #menu_nav li#specialty a:focus { background: url(../images/specialty_over.gif) top left no-repeat; background-position: center; } #menu_nav li#specialty_on { background: url(../images/specialty_current.gif) top left no-repeat; background-position: center; height: 21px; } /* smoothies */ #menu_nav li#smoothies { background: url(../images/smoothies_over.gif) no-repeat; height: 22px; } #menu_nav li#smoothies a { background: url(../images/smoothies.gif) no-repeat; } #menu_nav li#smoothies a:hover, #menu_nav li#smoothies a:focus { background: url(../images/smoothies_over.gif) top left no-repeat; background-position: center; } #menu_nav li#smoothies_on { background: url(../images/smoothies_current.gif) top left no-repeat; background-position: center; height: 22px; }