/* Styling for a standard page */
	body {
		background-image:	url("../images/liteblue.jpg");
		font-family:		"Comic Sans MS";
		color:				#060;				/* dark green */
		text-align:			center;
		}


/* Transparent Box for Title */
	div.transTitle {
		position:			relative;
		top:				20px;
		left:				10px;
		width:				98%;
		height:				110px;
		*height:			110px;
		background-color:	transparent;				/* white */
		border:				3px solid #00F;		/* blue */
		}

	div.transTitle h1 {
		margin:				0px;
		font-size:			24px;
		}

	div.transTitle h2 {
		margin:				0px;
		font-size:			16px;
		font-weight:		normal;
		margin-top:			0px;
		margin-bottom:		24px;
		}

	div.transTitle p {
		position:			relative;
		top:				-10px;
		margin:				0px;
		font-size:			14px;
		text-align:			center;
		}


/* Menu items within the Title */
	#nav,
	#nav li.on ul, #nav li.off ul {
		margin:				 0;
		padding:			 0;
	}

	#nav a {
		text-decoration: 	none;
	}

	#nav li { /*float the main list items*/
		position:			relative;
		top:				-16px;
		*top:				-20px;
		left:				5px;
		margin:				0;
		float:				left;
		display:			block;
		padding-right:		0px;
		font-size:			10px;
	}

	#nav li ul {
		display:			none;
	}

	#nav li.off ul, #nav li.on ul { /*put the subnav below*/
		position:			absolute;
		top:				27px;
		*top:				32px;
		left:				-5px;
		*left:				0px;
		padding-top:		10px;
		height:				20px;
		width:				500px;
	}

	#nav li a {
		color:				#060;
		display:			block;
		height:				14px;
		width:				90px;
		*width:				90px;
		border:				1px solid #00F;
		padding:			3px;
	}

	#nav li.on a {
		border:				1px solid #00F;
		color:				#060;
	}

	#nav li.on ul {
		display:			block;
	}

	#nav li.off:hover ul, #nav li.over ul { 
		display:			block;
		z-index:			6000;
	}

	#nav li.off a:hover, #nav li:hover a, #nav li.over a {
		float:				left; /*ie doesn't inherit the float*/
		border:				1px solid #00F;
		color:				#060;
		width:				90px;
		*width:				90px;
		background:			#E0FFFF;		/* Pale Turquoise */
	}