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

/*font applicable to all header subtitles*/
h1, h2 {
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	font-size: 20px;
	font-weight: bold;
	padding: 0px;
	text-align: center;
	}

 /*to remove indentations and bullets applicable to all*/
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none; /*to remove bullets*/
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	font-size: 18px;
	}

/*---start of navigation bar---*/
div#horizontalnav ul {
	position: absolute;
	margin: 10px 0px 0px 0px;/*top right bottom left*/
	padding: 4px;
	list-style-type: none;/*to remove bullets*/
	background-image: url(http://www.bibaksandiego.net/images/nav7.gif);/*blue*/
	background-repeat: no-repeat;
	color: #FFF; /*white*/
	width: 800px;
	height: 60px;
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	font-size: 18px;
	text-align: center;
	box-sizing: border-box;/*border and padding are added within the specified dimention for IE*/
	-moz-box-sizing: border-box;/*border and padding are added within the specified dimention for firefox webbrowser*/
	border:  solid 1px #fff;/*for mozilla rounded corner*/
	-moz-border-radius: 50%;
	z-index:1;
	}

div#horizontalnav ul li {
	display: inline; /*to make contents display inline*/
	}

div#horizontalnav ul li a {
	text-decoration: none;/*no underline*/
	background-color: #00f;/*dark blue*/
	color: #FFF;/*letter color is white*/
	padding: 2px 2px 2px 10px;/*top right bottom left*/
	}

div#horizontalnav ul li a:hover {
	background-color: #FF00FF;/*magenta*/
	color: #000;/*black*/
	border: 1px solid #fff;
	}
/*---End of navigation bar---*/

div#current  {
	position: absolute;
	margin: 90px 0px 0px 240px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 370px;
	height: 440px;
	padding: 20px 0px 0px 50px; /*top right bottom left*/
	background-color: rgb(102, 255, 153);
	border-top: 2px solid rgb( 51, 51, 51);
	border-right: 4px solid rgb( 51, 51, 51);
	border-bottom: 2px solid rgb( 51, 153, 51);
	border-left: 4px solid rgb( 51, 51, 51);
	z-index:2;
	}

div#yr2007to2008  {
	position: absolute;
	margin: 510px 0px 0px 240px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 370px;
	height: 440px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 153, 0);
	border-top: 2px solid rgb( 51, 51, 51);
	border-right: 4px solid rgb( 51, 51, 51);
	border-bottom: 2px solid rgb( 51, 153, 51);
	border-left: 4px solid rgb( 51, 51, 51);
	z-index:3;
	}

div#yr2005to2006  {
	position: absolute;
	margin: 950px 0px 0px 240px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 370px;
	height: 450px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(102, 255, 153);
	border-top: 2px solid rgb( 51, 51, 51);
	border-right: 4px solid rgb( 51, 51, 51);
	border-bottom: 2px solid rgb( 51, 153, 51);
	border-left: 4px solid rgb( 51, 51, 51);
	z-index:4;
	}

div#yr2003to2004  {
	position: absolute;
	margin: 1400px 0px 0px 240px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 370px;
	height: 435px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 153, 0);
	border-top: 2px solid rgb( 51, 51, 51);
	border-right: 4px solid rgb( 51, 51, 51);
	border-bottom: 2px solid rgb( 51, 51, 51);
	border-left: 4px solid rgb( 51, 51, 51);
	z-index:5;
	}

div#yr2001to2002  {
	position: absolute;
	margin: 1835px 0px 0px 240px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 370px;
	height: 430px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(102, 255, 153);
	border-top: 2px solid rgb( 51, 51, 51);
	border-right: 4px outset rgb( 51, 51, 51);
	border-bottom: 8px solid rgb( 51, 51, 51);
	border-left: 4px inset rgb( 51, 51, 51);
	z-index:6;
	}