/* */ /* Hendersons purple 7F215F orange E38600 */ /* Main body */ body {background:#f4f4f4 url(images/bg.gif) top center repeat-y; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0;} #wrap {background:#fff; color:#404040; margin:0 auto; width:980px; background: #d7d3cf;} body { background-color: #d7d3cf; } /* Basic tags */ a {background-color:inherit; color:#7F215F; font-weight:700; text-decoration:none;} a:hover {background-color:inherit; color:#286ea0; text-decoration:underline;} a img {border:0;} p {margin:0 0 1.4em;text-align: left;} a:link { color: #7F215F; } /* Header */ #header {margin:0; padding:0;} #header h1 {background-color:inherit; color:#505050; float:left; font-size:2em; margin:0 0 10px; width:460px;} #header h1 a {background-color:inherit; color:#505050; text-decoration:none;} #header p {float:right; font-weight:700; line-height:1.3em; margin:8px 0 0; text-align:center; width:510px;} #frontphoto {border:0; margin:0px;} /*Left and right sidebar */ #leftside {clear:left; float:left; margin:0 0 5px; padding:0; width:200px; background-image:url(images/blackboard-left-200-600.gif);height: 600px;} #rightside {float:right; line-height:1.4em; margin:10px 0 5px; padding:0; width:200px;} #leftside p,#leftside ul, #rightside p,#rightside ul {margin:0 0 16px; padding:0;} #leftside p, #rightside p {font-size:0.9em; line-height:1.4em;} #leftside li, #rightside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0;} #leftside ul ul, #rightside ul ul {margin:6px 0 0 10px; padding:0;} #leftside ul ul li, #rightside ul ul li {margin:0 0 4px;} #leftside ul ul li a, #rightside ul ul li a {font-weight:400;} #leftside h2,#leftside h3, #rightside h2,#rightside h3 {color:#505050; font-size:1.2em; margin:0 0 8px; padding:0;} /* Main menu */ #leftside ul.avmenu, #rightside ul.avmenu {font:120% Verdana,Tahoma,Arial,sans-serif; font-weight:200; } #leftside ul.avmenu, #rightside ul.avmenu {display:block; list-style:none; margin:10px 0 18px 0; padding:0; width:200px;} #leftside ul.avmenu li, #rightside ul.avmenu li {display:inline; line-height:1.4em; padding:0; width:200px;} /* original #leftside ul.avmenu li a, #rightside ul.avmenu li a {background-color:#f4f4f4; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:190px;} */ #leftside ul.avmenu li a, #rightside ul.avmenu li a {color:#FFFFFF; float:left; font-weight:200; margin-left:20px; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:190px;} /* original #leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current, #rightside ul.avmenu li a:hover,#rightside ul.avmenu li a.current {background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050;} */ #leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current, #rightside ul.avmenu li a:hover,#rightside ul.avmenu li a.current {color:#c4470a;} #leftside ul.avmenu ul, #rightside ul.avmenu ul {font-size:0.9em; margin:0 0 0 35px; padding:0 0 5px; width:185px;} #leftside ul.avmenu ul a, #rightside ul.avmenu ul a {font-weight:400; padding:3px 1px 3px 5px; width:175px;} #leftside ul.avmenu ul ul, #rightside ul.avmenu ul ul {width:173px;} #leftside ul.avmenu ul ul a, #rightside ul.avmenu ul ul a {width:160px;} /* Main content */ #content {border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; line-height:1.5em; margin:10px 210px 5px; padding:0 10px; background: #d7d3cf; } #contentwide {border-left:1px solid #e0e0e0; line-height:1.5em; margin:10px 10px 5px 210px; padding:0 0 0 10px;} #contentwide2 {border-right:1px solid #e0e0e0; line-height:1.5em; margin:0 210px 5px 0; padding:0 10px 0 0;} #content h1,#contentwide h1,#contentwide2 h1 {font-size:1.8em; margin:0 0 10px; color:#7F215F; line-height:1.2em;} #content h2,#contentwide h2,#contentwide2 h2 {font-size:1.6em; margin:0 0 10px; color:#E38600} #content h3,#contentwide h3,#contentwide2 h3 {font-size:1.3em; margin:0 0 8px; color: #E38600} /* image css to have border #content img,#contentwide img,#contentwide2 img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;} */ #content img,#contentwide img,#contentwide2 img {display:inline; padding:2px;} #content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0 0 16px 20px; padding:0;} #content li,#contentwide li,#contentwide2 li {margin:0; padding:0 0 0 5px;} #content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;} /* Footer */ #footer {background:#fff; border-top:2px solid #e0e0e0; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; width:980px; line-height:1.5em; font-size:0.9em;} #footer p {margin:0; padding:0; text-align: center;} #footer a {background-color:#fff; color:gray; font-weight:400; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer span {font-size:1.2em;} /* Additional classes */ .left {float:left; margin:3px 10px 2px 0;} .right {float:right; margin:2px 0 2px 10px;} .textright {text-align:right; margin:5px 0;} .center {text-align:center;} .small {font-size:0.8em;} .bold {font-weight:700;} .timestamp {font-size:1.2em; margin:-5px 0 15px 10px;} .timestamp a {font-weight:400;} .announce {background-color:#f4f4f4; border-left:4px solid #ccc; clear:left; color:#505050; font-size:0.9em; line-height:1.5em; margin:10px 0 15px; padding:7px 5px 2px 5px; width:186px;} .announce p {margin:10px 0 0; padding:0;} .postinfo {background-color:#f4f4f4; border-left:4px solid #ccc; color:#606060; font-size:0.9em; line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px;} .clearing {clear:left; margin:0; padding:0; visibility:hidden;} .hide {display:none;} .highlight {color: #E38600;} .menu h3 { text-align:center;} .menu p { text-align:center;} .green {color: #69a60c;} .red {color: #FF0000;} .orange {color: #E38600;} .purple {color: #7F215F;} .black {color: #000000;} .form td { font-weight: bold; } .image-with-caption { background-color: #CBCBC7; width: 302px; border: 1px solid #CCCCCC; padding: 3px; font-family: Helvetica, Arial,sans-serif; font-size: 0.8em; font-weight: bold; font-style:italic; margin-top: 0; margin-right: 10px; margin-bottom: 0; margin-left: 10px; } .image-with-caption-200 { width: 202px; } .image-row { text-align: center; } #nav1 { clear: both; margin: 0 auto; padding: 0; background:url(images/background-blackboard-980.jpg); font: 16px/40px Verdana,Tahoma,Arial,sans-serif; height: 40px; width: 980px; border-top :${menuBorderSize}px solid $menuBorderColor ; border-bottom : ${menuBorderSize}px solid $menuBorderColor ; } #nav1 ul { float: left; list-style: none; margin:0; padding: 0 ; margin-left: 20px; } #nav1 ul li { display: inline; } #nav1 ul li a { display: block; float: left; padding: 0 8px; color: #FFFFFF; text-decoration: none; text-align:center; } #nav1 ul li a.active { text-decoration: underline; color: #D9CD60; } #nav1 ul li a:hover {color:#c4470a;} #nav1 .restaurant {width: 120px; height: 40px; background: url(images/navigation-main-sprites.png) 0 0 no-repeat;} #nav1 a.restaurant {width: 120px; height: 40px; background: url(images/navigation-main-sprites.png) 0 0 no-repeat; background-position: 0 -1170px;} #nav1 a.restaurant:hover {width: 120px; height: 40px; background: url(images/navigation-main-sprites.png) 0 0 no-repeat;background-position: 0 -1080px;} #nav1 .bistro {width: 80px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat;} #nav1 a.bistro {width: 80px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -270px;} #nav1 a.bistro:hover {width: 80px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -180px;} #nav1 .deli {width: 60px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat;} #nav1 a.deli {width: 60px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -630px;} #nav1 a.deli:hover {width: 60px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -540px;} #nav1 .bakery {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat;} #nav1 a.bakery {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -90px;} #nav1 a.bakery:hover {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 0;} #nav1 .catering {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat;} #nav1 a.catering {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -450px;} #nav1 a.catering:hover {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -360px;} #nav1 .shop {width: 60px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat;} #nav1 a.shop {width: 60px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -1350px;} #nav1 a.shop:hover {width: 60px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -1260px;} #nav1 .gallery {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat;} #nav1 a.gallery {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -990px;} #nav1 a.gallery:hover {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -900px;} #nav1 .events {width: 80px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat;} #nav1 a.events {width: 80px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -810px;} #nav1 a.events:hover {width: 80px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -720px;} #nav1 .st-johns {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat;} #nav1 a.st-johns {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -1530px;} #nav1 a.st-johns:hover {width: 100px; height: 40px; background: url(images/navigation-main-sprites.png) no-repeat; background-position: 0 -1440px;} #leftside .home {width: 100px; height: 20px; background: url(images/button-home.png) no-repeat;} #leftside a.home {width: 100px; height: 20px; background: url(images/button-home.png) no-repeat;} #leftside a.home:hover {width: 100px; height: 20px; background: url(images/button-home-on.png) no-repeat;} #leftside .opening-hours {width: 160px; height: 20px; background: url(images/button-opening-hours.png) no-repeat;} #leftside a.opening-hours {width: 160px; height: 20px; background: url(images/button-opening-hours.png) no-repeat;} #leftside a.opening-hours:hover {width: 160px; height: 20px; background: url(images/button-opening-hours-on.png) no-repeat;} #leftside .news {width: 100px; height: 20px; background: url(images/button-news.png) no-repeat; } #leftside a.news {width: 100px; height: 20px; background: url(images/button-news.png) no-repeat; } #leftside a.news:hover {width: 100px; height: 20px; background: url(images/button-news-on.png) no-repeat; } #leftside .about-us {width: 100px; height: 20px; background: url(images/button-about-us.png) no-repeat;} #leftside a.about-us {width: 100px; height: 20px; background: url(images/button-about-us.png) no-repeat;} #leftside a.about-us:hover {width: 100px; height: 20px; background: url(images/button-about-us-on.png) no-repeat;} #leftside .location {width: 100px; height: 20px; background: url(images/button-location.png) no-repeat;} #leftside a.location {width: 100px; height: 20px; background: url(images/button-location.png) no-repeat;} #leftside a.location:hover {width: 100px; height: 20px; background: url(images/button-location-on.png) no-repeat;} #leftside .vacancies {width: 100px; height: 20px; background: url(images/button-vacancies.png) no-repeat;} #leftside a.vacancies {width: 100px; height: 20px; background: url(images/button-vacancies.png) no-repeat;} #leftside a.vacancies:hover {width: 100px; height: 20px; background: url(images/button-vacancies-on.png) no-repeat;} #leftside .contact {width: 100px; height: 20px; background: url(images/button-contact.png) no-repeat;} #leftside a.contact {width: 100px; height: 20px; background: url(images/button-contact.png) no-repeat;} #leftside a.contact:hover {width: 100px; height: 20px; background: url(images/button-contact-on.png) no-repeat;} xli.current { background-color:#7a6956; color: #FFFFFF; } fieldset { margin: 1.5em 0 0 0; padding: 0; } legend { margin-left: 1em; color: #000000; font-weight: bold; } fieldset ol { padding: 1em 1em 0 1em; list-style: none; } fieldset li { padding-bottom: 1em; } fieldset.submit { border-style: none; } label { display: block; float: left; width: 10em; margin-right: 1em; } fieldset { float: left; clear: left; width: 100%; margin: 0 0 1.5em 0; padding: 0; }