/*================================================================
LAYOUT stylesheet for the website.

Define layout and backgrounds for:
  - Body
  - Wrapper
  - Header
  - Sidebar
  - Content
  - Footer
  ( Navigation is defined in nav.css )
  
  ***  NO TYPOGRAPHY STYLES HERE PLEASE  ***
  
================================================================*/
@import url(/css/global/base.css);
@import url(/css/global/styles.css);
@import url(/css/global/nav.css);



	 
/* BODY 
----------------------------------------------------------------*/
body {
	background:#9BBFBF;
}



/* WRAPPER
----------------------------------------------------------------*/

#wrapper
{
	background:#9BBFBF url(../images/back_body.gif) no-repeat top;
	margin:0 auto;
	width:884px;
	text-align: center;
}


/* HEADER
----------------------------------------------------------------*/

#header {
	background-image:url(../images/header_bg.gif);
	height:289px;
	margin: 0 auto;
	width:819px;
}
#logo {

	float:left;
	padding-left:75px;
	padding-top:12px;
	position:relative;
	width:440px;
}
#logo h1{
	background:url(../images/logo.gif) no-repeat;
	text-indent: -9000px;
	height: 96px;
}


/* CONTENT
----------------------------------------------------------------*/

#content {
	padding-left:43px;
	width:800px;
}

#content #leftcolumn {
	float:left;
	width:310px;
}
#content #rightcolumn
{
	background-image:url(../images/video_bg.gif);
	float:right;
	height:428px;
	width:480px;
}




/* MAIN
----------------------------------------------------------------*/



/* MIDDLE COLUMN
----------------------------------------------------------------*/




/* SECONDARY CONTENT
----------------------------------------------------------------



/* FOOTER
----------------------------------------------------------------*/

#foot {
	background: transparent url(../images/footer_border.gif) no-repeat bottom;
	color:#4F4236;
	font-size:11px;
	text-align:center;
	padding: 10px 0;
}