html, body{ 
 margin: 0; 
 padding: 0; 
 text-align: center; 
} 
 
#pagewidth{ 
 width: 500px; 
 text-align: left;  
 margin-left: auto; 
 margin-right: auto;
 border-right: 3px solid #CCCCCC;
 border-left: 3px solid #CCCCCC;
}

Ul{
 margin:0px;
} 

.menu-host1{
 font-weight: bold;
 float: left;
 width: 54px;
 height: 20px;
 cursor: hand;
 color: #000000;
 list-style-type: none;
 padding: 8px;
 margin-left: 0px;
 background-image: url("naviback.jpg");
 text-align: center;
}
.menu-host2{
 font-weight: bold;
 float: left;
 width: 140px;
 height: 20px;
 cursor: hand;
 color: #000000;
 list-style-type: none;
 border-left: 2px solid #cccccc;
 padding: 8px;
 margin-left: 0px;
 background-image: url("naviback.jpg");
 text-align: center;
}
.menu-host3{
 font-weight: bold;
 float: left;
 width: 140px;
 height: 20px;
 cursor: hand;
 color: #000000;
 list-style-type: none;
 border-left: 2px solid #cccccc;
 padding: 8px;
 margin-left: 0px;
 background-image: url("naviback.jpg");
 text-align: center;
}
.menu-host4{
 font-weight: bold;
 float: left;
 width: 80px;
 height: 20px;
 cursor: hand;
 color: #000000;
 list-style-type: none;
 border-left: 2px solid #cccccc;
 padding: 8px;
 margin-left: 0px;
 background-image: url("naviback.jpg");
 text-align: center;
}
.menu-host5{
 font-weight: bold;
 float: left;
 width:95px;
 height:20px;
 cursor: hand;
 color: #000000;
 list-style-type: none;
 border-left: 2px solid #cccccc;
 padding: 8px;
 margin-left: 0px;
 background-image: url("naviback.jpg");
 text-align: center;
}
.menu-host6{
 font-weight: bold;
 float: left;
 width: 85px;
 height: 20px;
 cursor: hand;
 color: #000000;
 list-style-type: none;
 border-left: 2px solid #cccccc;
 padding: 8px;
 margin-left: 0px;
 background-image: url("naviback.jpg");
 text-align: center;
}

.child1{
 padding-bottom: 5px;
 line-height: 160%;
 font-weight: normal;
 background: #FFFFFF;
 visibility: hidden;
 margin-left: 0px;
 width: 70px;
 padding-top: 3px;
 position: absolute;
 border-right: 2px solid #CCCCCC;
 border-bottom: 2px solid #CCCCCC;
 list-style-type: none;
}
.child2{
 padding-right: 40px;
 padding-bottom: 5px;
 line-height: 160%;
 font-weight: normal;
 background: #FFFFFF;
 visibility: hidden;
 margin-left: 0px;
 width: 116px;
 padding-top: 3px;
 position: absolute;
 border-right: 2px solid #CCCCCC;
 border-left: 2px solid #CCCCCC;
 border-bottom: 2px solid #CCCCCC;
 list-style-type: none;
}
.child3{
 padding-bottom: 5px;
 line-height: 160%;
 font-weight: normal;
 background: #FFFFFF;
 visibility: hidden;
 margin-left: 0px;
 width: 156px;
 padding-top: 3px;
 position: absolute;
 border-right: 2px solid #CCCCCC;
 border-left: 2px solid #CCCCCC;
 border-bottom: 2px solid #CCCCCC;
 list-style-type: none;
}
.child4{
 padding-bottom: 5px;
 line-height: 160%;
 font-weight: normal;
 background: #ffffff;
 visibility: hidden;
 margin-left: 0px;
 width: 96px;
 padding-top: 3px;
 position: absolute;
 border-right: 2px solid #CCCCCC;
 border-left: 2px solid #CCCCCC;
 border-bottom: 2px solid #CCCCCC;
 list-style-type: none;
}
.child5{
 padding-bottom: 5px;
 line-height: 160%;
 font-weight: normal;
 background: #FFFFFF;
 visibility: hidden;
 margin-left: 0px;
 width: 111px;
 padding-top: 3px;
 position: absolute;
 border-right: 2px solid #CCCCCC;
 border-left: 2px solid #CCCCCC;
 border-bottom: 2px solid #CCCCCC;
 list-style-type: none;
}
.child6{
 padding-bottom: 5px;
 line-height: 160%;
 font-weight: normal;
 background: #FFFFFF;
 visibility: hidden;
 margin-left: 0px;
 width: 101px;
 padding-top: 3px;
 position: absolute;
 border-right: 2px solid #CCCCCC;
 border-left: 2px solid #CCCCCC;
 border-bottom: 2px solid #CCCCCC;
 list-style-type: none;
}

.navilink1 A:link{
 text-decoration: none;
 color: #000000;
 font-weight: bold;
}
.navilink1 A:visited{
 text-decoration: none;
 color: #000000;
 font-weight: bold;
}
.navilink1 A:hover{
 text-decoration: underline;
 color: 000000;
 font-weight: bold;
}
.navilink2 A:link{
 text-decoration: none;
 color: #000000;
}
.navilink2 A:visited{
 text-decoration: none;
 color: #000000;
}
.navilink2 A:hover{
 text-decoration: underline;
 color: #000000;
}


#maincol{
 background-color: #FFFFFF;  
 float: right; 
 display: inline; 
 position: relative; 
 width: 700px; 
 font-size: 80%;
}
#maincol H2{
 color: #444444;
 background-color: #F0F0F8;
 height: 18pt; 
 font-size: 10pt;
 line-height: 16pt;
 border-bottom: 1px #AFAFBF solid;
 margin-left: 50px;
 margin-right: 50px;
 padding-left: 10px;
}
#maincolcontents{
 margin-right: 60px;
 margin-left: 80px;
}

#maincolcontentsindex{
 margin-left:50px;
}
#maincolcontents07{
 border-top: #CC0033 1px solid;
 border-left: #CC0033 7px solid;
 margin-top: 3px;
 padding-top: 5px;
 padding-left: 5px;
}
#maincolcontents08{
 border-top: #003399 1px solid;
 border-left: #003399 7px solid;
 margin-top: 3px;
 padding-top: 5px;
 padding-left: 5px;
}
#maincolcontents A:link{
 text-decoration: none;
 color: #000000;
}
#maincolcontents A:visited{
 text-decoration: none;
 color: #000000;
}
#maincolcontents A:hover{
 text-decoration: underline;
 color: #000000;
}
#maincolcontents UL{
 padding-left: 30px;
 line-height: 160%;
 padding-top: 10px;
 padding-bottom: 10px;
 list-style-image: url("listimg.gif");
 vertical-align: middle;
}
.linkimg{
 vertical-align: middle;
}

 
#footer{
 height: 30px; 
 background-color: #FFFFFF; 
 clear: both;
 text-align: center;
 margin-top: 5px;
 padding-top: 10px;
 background-image: url("back.png");
} 
.copyright{
 font-size:small;
}

#pageback{
 background-color:#FFFFFF; 
}

.clearfix{
 display: inline-table;
}
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */