/* CSS Template General Structure and Layout */
 
 * html,body {
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	overflow:auto;
	}
 
 
 
 /* First Level Elements */ /******************************************************/
 
 #header{
	width:100%;
	height:150px;
	margin:0px;
	cellpadding:0px;
	background-color:#ccc;
	}
  
 #outerwrapgrey{
	position:absolute;
	z-index:0;
	top:120px;
	_top:119px; /*120 for mozilla*/
	left:0;
	width:100%;
	height:30px;
	background:#f9f9f9;
	border-top:solid 1px #999;
	} 
			
 #outerwrapred{
	position:absolute;
	z-index:0;
	top:120px;
	_top:138px;/*correct 151 for mozilla 148 for ie*/
	left:0;
	width:100%;
	height:320px;
	background:#990100;
	border-top:solid #999 1px;} 
	
	
 #innerwrap{
	position:relative;
	z-index:1; /*maybe c if it still works under IE */
	top:-61px; /*top is 61*/
	
	min-height:390px;
	height:auto;
	_height:390px;
	width:730px; 
	margin:0 auto 25px auto;  /*25px needed?*/
	background:white;
	text-align:left;
	border-right:solid #999 1px;
	border-bottom:solid #999 1px;
	border-left:solid #999 1px;
	padding:0px; /*new*/
	}	


/* Second Level Elements *//*********************************************************/	


/* Elements contained under innerwrap */
  



#menu {
	padding:0px;
	margin:0px;
	position:relative;
	z-index:500; 
	width:100%;
	height:30px;
	background: #ccc;
	border-top:solid 1px #999;
	}  

	

  
/* Elements contained under header allowing fluid effect*/
  
#middlecol {width: 760px;margin: 0 auto; /* compliant browser center */text-align: left; /* re align text */}
#leftcol {margin-right: 380px;background: #eee; }
#rightcol {margin-left: 380px; background: #ccc;}

.column {width:50%; position: absolute;top: 0; text-align: left;}
.left {left: 0; overflow:hidden;}
.right {right: 0; overflow:hidden;}

.header {height:150px;}
.headerlf {background-color:#f9f9f9;}
.headerri {background-color:}
.headerce {position:relative; background: #CCCCCC url("../img/gradient.gif") repeat-y left;overflow:visible;}