body {
	margin: 0px; /*no margin*/
	padding: 0px; /*no padding*/
	background-image: url("http://www.bibaksandiego.net/images/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#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:2;
	}

/* 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: #00ff00; /*palegreen*/
	padding-left: 0px;
	z-index:3;
	}

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:4;
	}

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/images/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: #0000FF;/*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:5;
	}
	
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:6;
	}

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

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: 8;
	}
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: 9;
	}

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: 10;
	}