/* round corners: ensure gifs match background color */
/* only useful for a single colour per document */

.round300 {
	width: 300px;
	background-color: #cccccc;
	color: #0;
}

.round300 p {
	margin: 0 10px;
}

.roundbox {
	width: 100%;
	background-color: #cccccc;
	color: #0;
}
.roundbox p {
	margin: 0;
	padding: 0 5px;
}


.roundtop {
	background: url(../img/gy_tr.gif) no-repeat top right;
	font-size: 0.7em;
}

.roundbottom {
	background: url("../img/gy_br.gif") no-repeat bottom right;
}

.corner {
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}

/* line around fixed width container with bluetop and bluebottom framing */
.bluetop {
	background: url(../img/bg_box_upper_t.gif) no-repeat left bottom;
	width: 151px;
	height: 12px;
	margin: 0 auto;
}
.blueside {
	padding: 5px;
	border-left: solid #066080 1px;
	border-right: solid #066080 1px;
	border-top: 0;
	border-bottom: 0;
	margin: 0 auto;
	width: 139px;
}

.bluebottom {
	background: url(../img/bg_box_lower_t.gif) no-repeat 100% 0%;
	width: 151px;
	height: 12px;
	margin: 0 auto;
}

/* make more specific for bluetop */
.bluetop img, bluebottom img {  margin: 0; 
	padding: 0;
	border: 0; 
}
.blueside p {
	margin: 0 auto;
	font-size: 0.7em;
}
.blueside h4 {
	margin: 0 auto;
}