
body {
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: white;
		color: black;
}


/* banner................................................................................... */

#banner {
		margin: 0;
		padding: 0;
		background: rgb(0,113,131);
		color: white;
		height: 100px;
		border-bottom: 20px solid white;
}

#banner img.growth {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		right: 5px;
}

/* Navigation and contact information column................................................ */

td.leftcell {
		/*background: rgb(0, 42, 120);
		color: white;*/
}

#left
	{	display: block;
		width: 150px;
		font-size: 80%;
		overflow: hidden;
}

#left ul {
	list-style: none;
	margin: 0px 0 20px 0;
	padding: 0;
}

#left li {
	margin: 0 0 8px 0;
}

#left .menu a {
	display: block;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	width: 110px;
	padding: 6px;
	text-align: center;
	border-top: 1px solid rgb(130,130,130);
	border-right: 1px solid rgb(130,130,130);
	border-bottom: 4px solid rgb(0,113,131);
	border-left: 1px solid rgb(130,130,130);
	background: rgb(0,113,131);
	color: white;
}

#left .menu a:hover {
	/*background: #EBC000;*/
	border-top: 1px solid rgb(130,130,130);
	border-right: 1px solid rgb(130,130,130);
	border-bottom: 4px solid rgb(209,180,61);
	border-left: 1px solid rgb(130,130,130);
	/*color: black;*/
}

#left .menu a:active {
	/*background: #EBC000;*/
	border-top: 1px solid rgb(130,130,130);
	border-right: 1px solid rgb(130,130,130);
	border-bottom: 4px solid rgb(209,180,61);
	border-left: 1px solid rgb(130,130,130);
	/*color: white;*/
}

#left .menu .select a {
	border-top: 1px solid rgb(130,130,130);
	border-right: 1px solid rgb(130,130,130);
	border-bottom: 4px solid rgb(209,180,61);
	border-left: 1px solid rgb(130,130,130);
	/*background: #ebc000;
	color: black;*/
}


/* Styles associated with the right column (sidebar)........................................ */	

#right
	{	display: block;
		margin: 0 10px 0 0;
		width: 179px;
		background: rgb(235,235,235);
		color: black;
		border: 1px solid gray;
		font-size: 70%;
	}

#right li {
		margin: 0 0 5px 0;
	}

/* Heading styles for right column */
#right h1 {
		margin: 0 0 20px 0;
		display: block;
		background: rgb(0,113,131);
		color: white;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 135%;
		font-weight: bold;
		font-style: italic;
		line-height: 2em;
		text-align: center;
		border-bottom: 4px solid rgb(209,180,61);
}

#right h2 {
		margin: 15px 5px 15px 5px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 120%;
		background: rgb(235,235,235);
		color: rgb(0, 42, 120);
		text-align: left;
}

#right h3 {
		margin: 5px 5px 10px 5px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 110%;
		background: rgb(235,235,235);
		color: black;
		text-align: left;
		font-weight: bold;
}

/* Form style for right column */
#right form {
		margin: 5px;
}

#right div.form_error {
	margin: 5px;
	background-color: #FFFF99;
	color: black;
	border: 1px solid silver;
	padding: 5px;
}

/* Grey out text if unregistered. */
#right div.unregistered {
		color: gray;
		background: inherit;
}


/* Image style for right column.  */
/* Note that image width should not exceed 150px. */

#right img {
		padding: 0;
		margin: 5px;
		float: left;
}

/* No borders for navigation icons */
#right img.nav {
		border: none;
}


/* Normal paragraph style for right column. */
#right p {
		margin: 5px;
}

/* Unordered list style for right column. */
#right ul {
		list-style-type: square;
		margin: 15px;
		padding: 5px;
}


/* Horizontal rules for right column. */
#right hr {
		margin-top: 15px;
		margin-bottom: 15px;
		width: 75%;
}


/* Centre main content column .............................................................. */

td.centrecell {
		background: white;
		color: black;
		width: 100%;
}

#centre	{	
		margin: 0 20px 5px 10px;
		padding: 0 10px 300px 10px;
		font-size: 90%;
		border-left: 2px solid rgb(130,130,130);
		border-right: 2px solid rgb(130,130,130);
}

#centre .centre_image {
		margin: 25px 0 5px 0;
		border: 1px solid black;
}

#centre .left_img {
		margin: 0 5px 10px 0;
		padding: 0;
		border: 1px solid black;
		float: left;
}


#centre .right_img {
		margin: 0 0 10px 5px;
		padding: 0;
		border: 1px solid black;
		float: right;
}

#centre div.testimonial {
		margin: 20px 0 10px 0;
		padding: 5px 5px 5px 5px;
		color: black;
		background-color:#FFFF99;
		border: 1px solid silver;
}

#centre p.quotation {
		margin-left: 25px;
		margin-right: 25px;
		font-style: italic;
}

#centre p.attribution {
		margin-left: 25px;
		margin-bottom: 25px;
		font-weight: bold;
}


#centre .emphatic {
		font-size: 18px;
		font-weight: bold;
}

#centre ul {
		list-style-type: square;
		margin-left: 15px;
		margin-right: 5px;
		padding: 5px;
}

#centre h1 {
		display: block;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 140%;
		font-style: italic;
		line-height: 1.5em;
		background-color: rgb(0, 113, 131);
		color: white;
		border-bottom: 4px solid rgb(209,180,61);
		margin: 0 0 30px 0px;
		padding-left: 2px;
}

#centre h2 {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 18px;
		background: inherit;
		color: black;
		margin: 0;
		padding: 0;
}

#centre h3 {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 16px;
		background: inherit;
		color: black;
		margin: 0;
		padding: 0;
}

/* Footer .................................................................................. */
.footer {
		background-color: rgb(0,113,131);
		color: #ffffff;
		font-size: 80%;
		font-style: italic;
		border: 1px solid rgb(130,130,130);
}


/* Universally applied styles............................................................... */

/* All table cell contents aligned top. */
td	{
		vertical-align: top;
}

/* Add 1 px blue border around objects */
.border {
		border: solid rgb(0, 42, 120) 1px;
}


/* Clear floated objects.  Use with div. */
.clear {
		clear: both;
}


		
/* Normal links */
a:link 		{ 	color: blue; background: inherit; text-decoration: underline; }  	/* for unvisited links */
a:visited 	{ 	color: blue; background: inherit; text-decoration: underline; } 	 	/* for visited links */
a:hover 	{ 	color: black; background: inherit;  text-decoration: underline; }      /* when mouse is over link */
a:active 	{ 	color: black; background: inherit; text-decoration: underline; } 	 	/* when link is clicked */

