body {
	color: #000;
	font-family: Tahoma, Verdana, Gill Sans MT, Arial, Helvetica, sans-serif;
	background: none; 
	margin: 0;
	padding: 15 0 0.0em 10; /* bottom padding is height of #bottomFrame */
	}
/* go to the css-discuss.org wiki for more info */
#bodyContent {
	font-family: Tahoma, Verdana, Gill Sans MT, Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0;
  }
td#right {
	background-color: #006699;
	text-align: center;
	vertical-align: top;
	padding: 1em;
}	
#right p, #right  ul, #right li, #right h1, #right h2, #right h3, #right h4, #right h5, #right h6 {
	text-align: centre;
}
.button a {
	font-size: 70%;
	text-decoration: none;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 3px 3px 35px;
	height: 22px;
	border-width: 1px;
	border-style: solid;
	border-color: #dddddd #999999 #999999 #dddddd;
	vertical-align: middle;
}
.button a:hover {
	background-position: left bottom;
}
.next a, .last a {
	text-align: right;
	background-position: right top;
	padding: 3px 35px 3px 3px;
}
.next a:hover, .last a:hover {
	background-position: right bottom;
}
.next a  {
	background-image: url(/images/next.gif);
}
.last a {
	background-image: url(/images/last.gif);
}
.previous a {
	background-image: url(/images/previous.gif);
}
.first a {
	background-image: url(/images/first.gif);
}
#delete a {
	background-image: url(/images/delete.gif);
}

/* this is for the outreach stuff */
.orMenu {
	position: relative;
	left: -1em;
	top: -1em;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;

}
.orMenu li {
	border-bottom: 1px solid #5C1F5C;
	margin: 0;
}
.orMenu li a {
	line-height: normal;
	display: block;
	width: 110%;
	background-color: #993399;
	text-decoration: none;
	color: #fff;
}
html>body .orMenu li a {
		width: auto;
}
.orMenu a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #DE92DE;
}