.box, .boxup {margin:1em 0;padding:0.5em;width:45%}
.box h1, .boxup h1 {font-size:1.05em;margin-right:0.2em}
.boxcontent {background:url(http://www.bath.ac.uk/assets/php/gradient.php?p=039&h=25&a=20) repeat-x;border-left:1px solid #eee;border-right:1px solid #999;padding-left:0.8em}
.boxup .boxcontent {background:url(http://www.bath.ac.uk/assets/php/gradient.php?p=039&h=25&a=20) repeat-x}

.b2, .b3, .b4 {background:url(http://www.bath.ac.uk/assets/php/gradient.php?p=039&h=4&a=15&s=2) repeat-x;border-left:1px solid #f7f7f7;border-right:1px solid #ddd}
.boxup .b2, .boxup .b3, .boxup .b4 {background:#fff}
.b3 {border-right-color:#c4c4c4}
.b4 {border-right-color:#aaa}

.b2b, .b3b, .b4b {background:#fff;border-right:1px solid #999;border-left:1px solid #aaa}
.boxup .b2b, .boxup .b3b, .boxup .b4b {background:#efe1ef}
.b3b {border-left-color:#c4c4c4}
.b4b {border-left-color:#ddd}

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b {display:block;overflow:hidden;font-size:1px;height:1px}
.b1, .b1b {margin:0 5px}
.b2, .b2b {margin:0 3px;border-width:0 2px}
.b3, .b3b {margin:0 2px}
.b4, .b4b {margin:0 1px;height:2px}

.b1 {background:#eee}
.b1b {background:#999}

.gradientbox {
	width:45%;
	background:url(http://www.bath.ac.uk/assets/php/gradient.php?p=039&h=30&a=15) repeat-x;
	margin:1em 0em 0;
	padding:0.5em 0.2em;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
}
.gradientbox h1 {
	font-size:1em;
	font-weight:bold;
	padding-top:3px;
	margin-left:0.5em;
}
.gradient {
	width:96%;
	background:url(http://www.bath.ac.uk/assets/php/gradient.php?p=039&h=30&a=15) repeat-x;
	margin:1em 0em 0;
	padding:0.5em 0.2em;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
}
.gradient h1 {
	font-size:1em;
	font-weight:bold;
	padding-top:3px;
	margin-left:0.3em;
}