div#page{
	background-image: url(l1images/conbg.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 780px;
	height: 500px;
	border: solid 2px black;
	padding: 10px;
	position: absolute;
	top: 4%;
	margin: 0px auto 0px auto;
}

/* our top 3 links */
#menu{
	position: relative;
	top: -24px;
	font-size: 18px;
	float: right;
	display: block;
	list-style: none;
	margin: 0px 0px 0px 0px;
}

#menu li{
	padding-left: 10px;
	width: 100px;
	height: 50px;
	display: inline;
	list-style: none;
	margin: 0px 0px 0px 0px;
}

li a:link{
	color: maroon;
	height: 50px;
}

li a:hover{
	border-top: 10px solid green;
}

li a:visited{
	color: maroon;
}

/* used to clear out the floats for IE */
div#clear{
 clear: both;
 display: inline;
}

/*where all the content is going to go. */
div#content{
	width: 450px;
	height: 400px;
	display: block;
	overflow: auto;
	background-color: white;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	padding: 10px;
	position: relative;
	top: 15px;
	float: right;
	border: 1px solid black;
}