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---*/

fieldset.formFieldSet {
	position: absolute;
	margin: 80px 0px 0px 0px;
	background-color: #ffd39b;/*burlywood1*/
	padding: 10px;
	width: 780px;
	height: auto;
	border: inset 4px #0066cc;/*blue*/
	}

legend.formLegend {
	font-size: 16px;
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	background-color: #ffd700;/*gold1*/
	padding: 4px;
	border: solid 4px #f00;/*orange*/
	}

label {
	font-size: 16px;
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	vertical-align: left;
	}

textarea.formTextArea {
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	background-color: #f0e68c;/*khaki*/
	padding: 5px;
	border: solid 2px #f00;
	}

input.formButton {
	font-size: 16px;
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	background-color: #00ff00;/*green*/
	margin: 5px;
	border: inset 4px #f00;
	}

input.formButton:hover {
	font-size: 16px;
	font-family: Georgia, Tahoma, Times New Roman, Arial;
	background-color: #FF00FF;/*background color is magenta when on hover*/
	margin: 5px;
	border: inset 4px #f00;
	}

div#bibakshield {
     position: absolute;
     margin-top: 100px;
     margin-left: 580px;
     width: 200px;
     height: 200px;
     z-index:5;
     }