@media all
{
body            {font: x-small Verdana, Arial, Helvetica, sans-serif;
                 margin:  0; padding: 0;
                 background: rgb(95%,95%,80%); color: black;}
h1              {font-size: 200%; text-transform: lowercase; letter-spacing: 3px;
                 margin:0; padding: 0.66em 0 0.33em 29%;
                 background: rgb(85%,85%,70%);}
h2              {color: #600; font-size: large; margin: 1em 0 0.5em 0;}
h3              {font-size: 1em; margin: 0; padding: 1em 0 0.5em 0;
                 text-decoration: underline;}
h4              {font-size: 1em; margin: 0; padding: 0.5em 0 0;}
h5              {font-size: 1em; margin: 0; padding: 0 0 0;}
h6              {display: inline; font-style: italic; font-weight: normal; margin: 0; padding: 0;}
h1, h2, h3, 
h4, h5, h6      {line-height: 1em;}
p               {line-height: 1.2em; margin: 0 0 1em;}
th              {background: #DDD;}
td, th          {text-align: left; padding: 0.1em 0.5em 0.1em 0.5em; border: 1px solid #DDD;}
th.Price,
td.Price        {text-align: right; white-space: nowrap;}
td.Cat,
th.Cat			{width: 20%; text-align: right; white-space: nowrap;}
td.Items        {padding: 0.1em 0.5em 0.1em 2em;  white-space: nowrap;}
table.Dist td,
table.Dist th   {text-align: right; vertical-align: top;}
th.Map          {border-bottom: 1px solid white;}
table.EventInfo	{width: 100%;}

#masthead       {border-bottom: 1px solid gray;}
#masthead img   {display: block;}

#navbar b       {display: none;}
#navbar a       {text-decoration: none; color: rgb(20%,40%, 0%);
                 border-bottom: 1px solid gray; padding: 2px 0.5em 1px;}
#sidebar a      {text-decoration: none; padding: 0 0.5em 0 0;}

/* in sidebar, make visited & unvisted the same (jumps in page only) */
#sidebar a:link,
#sidebar a:visited 
                {text-decoration: none; color: rgb(20%,40%, 0%);}

#navbar  a:hover,
#sidebar a:hover {color: white; background: #336; border-bottom-width: 3px;}

#sidebar ul     {margin: 0 6px 0 0; list-style: none; padding: 0 0 10px;
                 border-right: 3px double rgb(50%,50%,35%);
                 text-align: right;}

#sidebar h3,
#main p         {line-height: 1.3;}

#sidebar h3     {font-size: 1em; padding: 0; margin: 0 6px 0 0 ;
                 font-weight: normal; text-decoration: none;
                 border-bottom: 1px solid black;}

#location_map img   {width: 100%;}
}

/*
** Layout
*/

@media screen
{
#sidebar        {position: fixed;    top: 0;    left: 0; 
                 width:  18%; margin: 2em 0 0 2%; padding: 0 0 15px;
                 background: url("Barebones%202007/down-arrow.gif") 100% 100% no-repeat;}         
#masthead       {position: absolute; top:  0;   left: 20%; right: 9%; width: 71%; 
				 height: 72px;}
#subhead        {position: absolute; top: 54px; left: 25%;}
#navbar         {position: absolute; top: 73px; right: 10%;
                 padding: 2px 0 2px 32px;
                 white-space: nowrap;}
#main           {position: absolute; top: 72px; left: 0;}
div#main        {margin: 2em 10% 1em 22%; padding: 0;}
}
/*
** Style for printing the website
*/

@media print
{
body            {color: black; background: white;}
a:link, 
a:visited       {background: white; color: black; text-decoration: underline;
                 font-weight: bold;}
h1, h2, h3      {background: white; color: black; padding-bottom: 1px;
                 border-bottom: 1px solid gray;}

#masthead    {position: absolute; top 0;    left 0;  width 100%; height 72px;}
#subhead     {position: absolute; top 54px; left 15%;}
#navbar      {display: none;}
#sidebar     {display: none;}
#main        {position: absolute; top 73px; left 0;}

#sidebar        {display: none;}
#masthead       {position: absolute; top:  0;   left: 0; width: 100%; height: 72px;}
#subhead        {position: absolute; top: 54px; left: 5%;}
#navbar         {display: none;}
#main	   {position:relative; top: 72px; left: 0;}
}