body{
	text-align:center;
	margin:0;
	width:770px;
	margin: 0 auto;
}

#mainContainer{
	margin:0 auto;
	width:770px;
	text-align:center;
	border:1px solid #E1EBF5;
}	

#fullscreen{
	display:inline;
	float:right;
}

#resourceContainer{
	margin:0 auto;
	width:720px;
}

#resourcelinktext{
	font-size:80%;
}

#resourcelinktext a{
	color:#FF6600;
}

.resource{
	float:left;
	width:214px;
	margin:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bold;
	color:#030065;
	background-color:#DFEBF7;
	background-image:url(images/resBgBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom; 
	text-align:left;
}

.resource h2{
	font-size:110%;
	line-height:110%;
	margin: 0 0 3px 0;
}

.resourceTop{
	padding:4px;
	background-color:#AFCAE5;
}

.archive{
	background-color:#FF0000;
	background-image:url(images/archived.gif);
}

.hidden{
	background-color:#FF0000;
	background-image:url(images/hidden.gif);
}

.resourceMain{
	padding:2px;
	height:115px;
}

html>body .resourceMain{
	height:auto;
	min-height:115px;
}


a.resourceTitle{
	display:block;
	padding:3px 0;
}

.resourceImg{
	width:79px;
	float:left;
}

.resourceImg img{
	border:1px solid #379FE0;
}

.resourceDesc{
	float:left;
	margin: 5px;
	width:113px;
}

.resourceFooter{
	padding:0 3px 3px 3px;
}	

.resourceFooter a, .resourceFooter a:hover, .resourceFooter a:visited{
	font-size:90%;
	color:#030065;
	text-decoration:none;
}

.teachers{
	color:#FF9900;
	float:left;
}

.start{
	float:right;
	margin:3px;	
}

.start img{
	border:0;
}

.clear{
	clear:both;
}

.topNav{
	white-space:nowrap;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
	padding: 0;
	font-size: 0.70em;
	text-align:left;
	line-height:0.9em;
}

.topNav ul {
	margin: 0;
	padding: 0;
	white-space:nowrap;
	float:right;
}

.topNav li {
	display:inline;
	float:left; /*  had to float right to get it to work in opera (float left did not work) */
	width:auto;
	border-left:1px solid #000;
	line-height:0.9em;
	padding:0;
	margin: 0;
	list-style: none;
}

.topNav ul li a{
	text-decoration:none;
	float:left;
	padding:2px 8px 0 8px;
	color:#000000;
	margin: 0px;
	
}

/* Editing Styles */
#editlink{
	float:left;
}

