@media screen

{

  #header { 
    width: auto;
	/*background-color: #e8f2ff;*/
	/*
	background-color: red;
	background-image: url(../images/design/header_background.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	*/
	/* #21589B */
	color: inherit;
	background-color: #3B7CCC;
	background-image: url(../images/design/header-bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	/*border:1px solid red;*/
  }

  #search {  
	margin:0;
	border-left: 5px solid #B5D2F3;
	color: inherit;
	background-color: #EDF5FF;
	background-image: url(../images/design/search-bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
  }

	

  #content {  
    width: auto;
    /*background: #FFFFFF url(../images/design/main_backgound.gif) repeat-x;*/
	padding: 25px 0px 1.5em 0px;
	/*border:1px solid red;*/
  }

  #maincontent {
    float: left;
    width:78%;/*for tree columns strucure*/ 
	/*width:97.58%;*/ /*for two columns strucure*/ 
    margin-right:1%;

	/*border:1px solid red;*/
  }
  
  /*#col1 *, #col3 * {
  	position: relative;
  }*/
  
 /* #col1 * {
  	position: relative;
  }*/

  #col1  { 
    overflow: hidden;
    float:left;
    clear: left;
    /*width:24%;/*for tree columns strucure*/
	width:18.8%; /*for two columns strucure*/
  }
  
  #col1 .nav {
  	margin-left: 18px;
  }
  
  #col3 { 
    float:left;
    width:19.58%;
  }

  div#flow{ 
    float:right;
	overflow:hidden;
	
  	/*width:74.3%;/*for tree columns strucure*/
	width:79.5%; /*for two columns strucure*/
	
	/*overflow: visible !important;*/
    /*background-position: -100px 0; /* Hide tab by default in case JS is absent */

  }

  div.nav  { 
  	margin-bottom: 2.1em;
  	background-color: #FFFFFF;
  	color: inherit;
	/*border: 1px solid #406fad;*/
    overflow:hidden;
    line-height: 1.5em;
  }
  
  
  div.navNoMargin  { 
  	margin-bottom:10px;
  	background-color: #FFFFFF;
  	color: inherit;
	/*border: 1px solid #406fad;*/
    overflow:hidden;
    line-height: 1.5em;
  }
  
  .defBoxContainer {
  	/*border: 1px solid #406fad;*/
	margin-bottom: 2.1em;
  }

  #footer { 
  	color: #F9F9F9;
	background-color: #2961A2;
	background-image: url(../images/design/footer-bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-top: 1px solid #000000;
    width:auto!important;
    clear:both;
    position:relative;
    text-align:center;
    padding:6px 0px 6px 0px;
    font-size: 0.9em;
  }

  #bottom_menu { 
    margin:0 0 5px 0;
  }
  #bottom_menu a {
  	margin-left: 0.5em;
  	margin-right: 0.5em;
  }

  #bottom_menu .menuItemDelimiter {
  	display: none;
  }
  /* Forces blocks to enclose their floated children */
  /*jb 7.04.06 ??? to refact*/
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  * html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
    height: 1%;
  }
  
  /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
  /*.clearfix {
    overflow: hidden;
  }*/
  
  /* END: Forces blocks to enclose their floated children */

}