/*Lili Hunter StyleSheet*/


html{
   	FONT-FAMILY:  Arial;
    font-size: small;
	height: 100%;
	background: #FFFFFF
	
}

body { 
  	margin: 10px 0 0 0;
    color: #000000;
	background-image: url(../images/bk_container.jpg);
	background-repeat: repeat-y;
	background-position: 50% 0
	 		
}

#container {
	height: auto !important; 
	height: 100%; 
	min-height: 550px; 
	padding: 0;
	width: 942px;		
	margin: 0 auto;
}

body {
	*background-image: url(../images/bk_container2.jpg); 	/*IE7 hack to remove pink line*/
	
}


#hmetopmenu{
	width: 942px;
	height: 30px;
	padding: 10px 0 0 0;
	margin: 0;
	text-align: right;
	float:right;
	background-color: #FFFFFF;

}

#hmetopmenu ul{
	list-style: none;
	margin: 0;
	padding:0;
	
}
#hmetopmenu li{
	display: inline;
	margin: 0;
	padding:0;


}

#hmetopmenu li.line{
	display: inline;
	margin: 0;
	padding:0;
	color: #F26633;
	

}

#hmetopmenu li a:link, #hmetopmenu li a:active, #hmetopmenu li a:visited {
	display: inline;
	font-size: 80%;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	text-align: right;
	padding: 8px 14px 0px 14px;
	margin: 0;
}

#hmetopmenu li a:hover {
	text-decoration: none;
	color: #F26633;
}

.imgtopleft{
   	 text-align: left;
	 float:left;
	 margin: 0;
	 padding:0;
}


h1{
	font-weight: bold;
	text-align: left;
	font-size: 130%;
	color: #E4108E;
	margin: 25px 10px 0px 0px
	}
	
h2{
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	color: #F26633;
	margin: 0px 10px 10px 0px
	}
	
h3{
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	color: #E4108E;
	margin: 0px 10px 10px 0px
	}

/*content area*/
#content{	
	margin: 0;
	height: 100%; 
	min-height:470px; 
	float: left;
	padding: 0;
	width: 942px
	
}

#hmelcol{
	width: 406px;
	padding: 5px 10px 0px 30px;
	height: 100%;
	min-height:440px; 
	float: left;
	margin: 0px

}
#hmercol{
	width: 456px;
	height: 100%;
	min-height:430px;
	padding: 60px 5px 0px 5px;
	float: left;
	margin: 0px;

}

#hmercol .row{
	width: 456px;
	min-height:178px;
	padding: 0;
	float: left;
	margin: 0 0 8px 15px;

}

#hmelcol .bottom{
	bottom: 0;
	margin: 0;
	clear:both;
	float:left;
	padding:0;
	height: 123px;
	
}

#content p{
	font-size: 90%;
    line-height: 1.6;
	color: #5F626B;
	text-align: justify;
	padding: 0;
}


.txtornagebold{
	color: #F26633;
	font-weight: bold
}

.txtpinkbold{
	color: #E4108E;
	font-weight: bold
}
	
#content .Pright {   
   	text-align: right
}
#content .Pcenter { 
   	text-align: center
}



#content .Pleft { 
   	text-align: left
}

#content ul{
   	list-style: url(../images/list.jpg);
	line-height: 1.8;
	font-size: 90%;
	color: #5F626B	
}
#content ol{
	line-height: 1.8;
	font-size: 90%;
	color: #666666	
}


.imgleft{
   	 text-align: left;
	 float:left;
	 margin: 0px;
	 margin-right: 20px
}

.imgcenter{
   	 text-align: center;
	 float:center;
	 margin: 0px
}



/* links*/

a:link, a:active, a:visited {
   color: #F26633;
   font-size: 100%;
   text-decoration: underline;
   font-weight: bold
}


a:hover {
   color: #E4108E;
   text-decoration: underline;
   font-weight: bold
}

a.small:link, a.small:active, a.small:visited {
   color: #333333;
   font-size: 70%;
   text-decoration: underline;
   font-weight: bold;
   padding-left: 30px
}


a.small:hover {
   color: #333333;
   text-decoration: underline;
   font-weight: bold
}
/* menu rollover */

/* Home div content area*/




 .clik a:link,  .clik a:active, .clik a:visited{
	display: block;
	margin: 4px;
	padding: 0;
	float:left;
	height: 178px;
	background: url(../images/btn-clik.gif) 0 0 no-repeat;
	width: 212px;
 }

  .clik a:hover{
	background-position: -212px 0;
	}
	
.dox a:link,  .dox a:active, .dox a:visited{
	display: block;
	margin: 4px;
	padding: 0;
	float:left;
	height: 178px;
	background: url(../images/btn-dox.gif) 0 0 no-repeat;
	width: 212px;
 }

  .dox a:hover{
	background-position: -212px 0;
	}
	
.mediation a:link,  .mediation a:active, .mediation a:visited{
	display: block;
	margin: 4px;
	padding: 0;
	float:left;
	height: 178px;
	background: url(../images/btn-mediation.gif) 0 0 no-repeat;
	width: 212px;
 }

  .mediation a:hover{
	background-position: -212px 0;
	}
	
.training a:link,  .training a:active, .training a:visited{
	display: block;
	margin: 4px;
	padding: 0;
	float:left;
	height: 178px;
	background: url(../images/btn-training.gif) 0 0 no-repeat;
	width: 212px;
 }

  .training a:hover{
	background-position: -212px 0;
	}
	
	
.hr a:link,  .hr a:active, .hr a:visited{
	display: block;
	margin: 4px;
	padding: 0;
	float:left;
	height: 178px;
	background: url(../images/btn-hr.gif) 0 0 no-repeat;
	width: 212px;
 }

.hr a:hover{
	background-position: -212px 0;
	}
	
a.subscribe {
	display: block;
	float: left;
	margin: 4px;
	width: 120px;
	height: 123px;
	text-decoration: none;
	background-image: url(../images/btn_subscribe.jpg)
} 

a.subscribe:hover {
background-position: 0 -123px 
} 
	
.displace {
	position: relative;
	left: -2000px
}

.padicons{
	padding: 47px 0 0 0;
	
}
 

/* footer*/

#footer {
	clear:both;
	margin: 0 auto;
	height: 30px;
	width: 930px;
	border-top: solid 6px #FFFFFF;
	background-color: #E4108E; 
	font-weight: normal;
	padding: 0px 12px 0px 0px;
	text-align: right
}
#footer P{
	font-size: 80%;
	color: #F8F8F8;
	text-align: right
}

#footer a:link, #footer a:active, #footer  a:visited {
	color: #F8F8F8;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: right
}

#footer a:hover {
	text-decoration: underline;
	text-decoration: none;
	color: #333333
}
#footerbase {
	clear:both;
	margin: 0 auto;
	width: 943px;
	border-top: solid 8px #FFFFFF;
	background-color: #FFFFFF; 
	font-weight: normal;
	padding: 2px 0px 12px 0px;
	text-align: right
}
#footerbase P{
	font-size: 80%;
	color: #666666;
	text-align: center
}


/*  end footer*/