/*

	Yes this layout was inspired by lightbox v2.0's page, the reason being, the layout works really well for a doc 

*/



* {

	margin: 0;

	padding: 0;

}



body {

	padding: 0;

	margin: 0;

	font-size: 12px;

	font-family: "Lucida Grande", Tahoma, sans-serif;

}





.page-body {

	margin: 0 auto 0 auto;	

	width: 600px;

	padding: 30px 0 20px 0;

	text-align: left;

}



	.page-footer {

		margin: 0 10% 0 315px;	

		width: 600px;

		padding: 0 0 50px 0;

		text-align: left;

	}



	.page-body ul, .page-body ol { 

		color: #ffffff;

		margin: 10px 0 30px 25px; 

	}



	.page-body ul li, 

	.page-body ol li { 

		padding: 0; 

		margin: 0 0 5px 0; 

		color: #cccccc;

		line-height: 140%;

		font-size: 100%;		

	}



	.page-footer p {

		margin: 0;

	}

	

	.page-footer {

		padding: 20px;

	}



	.page-title h1 span {

		text-align: left;

		font-weight: normal;

		font-size: 100%;

		color: #ffffff;

		margin: 5px 0 15px 0;

	}

	

h1 {

	text-align: left;

	font-weight: normal;

	font-size: 180%;

	color: #96BF55;

	margin: 5px 0 15px 0;

}



	h1 span {

		clear: both;

		font-size: 60%;

		color: #FF9;

	}





h2 {

	text-align: left;

	font-weight: normal;

	font-size: 150%;

	color: #09f;

	margin: 5px 0 15px 0;

}



	h2 span {

		clear: both;

		font-size: 70%;

		color: #FF9;

	}

	

h3 {

	clear: both;

	font-size: 120%;

	color: #FF9;

	font-weight: normal;

	margin: 0 0 10px 0;

}



.notice {

	border: 3px solid #ffffbe;

	padding: 10px;

	color: #ffffff;

	background-color: #09f;

	margin: 0 0 20px 0;

}

	

	.notice p, 

	.notice p a, 

	li a {

		color: #ffffff;

		text-decoration: none;

	}



a.page-options {

	color: #000000; 

	text-decoration: none; 

	display: block; 

	text-align: left; 

	padding: 5px; 

}



a.page-options:hover, 

a.page-options:focus {

}		



p {

	margin: 0 0 20px 0;

	color: #cccccc;

	line-height: 140%;

}



	p small, 

	li small {

		color: #09F;

		font-size: 100%;

	}

	

	p em, 

	em {

		color: #ffffff;

	}



.hidden {

	display : none;

}