/* SETS ALL MARGINS AND PADDING TO ZERO */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*/background: #D8D8D8; */
	background: #bfbfbf;
}
p {
	padding:5px 5px;
	/*background: #9A9A98;*/
	color: #010101
}
p#msgStatus {
	background: #D8D8D8;
}
.pageHeader {
	color: #AD1D1D;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	background-image:  url(../seeStuff/HeaderImg8.jpg);
	background-repeat:  repeat-x;
	height: 115px;
}
.pageHeader table tr td{
	vertical-align:top;
}
.pageHeader table tr td a{
	color:#B9B723;
	font-size: 14px;
	text-decoration: none;
}
.pageHeader table tr td a:hover{
	color: #FF0000;
}

#pageFooter {
	font-family: Verdana, Arial, Helvetica;
	font-size:10px;
	color: #660F06;
}
/*
#mainWrapper{
	text-align:center;
}
*/
#pageContent {
	margin-left:15px;
	margin-top:10px;
	margin-right:15px;
	color:#660F06;
}

/* 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;
}
/* ========================================== */
/* ================================================= */
/* ======================================================== */

#signupform{
margin-top:24px;
width: 350px;
border: 1px;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
color: #660F06;
}
#signupform > div {
margin-top: 12px;
}
#signupform > input,select {
width: 150px;
padding: 2px;
background: #F3F9DD;
}
#signupbtn {
font-size:14px;
padding: 5px;
}
#terms p {
border:#CCC 1px solid;
background: #F5F5F5;
padding: 12px;
width: 200px;
}

#loginform{
margin-top:24px;
width: 350px;
border: 1px;
}
#loginform > div {
margin-top: 12px;
}
#loginform > input {
width: 200px;
padding: 3px;
background: #F3F9DD;
}
#sloginbtn {
font-size:14px;
padding: 5px;
}

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

div#name h2{
	color: #660F06;
	font-family: Times New Roman, Verdana, Arial, sans-serif;
	float: right;
	padding: 1px;
}


/* ==================================================== */
div#profile_pic_box{
	float:right;
	border:#999 5px solid;
	width:200px;
	height:200px;
	margin:20px 30px 0px 0px;
	overflow-y:hidden;
}
div#profile_pic_box > img{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 2px 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:50px;
	height:50px;
	margin:2px;
}
/* ==================================================== */
/* ==================================================== */
div.mydivs {
	background: #97D6FB;
	width: 400px;
	height: 0px;
	overflow: hidden;
}
div.mydivs > p {
	padding: 4px 16px;
	background: #97D6FB;
}
/* ==================================================== */
/* =============== Style for the inventory entry form ============ */
#inventory_Form table{
	background-color:#333;
	color:#B9B723;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-color: #660F06;
	padding: 5px;
	width: 70%;
}
#inventory_Form table tr td {
	padding: 5px;
}
/* =============== Style for the inventory EDIT entry form ============ */
#inventory_Edit_Form table{
	background-color:#D8D8D8;
	color:#333;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-color: #660F06;
	padding: 5px;
	width: 70%;
}
#inventory_Edit_Form table tr td {
	padding: 5px;
}
/* ======================================================= */
/* =============== Style for the Inventory List Output =============== */
#inventory_Output {
	margin-left:40px;
}
#inventory_Output b {
	color:#075BA9;
}
