﻿	body { background: #9999CC; font-family: "Arial"; color:#FFFFFF; }

	A:active { text-decoration: none; color: #FFFF99; }
	
	A:visited { text-decoration: none; color: #FFFF99; }
	
	A:link { text-decoration: none; color: #FFFF99; }
	A:hover { color: #FFFFFF; text-decoration: overline underline; }

	div#title { background: #666699; }	 
	div#content { background: #333366; padding: 10px 25px; }
		
	div#nav { text-align: center; background: #333366; padding: 2px 2px;  }
	#nav ul {text-align:center; font-size: 90%; margin-top: .15em; margin-bottom: .5em; }
	#nav ul li {display: inline; list-style-type: none; margin-right: .5em; }
	
	#box { background-color: transparent; margin: 0; }
	.roundborder { height: 1px; overflow: hidden; background-color: #666699; }
	.c1 { margin: 0 12px 0 12px; border: none; }
	.c2 { margin: 0 9px; border-width: 0 3px; }
	.c3 { margin: 0 7px; border-width: 0 2px; }
	.c4 { margin: 0 6px; }
	.c5 { margin: 0 5px; }
	.c6 { margin: 0 4px; }
	.c7 { margin: 0 3px; }
	.c8 { margin: 0 2px; height: 2px; }
	.c9 { margin: 0 1px; height: 3px; }
	.c10 { margin: 0; height: 2px; }
	.c11 { margin: 0; height: 10px; }
	.topbot { height: auto; padding: 0 10px; }	
	
	p  { font-style: normal; font-size: 100%; margin-top: .25em; margin-bottom: .25em ; }
	h1 { font-weight: lighter; font-size: 200%; text-align: center; letter-spacing: .35em;
			margin-top: 0em; margin-bottom: 0em; padding: 0.15em 0 0.15em 0; }
	h2 { font-weight: lighter; font-size: 150%; margin-top: .5em; margin-bottom: .25em ; }
	h3 { font-size: 90%; text-align: right; margin-top: 1em; }
	h4 { text-align: center; font-size: 350%; margin-bottom: 0em;  margin-top: 0em; letter-spacing: .25em; }	
	h5 { font-weight: lighter; font-size: 80%; margin-bottom: 0em ;  margin-top: 0em; padding-bottom: .2em; }
	h6 { font-weight: lighter; font-style: italic; font-size: 80%; margin: 0; text-align: center;}
	
	ul { margin-top: .5em;  margin-bottom: .5em; }
	li { font-size: 90%; margin-top: 0em; }

	.centre { text-align: center; }
	.bold { font-weight: bold; }
	.strong { font-weight: bold; }
		
	.padboth20 { padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}

	#head_left 		{ position: absolute; top: 24px; left: 22px; }
	#head_centre	{ margin: 5px 0px 20px 0px; }
	#head_right 	{ position: absolute; top: 25px; right: 20px; }
	
	#content_left 	{ float: left; margin-left: 50px; }
	#content_right	{ float: right; margin-right: 50px; }

	#list_left 	{ float: left; margin-left: 25px; }
	#list_right	{ float: left; margin-left: 75px; }
	#list_right2 { float: left; margin-left: 170px; }
	#list_right3 { float: left; margin-left: 95px; }
		
	#websitelist li { font-size: 110%; }
	
	#clear_floats	{ clear: right; clear: left;}

	#examples		{ font-size: 115%; margin-left: 25px;}	
