body
{
    font: 80% Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 20px 0 0 150px;
}

h1
{
 margin:0;
 padding:.5em 1.5em;
 font-size:200%;
 color:white;
 font-weight:bold;
}

h2
{
 margin:0;
 padding:1em 1.25em;
 font-size:1.2em;
 font-weight:bold;
}

h3
{
 margin:0;
 padding:1em 1.5em;
 font-size:1em;
 font-weight:bold;
}

p
{
 margin:0;
 padding:.5em 1.5em;
}

#left-sidebar UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}

#left-sidebar LI
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 5px;
    DISPLAY: list-item;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #ccffff 12px solid;
    COLOR: white;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #ccffff 1px solid;
    BACKGROUND-COLOR: black
}

#left-sidebar LI A
{
    COLOR: white;
    TEXT-DECORATION: none
}

.here
{
    BACKGROUND-COLOR: yellow! important
}

.hdr
{
	font:90% Arial,sans-serif;
	color:white
}

.evdesc
{
	font:italic 300 100% Arial,sans-serif;
    padding-left: 0px;
    padding-top: 20px;
}

.evdate
{
	font:100% bold Arial,sans-serif;
}

.evgroup
{
	font:100% Arial,sans-serif;
}

.evlink
{
    font: 130% Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.evplace
{
	font:100% Arial,sans-serif;	
}

#left-sidebar LI:hover
{
    BACKGROUND-COLOR: gray
}

#left-sidebar .here A
{
    CURSOR: default;
    COLOR: black
}

IMG
{
	margin-left: auto;
	margin-right: auto;
    height: 185px;
    width: 218px;
}

TABLE
{
    COLOR: black;
    FONT-FAMILY: Arial
}
#town
{
    PADDING-LEFT: 2pc;
    FONT-WEIGHT: bold;
    FONT-SIZE: x-large;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ccffff;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
#venue
{
    PADDING-LEFT: 2pc;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3px;
    COLOR: black;
    PADDING-TOP: 12px;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
#venue LI
{
    LIST-STYLE-POSITION: inside;
    PADDING-BOTTOM: 4px;
    COLOR: black;
    PADDING-TOP: 4px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left
}
#venue UL
{
    FONT-WEIGHT: normal;
    LIST-STYLE-POSITION: inside;
    COLOR: black;
    LIST-STYLE-TYPE: square;
    TEXT-ALIGN: left
}
#venue FONT
{
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: left
}
#town FONT
{
    FONT-WEIGHT: bold;
    COLOR: white;
    FONT-FAMILY: Arial
}


div#header
{
	background:blue;
	color:black;
	position:absolute;
	top:0;
	left:0;
	width:500%;
	height:3%;
}

div#footer
{
    background-position: #0000CC;
    background: #0000CC;
    color: black;
    position: absolute;
    top: 97%;
    left: 0;
    width: 500%;
    height: 3%;
}

div#left-sidebar
{
	font:90% Arial,sans-serif;
	background:cyan;
	color:black;
	position:absolute;
	top:3%;
	left:0;
	width:150px;
	height:94%;
}

@media screen
{
	body>div#header
	{
		position:fixed;
	}

	body>div#footer
	{
   		position:fixed;
	}
	
	body>div#left-sidebar
	{
   		position:fixed;
	}
}
 
* html body
{
	overflow:hidden;
} 
 
* html div#content
{
	height:94%;
	overflow:auto;
	position:absolute;
	top:3%;
	left:150px;
	width:100%;
	height:94%;
}