@charset "utf-8";
html, body {
	height: 100%;
}
body  {
	margin: 0;
	padding: 0;
	text-align: center;  /* this centers the container in IE 5* browsers. */
	background-image: url(../images/Background.jpg);
}
#container {
	width: 800px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../images/InnerBackground.gif);
	margin: 0 auto;
	
	/*mynote : these 'height's must be intact. if changed, background cant be displayed properly on either browsers.*/
 	min-height:100%; 
	height:auto !important;
	height:100%;
	
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #997711;
	border-bottom-color: #000000;
	border-left-color: #997711;
} 
#header {
	height : 82px;
	white-space: nowrap;
} 

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px;
}
#mainContent { 
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
} 
#footer {
	font-size: 12px;
	text-align: center;
	padding : 0 10px 10px 210px;
} 


#mainContent  .sectionTitle {
	margin-top: 48px;
	margin-bottom: 16px;
}
#mainContent .sectionTitle_lessTopMargin {
	margin-top: 24px;
	margin-bottom: 16px;
}