body,td,p,li {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background : url("/graphics/pagebg.gif");
}
table.bg {
	background : url("/graphics/bg.gif");
	background-repeat : repeat-x;
}
table.fadebg {
	background : url("/graphics/fadebg.gif");
	background-repeat : repeat-x;
}
table.catalogbg {
	background : url("/graphics/catalogBG.jpg");
	background-repeat : repeat-x;
}
div.leftmenu {
	background : url("/graphics/leftmenubg.gif");
	background-repeat : no-repeat;
	width: 176px;
}
div.scrollbar {
	background : url("/graphics/scrollbg.gif");
	background-repeat : repeat-x;
	line-height: 19px;
	width: 562px;
	height: 19px;
	margin-left: 28px;
	color: #ea0707;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a.links {
	width: 176px;
	font-size: 10px;
	padding-right: 26px;
	padding-left: 15px;
	line-height:17px;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
a.links:hover {
	text-align: right;
	color: #ea0707;
	text-decoration: none;
}
a {
	color: #ea0707;
	text-decoration: none;
}
a:hover {
	color: #ea0707;
	text-decoration: underline;
}
a.video {
	color: #931010;
	text-decoration: none;
	font-size: 9px;
}
a.video:hover {
	color: #ea0707;
	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;
}
a.splashcat {
	color: #ea0707;
	text-decoration: none;
	font-size: 7pt;
}
a.splashcat:hover {
	color: #ea0707;
	text-decoration: underline;
	font-size: 7pt;
}
td.catalog {
	color: #7DAA9F;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}
div.main {
	padding-left: 30px;
	padding-right: 35px;
}
div.headline {
	color: #ea0707;
	font-size: 12pt;
	font-weight: bold;
}
div.content {
	padding-left: 5px;
}

td.sports {
	background-color: #000000;
	color: #ffffff;
	font-size: 8pt;
	font-family: arial;
	font-weight: bold;
	font-style: italic;
}

td.sports1 {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 10pt;
	font-family: arial;
	font-weight: bold;
	font-style: italic;
}

.sports A:link,.sports A:visited {
	color: #ffffff;
}

.sports1 A:link,.sports1 A:visited {
	color: #ffffff;
}

td.bg_l {
	background : url("/graphics/leftfadebg.gif");
	background-repeat : repeat-y;
}
td.bg_r {
	background : url("/graphics/rightfadebg.gif");
	background-repeat : repeat-y;
}
/*	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.
*/

.committee li {
	display: block;
	float: left;
	width: 160px;
	height: 220px;
	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
*/

.committee li.startnewrow {
	clear: both;
}

.committee li p {
	margin: 0;
	padding: 0 0 10px 0;
	width: 160px;
	font-size : 10px;
}

.committee li p a {
	width: 150px;
}


/*	this is to float the board members image flush right on the individual
board of directors detail pages. the image should be no wider than 250px
*/

#boddetail .fullcenter img {
	float: left;
	padding: 8px 20px 0 0;
}

.pagecontrols {
	float: right;
}

td.schedule {
	font-family: verdana, sans-serif;
	font-size: 7pt;
}

.imagecaption {
	font-size: 7pt;
	font-style : italic;
}
