html,body {
	background: #fff;
	margin: 0 5% 0 5%;
	font: 100% sans-serif;
	color: #111144;
	text-align: justify;}

#header {
	background: #444466;
	width: 100%;
	border-top:1px solid #444466;
	border-bottom:0px solid #444466;
	color: #eeeeff;
	}

	#header h1{
		padding: 0 3px 35px 50px;
		font-size: 300%;
		margin: 0 3px 0 0;
		float:left;
		border-right:3px solid #eeeeff;
		}
	
	#header a {text-decoration:none; color:#eeeeff}
		

#headerright {
	padding: 60px 0 0 0;
	font-variant: small-caps;
	font-size: 85%;
	}

#navbar {
	width:100%;
	clear:both;
	background: #444466;
	color: #ccccee;
	border-top: 3px solid #444466;
	border-bottom:3px solid #444466;
	padding-top:6px;
	margin-bottom: 6px;
	}
	
	#navbar ul {
		margin: 0;
		padding:0;
		white-space: nowrap;
		}
	
	#navbar ul li {
		margin:0;
		padding:0 10px 0 3px;
		display: inline;
		list-style: none;
		}

	#navbar a {text-decoration:none; font-size: 110%; padding:3px}
	#navbar a:link {color: #eeeeff; }
	#navbar a:visited {color: #ccccee;}
	#navbar a:link:hover, #navbar a:visited:hover {text-decoration: underline;}
	#navbar a.current { background-color: #9FCFFF; color: #111144;}

#navbar_r {
	width:100%;
	clear:both;
	background: #ffffff;
	color: #111144;
	border-top: 0px;
	border-bottom:0px;
	border-left:20px solid #ffffff;
	padding-top:0px;
	margin-bottom: 6px;
	}
	
	#navbar_r ul {
		margin: 0;
		padding:0;
		white-space: nowrap;
		}
	
	#navbar_r ul li {
		margin:0;
		padding:0 10px 0 3px;
		display: inline;
		list-style: none;
		}

	#navbar_r a {text-decoration:none; font-size: 110%; padding:3px}
	#navbar_r a:link {color: #111144; }
	#navbar_r a:visited {color: #111144;}
	#navbar_r a:link:hover, #navbar a:visited:hover {text-decoration: underline;}
	#navbar_r a.current { background-color: #9FCFFF; color: #111144;}

#navright {float:right;}

#front {
	clear: both;
	width: 750px;
	margin-left: auto;
    margin-right: auto
	}

#frontleft {
	float:left;
	width:250px;
	text-align:right;
	padding-right:10px;
	}
	
	#frontleft ul {
		list-style: none;
		margin: 30px 0 0 0;
		padding: 0;
		}
	
	#frontleft li{
		margin-bottom: 3px;
		}
	
	#frontleft a {text-decoration: none; color: #000000;}
	#frontleft a:visited {color: #444466;}
	#frontleft a:link:hover, #frontleft a:visited:hover {text-decoration: underline;}
	

#frontright{
	float:left;
	width: 400px;
	border-left: 6px solid #444466;
	padding-left: 10px;
	margin-bottom: 6px;
	}

	#frontright ul {
		list-style: none;
		margin: 0 0 50px 2em;
		padding: 0;
		text-indent: -1em;
		}
	
	#frontright li {
		margin-bottom: 3px;
		}
	
	#frontright a {text-decoration: underline; color: #000000; font-size: 100%}
	#frontright a:visited {color: #444466;}
	#frontright a:link:hover, #frontright a:visited:hover {text-decoration: underline;}
	
	#frontright a.potd {text-decoration: underline; color: #000000; font-size: 100%}

#container {
	clear: both;
	margin-left: auto;
    margin-right: auto
	}
	
#sidebar {
	float: left;
	width: 12%;
	position:fixed;
	font-size: 100%;
	}

	#sidebar ul {
		list-style: none;
		text-align:right;
		margin: 0;
		padding: 0;
		}
	
	#sidebar li {
		margin-bottom: 10px;
		}
	
	#sidebar a {text-decoration: none; color: #000000;}
	#sidebar a:visited {color: #444466;}
	#sidebar a:link:hover, #sidebar a:visited:hover {text-decoration: underline;}
	
	#sidebar li.top {padding-top:20px;}
	#sidebar li.strtop {padding-top:20px; font-weight: bold;}

#page {
	float: right;
	width: 81%;
	border-left: 6px solid #444466;
	padding: 0 0 10px 10px;
	margin-bottom: 6px;
	}
	
	#page h2 {
		padding: 15px 0 10px 0;
		border-bottom:4px solid #444466;
		}
	
	#page h3 {
		font-size: 100%;
		padding-left: 20px;
		}
	
	#page ul {
		margin: 0;
		padding: 0 0 0 60px;
		}
	
	#page li {
		padding-bottom:5px;
		}
	
	#page p {
		padding: 0 0 0 40px;
		}
	
	#page p.return {
		padding: 10px 0 10px 0;
		}
	
	#page p.return a, #page p.return a:visited {
		background: #444466;
		color: #eeeeff;
		padding: 5px 20px 5px 20px;
		text-decoration: none;
		}

	#page blockquote p {
		margin: 0 10px 0 55px;
		padding: 10px;
		border: solid #444466 1px;
		}
		
	#page img {
		display: block;
		margin-top: 15px;
		margin-bottom: 15px;
		margin-left: auto;
    	margin-right: auto;
		padding:5px;
		border:none;}

	#page img.pic1 {
		float:right;
		padding:5px;
		margin:0 10px 0px 10px;
		}

	#page img.pic3D {
		clear: both;
		float:right;
		padding:0;
		margin:0;
		}
	
	#page a {color: #000000; font-size: 100%}
	#page a:visited {color: #444466;}
	#page a:link:hover, #page a:visited:hover {text-decoration: underline;}

	#page a span {display: none;}

	#page a:hover span {display: block;
   		position:absolute;
		color: #ccccee;
		background: #444466;
		width: 125px;
   		padding: 5px;
		z-index: 100;
   		text-align: center;}


#footer {
	clear: both;
	font-size: 80%;
	border-top: 3px solid #444466;
	}
	
	#footer ul, #footer li {
		list-style: none;
		}

#counter {
	margin-left: auto;
	margin-right: auto;
	}
	
	#counter table {
		margin-left: auto;
		margin-right: auto;
	}