/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		padding: 20px;
		}
		
/*  --------- 2. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		}

/* ---------- 3. tables ---------- */


/* For a blue background wrapper use the following */

div#bluebgwrapper {
	width: 770px;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-width:1px;
	border-style:solid;
	}

table {
		border-collapse: collapse;
		}
		
th { 
		border: 1px solid #bbbbbb; 
		font-size: 1.7em;
		font-weight: bold;
		padding: 4px 4px;
		line-height: 1.2;
		} 

td { 
		background: #daf8f0;
		border: 1px solid #bbbbbb; 
		font-size: 1.1em;
		font-weight: bold;
		padding: 4px 4px;
		line-height: 1.2;
		text-align: left;
		} 

tbody td {
		border-top: 0;
		border-bottom: 0;
		}

caption {
		font-weight: bold;
		font-size: 2em;
		text-transform: uppercase;
		padding: 0 0 5px;
		color: #333333;
		}

th {
		background: #e4e5e4 url(images/table-heading-background.jpg) 0 50% repeat-x; 
		text-align: left;
		}

tfoot {
		background-color: #a2c8b3;
		color: #555555;
		}

tfoot td {
		font-size: 1.0em;
		text-align: left;
		}

tbody tr.alt td {
		background: #c9f8de;
		}

tbody tr.over td, tbody tr:hover td {
		background: #4db2a7;
		color: #ffffff;
		}

tbody tr.over+tr td {
		background-image: url(shadow.gif);
		background-repeat: repeat-x;
		}
/* This will format a copyright notice in the footer */

div#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	}