body {
margin: 0; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: small; 
color: #3f460e;
background-color: #fffcda;
xbackground-color: #3f460e;
xbackground-color: black;
xbackground-image: url('graphics/beetdarknarrow.gif');
xbackground-repeat: repeat-y;
}

x#container {
xborder: 1px solid gray;
width: 908px;
xmargin:0 auto 200px;
margin:0 auto 0 auto;
background-image: url('graphics/beetdarknarrow.gif');
background-repeat: repeat-y;
}

p {
margin-top: 0;
margin-bottom: 1em
}

a:hover {
color: #c30;
}

h1 {  /* Main top page heading */
margin-top: 0px; 
margin-bottom: .5em;
font-size: 1.3em; 
font-weight: bold;
color: #c30;
}

h2 {  /* Use for main paragraph or section headings */
margin-top: 1.5em; 
margin-bottom: .5em;
font-size: 1.0em; 
font-weight: bold;
color: #3f460e;
}

h3 {   /* Same as H2 but no space after */
margin-top: 1.5em; 
margin-bottom: 0; 
font-size: 1.0em; 
font-weight: bold;
color: #3f460e;
}

h4 {  /* Same as H3 but no space before or after */
margin-top: 0; 
margin-bottom: 0; 
font-size: 1.0em; 
font-weight: bold;
color: #3f460e;
}

h5 {  /* Same as H4 but not bold */
margin-top: 0; 
margin-bottom: 0; 
font-size: 1.0em; 
font-weight: normal;
color: #3f460e;
}

ul {
margin-top: 0;
}

td {
}

.bodytext {
line-height: 1.4em;
}

.redtext { 
color: #CC3300;
}

.newsheading {
margin-top: 1.5em; 
margin-bottom: .5em; 
font-size: 1.0em; 
font-weight: bold;
color: #c30; 
}

.newsdate {
color: #6e6e6e; 
border-top: 1px solid #6e6e6e; 
xtext-align: right;
font-size: .9em;
padding-top: 2px;
margin-top: 30px; 
}

#navcontainer ul {
padding-left: 0;
margin-left: 0;
margin-bottom: 5px;  /* This is needed if the nav bar is the only content within a table cell, otherwise you get unwanted default space below. Set to zero if you want no space below.  */
background-color: #A9A556;
border-top: 2px solid #930;
border-bottom: 2px solid #930;
font-family: sans-serif;
float: left;
width: 100%;
xwidth: 600px;
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a {
margin: 0;
xwidth: 80px;  /* If you want equal size navigation buttons */
xtext-align: center;  /* If you want equal size navigation buttons */
padding: 3px 10px;
background-color: #A9A556;
color: #3f460e;
font-weight: bold;
text-decoration: none;
float: left;
xborder-right: 1px solid #fff;  /* If you want a border line between each button */
}

#navcontainer ul li a:hover
{
background-color: #c9c766;
}

#navcontainer li#active a {
background-color: #bfbc60;
color: #930;
}

#navcontainer li#first a {  /* Only needed if you want to shift the navigation buttons to the right within the navigation container */
margin-left: 20px;
}

#navcontainer li#firstactive a {  /* When the first link is the active link */
margin-left: 20px;
background-color: #bfbc60;
color: #930;
}

#footer {
margin: 20px 0 30px 30px;
padding-top: 5px;
color: gray;
xcolor: 5a5a5a;
border-top: 1px solid #c30;
width: 560px;    /* To create miminum page width with so navigation doesn't wrap */
}

#footer p {
margin: 0;
}


#leftnav ul { 
padding: 0;  /* To eliminate the default bullet list indent */
margin-left: 25px;
xmargin-right: 10px;
margin-top: 30px;
font-weight: bold; 
list-style-type: none; 
}

#leftnav li { 
margin-bottom: 4px;  /* To control vertical spacing between navigation items. */
xborder: 1px solid gray  /* For testing only, to show navigation item boundaries. */
}

#leftnav a { 
color: #bfbc60; 
text-decoration: none; 
}

#leftnav li#heading {
color: #e6e474; 
padding-top: 2px;
margin-bottom: 10px; 
border-top: 1px solid #e6e474;    
}

#leftnav li#active {
color: #fffcda; 
text-decoration: none; 
}

#leftnav a:hover {
color: #fffcda;
text-decoration: underline 
}

#mainbody {
margin-right: 300px;
xmargin-right: 35%;
margin-top: 20px;
margin-left: 30px
}

#rightcolumn {
width: 220px;
xmargin-right: 0px;
xmargin-top: 20px;
float: right;
xtext-align: right;
xbackground: blue;
}

#rightcolumn p {
text-align: left;
margin-right: 10px;
margin-top: 20px;
xmargin-left: 14px;
}

#rightcolumn img {
xmargin-bottom: 10px;
}



#billboardwrapper {
width: 220px;
padding: 3px;
margin: 0 20px 0 20px;
border: solid 2px #fffcda;
vertical-align: middle; 
}

#billboard {
color: #3f460e; 
background-color: #fffcda; 
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}

#billboard p {
margin: 0px;
}

#billboard h2 {
font-weight: bold;
font-size: 1 em;
margin: 0;
color: #cc3300
}

#mainleftcolumn {
width: 50%;
padding-right: 15px;
float:left; 
}

#mainleftcolumn h2 {
margin-top: 1em;
}

#mainrightcolumn {
width: 45%;
float:left;
}

#mainrightcolumn h2 {
margin-top: 1em;
}

#currentspecials {
margin-top: 10px;
border: 1px solid  #A9A556;
}

#currentspecials h2 {
margin: 0 0 0 0;
padding: 1px 10px 2px 10px;
background-color:  #A9A556;
xborder-bottom: 1px solid #c30;
color:  white;
}

#currentspecials h3 {
margin: 10px 0 0 10px;
color:  #c30;
}

#currentspecials p {
margin: 0 10px 1em 10px;
}

#photocolumn {
margin-top: 30px;
}

#photocolumn img {
margin-top: 20px;
}



.lighttext { color: #fffcda; padding-right: 5px; padding-left: 13px }

.billboardtable { border: solid 2px #fffcda }

.billboard  { color: #3f460e; background-color: #fffcda; vertical-align: middle; margin: 3px; padding: 6px }

.heading  { font-weight: bold }

.headingcolor  { color: #c30; font-weight: bold }

.spotlighthead     { background-color: #626c17; padding-left: 7px }

.spotlightmid     { padding-top: 6px; padding-left: 6px; border-right: 1px solid #a09e51; border-left: 1px solid #a09e51 }

.spotlightbot    {
padding-top: 5px; padding-left: 6px; border-right: 1px solid #a09e51; border-bottom: 1px solid #a09e51; border-left: 1px solid #a09e51 }

.nounderline a {
text-decoration: none }

.nounderline a:hover {
text-decoration: underline }