body
{
	font-family: Calibri, Verdana, Arial;
	background-color: #003888;
	margin-top: 75px;
}

#content
{
	width: 800px;
	height : auto;
	position : relative;
	padding : 20px 30px;
	min-height: 270px;
	/* border: solid 1px #000000; */
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;	
	/* background-color: White; */
	background: white url(/images/corner_tl.gif) no-repeat;
}

#content h1
{
	font-size: x-large;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
}

#content a
{
	color: #003888;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 30px;
  height : 30px;  /* corner images are 40x40 */
  display : block;
  /* margin-bottom : -1px; */  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(/images/corner_tr.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(/images/corner_bl.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(/images/corner_br.gif) no-repeat;
  right : 0;
  bottom : 0;
}