/*	© 2007 - 2008 Gerald Davenport	for http://www.geralddavenport.com		March 10, 2007	March 11, 2007 - UL and IMG for Samples	March 9, 2008 - UL nav change better nesting	July 1, 2008 - fixed some problems with font size adding 62.5%*/body {background-color: #F3F3F3;margin: 0px; font-size: 62.5%;/* Resets 1em to 10px */}#header	{	margin-top: 5px;	margin-bottom: 5px;	margin-left: 5px;	position: relative;	left: auto;	top: auto;	height: 30px;	width: 720px;	background-color: #fff;	bottom: auto;	clear: both;	border-top: 4px solid #999999;	border-right: 1px solid #ccc;	border-bottom: 1px solid #e3e3e3;	border-left: 1px solid #ccc;}#header h1	{	text-align: right;	letter-spacing: 10px;	vertical-align: middle;	word-spacing: 10px;	padding: 2px;	margin: 0px;}/* CONTAINER (BODY OF WEBSITE) ------------------------------------------*/#container {	width: 600px;	margin: 0px auto 0px 125px;	min-height: 25%;	background: #fff;	border: 1px solid #ccc;}#container h1 {	font-family: Arial, sans-serif;	font-size: 20px;	font-weight: bold;	color: black;	padding-left: 12px;}#container h2 {	font-family: Arial, sans-serif;	font-size: 14px;	color: #333;	text-transform: uppercase;	padding-left: 10px;	padding-bottom: 0px;	margin-bottom: 0px;	border-bottom-width: 0.1em;	border-bottom-style: solid;	border-bottom-color: #000000;	margin-top: 14px;}#container h3	{	font-family: Arial, sans-serif;	font-size: 10px;	color: #033;	text-transform: uppercase;	padding-left: 1.1em;	padding-bottom: 0px;	margin-bottom: -0.2em;	margin-top: 0px;}#container h4	{	font-family: Arial, sans-serif;	font-size: 11px;	font-weight: normal;	color: #003;	font-style: italic;	padding-left: 16px;	margin-bottom: 0px;	margin-right: 0px;	margin-top: 0px;	margin-left: 0px;}#container h5	{	font-family: Arial, sans-serif;    font-size: 10px;    font-weight: normal;    color: black;    padding-left: 1.5em;    margin-bottom: 5px;    margin-top: 0;    padding-bottom: 0;    padding-top: 2px;}#container h6	{    font-family: Arial, sans-serif;    font-size: 8px;    font-weight: normal;    color: black;	padding-left: 1.5em;    margin-bottom: 0;    margin-top: 0;    padding-bottom: 0;    padding-top: 0;}#container .listLink a{	font-weight: bold;	color: #333;	text-decoration: none;	font-family: "Times New Roman", Times, serif;}#container .listLink a:hover{	color: #000;	text-decoration: underline;	background-color: #eee;}#container .text p, #container .text li {	color: #333;	font-size: 11px;	padding-left: 12px;	margin-left: 10px;	margin-right: 12px;	margin-top: 8px;	margin-bottom: 10px;	font-family: "Times New Roman", Times, serif;}/*	TEXT CLASS LINKS -----------------------------------------*/#container .text a  {color: #003; text-decoration: underline;}#container .text a:hover	{ color:green;}/*	/text class links -----------------------------------------*/#container #textLink a {	font-weight: bold;	color: green;	text-decoration: none;	background-color: white;	font-family: "Times New Roman", Times, serif;}#container #textLink a:hover{	color: blue;	text-decoration: none;	background-color: white;	font-family: "Times New Roman", Times, serif;}#container hr {	visibility: hidden;	margin-top: -12px;	clear: both;}#container img	{	border:0px;}/*	/container (body of website) -----------------------------------------*/.pic {	float:right;	margin: -12px 30px 20px 5px;	padding:5px;	background: #eee;	border: 1px solid #ddd;	clear: none;}.pic img	{	border:0px;}/* IMAGES STYLE ------------------------------------------------------*/#image a:link, a:visited, a:hover{}#image img	{border:0px;padding-left: 12px;}/* NAVIGATION (MENU) STYLES ------------------------------------------*/#navigation {	float: left;	width: 110px;	background: #fff;	margin: 0 0 0 5px;	padding: 0;	height: auto;	border: 1px solid #ccc;}#navigation span {text-align: left;text-decoration: none;	color: #036;	margin: 0 0 0 5px;	padding: 0;	font-size: 10px;	display: block; font-weight: bold;}#navigation hr { clear: left;display: block;visibility: hidden;}.menu { width: 110px;background: #fff;margin: 5px 0 5px 0;padding: 0%;}.menu ul {margin:0%; padding: 0 0 0 15px;}/*	/navigation (menu) styles ----------------------------------------*//* SUB STYLES ------------------ */#sub {	font-size: 10px;	list-style-type: none;	background-color: #f3f3f3;	border-top: 1px solid #ccc;	border-bottom: 1px solid #ccc;	text-align: left;	width: 100px;	float: left;	position: relative;	margin: 0;	margin-bottom: 0px;	padding: 2px 0 2px 40px;	left: -24px;}.sub li {	list-style:none;	margin:0%;	padding:0%;}#sub a {	text-align: left;	text-decoration: none;	color: #003333; display:block; padding-left: 10px;	font-family: Arial, Helvetica, sans-serif;}#sub a:hover{	text-align: left;	text-decoration: none;	color: #800040;	width: 100%;	margin: 0;	border: 0;	background-color: transparent;	font-family: Arial, Helvetica, sans-serif;  background: transparent url(../gi/arrow.gif) no-repeat 0 50%;}/*	/sub styles ------------------ *//* NAV STYLES ------------------ */.nav li {	list-style:none;	margin:0%;	padding:0%;}.nav li a {	text-align: left;	text-decoration: none;	color: #003366;	margin: 0%;	padding: 0%;	font-size: 9px;	display: block;	font-family: Arial, Helvetica, sans-serif;}	.nav li a:hover {	color:#003333;	border-left: 5px solid #003333;	width: auto;	background-color: #e3e3e3;	padding-right: 20%;	font-family: Arial, Helvetica, sans-serif;}.break {	clear: left;	display: block;	margin-top: -10px;}/* BASIC LINK: NO FRILLS ------------------ */.basicLink a:link, .basicLink a:visited{	text-decoration: none;	color: green;}.basicLink a:hover { color: blue; }