﻿/* The px -> em translation was done by using this chart:
	 2px	0.15em
	 5px	0.38em
	 9px	0.69em	xx-small
	10px	0.83em	x-small
	11px	0.90em
	12px	0.92
	13px	1.0em	small
	16px	1.2em
	25px	1.6em
  (based off the 13px == 1em == small equivalence, since ALA uses
   "small" as its paragraph-size font)
  and tweaking the result a bit (e.g. shifting 0.85em font sizes to 0.90
  and 0.77em font sizes to 0.83em) */
body {
				font-family: arial, helvetica, sans-serif;
				margin: 0.15em;
				padding: 0;
}
h1, h2, h3, h4, h5, h6 {
				font-family: arial, helvetica, sans-serif;
				font-weight: normal;
				margin: 0;
				padding: 2px;
				color: #66CCFF;
				text-transform: uppercase;
}
#subtitle {
				font-family: arial, helvetica, sans-serif;
				font-size: xx-small;
				margin: 0;
				padding: 2px;
				color: #c0c0c0;
}
#littletxt {
				font-family: arial, helvetica, sans-serif;
				font-size: xx-small;
				margin: 0;
				padding: 2px;
				font-size: xx-small;
				text-align: justify;
}
p {
				font-family: arial, helvetica, sans-serif;
				color: white;
				font-size: 68%;
				padding: 2px 1px 0 1px;
				text-transform: uppercase;
}
p strong {
				color: gray;
}
ul {
				margin: 0;
				padding: 0.15em;
				line-height: 1.5em;
				font-family: arial, helvetica, sans-serif;
				font-size: medium;
				text-transform: uppercase;
				background: #cccccc;
}
li {
				display: block;
				border-bottom: 1px #666666 dotted;
}
div#show {
				font-family: arial, helvetica, sans-serif;
				color: black;
				font-size: 68%;
				padding: 2px 1px 0 6px;
				text-transform: uppercase;
				line-height: 1.5em;
				background: silver;
}
div#show-today {
				font-family: arial, helvetica, sans-serif;
				color: black;
				font-size: 68%;
				padding: 2px 1px 0 6px;
				text-transform: uppercase;
				line-height: 1.5em;
				background: gray;
}
img#logo {
				border: 0;
}
img#locandina {
				border: 1px white solid;
				margin: 2px;
				width: 90px;
				height: 127px;
}
div#logoinc {
				margin: 0;
				width: 100%;
				max-width: 408px;
				text-align: center;
}
div#content {
}
div#orange {
				font-family: arial, helvetica, sans-serif;
				font-size: 80%;
				font-weight: bold;
				background: #000000;
				color: #ffffff;
				padding: 2px 1px 1px 2px;
}
div#oranget {
				font-family: arial, helvetica, sans-serif;
				font-size: 80%;
				font-weight: bold;
				background: #666666;
				color: #ffffff;
				padding: 2px 1px 1px 2px;
}
div#footer {
				font-family: arial, helvetica, sans-serif;
				font-size: x-small;
				text-align: center;
				color: white;
				background: #666666;
				margin: 0px;
}
div#borderize {
				margin: 0;
				max-width: 408px;
				border: 1px black solid;
				background: gray;
}
table#mytable {
				background: black;
				width: 100%;
}
left#td {
				width: 45px;
}
right#td {
				color: #66CCFF;
				font-size: xx-small;
				text-decoration: none;
}
a:link {
				color: white;
				font-size: xx-small;
				text-decoration: none;
				text-transform: uppercase;
}
a:visited {
				color: white;
				font-size: xx-small;
				text-decoration: none;
				text-transform: uppercase;
}
a:hover {
				color: #66CCFF;
				font-size: xx-small;
				text-decoration: none;
				text-transform: uppercase;
				background-color: #333333;
}

