﻿body {
 margin: 0;
 padding: 0;
 font-family: "New Century Schoolbook", Times, serif;
 font-size: 1.0em;
 background-color: #dfd9d4;
 background-image: url(../imgs/bgstripe.png);
}

#page {
 width: 980px;
 margin: 10px auto;
 background-color: #dfd9d4;
 background-color: #EEA9B8;
 background-color: #FFB6C1;
 background-color: #EED2EE;
 background-color: #FFE4E1;
 border: 0px solid red;
}

#header {
 width: auto;
 height: 82px;
 margin: 10px 0 0 0;
 padding: 0 0 0 160px;
}

#header span#logo {
 float: right;
 margin: 0;
 padding: 0 20px 0 0;
}

#header h1 {
 margin: 0;
 padding: 10px 0 0 0;
 text-align: center;
 color: Maroon;
 letter-spacing: 12px;
}

#header h2 {
 margin: 0;
 padding: 4px 0 0 0;
 font-size: 20px;
 text-align: center;
 color: Maroon;
 letter-spacing: 2px;
 color: #872657;
}

#content {
 clear: both;
}

#leftmenu {
 float: left;
}

#mainmenu {
 width: 202px;
 height: 370px;
 margin: 0;
 padding: 48px 0 0 10px;
 background-image: url(../imgs/menu.png);
 background-position: left top;
 background-repeat: no-repeat;
}

#mainmenu ul {
 list-style-image: url(../imgs/menudot.png);
}

#mainmenu li {
 margin: 14px 0 0 0;
 padding: 2px 0 2px 4px;
}

#mainmenu a {
 font-size: 19px;
 color: #eee8aa;
 text-decoration: none;
}

#leftmenu p {
 width: 170px;
 margin: 25px 0 0 15px;
 padding: 12px 0 12px 0;
 text-align: center;
 line-height: 140%;
 border: 1px solid #D3D3D3;
}

#leftmenu p.contact {

}

/*********
 Page text
**********/
#pagetext {
 margin: 1px 10px 0 205px;
 padding: 0px 0 0 0;
 border: 0px solid green;
}

#pagetext p {
 line-height: 140%;
}

#pagetext p.photo {
 float: right;
 margin: 4px 8px 4px 6px;
}

#pagetext p.centre {
 text-align: center;
}

#pagetext ul {
 width: 350px;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
}

#pagetext li {
 margin: 6px 0 6px 0;
 padding: 2px;
}

#pagetext h1 {
 margin: 18px 0 0 0;
 padding: 0;
 font-size: 18px;
 color: #EEA9B8;
 color: #D02090;
}

/****************
 styles for div's
 on events page
/****************/
#pagetext .event {
 width: 80%;
 margin: 20px 0 20px 0;
 padding: 0;
 text-align: center;
 border:1px solid #8B1C62;
}

#pagetext .event h1 {
 margin: 0;
 padding: 0;
 font-size: 2.0em;
 color: Red;
}

#pagetext .event h2 {
 margin: 10px;
 padding: 0;
 font-size: 1.4em;
 color: Red;
}

#pagetext .event h3 {
 margin: 10px;
 padding: 0;
 font-size: 1.6em;
 color: Navy;
}

#pagetext .event p {
 margin: 0;
 padding: 0;
 font-size: 1.4em;
 color: Green;
}

/**********
 Food menus
**********/
#pagetext ul#menus {
 list-style-type: none;
 text-align: left;
}

#pagetext ul#menus img {
 margin: 0 8px 0 0;
 padding: 0;
 vertical-align: middle;
 border: 1px solid white;
}

#pagetext ul#menus a {
 text-decoration: none;
 color: #800000;
}

#pagetext ul#menus a:hover {
 text-decoration: underline;
}

/************
 Contact form
************/

fieldset {
 width: 580px;
 margin: 6px 0 0 0;
 padding: 12px;
}

label {
 clear: both;
 float: left;
 width: 120px;
 margin: 2px 0 2px 0;
 padding: 2px 2px 0 0;
 text-align: right;
}

span.info {
 /* address info */
 display: block;
 margin: 0 0 0 120px;
 padding: 4px 0 0 6px;
 /* do not remove border */
 border: 0px solid #dfd9d4;
}

input {
 width: 200px;
 margin: 2px 0 2px 0;
}

input.error, textarea.error {
 background-color: #FA8072;
}

textarea {
 /* for enquiry */
 width: 280px;
 height: 50px;
}

span.asterisk {
 padding: 4px 0 0 2px;
 color: Red;
 vertical-align: top;
 font-size: 18px;
}

.send {
 /* send button */
 width: 110px;
 margin: 10px 0 0 0;
}

fieldset p {
 text-align: center;
 font-size: 13px;
}

/**************************
 Menu on Skittle Alley Page
**************************/

table#skittlemenu {
 margin: 0 auto;
 padding: 0;
 border-collapse: collapse;
 border:1px solid Navy;
 background-color: #EED5D2;
}

table#skittlemenu th {
 padding: 3px 0px 3px 0px;
 color: White;
 background-color: #C67171;
}

table#skittlemenu tr {

}

table#skittlemenu td {
 padding: 6px 1px 6px 4px;
 color: Black;
 border-top: 1px solid Navy;
 font-size: 14px;
}

/******
 Footer
*******/
#footer {
 clear: both;
}

#footer p {
 text-align: center;
}


