/* SET-UP THE BASIC STYLES USED BY ALL MEDIA TYPES */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 99%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #EFEFEF;
	background-image: url(../images/bg-grey-stripes.gif);
	background-repeat: repeat;
}
#container{
	display: block;
	width: 446px;
	margin: 20px;
	padding: 20px;
	border: solid 1px #000000;
	background-color: #FFFFFF;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 404px;
}
html>body #container {
	width: 404px;
}
#viewer{
	display: block;
	width: 404px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	border: solid 2px #000000;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 400px;
}
html>body #viewer {
	width: 400px;
}
#roomMenu{
	display: block;
	position: relative;
	margin: 0px;
	padding: 5px;
}
#roomMenu label{
	padding: 0px;
	margin: 0px;
	font-size: 0.8em;
	font-weight: bold;
}
#roomMenu .formField{
	padding: 1px;
	margin: 0px;
}
h1, h2, h3, h4{
	margin: 0px;
	padding: 5px;
	font-size: 0.9em;
}
p{
	margin: 0px;
	padding: 5px;
	font-size: 0.7em;
}
ul,ol{
	margin: 0px;
	padding: 5px 5px 5px 30px;
	font-size: 0.7em;
}
a:link, a:visited{
	color: #0066CC;
	text-decoration: none;
}
a:hover, a:active{
	color: #FF0000;
	text-decoration: underline;
}
.red{
	color: #FF0000;
}
.red a:link, .red a:visited{
	color: #FF0000;
	text-decoration: none;
}
.red a:hover, .red a:active{
	color: #FF0000;
	text-decoration: underline;
}
.large11{
	font-size: 1.1em;
}
.large12{
	font-size: 1.2em;
}
.large13{
	font-size: 1.3em;
}
.clear{
	clear:both;
	font-size: 0.05em;
}