html { height: 100%; }
body { height: 100%; margin:0; padding:0; color:#303030; background:#f0f0f0; font:100% Arial, Helvetica, sans-serif; }
.PageContainer { height: 100%; width: 100%; }
ul { list-style:disc; margin: 16px 0 16px 0; font-size:1.0em; }
li { margin:0 0 10px 20px; }
a
{
    color: #A03333;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
	color:#404040; 
	text-decoration:underline;
}

.divclick
{
	cursor: pointer;
}

img
{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    float:left; 
	margin:0px 20px 0px 5px; 
	padding:2px; 
	/*background:#ffffff;*/
}

a img
{
	border-color:#A03333;
}

a img:hover
{
	background:#A03333; 
	border-color:#A03333;
}
#sidebar
{ position:fixed; 
	top:0; left:0; 
	width:200px; 
	height:100%; 
	overflow:hidden; 
	background:#e0e0e0;
	text-align:right;
	
}
body > #sidebar
{
	position:fixed;
}

#sidebar h1
{
	margin:20px 18px 0 4px; 
	color:#A03333; 
	font-size:1.6em; 
	letter-spacing:-2px; 
	text-align:right;
}

#sidebar h2, #sidebar h3
{
	margin:0 18px 18px 4px; 
	color:#808080; 
	font-size:1.1em; 
	font-weight:bold; 
	letter-spacing:-1px; 
	text-align:right;
}

#sidebar h3
{
	margin:20px 18px 4px 4px; 
	color:#606060;
}

#sidebar  p
{
	margin:0 18px 16px 4px; 
	color:#606060; 
	font-size:0.9em;
}

#sidebar a
{
	color:#808080;
}


#menu a
{
	display:block;
	width:182px; 
	padding:4px 18px 4px 0; 
	color:#606060; 
	background:#e0e0e0;
	font-size:1.8em; 
	font-weight:normal; 
	text-decoration:none; 
	letter-spacing:-2px;
}

#menu a:hover 
{
	color:#303030; 
	background:#f0f0f0; 
}

#menu a.active
{
	padding:2px 18px 2px 0;
	background:#f0f0f0; 
	border-top: 2px	solid #c0c0c0; 
	border-bottom: 2px solid #c0c0c0;
}

#menu a.active:hover
{
	color:#404040; 
	background:#fafafa;
}

#content
{
	width:700px; 
	margin:0 0 0 220px; 
	padding:20px 0; 
	background:#f0f0f0;
}


#content p
{
	margin:0 0 16px 0; 
	line-height:1.6em;
}

#content h1
{
	margin:0; 
	color:#A03333; 
	font-size:4em; 
	letter-spacing:-5px; 
	text-align:center;
}

#content h2
{
	margin:0; 
	color:#808080; 
	font-weight:normal; 
	font-size:2.0em; 
	letter-spacing:-2px; 
	text-align:center;
}

#content h3
{
	clear:both; 
	margin:20px 0 10px 0; 
	color:#A03333; 
	font-weight:normal; 
	font-size: 1.6em; 
	letter-spacing:-2px;
}

#content h4
{
	clear:both; 
	margin:10px 0 5px 0; 
	color:#333333; 
	font-weight:bold; 
	font-size: 1.2em; 
}


input.button
{  
    border: 2px solid #808080; margin: 10px; font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; text-align: center; background-color: #E0E0E0; 
    height: 32px; width: 80px; 
}
input.button:hover
{
    cursor: pointer;
    background-color: #FAFAFA;
}
.val { color: Red; }

.headerdiv {
    padding: 0 0 0 120px;
}

.headerdiv img {
    float: right;
    margin: 0;
}
.headerdiv h1 {
    float: left;
    margin: 0; 
}