/* CSS Document */

/* STANDARD LAYOUT */
html, body {
	height: 100%;
	background-color: #799195;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#utilitywrapper {
/* utility holds the search and login, and blocks the original bkg */
	width: 100%;
	top: 0px;
	height: 25px;
	margin: 0px auto;
	background-color: #FFFFFF;
}

#utility {
	width: 752px;
	top: 0px;
	height: 25px;
	margin: 0 auto;
	position: absolute;
	z-index: 9;
}

#search {
	top: 2px;
	height: 25px;
	background-color: #FFFFFF;
	float:left;
	margin-left: 14px;
	position: absolute;
	z-index: 10;
}

#login {
	top: 5px;
	height: 25px;
	background-color: #FFFFFF;
	float:left;
	margin-left: 700px;
	position: absolute;
	z-index: 12;
}

#pagewrapper {
/* main container cell */
	width: 752px;
	height: 100%;
	background: url(../images/bkg_home.gif);
	background-repeat: repeat-y;
	margin: 0px auto;
}

#pagewrappercart {
/* main container cell */
	width: 752px;
	height: 100%;
	background: url(../images/bkg_cart.gif);
	background-repeat: repeat-y;
	margin: 0px auto;
}


#mastheadHome {
/* home page main masthead area - note the circles run over the rules. The initial masthead inclues the line above the navigation */
	top: 25px;
	width: 748px;
	height: 197px;
	float: left;
	padding-left: 2px;
	position: absolute;
	z-index: 11;
}


#headerLeft {
/* on the inside pages of the signature site this is the MLL logo */
	top: 25px;
	width: 185px;
	height: 75px;
	float: left;
	padding-left: 2px;
	position: absolute;
	z-index: 11;
}

#headerRight {
/* on the inside pages this is the masthead */
	top: 25px;
	width: 561px;
	height: 75px;
	float: left;
	padding-left: 189px;
	position: absolute;
	z-index: 10;
}

#nav {
/* p7 */
/* holds the navigation inside pages */
	top: 125px;
	width: 561px;
	height: 17px;
	background-color: #863916;
	float: left;
	margin-left: 189px;
	position: absolute;
	z-index: 12;
}

#subnav {
	float: left;
	margin-left: 201px;
	position:absolute;
	top:150px;
	width:340px;
	height:15px;
	z-index:111;
}

#navHome {
/* p7 */
/* holds the navigation home page */
	top: 224px;
	width: 561px;
	height: 17px;
	background-color: #863916;
	float: left;
	margin-left: 189px;
	position: absolute;
	z-index: 12;
}

#navStripe {
/* white spacer below the nav */
	top: 142px;
	width: 752px;
	height: 2px;
	float: left;
	/*margin-left: 2px;*/
	position: absolute;
	z-index: 20;
	background-image: #FFFFFF;
}

#navStripeHome {
/* white spacer below the nav on the home page */
	top: 222px;
	width: 752px;
	height: 2px;
	float: left;
	/*margin-left: 2px;*/
	position: absolute;
	z-index: 20;
	background-color: #FFFFFF;

}

#leftSpacer {
/* holds the home button on inside pages */
	top: 125px;
	width: 185px;
	height: 17px;
	float: left;
	padding-left: 2px;
	position: absolute;
	background-image: url(../images/bkg_leftSpacer.jpg);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 13;
}

#leftSpacerHome {
/* holds the home button on inside pages */
	top: 224px;
	width: 185px;
	height: 17px;
	float: left;
	padding-left: 2px;
	position: absolute;
	background-image: url(../images/bkg_leftSpacerHome.jpg);
	background-position: right;
	background-repeat: no-repeat;
	z-index: 13;
}


/* MAIN CONTENT LAYOUT */
#pagecontent {
	top: 144px;
	width: 752px;
	position: absolute;
	height: 200px;
	z-index: 10;
	white-space: normal;
	/*background-image: url(../images/bkg_inside.gif);*/
	background-repeat: repeat-y;
	text-align: left;
}

#pagecontentHome {
	top: 243px;
	width: 752px;
	position: absolute;
	height: 100%;
	z-index: 10;
	white-space: normal;
	background-image: url(../images/bkg_home.gif);
	background-repeat: repeat-y;
	text-align: left;
}


/* divs inside the content cells */
/* separate listings to make changes as needed */
#contentLeft {
 	margin : 30px 12px;
	white-space: normal;
	text-align: left;
}

#contentLeftZero {
/* use for kiss borders */
 	margin : 30px 0px;
	white-space: normal;
	text-align: left;
}


#contentMiddle {
 	margin : 30px 12px;
	white-space: normal;
	text-align: left;
}

#contentRight {
 	margin : 30px 12px;
	white-space: normal;
	text-align: left;
}