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

/*this is for all headers in this webpage*/
 

/*this is to center the whole page */
div#mainpage { position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px;
	z-index: 0;
	}
	
/*---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#sdgopicture1 {
	position: absolute;
	margin: 75px 0px 0px 0px;
	width: 800px;
	height: 200px;
	z-index:2;
	}

div#linktootherwebsites  {
	position: absolute;
	margin: 280px 0px 0px 0px;
	width: 405px;
	height: 550px;
	border-top: 4px;
	border-right: 0px;
	border-bottom: 4px;
	border-left: 4px;
	border-style: solid;
	border-color: #0000FF; /*blue*/
	background-color: #cf3;/*yellow-green*/
	color: #000; 
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	font-size: 16px;
	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*/
	z-index:3;
	}
	
div#linktootherwebsites h1 {	
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: center;
	}

div#linktootherwebsites ul {
	/*list-style-type: circle; not used*/
	}

div#linktootherwebsites li {
	list-style: none;/*blinklist bullet*/
	background: url(http://www.bibaksandiego.net/images/blinklist.png) no-repeat left center;
	padding-left: 15px;
	}
	
div#linktootherwebsites a {
	display: block;/*display as stack*/
	color: #000;
	background-color: none;
	width: 250px;
	padding: 4px 0px 4px 25px;
	text-decoration: none;/*remove underline*/
	}
div#linktootherwebsites a:hover {
	background-color: #fff;
	color: red;
	border: 2px solid #369;
	}

div#linktophotos  {
	position: absolute;
	margin: 280px 0px 0px 400px;
	width: 400px;
	height: 550px;
	border-top: 4px;
	border-right: 4px;
	border-bottom: 4px;
	border-left: 0px;
	border-style: solid;
	border-color: #0000FF; /*blue*/
	background-color: #cf3;
	color: #000; 
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	font-size: 16px;
	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*/
	z-index:4;
	}

div#linktophotos h1 {	
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	text-align: center;
	}

div#linktophotos ul {
	/*list-style-type: square;*/
	}
div#linktophotos li {
	list-style: none;/*bluedot bullet*/
	background: url(http://www.bibaksandiego.net/images/bluedot.png) no-repeat left center;
	padding-left: 15px;
	}

div#linktophotos a {
	display: block;/*display as stack*/
	color: #000;
	background-color: none;
	width: 250px;
	padding: 4px 0px 4px 25px;
	text-decoration: none;/*remove underline*/
	}
		
div#linktophotos a:hover {
	background-color: #fff;/*white*/
	color: red;
	border: 1px solid #369;/*light blue*/
	}