/* CSS Document */

@import url(baseline.css); /*Imports styles to reset the document elements to base styles*/


/*Begin Main Layout for grid
------------------------------------------------------------------*/

body{
	background: url(../images/hdrBg.jpg) repeat-x #e6e3d2;
	text-align:center;
	width:100%;

}

#wrap{
	position:relative;
	margin: auto;
	text-align:left;
	height:auto;
	width:789px;
}

#hdrWrap{
	position:relative;
	text-align:left;
	height:142px;
	width:789px;
	margin:0;
	
}

#ftrWrap{
	background: url(../images/ftrBg.jpg) repeat-x;
	float:left;
	clear:both;
	height:100px;
	width:100%;
}

/*End Main Layout for grid
-------------------------------------------------------------------*/


/* top-level navigation
---------------------------------------------------------------------------*/

#navWrap{
	position:absolute;
	height:60px;
	width:789px;
	top:80px;
	left:0px;
}

#navWrap img{
	float:left;
	border:none;
	margin:0;
	padding:0;
}


/*Begin Main Element structure
-------------------------------------------------------------------*/

#topFlourish{
	margin:0px auto 0px auto;
	background: url(../images/topFlourish.jpg) no-repeat;
	height:109px;
	width:789px;
}


/*  Banners  */

#bannerHome{
	position:relative;
	background:url(../images/mainBnr.jpg) no-repeat;
	height:216px;
	width:789px;
	top:-5px;	
}

#bannerMedia{
	position:relative;
	background:url(../images/mediaBnr.jpg) no-repeat;
	height:83px;
	width:789px;
	top:-5px;	
}
#bannerBooks{
	position:relative;
	background:url(../images/booksBnr.jpg) no-repeat;
	height:83px;
	width:789px;
	top:-5px;	
}
#bannerStore{
	position:relative;
	background:url(../images/storeBnr.jpg) no-repeat;
	height:83px;
	width:789px;	
	top:-5px;
}
#bannerContests{
	position:relative;
	background:url(../images/contestsBnr.jpg) no-repeat;
	height:83px;
	width:789px;	
	top:-5px;
}
#bannerWelcome{
	position:relative;
	background:url(../images/welcomeBnr.jpg) no-repeat;
	height:83px;
	width:789px;
	top:-5px;	
}

/* End Banners */


	#storeLogin{
		position:relative;
		background: url(../images/storeLoginBg.jpg) no-repeat;
		height:27px;
		width:209px;
		left: 575px;
		top: 0px;
	}
	
	#storeBtn{
		position:relative;
		left:735px;
		top:-22px;
		width: 39px;
	}
	
	#logo{
		position:relative;
		top:-29px;
		left:5px;
		background: url(../images/logo.jpg) no-repeat;
		height:59px;
		width: 214px;
	}
	
#amber{
	position:relative;
	background:url(../images/amberBg.jpg) no-repeat;
	height:34px;
	width:789px;
	margin:-5px 0;
}

	#amberScript{
		position:relative;
		top:7px;
		left:163px;
		height:20px;
		width:460px;
	}

	
#lCol{
	position:relative;
	float:left;
	clear:left;
	height:auto;
	width:538px;
	margin:12px 12px 13px 0;
	min-height:600px;
	padding:3px 0;
}

#lCol2{
	position:relative;
	float:left;
	clear:left;
	height:auto;
	width:100%;
	margin:12px 12px 13px 0;
	min-height:600px;
	padding: 15px 0 10px 0;
}

#rCol{
	position:relative;
	height:auto;
	width:239px;
	margin:5px 0 0 551px;
}
	#rColTop{
		background: url(../images/rColTop.jpg) no-repeat;
		height:3px;
		width:239px;
	}
	#rContent{
		background: url(../images/rColmid.jpg) repeat-y;
		height:auto;
		padding:10px 0 0 13px;
	}
		#rContent img{
			margin:0 0 13px 0;
		}
	#rColBtm{
		background: url(../images/rColBtm.jpg) no-repeat;
		height:10px;
		width:239px;
	}
	
#floatHack{
	visibility:hidden;
	display:block;
	width:789px;
	clear:both;
}


/*End Main Element structure
-------------------------------------------------------------------*/

/* Add additionl stuff here
-------------------------------------------------------------------*/