body {
	margin: 0px; /*no margin*/
	padding: 0px; /*no padding*/
	background-image: url(http://www.bibaksandiego.net/images25/grey17.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: 0px 0px;
	}
      
div#mainpage {
	position: absolute; /*this is to center the whole page */
	left: 50%;
	width: 800px;
	margin-left: -400px; /*half of width*/
	z-index:0;
	}
     
div#bibaklogo6 {
	position: absolute;
	margin: 0px;/*margin four sides 0*/
	padding: 0px;
	border: 0px;
	width: 800px;
	height: 200px;
	z-index:1;
	}
	
div#bibakname {
	position: absolute;
	margin-top: 20px;
	margin-left: 30px;
	padding: 0px;
	border: 0px;
	width: 236px;
	height: 69px;
	z-index:2;
	}

div#bibakseals {
	position: absolute;
	margin-top: 10px;
	margin-left: 600px;
	padding: 0px;
	border: 0px;
	width: 180px;
	height: 180px;
	z-index:3;
	}

div#dayanddate {
	position: absolute;
	margin-top: 200px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border: 0px;
	width: 800px;
	height: 30px;
	box-sizing: border-box;/*padding and border are included within the dimention*/
	-moz-box-sizing: border-box;/*padding and border are included within the dimention*/
	background-color: #F0E68C; /*khaki*/
	font-family: Arial, Helvetica, sans-serif, Tohoma;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	z-index:4;
	}

/* CONTAINER */

div#container {
	position: absolute;
	margin-top: 230px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border: 0px;
      	box-sizing: border-box;/*for firefox webbrowser*/
      	-moz-box-sizing: border-box;/*for firefox webbrowser*/
	width: 800px;
	height:620px;
	background-color: #4c787e; /*cadet blue*/
	padding-left: 0px;
	z-index:5;
	}

div#menubuttons {
	position: absolute;
	margin: 240px 0px 0px 10px;/*margin top 240 margin left 10*/
	padding: 0px;
	border: 0px;
      	box-sizing: border-box;/*for firefox webbrowser*/
      	-moz-box-sizing: border-box;/*for firefox webbrowser*/
	width: 200px;
	text-align: center;
	z-index:6;
	}

div#menubuttons ul {
	margin: 0px;
	padding: 0px;
	list-style: none;/*Remove html bullets*/
	}

div#menubuttons li {
	margin: 0px;
	padding: 0px;
	display: block;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif, Tohoma;
	font-size: 14px;
	font-weight: bold;
	}

div#menubuttons li a {
	color: #000;
	background-image: url(http://www.bibaksandiego.net/images25/bckgrnd4.jpg);/*background of each list */
	border: 1px outset #00f;
	width: 200px;
	text-decoration: none;
	display: block;
	padding: 2px 2px 2px 2px;/*top, right, bottom, left */
	}

div#menubuttons li li a {
	color: #000;
	background-image: url(http://www.bibaksandiego.net/images/bckgrnd5.jpg);
	border: 1px outset #00f;
	width: 200px;
	text-decoration: none;
	display: block;
	padding: 4px 2px 2px 2px;
	}

div#menubuttons li a:hover {
	border-left: 10px solid #CCFF00;
	border-right: 10px solid #CCFF00;
	color: #ffff00;/*blue*/
	background-color: #0000c0;
	}

/* mainbody */
	
div#mainbody {
	position: absolute;
	margin: 240px 0px 0px 220px;
	box-sizing: border-box;/*for firefox webbrowser*/
	-moz-box-sizing: border-box;/*for firefox webbrowser*/
	width: 570px;
	height: auto;
	background-color: #FFB90F;/*darkgoldenrod color*/
	padding: 10px;/*top bottom left right*/
	border-style: solid;
	border-width: 1px;
	border-color: #000000;/*black*/
	z-index:7;
	}
	
div#mainbody h1 {
	font-family: Arial, Helvetica, sans-serif, Tohoma;
	font-size: 24px;
	font-weight: bold;
	color: rgb(0, 0, 0);
	text-align: center;
	text-decoration: none;
	}

div#mainbody p {
	font-family: Arial, Helvetica, sans-serif, Tohoma;
	font-size: 14px;
	font-weight: bold;
	color: rgb(0, 0, 0);
	text-decoration: none;
	margin-top: 5px; /*controls spacing between paragraphs. top and bottom margins must be the same to balance it out*/
	margin-bottom: 5px; /*controls spacing between paragraphs*/
	}
		
div#webmasters {
	position: absolute;
	margin: 800px 0px 0px 140px;
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif, Tohoma;
	font-size: 11px;
	z-index:8;
	}

div#webmasters p {
	margin-top: 2px; /*controls spacing between paragraphs. top and bottom margins must be the same to balance it out*/
	margin-bottom: 2px; /*controls spacing between paragraphs*/
	z-index:9;
	}

div#notice {
	position: absolute;
	margin: 100px 0px 0px 225px;
	padding: 0px;
	border: 0px;
	box-sizing: border-box;/*for firefox webbrowser*/
	-moz-box-sizing: border-box;/*for firefox webbrowser*/
	width: 350px;
	height: 80px;
	z-index: 10;
	}

div#notice1 {
	position: absolute;
	margin: 100px 0px 0px 225px;
	padding: 0px;
	border: 0px;
	box-sizing: border-box;/*for firefox webbrowser*/
	-moz-box-sizing: border-box;/*for firefox webbrowser*/
	width: 350px;
	height: 40px;
	z-index: 14;
	}

div#notice2 {
	position: absolute;
	margin: 141px 0px 0px 225px;
	padding: 0px;
	border: 0px;
	box-sizing: border-box;/*for firefox webbrowser*/
	-moz-box-sizing: border-box;/*for firefox webbrowser*/
	width: 350px;
	height: 40px;
	z-index: 16;
	}