/* Images */

/* Global span non-display */

span.i {
	display:none;
}

/* Top Menu Rollovers */

.topbutton a {
	display: block;
	width: 110px; line-height: 21px;
	margin: 0; padding: 0 0 2px 0;
	background: url("http://www.seap.org.uk/images/topbutton.gif") top left no-repeat;
	background-position: 0 0;
	color: #FFFFFF;
	font-family: "Franklin Gothic Medium", arial, verdana, serif;
	font-size: 8pt;
	text-decoration: none;
	vertical-align: middle;
}

.topbutton a:hover {
	margin: 0; padding: 0 0 2px 0;
	background-position: -110px 0;
	color: #FFFFFF;
	background-color: transparent;
}

/* Side Menu Rollovers */

.sideonebutton a {
	display: block;
	width: 129px; line-height: 30px;
	margin: 0 5px 0 0; padding: 0 0 5px 0;
	background: url("http://www.seap.org.uk/images/sideonebutton.gif") top left no-repeat;
	background-position: 0 0;
	color: #FFFFFF;
	font-family: "Franklin Gothic Medium", arial, verdana, serif;
	font-size: 10pt;
	text-decoration: none;
	vertical-align: middle;
}

.sideonebutton a:hover {
	margin: 0; padding: 0 0 5px 0;
	background-position: -129px 0;
	color: #FFFF00;
	background-color: transparent;
}

.sidetwobutton a {
	display: block;
	width: 129px; height: 45px;
	margin: 0 0 0 0; padding: 4px 0 0 0;
	background: url("http://www.seap.org.uk/images/sidetwobutton.gif") top left no-repeat;
	background-position: 0 0;
	color: #FFFFFF;
	font-family: "Franklin Gothic Medium", arial, verdana, serif;
	font-size: 10pt;
	text-decoration: none;
	vertical-align: middle;
}

.sidetwobutton a:hover {
	margin: 0; padding: 4px 0 0 0;
	background-position: -129px 0;
	color: #FFFF00;
	background-color: transparent;
}

.subbutton a {
	display: block;
	width: 150px; height: 20px;
	margin: 0; padding: 0 2px 2px 2px;
	background-color: #ad67b5;
	color: #FFFFFF;
	font-family: "Franklin Gothic Medium", arial, verdana, serif;
	font-size: 10pt;
	text-decoration: none;
	vertical-align: middle;
}

.subbutton a:hover {
	margin: 0; padding: 0 2px 2px 2px;
	color: #FFFF00;
	background-color: #ad67b5;
}

/* Other Rollovers */

.otherbutton a {
	display: block;
	width: 110px; line-height: 21px;
	margin: 0; padding: 0 0 2px 0;
	background: url("http://www.seap.org.uk/images/otherbutton.gif") top left no-repeat;
	background-position: 0 0;
	color: #FFFFFF;
	font-family: "Franklin Gothic Medium", arial, verdana, serif;
	font-size: 8pt;
	text-decoration: none;
	text-align: center;
}

.otherbutton a:hover {
	margin: 0; padding: 0 0 2px 0;
	background-position: -110px 0;
	color: #1D2387;
	background-color: transparent;
}