/* CSS Document */
/* SIGNATURE SITE */

/* STANDARD LAYOUT */
html, body {
	height: 100%;
	background-color: #98A5AE;
	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 {
/* utility holds the search and login, and blocks the original bkg */
	width: 752px;
	top: 0px;
	height: 25px;
	margin-left: 0px;
	position: absolute;
	z-index: 9;
	background-color: #FFFFFF;
}

#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-color:#FFFFFF;
	margin: 0px auto;
}

#pagewrapperhome {
/* main container cell */
	width: 752px;
	height: 100%;
	background: url(../images/bkg_home.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: 200px;
	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: 102px;
	width: 561px;
	height: 17px;
	background-color: #999933;
	float: left;
	margin-left: 189px;
	position: absolute;
	z-index: 12;
}

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

#navHomeShimTop {
/* keeps the image going */
	top: 222px;
	width: 748px;
	height: 2px;
	float: left;
	margin-left: 2px;
	position: absolute;
	z-index: 12;
	background-image: url(../images/bkg_navShimTop.gif);
	background-repeat: no-repeat;

}

#navHomeShimBottom {
/* keeps the image going */
	top: 241px;
	width: 748px;
	height: 2px;
	float: left;
	margin-left: 2px;
	position: absolute;
	z-index: 12;
	background-image: url(../images/bkg_navShimBottom.gif);
	background-repeat: no-repeat;
}

#navStripe {
/* blue spacer below the nav */
	top: 140px;
	width: 748px;
	height: 1px;
	float: left;
	margin-left: 2px;
	position: absolute;
	z-index: 20;
	background-color: #98A5AE;
}

#subnav {
/* because of position of line, this is in a different place than the commercial site */
	float: left;
	margin-left: 204px;
	position:absolute;
	top:151px;
	/*width:340px;*/
	height:15px;
	z-index:20;
}

#leftSpacer {
/* holds the home button on inside pages */
	top: 102px;
	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: 121px;
	width: 752px;
	position: absolute;
	height: 200px;
	z-index: 10;
	white-space: normal;
	background-image: url(../images/bkg_inside.jpg);
	background-repeat: no-repeat;
	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;
}