@media all {
	body {
		font-family:"Arial",sans-serif;
		font-size:12px;
		line-height:14px;
	}

	/* -- GENERAL ------------------ */
	#nocss {
		display:none;
	}
	img {
		border:none;
	}
}
@media screen {
	/* -- PAGE --------------------- */
	body {
		background-color:#666;
		/*background-image:url(bg.gif);*/
		margin:0px;
		height:100%;
	}
	h1 {
    font-family:arial;
    color:#666;
    font-size:12px;
    margin:0;
    padding:20px 20px 0 15px;
  }
	a {
    font-family:arial;
    color:#666;
    font-size:10px;
  }
  a.non-deco {
   text-decoration:none;
  }
  a.navi {
    background:url(dot.gif) no-repeat left center;
    padding-left:15px;
    font-family:arial;
    color:#666;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    margin-right:20px;
  }
  p.footer {
    margin:0px 0 0 0;
    padding:20px 20px 0 15px;
    font-family:arial;
    font-size:10px;
    color:#666;
    line-height:16px;
    position:absolute;
    top:495px;
    left:80px;
  }
  ul {
    margin:0;
    padding:20px 20px 20px 15px;
  }
  li {
    list-style-type:none;
    padding:0 0 5px 0;
  }
	#container {
		background:#fff;
    width:800px;
    height:580px;
    margin:auto;
    left:50%;
    top:5%;
    margin:0px 0px 0px -400px;
    position:absolute;
	}
	#graycontent {
		background:#eee;
    width:720px;
    height:140px;
    left:80px;
    top:360px;
    position:absolute;
	}
	#graycontent p {
    margin:0px;
    padding:20px 20px 20px 15px;
    font-family:arial;
    font-size:12px;
    color:#666;
    line-height:16px;
  }
  #graycontent a {
    font-size:12px;
  }
	#logo {
		position:absolute;
    left:480px;
    top:25px;
	}
	#mainimg {
    position:absolute;
    left:0px;
    top:100px;
  }
  #navi {
    position:absolute;
    top:320px;
    left:80px;
  }
  #dl {
    padding:0 0 0 30px;
    width:300px;
  }    
  #dt {
    font-weight:bold;
  }  
  #dd {
    margin:0 0 5px 0;
  }
}

@media print {
	body {
		font-size:10pt;
	}
	#navigation, #footer, .noprint {
		display:none;
	}
}