	/* rch.css */
/*	Edit date : 07-Jan-2007 */
/*	Reason    : Use style for "Focus on" box from webDotWiz "wdw32.css" to put quick links on r-h pane of opening page */
/*                  Change background to grey a la webDotWiz */

	BODY {
		margin: 0px;
		font-family: verdana,arial,helvetica;
		background: #808080;
		}

	A:link { color: ##003399; text-decoration: none; }
	A:visited { color: #6699cc; text-decoration: none; }

	A.clsBackToTheTop,
		A.clsBackToTheTop: visited {
			margin-top: 10; margin-bottom: 0;
			padding-bottom: 0;
			font-size: 75%;
			color: black;
		}

	A:hover,
		A.clsBackToTheTop:hover,
			A:active {
				color: blue;
				text-decoration: underline;
		}

	A.small {
		font-weight: normal;
		font-size: 95%;
		line-height: normal;
		font-style: normal;
		font-variant: normal;
		text-decoration: none;
		}

	h1 {
		font-size: 165%;
		margin-top: 1.10em;
		margin-bottom: .5em;
		color: #ff4f19;			/* ffcc99 */
		}

	h2 {
		font-size: 125%; 
		margin-top: 1.25em;  
		margin-bottom: .5em;
		color: #ff4f19;			/* ffcc99 */
		}

	h3 {
		font-size: 115%;
		margin-top: 1em;
		margin-bottom: 0em;
		color: black;			/* #ffcc99 */
		}
	h5 {
		color: #ff4c29;
		font-size: 100%;
		margin-bottom: 0em;
		}

	P#pBackToTheTop { display: none; }

	TD {
		font-size: 75%
		}
	TH {
		font-size: 75%
		}

	DIV.clsDocBody {
		color: black;
		font-size: 95%;
		font-family: "verdana, arial, helvetica, sans-serif";
		}

	/*	right side bar */
	
	TABLE#tblSideBar { 
		background-color: #ffdab9;			/* e6e6fa or ffffcc or ffdab9 */
		padding: 1px;
		color: menutext; 
		border-width: 1px;
		border-style: solid; 
		border-color: threedhighlight threedshadow threedshadow threedhighlight;
		}

	TD.clsTDSideBar {
		font-family: tahoma;
		font-size: 70%
		}

	/* Coolbar styles */

	TABLE#tblCoolbar { 
		background-color: #ffdab9;			/* peachpuff */
		padding: 1px;
		color: menutext; 
		border-width: 1px;
		border-style: solid; 
		border-color: threedhighlight threedshadow threedshadow threedhighlight;
		}

	TABLE#tblCoolbar TABLE { 
		font-family: tahoma;
	/*	font-size: 80%; */
		color: menutext; 
		border: 1px solid #ffdab9;
		cursor: hand;
		padding: 1px;
		}
	
	/* For web parts */
	TABLE.clsContainer {
		height: 78%
		}
	TABLE DIV.clsContainer {
		background-color: #ccffff;			/* ebebfa */
		border-top: #ffffff 1px solid;
		font-size: 68%;
		padding-bottom: 10px;
		padding-top: 10px;
		position: relative;
		width: 100%
		}
	TABLE TABLE DIV.clsContainer {
		background-color: #ffffff;
		border-top: #ccffcc 1px solid
		}
	.clsPart {
		behavior: url("webparts.htc");
		width: 150px
		}
	.clsPartConent {
		background-color: #ccffcc;
		border-bottom: #dda0dd 1px solid;
		border-left: #dda0dd 1px solid;
		border-right: #dda0dd 1px solid
		}
	.clsPartBottom {
		background-color: #ffffff;
		border-bottom: #dda0dd 1px solid
		}
	.clsPartHead {
		background-color: #dda0dd;
		color: #ffffff;
		cursor: move;
		font-family: verdana, arial, helvetica;
		font-size: 82%
		}
	.clsPartRight {
		background-color: #dda0dd;
		color: #ffffff;
		cursor: hand;
		font-family: verdana, arial, helvetica;
		font-size: 82%
		}
	.clsPartLeft {
		background-color: #ffdab9;
		color: #ffffff;
		font-family: verdana, arial, helvetica;
		font-size: 82%
		}
	.clsPartContainer {
		position: relative;
		width: 150px
		}
	.text {
		color: #000000;
		font-family: arial, helvetica;
		font-size: 80%;
		text-indent: 8px
		}
	.link {
		color: #000000;
		font-family: verdana, arial, helvetica;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none
		}
	.linktext {
		color: #000000;
		font-family: verdana, arial, helvetica;
		font-size: 80%;
		text-decoration: none
		}
/* IE7 picks up the following and applies to the whole doc. - edited out 10-Apr-2006 */
/*	:hover {
		text-decoration: underline
		} */
	.storeUserData {
		behavior: url(#default#userData)
		}
	.clsPart LI {
		font-size: 68%;
		list-style: url( images/bullet.gif );
		margin-right: 7px
		}

	/* To get highlighted rows in a table (e.g. photocopying prices) */
	.tblRowover {
		behavior:url(rowover_js.htc);
		}

	/* For courses and programs table layout */

	TD.clsPrgTitleTD {
		padding-right: 6px;
		padding-top: 4px;
		background-color: #eeeeee
		}
	TH.clsPrgTitleTD {
		padding-right: 6px;
		padding-top: 4px;
		background-color: #eeeeee
		}
	TD.clsPrgItemsInfoTD {
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 4px;
		background-color: #fff8dc;
		}
	TD.clsPrgDescripTD {
		color: #999999;
		background-color: #ffffff;
		}
	TABLE.clsArchItems TD.clsPrgDescripTD {
		padding-top: 4px
		}
	TD.clsArchDateTD {
		padding-top: 10px
		}
	TABLE.clsArchItems {
		margin-top: 5px;
		font-size: 130%;
		font-family: verdana, arial, helvetica
		}
	/* For use by VML */
	.clsTxtBox_1 {
		font: 8pt verdana;
		color: #000000;
		text-align: left;
		padding-left: 0px;
		}
/* Classes for button "normal" and "on" in "Focus On" links in right-hand col of index5.htm */
/*	Done 25-Nov-2006 */
/*	06-Jan-2008 - updated to reverse colours used for onmouseover/onmouseout so consistent with left nav pane. */
.focuson_button {
	border-right: #babad2 1px solid;
	border-top: #babad2 1px solid;
	padding-left: 10px;
	font-size: 90%;
	filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1, startColorstr=#fdf5e6, endColorstr=#ffffff );
	padding-bottom: 3px;
	margin: 0px 0px 3px;
	border-left: #babad2 1px solid;
	width: 150px;
	cursor: hand;
	color: #000000;
	padding-top: 4px;
	border-bottom: #babad2 1px solid;
	font-family: verdana;
	height: 25px;
	background-color: #c4d5e5;
	text-decoration: none
}
.focuson_button_on {
	border-right: #babad2 1px solid;
	border-top: #babad2 1px solid;
	padding-left: 10px;
	font-size: 90%;
	filter: progid:DXImageTransform.Microsoft.gradient( gradientType=1, startColorstr=#f8f8ff, endColorstr=#ffffff );
	padding-bottom: 3px;
	margin: 0px 0px 3px;
	border-left: #babad2 1px solid;
	width: 150px;
	cursor: hand;
	color: #000000;
	padding-top: 4px;
	border-bottom: #babad2 1px solid;
	font-family: verdana;
	height: 25px;
	background-color: #c4d5e5;
	text-decoration: none
}
/* Class for box enclosing the "Focus On" sites list in index5.htm -- 25-Nov-2006 */
/*	Updated 06-Jan-2007 - reversed onmouseover/onmousteout colours */
.focuson_navBoxGray {
	border-right: #e5e5e5 1px solid;
	padding-right: 12px;
	border-top: #cacaca 3px solid;
	padding-left: 12px ; /* 12px; */
	padding-bottom: 12px; /* 12px; */
	margin: 12px 15px 6px; /* 15px 15px 6px */
	border-left: #e5e5e5 1px solid;
	width: 160px;
	padding-top: 10px; /* 10px */
	border-bottom: #cacaca 3px solid;
	background-color: #ffdab9	/* #f1f1f1 */
}
.focuson_navBoxGray A:active {
	text-decoration: none
}
.focuson_navBoxGray A:visited {
	text-decoration: none
}
.focuson_navBoxGray A:link {
	text-decoration: none
}
.focuson_navBoxGray A:hover {
	text-decoration: none
}
/* End of class styles for "Focus On" box on right-hand side of page in index5.htm */

	/* For "wdw Archives" in news-archives5.htm */

	TD.clsArchYrTD {
		padding-right: 6px;
		padding-top: 4px
		}
	TD.clsArchHrefTD {
		padding-right: 6px;
		padding-top: 4px
		}
	TH.clsArchYrTD {
		padding-right: 6px;
		padding-top: 4px
		}
	TD.clsArchDateTD {
		color: #999999;
		}
	TABLE.clsArchItems TD.clsArchDateTD {
		padding-top: 4px
		}
	TD.clsArchDateTD {
		padding-top: 10px
		}
	TABLE.clsArchItems {
		margin-top: 5px;
	/*	font-size: 88%; */
		font-family: verdana, arial, helvetica
		}

