/*
 * ID selector #name
 * class selector .name
 */

/******************************************************************************\
\******************************************************************************/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: black;
	background-color: #c8d8ff;
	background-image: url(../images/twindragon.jpg);
}

/******************************************************************************\
\******************************************************************************/

#canvas {
	/* min-width: 50ex; */
	max-width: 100ex;

	/* Lame ass stuff for the braindamaged IE browser. */
	width:expression( 
	document.body.clientWidth > (500/12) * 
	parseInt(document.body.currentStyle.fontSize)?
	"80ex": "auto");

	margin-left: auto;
	margin-right: auto;
}

#header {
	font-size: 100%;
	width: 100%;
	padding: 1em 1em 1em 1em;
	margin: 0 2em 0em 2em;
/*
	margin-left: auto;
	margin-right: auto;
	background-color: white;
*/
}

#header p {
	line-height: 1.1;
	margin: 0;
	padding: 0;
	border: 0;
}

#maintext {
	text-align: left;
	background-color: #c8d8ff;
	padding: 1em;
	border: 1px solid black;
	margin: 0 2em 2em 2em;
}

#canvas2 {
	background-color: #c8d8ff;
	padding: 1em;
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	width: 800px;
}

#footer {
	background-color: #c8d8ff;
	padding: 1em;
	margin: 0em;
	border: 1px solid black;
}

/******************************************************************************\
\******************************************************************************/

hr {
	border: 0;
	color: black;
	background-color: black;
	height: 3px;
	width=100%;
	text-align: center;
}

p { line-height: 1.1 }
p.firstpara:first-letter { font-size: 200%; font-weight: bold; float: left }
p.firstpara span { font-weight: bold; text-transform: uppercase }

p {
	text-align: justify;
}

a:link, a:visited, a:active {
	text-decoration: none;
}

a:link {
	color: #0000ff;
}

a:visited {
	color: #8080c0;
}

a:hover {
	background: white;
}

a img {
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	text-align: left
	font-weight: bold;
}
h1 {
	font-size: 170%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}

/******************************************************************************\
\******************************************************************************/

.navbar {
	text-align: left;
	padding: 0.25em 1em 0.25em 1em;
	background-color: #c8d8ff;
/*
	background-color: white;
*/
	border: 1px solid black;
	margin: 0 2em 1em 2em;
/*
	white-space: nowrap;
*/
}

.navbar ul {
	list-style: none;
}

.navbar li {
	margin: 0;
	display: inline;
}
.navbar li a {
	padding: 3px 0.5em;
	text-decoration: none;
}