body {
	 margin: 0px auto 0px auto; 
	 border: 2px solid grey;
	 font-family: Tahoma, Calibri, Geneva; 
	 font-size: 14px;
	 background: #white; 
	}
	  #pageTop {
		  background:url(HeaderTurqoise.png) repeat-x;  
		  height: 110px;
	  }
	  #pageTop > #pageTopWrap {
		 width: 100%;
		 margin: 1px auto;
		 /*border: #0FF 1px dashed;*/
		 height: 106px;
	  }
	  #pageTop > #pageTopWrap > #pageTopLogo {
		 float: left;
		 height: 106px;
		 width: 330px;
	  }
	  #pageTop > #pageTopWrap > #pageTopRest {
		 margin-right: 20px;
		 float: right;
		 height: 106px;
		 width: auto;
		 padding: 4px;
		 /*border: #0FF 1px dashed;*/
	  }
	  #pageTop > #pageTopWrap > #pageTopRest > #menu1 {
		 height: 51px;
		 
	  }
	  #pageTop > #pageTopWrap > #pageTopRest > #menu1 > div {
		 margin-top: 0px;
		 padding: 4px;
		 text-align: right;
		
	  }
	  #pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a{
		 color: #CCC;
		 
		 text-decoration: none;
		 padding: 0px 5px;
	  }
	  #pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a:hover{
		 color: #B21616;
		 
	  }
	  
	  
	  #pageTop > #pageTopWrap > #pageTopRest > #menu2 {
		  height: 51px;
		  
	  }
	  #pageTop > #pageTopWrap > #pageTopRest > #menu2 > div {
		 margin-top: 8px;
		 padding: 4px;
		 float: right;
	  }
	  
	  #pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a{
		 color: #4C4845;
		 text-decoration: none;
		 padding: 0px 5px;
	  }
	  #pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a:hover{
		 color: #B21616;
	  }
	  
/* PAGE MIDDLE  */
	  #pageContent {
		 /* background-color: #EBEBE0;
		  width: 1000px;
		  margin: 0px auto;
		  height: 900px; */
		margin-left:25px;
		margin-top:10px;
		margin-right:25px;
		color:#660F06;
	  }


/* PAGE BOTTOM */
	  #pageBottom {
			background:url(footerGolden.png) repeat-x;  
			position:absolute;
			bottom:0;
			width:100%;
			/*height: 110px; */
			height: 70;
	  }
	  #pageBottom > #pageBottomWrap {
		 width: 1000px;
		 margin: 3px auto;
		 /*border: #0FF 1px dashed;*/
		/*height: 106px;*/
		height: 65;
		 
	  }
	  #pageBottom > #pageBottomWrap > h3 {
			text-align: center;
			color:  #4C4845;
	  }

/* GENERATE NEW PASSWORD */


	#generatenewpassform {
		width: 350px;
		margin-top: 24px;
	}

	#generatenewpassform > div {
		margin-top: 12px;
	}

	#generatenewpassform > input {
		width: 250px;
		padding: 3px;
		background: #F3F9DD;
	}

	#generatenewpassbtn {
		font-size: 14px;
		padding: 3px;
	}	  

/*  LOGIN FORM   */
	  
	  #loginform{
		margin-top: 14px;
		padding: 30px;		
	}
	#loginform > div {
		margin-top: 12px;
	}
	#loginform > input {
		width: 200px;
		padding: 3px;
		background: #F3F9DD;
	}
	#loginbtn {
		font-size: 14px;
		padding: 10px;		
	}
	
/* PROFILE PIC BOX  */

	div#profile_pic_box{ 
		float:right; 
		border:#999 2px solid; 
		width:200px; 
		height:200px; 
		margin:20px 30px 0px 0px; 
		overlow-y:hidden; }
	div#profile_pic_box > img{
		position:absolute; 
		z-index:2000; 
		width:200px;
	}
	div#profile_pic_box > a {
		display: none;
		position:absolute; 
		margin:140px 0px 0px 120px;
		z-index:4000;
		background:#D8F08E;
		border:#81A332 1px solid;
		border-radius:3px;
		padding:5px;
		font-size:12px;
		text-decoration:none;
		color:#60750B;
	}
	div#profile_pic_box > form{
		display:none;
		position:absolute; 
		z-index:3000;
		padding:10px;
		opacity:.8;
		background:#F0FEC2;
		width:180px;
		height:180px;
	}
	div#profile_pic_box:hover a {
		display: block;
	}
	img.friendpics{border:#000 1px solid; width:40px; height:40px; margin:2px;}

/* rules for navigation menu */
	/* ========================================== */
#pageMenu {
	margin-right: 10px;
	margin-left:10px;
}
ul#navmenu {
	font-family: Arial, Helvetica, sans-serif;
}
ul#navmenu, ul.sub1, ul.sub2, ul.sub3 {
		list-style-type: none;
		font-size: 11pt;
		line-height: 26px;
}
/* SETS PROPERTIES FOR ALL LIST ITEMS */
ul#navmenu li {
	width: 120px;   /*  THE WIDTH OF THE LIST ITEM IS IMPORTANT COMPARED TO THE WIDTH OF THE ANCHOR BELOW  */
	text-align: center;
	position: relative;
	float: right;
	margin-right: 0px;
	margin-left: 0px;
	list-style-type: none;
}
/* SETS PROPERTIES FOR ALL ANCHOR TAGS */
ul#navmenu a {
		color: white;
		font-size: 14;
		text-align: center;
		display: block;
		width: 116px;  /* -- THIS WIDTH IS DIRECTLY TIED TO THE LIST ITEM WIDTH ABOVE ---*/
		height: 26px;			/* --  this is width item is what gives the effect that it leaves the --*/
		text-decoration: none;
		line-height: 26px;
		border-radius: 4px; 
		background-color: #585855; 
		-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s; 
		-moz-transition: background 0.5s linear 0s, color 0.5s linear 0s; 
		-ms-transition: background 0.3s linear 0s, color 0.3s linear 0s; 
		-o-transition: background 0.3s linear 0s, color 0.3s linear 0s; 
		transition: background 0.3s linear 0s, color 0.3s linear 0s; 
}
ul#navmenu .sub1 li {
}	
ul#navmenu .sub1 a {
	margin-top: 8px;
	line-height: 26px;
}	
ul#navmenu .sub2 a {
	margin-left: 4px;
	line-height: 26px;
}
ul#navmenu .sub3 a {
	margin-left: 7px;
	line-height: 26px;
}
ul#navmenu li:hover > a {
	color: #660F06;
	font-weight: bold;
	line-height: 26px;
}	
ul#navmenu li:hover a:hover {
	background-color: #585855;
	line-height: 26px;
}	
ul#navmenu ul.sub1 {
	display: none;
	position: absolute;
	top: 26px;
	left: 0px;
}	
ul#navmenu ul.sub2 {
	display: none;
	position: absolute;
	top: 4px;
	left: 118px;
}
ul#navmenu ul.sub3 {
	display: none;
	position: absolute;
	top: 6px;
	left: 119px;
}	
ul#navmenu li:hover .sub1 {
	display: block;
	line-height: 26px;
}	
ul#navmenu .sub1 li:hover .sub2 {
	display: block;
	line-height: 26px;
}	
ul#navmenu .sub1 .sub2 li:hover .sub3 {
	display: block;
	line-height: 26px;
}
/* ========================================== */	
/* ================================================= */
/* ======================================================== */