/******************************************************************
 * mcc style sheet
 ******************************************************************/


/* ###### Body Text ###### */

body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  position: relative;
  margin: 0;
  padding: 0;
}

div#mainPanel {
	position: absolute; top: 0; left: 200px; right: 25px;
	/* width: 750px; */
}

div#bodyText {
	padding: 10px;
}

div#footer {
	clear: both;
	padding: 10px;
	border-top: solid;
	font-size: 60%;
}

div#leftbar {
	position: absolute;
	top: 0px; left: 0; width: 170px;
}

div.boxtext {
	padding: 20px;
	border: solid 3px;
}

div.fixedwidth1 {
	width: 750px;
}

div.blackbox {
	width: 750px;
	padding: 0px 20px 20px 20px;
	margin-left: 5%; margin-right: 5%;
	border-style: solid; border-width: 10px;
}

/* ###### treatment of anchors ###### */

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ###### the logo ###### */

img.pagelogo {
	padding: 5px 0px 5px 0px;
}

/* ###### the main left-hand menu ####### */

div#leftlinks {
	padding: 5px 0px;
}

div#leftlinks a {
	display: block; text-align: center;
	padding: 5px 10px;
	border-width: 0;
	text-decoration: none;
}

/* ###### The left-hand page-actions menu ###### */

div#leftactions {
	padding: 0px 0px;
	font-size: 60%;
}

div#leftactions a {
	display: block; text-align: center;
	padding: 0px 10px;
	border-width: 0;
	text-decoration: none;
}

/* ###### Specific to the search page ###### */

.searchgroupheader td {
	padding: 2px;
}

/* ###### treatment of headers ###### */

h1, h2, h3 {
  font-weight: bold;
  padding-top: 0.5ex;
  padding-bottom: 0.5ex;
  margin-top: 2ex;
}

/* ###### don't decorate images with borders even if they are anchors ###### */

img {
  border: none;
  padding: 5px 0px 5px 0px;
}

/* ###### for floating images to the side in text blocks ###### */

IMG.leftfloat {
	float: left;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
IMG.rightfloat {
	float: right;
	padding: 10px 0px 10px 20px;
}

/* ###### for centering things ###### */
.centred {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}