/* ------ COLOR/IMAGE CHANGES  ------ */

body {background: #ffffcd;}

a {
	color:#b18023;
	}

#mainwrap {
	background: url(../images/ba-bgwrap.png) top center repeat-y;
	}
	
#header #header-banner {
	background: url(../images/ba-header.gif) top right repeat-x;
	}

#header #flavor-pattern {
	background: url(../images/ba-pattern.jpg) top right repeat-x;
	height:84px;
	}

#nav ul {
	background-position: 0px -31px;
	}

#mainfooter li {
	background: url(../images/ba-bullet.gif) 0px 5px no-repeat;
	}

#nav li a {
	color:#ffeebc;
	}

#contentwrap {
	background: url(../images/ba-bg.jpg) top left no-repeat;
	}

#content {
	background: url(../images/ba-bg-bottom.jpg) bottom left no-repeat;
	}
	

#mainfooter {
	background: url(../images/ba-footer.png) top center repeat-y;
	}

#mainfooter li a {
	color:#ffeebc;
	}
	
/* ------ END COLOR/IMAGE CHANGES  ------ */

/* ------STRUCTURE CHANGES ------ */



#p-body {
	background: url(../images/ba-contentbg.gif) bottom left no-repeat #ffe98c;
	width: 556px; /* 636 px minus padding */
	padding: 100px 40px 20px 40px;
	min-height: 387px;
	}
	
img.border {
	border: 4px solid white;
	}

img.left {
	float:left;
	margin: 10px 20px 20px 0px;}

img.right {
	float:right;
	margin: 10px 0px 20px 20px;}
	
p.narrow {
	width: 85%;}
	
.leftcollumn {
	width:275px;
	float:left;
	}
	
.rightcollumn {
	width:200px;
	float:right;
	padding-bottom: 100px;
	padding-top: 6px;
	}

.rightcollumn ul {
	padding:0px 0px 0px 20px; margin:0px;
	line-height: 22px;}

#header #flavor-pattern #l {
	background: url(../images/ba-topleft.png) top right repeat-x;
	width:173px;
	height:85px;
	position:absolute;
	left:0px;
	top:84px;
	z-index: 100;
	}
	
#header #flavor-pattern #r {
	background: url(../images/ba-topright.png) top right repeat-x;
	width:133px;
	height:85px;
	position:absolute;
	right:0px;
	top:84px;
	z-index: 100;
	}

/* ------ KID ------ */

#kidwrap {
	height: 242px;
	width: 160px;
	background: url(../images/ba-kid.png) top left no-repeat;
	position:absolute;
	bottom: -8px;
	right: 140px;
	z-index: 100;
	}

/* --- text balloon --- */

#nav .benefits a span {
	background: url(../images/text.png) 0px 0px;
	display: block;
	position: absolute;
	top: -67px;
	right:-70px;
	height:71px;
	width:83px;
	z-index: 100;
	}