body {
	background-image: url(images/mainbackground.gif);
	background-repeat: repeat;
}
body,td,th {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	vertical-align:bottom;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}

.right {
	text-align: right;
}
#container {
	font-size: 24px;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	width: 94%;
}
#container #heading {
	float: left;
	margin-bottom: 5%;
	width: 100%;
}
#container #table {
	font-size: 24px;
	float: left;
	margin-bottom: 5%;
	width: 100%;
}


table, td, th
{
border:3px solid white;
border-collapse:collapse;
padding:1%;
}

.description {
	font-style: italic;
	font-size: 18px;
	line-height: 150%;
}


.black {
	color: #950000;
	font-style: italic;
	font-size: 18px;
	line-height: 150%;
	background-color: #FFF;
}

.yellow {
	color: #FF0;
}

.large {
	font-size: 48px;
}

.medium {
	font-size: 36px;
}


.hotline {
	font-size: 40px;
	line-height: 120%;
}











/* for iPad */

@media handheld, only screen and (max-width: 1024px) {



}













/* for Kindle */

@media handheld, only screen and (max-width: 780px) {
	


}












/* for smartphones*/

@media handheld, only screen and (max-width: 550px) {
body {
	background-image: url(images/mainbackground.gif);
	background-repeat: repeat;
}
body,td,th {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	vertical-align:bottom;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}

.right {
	text-align: right;
}
#container {
	font-size: 12px;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	width: 94%;
}
#container #heading {
	float: left;
	margin-bottom: 5%;
	width: 100%;
}
#container #table {
	font-size: 12px;
	float: left;
	margin-bottom: 5%;
	width: 100%;
}



table, td, th
{
border:3px solid white;
border-collapse:collapse;
padding:1%;
}

.description {
	font-style: italic;
	font-size: 6px;
	line-height: 150%;
}


.black {
	color: #950000;
	font-style: italic;
	font-size: 6px;
	line-height: 150%;
	background-color: #FFF;
}

.yellow { 
	color: #FF0;
}
	
.large {
	font-size: 20px;
}

.medium {
	font-size: 12px;
}

.hotline {
	font-size: 16px;
}


}