/*
-----------------------------------------------------------------------------------
GRID SYSTEM
-----------------------------------------------------------------------------------
*/
.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }
/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }
/* IE7 FIXES */
.ie7 .clearfix,
.ie7 .grid-block { zoom: 1; }

.ie7 .width16 { width: 16.64%; }
.ie7 .width20 { width: 19.97%; }
.ie7 .width25 { width: 24.97%; }
.ie7 .width33 { width: 33.31%; }
.ie7 .width40 { width: 39.97%; }
.ie7 .width50 { width: 49.97%; }
.ie7 .width60 { width: 64.97%; }
.ie7 .width66 { width: 66.64%; }
.ie7 .width75 { width: 74.97%; }
.ie7 .width80 { width: 79.97%; }

/*
-----------------------------------------------------------------------------------
CONTAINER BLOCKS
-----------------------------------------------------------------------------------
*/
#block-header,
#block-content,
#block-footer {
	position: relative;	
	padding: 20px;
}
#block-header {	
	padding: 10px;
}
#block-header {
	background: url(../images/header-bg.png) repeat-x 0 -7px;
}
#block-content {
	background: #FFFFFF;
}
#block-footer {
	border-top: 1px solid #D1D1D1;
}
/*
-----------------------------------------------------------------------------------
LAYOUT BLOCKS
-----------------------------------------------------------------------------------
*/
#header {
	height: 60px;
}
#header > #logo {
	background: url(../images/logo.png) no-repeat left center;
	/*background: url(../images/logo194.png) no-repeat 0 0;
	background: url(../images/logo253.png) no-repeat 0 0;*/
	text-indent: -9999px;
	width: 500px;
	height: 60px;
	display: block;
	float: left;
}
#content {
	padding: 15px;
	background:#FBFCFD;
	border:1px solid #D2D3D4;
	box-shadow:inset 0 0 0 1px #fff;
	border-radius:6px;
}
#footer {
	background: url(../images/msu-logo.png) no-repeat 0 5px;
}
#footer p {
	font: 10px/15px Arial,Helvetica,sans-serif;
	color: #656660;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 220px;
	overflow: hidden;
}
/*
-----------------------------------------------------------------------------------
HELPERS
-----------------------------------------------------------------------------------
*/
.wrapper {
	margin: 0 auto;
	max-width: 760px;	
}