﻿
@media all
{
body            {font: x-small Verdana, Arial, Helvetica, sans-serif;
                 margin:  0; padding: 0;
                 background: rgb(95%,95%,80%); color: black;}
.emphasis_small {font-style: italic;}
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;}
h6      {line-height: 1em;}
h5      {line-height: 1em;}
h4      {line-height: 1em;}
h3      {line-height: 1em;}
h3.photo{font-size: 1em; margin: 0; padding: 0 0 0.5em 0; text-decoration: underline;
	text-align: left;
}
h2      {line-height: 1em;}
h1      {line-height: 1em;}
p               {line-height: 1.2em; margin: 0 0 1em;}
th           {background: #DDD;}
th          {text-align: left; padding: 0.1em 0.5em 0.1em 0.5em; border: 1px solid #DDD;}
td          {text-align: left; padding: 0.1em 0.5em 0.1em 0.5em; border: 1px solid #DDD;}
td.Price        {text-align: right; white-space: nowrap;}
th.Price        {text-align: right; white-space: nowrap;}
th.Cat			{width: 20%; text-align: right; white-space: nowrap;}
td.Cat			{width: 20%; text-align: right; white-space: nowrap; vertical-align: text-top;}
td.Items        {padding: 0.1em 0.5em 0.1em 2em;  white-space: nowrap;}
table.Dist th   {text-align: right; vertical-align: top;}
table.Dist td   {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(100%,100%, 100%);
                 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:visited 
                {text-decoration: none; color: rgb(20%,40%, 0%);}

#sidebar a:link 
                {text-decoration: none; color: rgb(20%,40%, 0%);}

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

#navbar 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;}

#main p         {line-height: 1.3;}

#sidebar h3         {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
{
#bignews        {position: fixed; top: 0; left: 0;
                 width:  18%; margin: 2em 0 0 2%; padding: 0 0 15px;} 
#sidebar        {background: url(down-arrow.gif) 100% 100% no-repeat;}         
#masthead       {position: absolute; top:  0;   left: 22%; right: 6%; /*width: 71%;*/ 
				 height: 191px;}
#subhead        {position: absolute; top: 54px; left: 25%;}
/*#navbar         {position: absolute; top: 10px; left: 20%;
                 padding: 2px 0 2px 32px;
                 white-space: nowrap;}
*/
#navbar         {position: absolute; top: 10px; left: 475px;
                 padding: 2px 0 2px 32px;
                 white-space: nowrap;}
#main           {position: absolute; top: 192px; left: 0;}
div#main        {margin: 2em 10% 1em 22%; padding: 0;}
}
/*
** Style for printing the website
*/

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

h2      {background: white; color: black; padding-bottom: 1px;
                 border-bottom: 1px solid gray;}

h1      {background: white; color: black; padding-bottom: 1px;
                 border-bottom: 1px solid gray;}

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

}