/* Layout */

* {
	margin:0;
	padding:0;
}

html,body {
	height:100%;
	width:100%;
}

body {
	text-align: center;
	min-width:950px;/* for good browsers*/
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}

#header {
	text-align: center;
	height: 170px;
}

#toppanel {
	height: 110px;
}

#searchbarcontainer {
	float: right;
}

#logocontainer {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#navlistcontainer {
	width: 950px;
	height: 30px;
	margin-top: 25px;
	margin-left:auto;
	margin-right:auto;
}

#main {
	width: 950px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 40px;
	margin-left:auto;
	margin-right:auto;
}

#rightpanel {
	float: right;
	width: 220px;
	margin-right: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 2em;
}

#content {
	margin-right: 260px; /* difference between this and panel width is margin */
}

#footer, .footerpush {
	height: 30px; /* .push must be the same height as .footer */
}

#footer {
	clear: both;
	text-align: left;
	position: relative;
	width: 100%;
	display:table; /* to vertical-align */
	vertical-align:middle;
}

#footercontainer {
	position:relative;
	vertical-align:middle;  /* to vertical-align */
	display:table-cell;
	height: 30px; /* .push must be the same height as .footer */
}
#footerinner {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}