/* CSS Document */

body {
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4F4F4F;
	background-image: url(i/dotline.gif);
	background-repeat:repeat-x;
     }
form{
   	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4F4F4F;
      }
input {
   	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4F4F4F;
      }
.thecontainer2{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4F4F4F;}
#maincontent{
	float:left;
	width:950px;
	margin:0px;
	padding:0px;
	border:1px solid black;
    }
#themaintable{
	float:left;
	width:950px;
	margin:0px;
	padding:0px;
    }

a {color:#23376F;
font-weight:bold;
text-decoration:underline;}
	
/*	HEADER INFO*/

#theheadertable{
	float:left;
	width:950px;
	margin:0;
	padding:0px;
    }
#logo{

}

.menu_horizontal{
	 float:left;
	 margin:0px;
	 padding-left:24px}

.menu_horizontal ul{
	 list-style-type:none;
	 padding:0;
	 margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu_horizontal li{
	 float:left;

	 z-index:100;
	 }
/* use the table to position the dropdown list */
/* style all the links */
.menu_horizontal a, .menu_horizontal :visited {
	 display:block;
	 padding:14px 20px 7px 7px ;
	 overflow:hidden;
	 color:#FFFFFF;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 text-decoration:none;
 }
.menu_horizontal :hover{
    color:#D3CC9F;
	text-decoration:none;}

/* hide the sub level links */
.menu_horizontal ul ul {
	visibility:hidden;
	position:absolute;

	height:0;
	}

/* make the sub level visible on hover list or link */
.menu_horizontal ul li:hover ul,
.menu_horizontal ul a:hover ul{
	visibility:visible;

}
/*the grey line in orange!!*/
.thegreyliner{
  float:right;
  margin-left:26px;
  height:10px;
  line-height:10px;
  background-color:#FF7F00; 
  margin-top:10px}
  
/*  .thegreyliner{
  float:right;
  margin-left:26px;
  height:10px;
  line-height:10px;
  background-color:#CCCCCC; 
  margin-top:10px}
*/
.headlinetext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#23376F;
    }

.lefter{
  width:490px;
  padding-right:15px;
  border-right:1px dotted #4F4F4F}
  
.righter{
	width:330px;
	padding-left:5px;}
#focusreferens{
	 width:316px;
	 border:1px solid #D5D6D7;
	 background-image:url(i/bg_refernsbox.jpg);
	 background-repeat:repeat-y;
	 margin-left:15px}
	 
#footer{ 
	background-color:#D5D6D7;
	text-align:center;
	color:#4F4F4F;
	font-size:9px;
	margin-top:12px;
	width:950px;
	padding:4px 0px 4px 0px
}
.clienttitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#23376F;
}
.clientpresentation{
	color:4F4F4F;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:12px;
}
.clientlist{
	color:4F4F4F;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.barbasquare {
	float:left;
	width:10px;
	height:10px;
	background-color:#FF7F00;
	line-height:8px;
	font-size:7px;
	margin-right:4px;
	margin-top:2px }
	
.special_orange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ff8300;
	font-weight:normal!important;
	}
#separator_img{
margin-bottom:0.7cm;
}

#description_book{
	font-weight:bold;
	color:#000080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
 	float:left;
	width:375px;
}
.poweroften_black{
	color:#808080;
	line-height:22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.poweroften_blue{
	color:#000080;
	line-height:22px;
	font-size:20px;
		font-family: Arial, Helvetica, sans-serif
	}
.poweroften_red{
	color:#ff8000;
	line-height:22px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:13px;
	}