@charset "utf-8";
/* CSS Document */
body{
	color:#fff;
	
	background-color:#fff;
	
	margin:0px auto;
	
	height:100%;
	
	font-family:Arial, Helvetica, sans-serif;
}


#shell{
	width:100%;
	
	background:#fff;
}

#lbar{
	width:225px;
	
	height:500px;
	
	display:block;
	
	background:#00404e url(graphics/lbar.gif);
	
	float:left;
	

	
}


#lbar-bg{
	background:#00404e;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	width:225px;
	height:100%; /* works only if parent container is assigned a height value */
	height:auto !important; /* real browsers */
	min-height:100%; /* real browsers */

}

#sub-shell{
	height:280px;
	
	width:875px;
	
	background:#fff;
	
	padding:100px 0px 0px 225px;
	
	
}

#l-col{
	width:220px;
	
	height:260px;
	
	float:left;
	
	background:#fff;
	
	padding:10px 15px 0px 15px;
	
	border-right:1px solid #d4e5e9;
}

#m-col{
	
	width:300px;
	
	height:260px;
	
	background:#fff;
	
	float:left;
	
	padding:10px 15px 0px 15px;
	
	border-right:1px solid #d4e5e9;
	
}
	
#r-col{
	width:240px;
	
	height:260px;
	
	float:left;
	
	padding:10px 15px 0px 15px;
	
	background:#fff;
	
	
}

#foot{
	
	background-color:#000c0c;
	
	clear:both;

	background-position: center bottom;

	width: 100%;
	
}

#foot p{
	color:#9d9d9d;
	
	font-size:11px;
	
	padding-right:25px;
	
	float:right
}

/*::::::::::::: common elements :::::::::::::*/

a{	
 	color:#00596b;
	
}

a:hover{
	color:#008faf;
}

p{
	color:#687f84;
	
	font-size:11px;
	
	font-family:Arial, Helvetica, sans-serif;

}


.ls{
	padding-bottom:6px;
	
}

h3{
	color:#ffc90c;
	
	padding:0px 0px 0px 20px;
	
	margin:0px;
	
	
	font-size:13px;
}

h5{
	color:#a4bfc5;
	
	padding:0px 0px 10px 20px;
	
	margin:0px;
	
	line-height:14px;
	
	font-weight:normal;
	
	
}
	
	
#l-col p{
	color:#a4bfc5;
	
	width:230px;
	
	line-height:16px;
	
	padding-left:20px;
	
	margin:0px;
	

}
	
	
#m-col p{
	color:#a4bfc5;
	
	line-height:16px;
	
	padding-left:20px;
	
	margin:0px;
}

	
#r-col p{
	color:#a4bfc5;
	
	line-height:16px;
	
	padding-left:20px;
	
	margin:0px;
}

.title1{
	width:160px;
	
	height:28px;
	
	background:url("graphics/title1.gif");
	
}

.title2{
	width:160px;
	
	height:28px;
	
	background:url("graphics/title2.gif");
}

.title3{
	width:160px;
	
	height:28px;
	
	background:url("graphics/title3.gif");
}






ul{
  list-style: none;
  margin: 0;
  padding: 0;
}




ul li{

  display: block;
  
  overflow: hidden;
  
  width:100px;
  
  height:280px;

  
  

}



.a2{
  width: 1000px;
  
}