/* CSS Document */
html,body{
      margin:0;
      padding:0;
      height:100%;

      border:none;
   font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #575757;
	text-decoration: none;
	font-weight:500;
align:center;
  min-width:950px;
}
img {
border:0px;
}
a { text-decoration:underline;
    color:#663300;

}
#all {
	position: relative;
        align:center;
	top:0px;
	width: 100%;
	height: 100%;
        min-width:950px;
	background-color: #cecc7e;
	/* #663300; */
       vertical-align:middle;
	border:0px;
       z-index:2;
}
/* ***************************************************** background color */	
/* left side bar */	
/* #bg_left {
    position:relative;
        left:0px;
	top:0px;	
	width:8%;
	height:100%;
	background-color:#cccccc;
	
}
*/
/* right side bar */
#bg_right {
	position:absolute;
       right:0px;
	top:0px;
	width:8%;
	height:100%;
	background-color: #73531c;
	/* oudd:#CC9966; */

}
/* ************************************************************* base part : base position   */
/*  position base */
#base { position: absolute;
        left:4%;
		top:0px;
		width:900px;
		height:560px;
}
/* **********top part bsase */
#base_top {
    position:relative;
	left:0px;
	top:20px;
	height:140px;
	width:900px;
	background-color:#ffffff;

}
/* top image left */
#top_left {
		position:relative;
                float:left ;
		left:0px;
		top:0px;
		width:auto;
		height:100%;
		}
#top_center {
		position:absolute;
		left:400px;
		top:0px;
		width:170px;
		height:140px;
}
#top_right {
		position:absolute;
		right:1%;
		top:0px;
		width:auto;
		height:100%;
}
/* - ***********main part base: menu and content part */
#base_main {
		position: absolute;
		height:420px;
		width: 100%;
		top:160px;
		left:0px;
}
/*-- ********** main left: menu part */
.main_left {
		position:absolute;
		top:0px;
		left:0px;
		height:420px;
}
.main_center {
		position: absolute;
		top:0px;
		left: 300px;
		height:420px;
		width:600px;    
              

}

/* -- **** three colums -*/
.coll {
	position: relative;
	top:0px;
         left:0px;
	width:300px;
	height:100%;
}
.cell {
	position: relative;
	width: 300px;
	height: 140px;
}	
.main_left_Img {
	position: absolute;
	height:100%;
	width:100%;
float:right;
	bottom:0px;
	right:0px;
		
}
.moduletable_left_Img {
	position: absolute;
	bottom:0px;
	right:0px;
}


/* transparant images */
.transOn {
	position:relative;
	width:100%;
	height:100%;
	background-color: #ffffff; 
	opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
	z-index:3;
}
#transpos_Left_Img {
	position:absolute;
	bottom:40px;
	height:320px;
	width:100%;

}
/* component must be reached */
.component {
	position:relative;
       width:auto;
      
       z-index:9;
}

/* color blocks */
#cellbg1 {
	background-color:#73531c;
 /* background-color: #333333;*/
 /*    background-color:#666666;*/
/*background-color:#575757;*/
	height:100%;
}
#cellbg2 {
	background-color:#727517;
	height:100%;
}
#cellbg3 {
	/*background-color:#cc99ff;*/  
          background-color: #cccc49;
		height:100%;
}