@media screen and (min-width:500px)
{
	#menu {
		position:fixed;
		position:absolute;
		top:20px;
		left:20px;
		margin:0;
		padding:0;
		width:200px;
		border:none;
		font-size:80%;
	}

	#menu ul{
		margin-left:0;
	}
	
	#page-container
	{
		margin:0; padding:0;
		height:100%;
		overflow:auto;
		display:block;
	}
	
	#page-inside
	{
		margin:0;
		padding:20px 20px 20px 200px;
		background-color:#111;
	}

	body
	{
		text-align:justify;
		margin-left:0%;
		margin-left:5%;
		background-color:#111;
		color:#DDD;
	}
}


@media screen and (max-width:100px)
{
	#menu 
	{
		display:block
	}

	#page-container
	{
		display:block;
		background-color:#111;
		padding-left:0px;
		padding-right:0px;
		position:relative;
		top:20px;
		margin-bottom:50px;
		clear:both;
		/*margin: 0px 5%*/
	}
	
	#page-inside
	{
		margin:0;
		padding:20px 20px 20px 200px;
		margin: 0 5% 0 5%;
	}
 
	body
	{
		text-align:justify;
		margin-right:2%;
		margin-left:2%;
		background-color:#111;
		color:#DDD;
	}
}

body
{
	color:#DDD;
	background-color:#111;
}

h1
{
	text-align:center;
	border-top: 2px solid grey;
	margin-top: .3em;
	background-color:#222;
	clear:both;
	color:#DDD;
}

h2
{
	border-left: 2px solid grey;
	padding-left: 1em;
	background-color:#222;
	color:#DDD;
}

b
{
	color:#DDD;
}

a:hover
{
	color:#B22;
}

a
{
	color:#A11;
	text-decoration:underline;
}

u
{
	font-weight:bold; color:#702
}

sup
{
	font-size:50%
}

blockquote
{
	font-style:italic; padding-left:7px;border-left:2px solid grey;
}


img
{
	padding:30px; border-style:solid; border-width:4px; margin:30px;float:right
}
  
  
.cit
{
	float:right; width:150px; padding:5px; border-style:solid; border-width:2px; margin-left:10px; border-radius:10px; background-color:#EEEEBB
}

.cit2
{
	float:left; width:150px; padding:5px; border-style:solid; border-width:2px; margin-right:10px; border-radius:10px; background-color:#EEEEBB
}

.foot
{
	border-top: 5px solid grey;
	border-bottom: 5px solid grey;
	text-align:center;
	width:80%;
	padding:20px;
	margin-top:2em;
	margin-bottom:2em;
	font-weight:bold;
	color:#DDD;
}

 table	{text-align:center}
 tr	{text-align:left}
 td	{text-align:left; padding:5px}
 ol	{padding-right:7px}

 ul {padding-left:1em; color:#DDDDDD;}

.record
{
	color:black; text-decoration:none;
}

 @media print
{
	.menu
	{
		position:fixed; width: 150px; text-align:left; background-color:#FFF; padding-right:15px; margin-bottom:1em; overflow-y:auto; height:100%
	}

	.content
	{
		background-color:#FFF; position:relative; top:1em; margin-left:175px; margin-bottom:50px
	}

	body
	{
		text-align:justify; margin-right:5%; margin-left:5%
	}
	b
	{
		color:#000;
	}
	
	a:hover
	{
		color:#000;
	}
	
	a
	{
		color:#000; font-style:normal;
	}
	
	u
	{
		font-weight:bold; color:#000;
	}
}