<!--
a:active, a:link, a:visited {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #000066;
	text-decoration: underline overline;
}

html {
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #7EA5C2;
}

/* here's the box... the image is the upper-left corner */
#csc {
  background : url(roundedcornr_123169_tl.png) no-repeat;
  width : 80%;
  height : auto;
  position : relative;
  padding : 30px 40px;
}

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

/* change position and image: top-right */
.tr {
  background : transparent url(roundedcornr_123169_tr.png) no-repeat;
  top : 0;
  right : 0;
  position: absolute;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(roundedcornr_123169_bl.png) no-repeat;
  bottom : 0;
  left : 0;
  position: absolute;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(roundedcornr_123169_br.png) no-repeat;
  right : 0;
  bottom : 0;
  position: absolute;
}


/* End Styles */			


				BODY { font-family:MS Sans Serif, Verdana, sans-serif}

//-->