@charset "utf-8";
/* CSS Document */
@media screen {
html {
}

html>body {
	margin:0px;
	padding:0px;
	background-color:#edf4f9;
}

#outerwrap {
	display:block;
	width:997px;
	overflow:auto;
	margin:0.5em auto;
	background-color:#ffffff;
	border:1px solid #8cacbb;
	/*border:1px solid red;*/
}

#wrap {
	display:block;
	width:100%;
	margin:0px auto;
	/*border:1px solid red;*/
}

#bottom-shadow {
}

#header {
	width:100%;
	background-repeat:no-repeat;
	margin-bottom:4px;
	/*border:1px solid red;*/
}

#vmidwrap {
	width:994px;
	text-align:left;
	margin:0px auto;
}

/* 
* A table is used for the layout og the three main sections between the header and footer.
* 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:0px;
	height:auto;
	width:100%;
}

#footer {
	padding-top:2px;
	height:15px;	
	/*width:950px;*/
	width:100%;
	/*border:1px solid red;*/
}

/* inside vmid are leftside and content */
#leftside {
	width:200px;
	height:auto;
	min-height:600px;
	background-color:white;
	/*background-color:red;*/
	
}

#rightside {
	width:175px; /* + padding = 175px */
	height:auto;
	min-height:600px;
	/*padding:5px;*/
	padding:0px;
	/*background-color:#00FF33;*/
}

#content-wrap {
	min-height:600px;
	padding:0 1em;
}

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

.content-header {
}

.content-body {
	padding:1em;
	text-align:left;
	background-color:inherit;
	height:auto;
	display:block;
	overflow:auto;
	/*border:1px solid red;*/
}
} /*********** End of media screen ***********/



@media print {
#header,
#leftside,
#rightside {
	display:none;
}
#content-wrap {
	width:100%;
}
} /************ End of media print ************/