/*--------------------------------------------------------------------------
Generic Top Level Layout Style Sheet - used to layout the general framework
for the website.
frm = frame: top level scaffolding, background bordering
ctn = container: smaller scaffolding, usually contains a discreet chunk of info
blk = block: small blocks of content
created:	01/08/2008, Jeff
modified:	
--------------------------------------------------------------------------*/
body {
	background-color: #5e96b9; /* teal */
	/*background: url(../../../Images/4.1/theme0/wallpaperCoke1.gif) center repeat-y;*/
}
/****************************************
MAIN FRAMES
-frmWrapper (centers page)
	-frmCenter (950px+20px colored padding)
		-frmHeader (950px, todo: add background for bottom & side borders)
		-frmContent (950px, ubiquitous, light blue background)
			-frmContentLeft (200px, beveled border)
			-frmContentRight (750px)
			-frmContentMiddle (950px)
		-frmFooter (950px)
****************************************/
#frmWrapper {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}
#frmCenter {
	float: left;
	width: 950px; /*970-20=950 effective area*/
	padding: 0 10px; 
	background: url(../../../Images/4.1/theme0/bkgd_frmCenter.gif) center top repeat-y;
}
#frmHeader,
#frmContent,
#frmFooter {
	float: left;
	width: 950px;
}
#frmHeader {
	padding: 8px 0;
	background: url(../../../Images/4.1/theme0/bkgd_header.gif) center bottom no-repeat;
}
#frmContent {
	background-color: #ccdded; /*light blue*/
}
#frmContentLeft {
	float: left;
	width: 200px;
	background: url(../../../Images/4.1/theme0/bkgd_frmContentLeft.gif) center top repeat-y;
}
#frmContentRight {
	float: right;
	width: 750px;
}
#frmContentMiddle {
	float: left;
	width: 950px;
	margin: 5px 0;
}
#frmFooter {
	text-align: center;
	font-size: 11px;
	padding: 20px 0;
}
/****************************************
* CONTAINERS
****************************************/
/* HEADER */
.ctnLogo {
	float: left;
}
.ctnHeaderNav {
	float: right;
	font-weight: bold;
}
.blkHeaderNav {
	float: left;
	text-align: center;
	width: 70px;
}
/* SIDEBAR */
.ctnSideBar {
	float: left;
	width: 190; /*200-10*/
	padding: 10px 5px;
}
/****************************************
* AD CONTAINERS
****************************************/
/*200x90*/
.ctnAdText {
	float: right;
	padding-top: 10px;
	width: 200px; /*18px for graphic*/
	height: 160px;
	background: url(../../../Images/4.0/theme0/ad160Top.gif) top center no-repeat;
	border: 1px solid #333333;
}
/*728x90*/
.ctnAdBanner {
	float: left;
	display: inline; /*IE6 Hack*/
	margin: 5px 0 0 11px; /*750*/
	width: 728px;
	height: 90px;
	text-align: center; /* centers the ad */
}
/*468x60*/
.ctnAd468 {
	float: left;
	margin: 10px 0 0 0;
	width: 468px;
	height: 60px;
}
/*160x600*/
.ctnAdSkyscraper {
	float: left;
	margin-top: 10px;
	width: 188px;
	height: 630px;
	padding: 12px 0 0 0;
	text-align: center; /* centers the ad */
	background: url(../../../Images/4.0/theme0/ad160Top.gif) top center no-repeat #FFFFFF;
}
/*300x250*/
.ctnAdSquare300,
.ctnAdSquare300Bottom {
	float: right;
	width: 300px;
	height: 275px;
	padding-top: 12px;
	text-align: center; /* centers the ad */
	background: url(../../../Images/4.0/theme0/ad300Top.gif) center top no-repeat #FFFFFF;
}
/*300x600*/
.ctnAdTower {
	width: 300px;
	height: 630px;
	padding-top: 12px;
	text-align: center; /* centers the ad */
	background: url(../../../Images/4.0/theme0/ad300Top.gif) center top no-repeat;
}
/*120x60*/
.ctnAd120x60 {
	float: left;
	margin-top: 10px;
	width: 160px;
	height: 70px;
	text-align: center; /* centers the ad */
}
/* Ad iframes */
.adBody {
	padding: 0;
	margin: 0;
}