/*

	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 {

	background-color: #F4F5F5;

	font-size: 16px;

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

	position: relative;

 

}





.page-body {

	width: 1024px;

	text-align: center;

	margin-left: auto;

	margin-right: auto;

	width: 1024px;

	

}



	.page-footer {

	margin: 0 10% 0 315px;

	width: 600px;

	padding: 0 0 50px 0;

	text-align: center;

	}



	.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: center ;

		font-weight: normal;

		font-size: 100%;

		color: #ffffff;

		margin: 5px 0 15px 0;

	}

	

h1 {

	text-align: center;

	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: center;

	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: #808080;
	text-decoration: none;
	display: table;
	text-align: center;
	padding: 5px;
	background: #FFFFFF;
	margin: 20px 0 0 0;
	border-top: 10px #D7DF23;

}



a.page-options:hover, 

a.page-options:focus {
	color: #FFFFFF;
	background: #D7DF23;
}		



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;

}



a:hover 

{

	color: #FFFFFF;
	background: #D7DF23;

}
#borders{
	background: #D7DF23;
	height:1px;
	margin-top: 40px;
}

#borders2{ background: #D7DF23; height:1px; margin-bottom: 60px; }

#tables { margin-top: -20px; }