Body {	background-color: black;
		background-image: url('images/pumpkins.png');
	}

.dsMainHeader {
	font: bold x-large cursive;
	color: darkred;
	text-align: center 
}

/* account header */
.acctHeader { color: darkred; font: bold x-large cursive; }
.acctHeader2 { color: darkred; font: bold large cursive; }

.stripe{ background-color:lightyellow }
/*.nostripe{ background-color:transparent } */
.stripeHover:hover { background-color:red }
.navPhoneIcon:hover { background-color:red }

th { background-color:darkorange; }

/*	item on the navigation bar */
.navItemHeader {
	padding: 3px;
	font-weight: bold;
	background-color: darkorange;
	color: white;
}

.mainBorder, .mainOutlineDiv, .linkNavigation {
	background: rgb(237,254,148);
	background-color: rgba(237,254,148,.95);
	color: black;
	
	border: 5px solid orange;
	box-shadow: 2px 2px 8px 2px rgba(0,0,0,.35); 
/*	box-shadow: 2px 2px 8px 2px rgba(255,255,255,.3); */
	border-radius: .2em;
}

.dbtable {
	
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	
	text-align: left;
	padding: 2px;
	width: 100%;
/*	border-width: 1px; */
}


A:link { color: black; }
A:visited {color: black;}
A:active {color: black;}
A:hover {color: orange;}



/*
=========================================================================================================
	MENUS
=========================================================================================================
*/

.menu {
	background-color: darkorange;
	color: white;
}


.menu > ul > li:hover > a, .menu > ul > .current-item > a,
.menu > ul > li:focus > a, .menu > ul > .current-item > a {
	background: orange;
	color: white;
}


.sub-menu li a:hover, .sub-menu .current-item a,
.sub-menu li a:focus, .sub-menu .current-item a {
	background: orange;
}


.button-primary {
	background: none  !important;
	background-color: darkorange !important;
	color: white !important;
}