<style type="text/css"> 
<!-- 
* {
  box-sizing: border-box;
}

body	{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ccc;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	margin: 0; /* Remove default margin */
    height: 100vh; /* Full viewport height */
    /*background-image: url('/avas/images/bg.gif'); /* Path to your image */
    background-size: cover; /* Scale image to cover the screen */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent tiling */
    background-attachment: fixed; /* Keep image fixed when scrolling */
}
/* ---------------- Start of top navigation ---------------------- */
#topNav	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	color:#ffffff;
	text-align:center;
	background-image:url(../images/topNavBkgrnd.png);
	background-repeat:repeat-x;
	z-index:2;
	position: relative;
	text-align:right;
}
#topNav a:link	{
	color: #efefef;
	text-decoration:none;
	padding:10px;
}
#topNav a:visited	{
	color: #efefef;
	text-decoration:none;
	padding:10px;
}
#topNav a:hover	{
	color: #900;
	text-decoration:none;
	background-image:url(../images/topNavBkgrndHover.png);
	background-repeat:repeat-x;
	height:35px;
}
/* ---------------- Start of Site Navigation below header ---------------------- */
#siteNav	{
	padding-bottom:10px;
	background-color:#ffcc33;
	border-bottom: solid 2px #003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	color:#666666;
	text-align:center;
}
#siteNav a:link	{
	color: #000000;
	background-color: #ffcc33;
	text-decoration:none;
	padding:5px;
}
#siteNav a:visited	{
	color: #333333;
	background-color: #ffcc33;
	text-decoration:none;
	padding:5px;
}
#siteNav a:hover	{
	color: #990000;
	background-color:#efefef;
	text-decoration:none;
	padding:5px;
}
/* ---------------- Start of container that hold page ---------------------- */
#container { 
	width: 100%;
	max-width:780px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left;
	background-image:url(../images/containerBkgrnd.png);
	background-repeat:repeat-y;	
} 
/* ---------------- Start of header ---------------------- */
#header { 
	background: #DDDDDD; 
	padding: 0 10px 0 20px;
} 
#header h1 {
	margin: 0; 
	padding: 10px 0;
}
/* ---------------- Start of left column ---------------------- */
#sideNav {
	float: left; 
	width: 30%; 
	max-width: 200px;
	background: #EBEBEB;
	padding: 15px 10px;
}
/* ---------------- Start of main content area ---------------------- */
#mainContent { 
	/*margin: 0 0 0 250px;*/
	padding: 0 20px; 
	float:right;
	width: 60%;
} 
/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  #sidNav, #mainContent,{
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
#footer { 
	padding: 0 10px 0 20px;
	background:#990000;
	color:#ffffff;
	font-size:80%; 
	text-align:left;
} 
/* ---------------- Start of footer ---------------------- */
#footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}
--> 
</style>