body{text-align:center;
     margin:0px;
     color:#665555;
     font-family:arial;}

.outline{margin:0px auto;
         width:740px;
         text-align:left}

.header{width:740px;
        height:80px;
        background-image:url("img/intro_bg.gif");
        background-repeat:no-repeat;}
.logo{float:left;
      width:260px;
      height:47px;
      margin-top:21px;
      margin-left:10px;}
.intro{float:right;
       margin-top:35px;
       margin-left:25px; 
       margin-right:15px;
       font-size:90%;
       letter-spacing:0.1em;; width: 420px}

.mainbody{width:700px;
          margin:10px 20px;}

.leftbody{float:left;
          width:180px;}

.table{height:240px;
       background-color:#fffbee;}
.menu{margin:5px 10px;
      padding:5px;
      border-bottom:1px #d9d0c7 solid}

.centerbody{float:left;
            width:320px;
            margin-left:10px;}

.information{}
.new{background-image:url("img/renew_bg.gif");
     background-repeat:no-repeat;
     background-position:left top;
     padding:10px 10px 0px;
     height:40px;}
.date{margin:10px;
      border-bottom:1px #d9d0c7 dashed;
      font-size:80%;
      line-height:1.3em;}
.link{margin-top:40px;
        text-align:center;
		background-color:#fffbee;
		border-bottom:1px #d9d0c7 solid;
		border-top:1px #d9d0c7 solid;
		padding:5px;}	  

.main{width:320px;
      margin-top:40px;}
.stage{width:320px;
       margin-bottom:40px;
       font-size:90%;}
.item{border-bottom:1px #d9d0c7 solid;
      border-top:1px #d9d0c7 solid;
      background-color:#fffbee;
      margin-top:10px;
      margin-left:10px;
      margin-right:10px;
      padding:5px;}
.example{float:left;
         margin-left:10px;
         padding:5px;}
.direction{float:right;
           margin-right:5px;
           padding:5px;}
.clear{clear:both;}

.rightbody{float:left;
           width:180px;
           margin-left:10px;}

.reference{background-color:#f2fbf2;
           border:1px #d9d0c7 solid;
           margin-bottom:100px;}

.reference2{background-color:#fffbee;
           border:1px #d9d0c7 solid;
           margin-top:100px;}
		   
.a{padding:10px 15px;
   border-bottom:1px #d9d0c7 solid;
   text-align:center;}
.b{padding:5px 10px;
   font-size:80%;
   line-height:1.3em;
   border-bottom:1px #d9d0c7 solid;}
.c{padding:5px 10px;
   font-size:80%;
   line-height:1.3em;
   text-align:center;}

.footer{
        width:740px;
        border-top:1px #d9d0c7 solid;
        text-align:center;
        padding:10px 10px;
        font-size:80%;; clear: left}

a:link{color:#0000c2;
       text-decoration:none;}
a:visited{color:#9933a3;
          text-decoration:none;}
a:hover{color:#f20000;
        text-decoration:underline;}
a:active{color:#ff9900;
         text-decoration:underline;}