#background
{
	background-color:		#ffffff;
	background-image:		url('../img/background.jpg');
	background-size:		100% auto;
	background-repeat:		no-repeat;
	position:				fixed;
	left:					0%;
	right:					0%;
	top:					0%;
	bottom:					0%;
}

#lady_justice
{
	background-color:		#00009f;
	background-image:		url('../img/lady_justice.jpg');
	background-size:		100% auto;
	background-repeat:		no-repeat;
	position:				absolute;
	left:					0%;
	width:					15%;
	top:					0%;
	height:					40%;
	z-index:				1;
}

#title
{
	background-image:		url('../img/title_amended.png');
	background-size:		auto 100%;
	background-repeat:		no-repeat;
	position:				absolute;
	left:					35%;
	width:					50%;
	top:					0%;
	height:					30%;
	z-index:				1;
}

#nav
{
    background:				-webkit-linear-gradient(#00009f, #ffffff); /* For Safari 5.1 to 6.0 */
    background:				-o-linear-gradient(#00009f, #ffffff); /* For Opera 11.1 to 12.0 */
    background:				-moz-linear-gradient(#00009f, #ffffff); /* For Firefox 3.6 to 15 */
    background:				linear-gradient(#00009f, #ffffff); /* Standard syntax (must be last) */
	position:				absolute;
	left:					0%;
	width:					15%;
	top:					40%;
	height:					40%;
	z-index:				1;
}

#main
{
	position:				absolute;
	left:					20%;
	right:					0%;	
	top:					30%;
	bottom:					0%;
	overflow-x:				hidden;
	overflow-y:				visible;
	z-index:				1;
}

#jro
{
	background-image:		url('../img/john_otieno.jpg');
	background-size:		100% auto;
	background-repeat:		no-repeat;
	width:					200px;
	height:					180px;
}