#nav-menu
{
font-family: Verdana, sans-serif, Arial;
}

#menuBG
{
width: 700px;
height: 20em;
}

#menu-content
{
top: -2em;
position: relative;
z-index: 1;
}

#nav-menu ul
{
list-style: none;
text-align: left;
margin: 0px 0px 10px 20px;
}

#nav-menu li
{
display: inline;
}

#nav-menu li a
{
background: url("PICS/menu-bg.jpg");
background-repeat: repeat;
font-weight:bold;
border: 0.1em #000000 solid;
text-align: center;
width: 9em;
color: #000000;
padding: 7px 6px 6px 10px;
}

#nav-menu li a:hover
{
border: 0.1em green dotted;
}

#page-info
{
margin: 0 0 5 5;
}

#page-info h1
{
text-align: left;
border: 0.1em dotted;
font-size: 1.3em;
} 

#page-info p 
{
background: url("PICS/menu-bg.jpg");
color: #330000;
word-wrap: break-word;
text-align: center;
width: 75%;
margin: 0 0 50 50;
text-align: left;
}

table.store-items
{
background: url("PICS/menu-bg.jpg");
width: 95%;
border: 3px solid;
border-spacing: 1px;
border-collapse: collapse;
}

td.item-price
{
font-size: 20px;
font-family: Verdana, sans-serif, Arial;
}

#table-store td img
{
width: 150px;
height: 100px;
}

#table-store th
{
background: url("PICS/menu-bg.jpg");
//background: #99CCCC;
//color: #404040;
text-align: center;
font-size: 24px;
font-weight: bold;
text-indent: 5px;
border-bottom: 2px #000000 solid;
}

#table-store td
{
border-bottom: 2px solid;
border-left: 2px solid;
text-align: left;
text-indent: 5px;
}

#table-store b
{
font-size: 20px;
font-family: Verdana, sans-serif, Arial;
}

table.login
{
background: url("PICS/menu-bg.jpg");
width: 95%;
border: 3px solid;
border-spacing: 1px;
border-collapse: collapse;
}

#table-login th
{
background: url("PICS/menu-bg.jpg");
text-align: center;
font-size: 24px;
font-weight: bold;
text-indent: 5px;
border-bottom: 2px #000000 solid;
}

#table-login td
{
border-bottom: 2px solid;
border-left: 2px solid;
text-align: left;
text-indent: 5px;
}

#table-login b
{
font-size: 20px;
font-family: Verdana, sans-serif, Arial;
}

body
{
background-color: #FFFF99;
margin: 50px 0px;
padding: 0px;
text-align center;
}

#main
{
width: 800px;
margin: 0px auto;
text-align: left;
padding: 15px;
border 1px solid #000000;
background-color: #FFFFFF;
}

#box
{
position: relative;
margin-left: auto;
margin-bottom: auto;
margin-right: auto;
margin-top: 3em;
padding: 0;
text-align: left;
width:80%;
width: 800px;
background-color: rgb(78, 111, 7);
//background-color: transparent;
}
 	
#content
{
padding:3em;
}

#content h1
{
color: #330000;
font-weight: bold;
font-size: 1.2em;
font-family: helvetica, geneva, arial, sans-serif;
}

#content p
{
font-size: 1em;
line-height: 1.3em;
font-family: arial, helvetica, sans-serif;
}

#topleft
{
background-color: transparent;
background-repeat: no-repeat;
background-image: url(PICS/topleft.gif);
background-position: 0% 0%;
}

#topright
{
background-color: transparent;
background-repeat: no-repeat;
background-image: url(PICS/topright.gif);
background-position: 100% 0%;
}

#bottomleft
{
background-color: transparent;
background-repeat: no-repeat;
background-image: url(PICS/bottomleft.gif);
background-position: 0% 100%;
}

#bottomright
{
background-color: transparent;
background-repeat: no-repeat;
background-image: url(PICS/bottomright.gif);
background-position: 100% 100%;
}

#top
{
background-color: transparent;
background-repeat: repeat-x;
background-image: url(PICS/top.gif);
background-position: 0% 0%;
}

#bottom
{
background-color: transparent;
background-repeat: repeat-x;
background-image: url(PICS/bottom.gif);
background-position: 50% 100%;
}

#right
{
background-repeat: repeat-y;
background-image: url(PICS/right.gif);
background-position: 100% 0%;
}

#left
{
background-repeat: repeat-y;
background-image: url(PICS/left.gif);
background-position: 0% 100%;
}