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;
     border: 0px; /*top right bottom left*/
     margin-left: -400px; /*half of width*/
     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#sdgopicture {
     position: absolute;
     margin: 80px 0px 0px 30px; /*margin left webpage width minus picture width divided by two*/
     width: 740px;
     height: 141px;
     z-index:2;
     }

div#premain {
     position: absolute;
     margin: 240px 0px 0px 30px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     width: 740px;
     height: auto;
     background-color: #FF7F00; /*darkorange*/
     border: 4px solid #0066cc; /*blue*/
     padding: 20px 20px 20px 20px; /*top right bottom left*/
     font-family: Georgia, Tahoma, Times New Roman, Arial;
     z-index:3;
     }

div#premain h1 {
	font-size: 24px;
	font-weight: bold;
	color: black;
	text-align: center;
	}
	
div#premain p1 p2 {
     font-size: 18px;
     font-weight: bold;
     color: black;
     }

img.floatleft {
     float: left;
     width: 62px;
     height: 90px;
     padding: 0px 0px 0px 20px;
     }

img.floatright {
     float: right;
     width: 62px;
     height: 90px;
     padding: 0px 20px 0px 0px;
     }