/******************* begin: main structure ***********************


---------------------------------
|  header			 |
---------------------------------
|  Menu		  		 |
|--------------------------------|
|  Body				 |
|  ---------------------------	 | 
| |     |content	      |	 |
| |	|---------------      |	 |
| |	||	|	|     |	 |
| |	||mid	| right	|     |	 |
| | left||      |	|     |	 |
| |	||	|	|     |	 |
| |	||	|	|     |	 |
| |	|---------------      |	 |
| |	|		      |	 |
| ----------------------------	 |
---------------------------------
|	Footer			 |
---------------------------------
*/


#header{
	position:absolute;
	top:0px; left: 0px; right: 0px;
	width:100%; height:70px;
	text-align:center;
}
#inheader{
      position:absolute;
      top:-50px;
}
/*  Setting width screws gecko and khtml rendering
    because when we define paddings/margins width!=right-left.
    Not setting it causes problems on MSIE, because it
    can't calculate.
*/
#bod{
	position:absolute;
	top:60px; 
	left:20px; right:20px; width:auto;
}

#leftcol{
        position:absolute;
        top:50px; left:0px; 
        width:67px;
	margin:0px;
}
#content{
	position:absolute;
	top:50px; left:67px; right:0px;
	padding-left:1.5em;
}
#midcol{
 	position:absolute;
	top:0px; left:0px; right:30%;
	padding-left:1.5em;
}
#rightcol{
	position:absolute;
	top:0px; left:70%; right:0px;
	padding-left:1.5em;
}
#menu{
	position:fixed;
	width: 100%; height: 2.5ex;
	bottom:5px; left:0px; right:0px;
	z-index:10;
}
#menu a, #menu a:link, #menu a:visited {
	background:inherit;
}
/*
Damn! Doesn't work in *any* IE
#menu a:after{ content: " |"; }
#menu a:before{ content: " "; }
#menu a:first-child:before{ content: "| "; }
*/
#leftmenu, #rightmenu{
	padding: 2px;
	position:absolute;
	white-space:nowrap;
	}
#rightmenu{ right:1em; top:0px; left:auto; }
#leftmenu{ left:1em; top:0px; right:auto; }
#footer{
	position:relative;
	margin-top:3em;
	width:100%;
}
#footer  img { border: 0px none; }
#footer #w3c {float: right;}
#footer #contact {float: left;}


@media screen and (max-width: 600px) { 
   #leftcol { visibility: hidden;}
   #midcol { right: 0px; }
   #rightcol { visibility: hidden;}
   #content { left: 0px; }

}