@charset "UTF-8";
body  {
	font: 12px/14px Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	background-image:url(../images/page_bg.jpg) !important;
	background-repeat:repeat-x;
	background-position:top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

body #container { 
	clear:left;
	position:relative;
	top:0;
	left:0;
	width: 948px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff;
	padding:0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

body #header{
	position:relative;
	display:block;
	float:left;
	top:0px;
	left:0px;
	width:100%;
	min-width:948px;
	height:50px;
	text-align:left;
	padding:0;
	margin:0;
	background:url(../images/head_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#header #links{
	display:block;
	width:948px;
	margin:0 auto;
	height:50px;
}

body #headerShadow{
	position:absolute;
	top:50px;
	left:0px;
	width:100%;
	min-width:948px;
	height:5px;
	background:url(../images/head_shadow.png);
	background-repeat:repeat-x;
	z-index:11;
	padding:0;
	margin:0;
}

#containerShadow{
	position:absolute;
	top:350px;
	left:0;
	width:100%;
	height:5px;
	background:url(../images/head_shadow.png);
	background-repeat:repeat-x;
	padding:0;
	margin:0;
}

#leftShadow{
	background-image:url(../images/left_shadow.png);
	background-repeat:repeat-y;
	width:15px;
	height:100%;
	display:block;
	position:absolute;
	left:-15px;
	top:0px;
}

#rightShadow{
	background-image:url(../images/right_shadow.png);
	background-repeat:repeat-y;
	width:15px;
	height:100%;
	display:block;
	position:absolute;
	left:948px;
	top:0px;
}

#statement{
 	z-index:10;
	width:948px;
	height:350px;
	padding:0;
	margin:50px auto 0;
	background-repeat:no-repeat;
}

#sidebar1 {
	float:left;
	width:145px;
	padding:0;
	margin-top:22px;
	margin-left:10px;
}

#sidebar2 {
	float:right;
	width:293px;
	padding:0;
	background-image:url(../images/sidebar2_bg.png);
	background-repeat:repeat-y;
}

#sidebarContent{
	margin:0 25px 0 40px;
	padding:0;
}

#address{
	display:block;
	width:293px;
	height:169px;
	background-image:url(../images/luggage_tag.png);
	background-repeat:no-repeat;
}

#sponsor{
	display:block;
	width:293px;
	height:307px;
	background-image:url(../images/sponsor_project.png);
	background-repeat:no-repeat;
}

#patrick{
	display:block;
	width:293px;
	height:294px;
	background-image:url(../images/patrick_lewa.png);
	background-repeat:no-repeat;
}

#sidebarEnd{
	float:right;
	display:block;
	margin:0;
	padding:0;
	height:9px;
	width:293px;
	background-image:url(../images/sidebar_end.png);
	background-repeat:no-repeat;
	clear:right;
}

#articles{
	float:left;
	width:450px;
	padding:0;
	margin:10px 0 0 28px;
}

#footer{
	text-align:left;
	background:#7f7d43;
	background-image:url(../images/footer_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	color:#ccc
}

#footerContent{
	width:948px;
	margin:0 auto;
	padding:40px 0 20px;
}

#footerColumns{
	float:left;
	width:650px;
	margin:0;
	padding:0;
}