body,td,p,li {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
body.bg {
	background : url("/graphics/bg.gif");
	background-repeat : repeat-x;
}
a {
	color: #406899;
	text-decoration: none;
}
a:hover {
	color: #C93131;
	text-decoration: underline;
}
a.imedia {
	color: #000000;
	text-decoration: underline;
}
a.imedia:hover {
	color: #9E0B0B;
	text-decoration: underline;
}
a.catalog {
	color: #7DAA9F;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
a.catalog:hover {
	color: #3362CD;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
td.catalog {
	color: #7DAA9F;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}

td.bg_l {
	background : url("/graphics/bg_l.gif");
	background-repeat : repeat-y;
}
td.bg_r {
	background : url("/graphics/bg_r.gif");
	background-repeat : repeat-y;
}

a.bio {
	color: #005954;
	font-size: 10pt;
	font-weight: bold;
}
a.bio:hover {
	color: #6d4e3d;
	text-decoration: underline;
	font-size: 10pt;
	font-weight: bold;
}

div.biodetail {
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
}
div.splashyellow {
	color: #DCAB2B;
	font-family: times, serif;
	font-size: 11pt;
	font-weight: normal;
	padding-top:3px;
	padding-bottom: 5px;
	padding-right: 25px;
}
div.splashyellow2 {
	color: #DCAB2B;
	font-family: times, serif;
	font-size: 11pt;
	font-weight: normal;
	padding-top:3px;
	padding-bottom: 0px;
}
.pad {
	padding-left: 5px;
	padding-right: 5px;
}

/*	Board of Directors elements 
*/

ul.bio {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	}

/*	each <li> contains one board member (it is a list after all) the images
	should be no wider than 160 pixels and the height is hard coded at 200px
	to avoid float issues with IE. if more than 4 lines of text are added under
	the photo or the line-height is increased, then increase the height to
	blow out the float issues on ie 6.
*/
.bio li {
	display: block;
	float: left;
	width: 125px;
	height: 210px;
	margin: 5px;
	padding: 0;
	overflow: hidden;
	}



/*	use the following class at the end of every three board members
	otherwise, it may cause some issues with the clears, particularly
	in IE6 where it'll hang on the floats above
*/

.bio li.startnewrow {
	clear: both;
	}

.bio li p {
	margin: 0;
	padding: 0 0 10px 0;
	width: 125px;
	font-size; 10px;
	}

.bio li p a {
	width: 150px;
	}

/*	the 'pagecontrols' class is for those pages when a button, group of
	links or other control element has to be right-aligned on a page. some
	examples are on the board of directors detail page, there are links to 
	'next' and 'previous' at the top right
*/

.pagecontrols {
	float: right;
	}

.pagecontrols a {
	color: #700017;
	}

.pagecontrols a:link {
	color: #700017;
	}

.pagecontrols a:visited {
	color: #700017;
	}
	
.headernav {
	background: url("/graphics/header_bg.gif") repeat-x;
	}