@charset "utf-8";
/* CSS Document */
@media screen {
html {
}

html>body {
	margin:0;
	padding:0;
	/*background-color:#ffffff;
	background-color:#b3d2f8;
	background-color:#cadae6;
	background-color:#d3cbb4;
	background-color:#5e86bd;*/
	background-color:#cbdce6;
	background-image:url("./img/body-bg.jpg");
	background-repeat:repeat-x;
}

#outerwrap {
	display:table;
	/*width:1150px;*/
	width:954px;
	/*padding:15px 0px;*/
	padding:4px 2px;
	margin:4px auto;
	background-color:#ffffff;
	/*background-image:url("./img/bg.jpg");
	background-repeat:repeat-x;*/
}

#wrap {
	display:block;
	width:950px;
	margin:0px auto;
	/*border:1px solid #99CCFF;*/
	/*border:1px solid red;*/
}

#bottom-shadow {
	/*background-image:url("wrap-bg-bottom.jpg");
	background-repeat:no-repeat;
	height:10px;*/
}

#header {
	width:950px;
	background-repeat:no-repeat;
	margin-bottom:4px;
}

/* 
* 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%;
	border:none;
	background-color:#FFFFFF;
	border-top:1px solid #cadae6;
	/*border-left:1px solid #99ccff;*/
	/*border-right:1px solid #99ccff;*/
}

#footer {
	padding-top:2px;
	height:18px;	
	/*width:950px;*/
	width:100%;
	/*border:1px solid red;*/
}

/* inside vmid are leftside and content */
#leftside {
	width:175px;
	height:auto;
	min-height:600px;
	border-right:1px solid #99ccff;
	border-right:1px solid #cadae6;
	background-color:white;
	background-color:#d0e6ff;
	background-color:#edf5ff;
	/*background-color:red;*/
	
}

#rightside {
	width:175px;
	height:auto;
	min-height:600px;
	background-color:#edf5ff;
	/*border-left:1px dashed #00ccff;*/
	/*border:1px solid red;*/
}

#content-wrap {
	min-height:600px;
	/*width:772px;*/
	/*width:596px;*/
	/*border-top:1px solid white;*/
	/*background-color:#99FFCC;*/
}

#content {
	height:auto;
	min-height:600px;
}

.content-header {
	/*text-align:center;*/
	/*background-color:#EAF3E0;*/
	/*background-color:#eeeeee;*/
	/*border-bottom:1px solid #dedede;*/
	/*border:1px solid red;*/
}
} /* End of media screen */

@media print {
#header,
#leftside,
rightside {
	display:none;
}
#content-wrap {
	width:100%;
}
} /* End of media print */