#fader {
	margin-bottom : 15px;
	width : 986px;
	height : 316px;
	position : relative;
}

.fadeframe {
	position : absolute;
	width : 986px;
	height : 316px;
	top : 0px;
	left : 0px;
	z-index : 500;
	display : none;
}

#fader div.fadeblurb {
	position : absolute;
	bottom : 15px;
	left : 15px;
	padding : 10px;
	background-image : url("../images/00000050.png");
}

#fader div.fadenav {
	position : absolute;
	right : 15px;
	bottom : 15px;
}

#fader div.fadenav div {
	display : inline-block;
	padding : 10px;
	background-image : url("../images/6072ae50.png");
	margin-left : 5px;
}

#fader div.fadenav div:hover {
	cursor : pointer;
	background-color : #6072ae;
}

#fader div.fadenav div.highlight {
	background-color : #6072ae;
}

#fader div.admin {
	position : absolute;
	top : 15px;
	right : 15px;
}





#boxes {
	position : relative;
	left : -22px;
	width : 1008px;		/* this should be the width of the page + the un-indent above, which should match the right margin of the box below */
}

/* most of the boxes stuff in this taken from http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/ */
#boxes div.box {
	position : relative;
	width: 280px;
	border: 2px solid #333333;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	padding : 10px 15px 46px 15px;
	margin : 0px 0px 22px 22px;
	min-height : 250px;
	background-color : black;
}

#boxes img.boximg {
	margin-bottom : 5px;
}

#boxes a {
	color : white;
}

#boxes div.admin {
	position : absolute;
	bottom : 10px;
	left : 15px;
	height : 24px;
}

#boxes a.readmore {
	position : absolute;
	bottom : 10px;
	right : 15px;
	height : 24px;
	line-height : 24px;
	display : block;
	width : 100px;
	background-color : #505050;
	text-decoration : none;
	color : white;
	text-align : center;
}

#boxes .readmore:hover {
	text-decoration : underline;
}