html, body { position: relative; }

html {
margin: 0;
padding: 0;
height: 100%;

} 
   
   body {
padding-top: 0px;
margin-top: 0px;
background-color:#fff;
font-family: verdana, sans-serif;
font-size: 12px;
color: #000000;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
height: 100%;
  color: #3e3e3e;
  font-family: 'FontinSans', Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
     margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
  
  
  
  }



a { color: #c0c0c0; text-decoration: none; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 11px; }

a:hover {
    color: #dfdfdf;
  }
 a:active {
    top: 1px;
  }





#P {
width: 966px; 
/* background-color:#fff; */
margin: 0 auto;

}

#PH {
width: 966px;
height: 249px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
}

#SC {
width: 966px;
background-image: url(../images/bg-mid.jpg);
background-repeat:repeat-y;
}

#PF {
height: 166px;
padding-bottom: 0px;
margin-bottom: 0px;

background: url(../images/bg-down.jpg) top left repeat-x;
	left: 0px;
	right: 0px;
	position: absolute;
	width: 100%;
}

#PFText {
//*width:614px; */
padding-top:20px;
padding-left: 65px;
/*color: #fff;*/
font-size: 10px;
}




#CCH {
width: 966px;
float:left;
background-image: url(../images/bg-mid-test.jpg);
background-repeat:repeat-y;



}

#CC {
padding-top: 0px;
padding-left: 45px;

width: 614px;
text-align: justify;
float:left;
background-image: url(../images/bg-mid.jpg);
background-repeat:repeat-y;
}

#CC_center {
text-align: center;
font-size: 11px;
}

#CC a {
text-decoration: underline; 

font-size: 15px;
color: #c22121;
 


}

#CC a:hover {
text-decoration: none;
}


#CCR {
padding-top: 0px;

width: 200px;
text-align: justify;
float:right;

}





/* !---------- footer ---------- */
.menu {
  margin: 5px 0 0 35px;
  padding: 0;
}
.menu li {
  background: none;
  list-style: none;
  padding: 0;
}
.menu li.deeper {
  display: block;
  float: left;
  line-height: 1em;
  width: 170px;
}
.menu .separator {
  color: #9f9f9f;
  display: block;
  padding: 0 0 8px 0;
}
 .menu li.deeper ul {
    padding: 0;
  }
  .menu li.deeper ul li {
    line-height: 1em;
  }
  .menu li.deeper ul li a {
    color: #c0c0c0;
    display: block;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: .9em;
    line-height: 2.15em;
    position: relative;
    text-decoration: none;
  }
 .menu li.deeper ul li a:hover {
    color: #dfdfdf;
    text-shadow: 1px 1px #333;
  }
 .menu li.deeper ul li a:active {
    top: 1px;
  }

h1 {
  color: #c22121;
  font-size: 32px;
  font-weight: normal;
  line-height: 1.5em;
  padding: 15px 0 5px 0;
}

#navi {
	position: absolute;
	top: 107px;
	left: 288px;
}
	#navi .menu, #navi .menu li, #navi .menu li a { display: block; }
	#navi li { float: left; }
	#navi li a { float: left; height: 35px; position: relative; text-indent: -9999px; }
	
	#navi li a span {
		background: url('../images/flare.png') center center no-repeat;
		background-color: transparent;
		display: none;
		left: -14px;
		position: absolute;
		height: 36px;
		top: -16px;
		width: 36px;
	}
	#navi li.active a span, #navi li.active a:hover span { display: block; }
	
	#navi li.item1 a { width: 93px; }
	#navi li.item54 a { width: 105px; }
	#navi li.item55 a { width: 122px; }
	#navi li.item56 a { width: 128px; }
	#navi li.item57 a { width: 115px; }
	#navi li.item58 a { width: 130px; }
	#navi li.item59 a { width: 130px; }


#CLEAR {
clear: both;
}