@charset "utf-8";
/* CSS Document */
html {
	background-color:#0a5f9a;
}

html>body {
	margin:0px;
	padding:0px;
}

#outerwrap {
	background-image:url("img/meop-bg.jpg");
	background-repeat:no-repeat;
	background-position:0px -4px;
	display:table;
	width:1150px;
	padding:10px 0px;
	margin:0px auto;
}

#wrap {
	display:table;
	width:950px;
	margin:0 auto;
	border:1px solid #33ccff;
}

#bottom-shadow {
	background-image:url("wrap-bg-bottom.jpg");
	background-repeat:no-repeat;
	height:10px;
}

#header {
	width:950px;
	background-color:#eeeeee;
	background-repeat:no-repeat;
	border:none;
}

/* a table is used for layout. 
Applying tables for layout purposes is kept to a minimum; it is applied only here, due to the inconsistent existence of rightside (which makes table-less layout problematic) */
#vmid {
	margin:0;
	width:100%;
	background-color:#dddddd;
	background-image:url("vmid-bg.jpg");
}

#footer {
	padding-top:2px;
	height:18px;	
	width:950px;
	color:#999999;
	background-color:#eeeeee;
	border-top:1px solid #33ccff;
}

/* inside vmid are leftside and content */
#leftside {
	width:175px;
	height:auto;
	min-height:600px;
	border-right:1px solid #33CCFF;
	background-color:#ffffff;
	
}

#rightside {
	width:175px;
	height:auto;
	min-height:600px;
	border-left:1px solid #33CCFF;
}

#content-wrap {
	min-height:600px;
	background-color:#ffffff;
}

#content {
	height:auto;
	min-height:600px;
}

.content-header {
	text-align:center;
	background-color:#eeeeee;
	border-bottom:1px solid #dedede;
}

.content-body {
	padding:1em 20px;
	text-align:left;
	background-color:#ffffff;
}