/* web.css */

body {
	background-color:	#ffffff;
	color:								#000000;
	font-family:					arial, helvetica, sans-serif;
}

p {
	padding-left:				8px;
	padding-right:				8px;
}

ul.body {
	padding-left:				20px;
}

/*
ol.body {
	padding-left:				20px;
}
*/

.bodytext {
	padding-left:				8px;
	padding-right:				8px;
	text-align:						left;
	vertical-align:				top;
}

.weblogo {
	background-image:	url('images/WebLogo.png');
	width:								130px;
	height:								117.px;
}

.pagehead {
	margin:							0;
	padding-left:				8px;
	line-height:					125%;
	text-align:						left;
	vertical-align:				middle;
	color:								#663300;
	background-color:	#fdd95c;
}

.sectionhead {
	margin:							0;
	padding-left:				8px;
	line-height:					125%;
	text-align:						left;
	vertical-align:				middle;
	color:								#663300;
	background-color:	#fdd95c;
}

.resourcehead {
	font-weight:					bold;
	color:								#663300;
	background-color:	#fdd95c;
}

.splashtext {
	color:								#663300; 
	text-align:						justify;
	padding:							8px;
	font-weight:					bold;
}

.content {
	text-align:			justify;
}

td.topmenu {
	text-align:				center;
	line-height:			125%;
	margin:					0;
	padding:					5;
	background-color: #abdc57;
}
a.topmenu {
	height:			100%;
	font-weight: bold;
	text-decoration: none;
	color:						#336600;
	display: inline;
	background-color:	#abdc57;
	border-bottom: 			none;
}
a.topmenu:hover {
	height:			100%;
	font-weight: bold;
	text-decoration: none;
	color: #abdc57;
	border-bottom:			none;
	background-color:	#336600;
	padding-top:				5px;
	padding-bottom:		5px;
}
/*
#topmenu ul {
	list-style-type: none;
	width: 100%;
	display: inline;
	margin: 0;
	padding: 0;
}
#topmenu li {
	width:		100%;
	display:	inline;
	border:	none;
	margin-left:	10px;
	margin-right:	10px;
	margin-top:					7px;
}
#topmenu a {
	font-weight: bold;
	text-decoration: none;
	color:						#336600;
	display: inline;
	background-color:	#abdc57;
	border-bottom: 			none;
}
#topmenu a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #abdc57;
	border-bottom:			none;
	background-color:	#336600;
	padding-top:				5px;
	padding-bottom:		5px;
}
*/

#leftmenu {
	list-style-type:	none;
	text-align:				left;
	width: 						120px;
	margin:					0;
	padding:					0;
	background-color: #ce86c9;
}

#leftmenu ul {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#leftmenu li {
	display: block;
	border: 1px solid #ce86c9;
}
#leftmenu li.divider {
	display:						block;
	border:						1px solid #ce86c9;
	font-weight:				bold;
	padding-left:			0px;
	padding-right:			10px;
	padding-top:			5px;
	padding-bottom:	0px;
	text-align:					center;
}
#leftmenu a {
	font-weight: bold;
	text-decoration: none;
	color:						#663366;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #ce86c9;
}
#leftmenu a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ce86c9;
	border-bottom: 1px solid #663366;
	background-color: #663366;
}
#content {
	text-align:		left;
}

#fabc-purple {
	color:	#663366;
	background-color:	#ce86c9;
}

#fabc-green {
	color:	#336600;
	background-color:	#ABDC57;
}

#fabc-orange {
	color:	#663300;
	background-color:	#FDD95C;
}

.levelhead {
	font-family:		'times new roman', times, serif;
	font-size:				12pt;
	font-weight:			bold;
	padding-left:		7px;
	padding-top:		2px;
	vertical-align:		bottom;
}

#diamond {
	background-color:	#ccccff;
	color:	black;
}

#gold {
	background-color:	gold;
	color:	black;
}

#silver {
	background-color:	silver;
	color:	black;
}

#bronze {
	background-color:	goldenrod;
	color:	black;
}