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;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	border-style: none;
	border-width: 0px;
	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;
	}

 /*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-top: 80px; /*margin from top*/
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 200px; /*one half webpage plus paddings plus borders divided by two*/
	width: 400px;
	height: 510px;
	padding: 20px 0px 0px 50px; /*top right bottom left*/
	background-color: rgb(255, 204, 102);
	border-top: 2px solid rgb( 51, 51, 51);
	border-right: 4px groove rgb( 51, 51, 51);
	border-bottom: 2px solid rgb( 51, 51, 51);
	border-left: 4px groove rgb( 51, 51, 51);
	z-index:3;
	}

div#yr2007to2008  {
	position: absolute;
	margin: 560px 0px 0px 200px; /*top right  bottom left*/
	width: 400px;
	height: 510px;
	padding: 20px 0px 0px 50px; 
	background-color: rgb(102, 204, 255);
	border-top: 2px solid rgb( 51, 51, 51);
	border-right: 4px groove rgb( 51, 51, 51);
	border-bottom: 2px solid rgb( 51, 51, 51);
	border-left: 4px groove rgb( 51, 51, 51);
	z-index:4;
	}

div#yr2005to2006  {
	position: absolute;
	margin: 1070px 0px 0px 200px;
	width: 400px;
	height: 445px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 204, 102);
	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#yr2003to2004  {
	position: absolute;
	margin: 1515px 0px 0px 200px;
	width: 400px;
	height: 565px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(102, 204, 255);
	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:6;
	}

div#yr2001to2002  {
	position: absolute;
	margin: 2080px 0px 0px 200px;
	width:  400px;
	height: 590px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 204, 102);
	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:7;
	}

div#yr1999to2000  {
	position: absolute;
	margin: 2670px 0px 0px 200px;
	width:  400px;
	height: 515px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(102, 204, 255);
	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:8;
	}

div#yr1997to1998  {
	position: absolute;
	margin: 3185px 0px 0px 200px;
	width:  400px;
	height: 395px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 204, 102);
	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:9;
	}

div#yr1995to1996  {
	position: absolute;
	margin: 3580px 0px 0px 200px;
	width:  400px;
	height: 385px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(102, 204, 255);
	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:10;
	}

div#yr1993to1994  {
	position: absolute;
	margin: 3965px 0px 0px 200px;
	width:  400px;
	height: 410px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 204, 102);
	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:11;
	}

div#yr1991to1992  {
	position: absolute;
	margin: 4375px 0px 0px 200px;
	width:  400px;
	height: 375px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(102, 204, 255);
	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:12;
	}

div#yr1989to1991  {
	position: absolute;
	margin: 4750px 0px 0px 200px;
	width:  400px;
	height: 380px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 204, 102);
	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:13;
	}

div#yr1987to1989  {
	position: absolute;
	margin: 5130px 0px 0px 200px;
	width:  400px;
	height: 400px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(102, 204, 255);
	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:14;
	}

div#yr1985to1987  {
	position: absolute;
	margin: 5530px 0px 0px 200px;
	width:  400px;
	height: 375px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 204, 102);
	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:15;
	}

div#yr1983to1985  {
	position: absolute;
	margin: 5905px 0px 0px 200px;
	width:  400px;
	height: 335px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(102, 204, 255);
	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:16;
	}

div#yr1981to1983  {
	position: absolute;
	margin: 6240px 0px 0px 200px;
	width:  400px;
	height: 300px;
	padding: 20px 0px 0px 50px;
	background-color: rgb(255, 204, 102);
	border-top: 2px solid rgb( 51, 51, 51);
	border-right: 4px solid rgb( 51, 51, 51);
	border-bottom: 8px solid rgb( 51, 51, 51);
	border-left: 4px solid rgb( 51, 51, 51);
	z-index:17;
	}