
body {
	background: fixed #ffffff url("pattern.jpg") repeat;
	font: 1em/1.7em garamond, palatino, 'times new roman', serif;
	color: #1c546b;
	margin: 0;
	}



/* containers */


div#root {
	background: fixed #ffffff url("bg.gif") center top repeat-y;
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	}


div#head {
	border-bottom: 6px double #000000;
	text-align: center;
	}


div#nav {
	border-bottom: 1px dotted #098f9e;
	font-size: 0.7em;
	margin: 0px 4px;
	}


div#content {
	padding: 2px 15px;
	margin-bottom: 20px;
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: justify;
	}


div#foot {
	border-top: 1px dotted #098f9e;
	margin: 0px 4px;
	padding: 7px;
	color: #098f9e;
	font-size: 0.8em;
	line-height: 1em;
	}

div#footbase {
	border-top: 6px double #000000;
	text-align: center;
	}


blockquote {
	color: #098f9e; 
	font-size: 0.9em;
	border-left: 3px dotted #c9c68f;
	padding-left: 10px;
	}



/* lists */

div#content ul {
	list-style-type: circle;
	}


div#content ul.rules li {
	margin-bottom: 10px;
	}


div#nav ul {
	margin-left: 0;
	margin-right: 0;
	text-align: right;
	}


div#nav ul {
	margin: 0px;
	}

div#nav ul li {
	display: inline;
	margin-right: 10px;
	}



/* individual styling */

div#foot p {
	margin: 0;
	padding: 0;
	}


h1 {
	color: #098f9e;
	font-size: 1.75em;
	}


h2 {
	font-size: 1.2em;
	font-variant: small-caps;
	text-align: right;
	padding-top: 15px;
	border-bottom: 1px dotted #c9c68f;
	}


strong { 
	font-variant: small-caps; 
	}

em { 
	color: #098f9e; 
	}

img, a img, a:hover img {
	border: 0px none;
	}


input, textarea, select {
	border: 1px solid #6d999d;
	font-size: 1.2em;
	font-family: garamond, palatino, 'times new roman', serif;
	color: #098f9e;
	}



/* links */

a {
	color: #6d999d;
	text-decoration: none;
	}

a:hover {
	color: #4c797e;
	border-bottom: 1px dotted #c9c68f;
	}

a:active {
	color: #c9c68f;
	border-bottom: none;
	}


div#nav a:hover, div#foot a:hover {
	font-weight: bold;
	border-bottom: 0;
	}

