* { font-family:tahoma; }
* b, strong { font-weight:bold; }
* i, em { font-style:italic; }
* u { font-style:underline; }
* img a { border:0; }
* ul li { text-align:left; list-style-type:circle; font-size:1em; margin-left:20px; }
* p { font-size:1em; margin-top:.7em; margin-bottom:.7em; text-align:justify; }
* a { text-decoration:none; }
* a:hover { text-decoration:underline; }
html { height:100%; }
body { background:#fff;	height:100%; font: normal 14px Arial, Helvetica, sans-serif; color:#000; width:800px; margin:0 auto }

input submit { padding:5px; }

#table { height:100%; }

.nav { width:180px; background:#006699; vertical-align:top; }
  
  #yellow { background:#ffff00; width:100%; height:30px; }
  #img { background:url('boy.png') no-repeat; width:180px; height:119px; }
  .nav ul { padding:10px;padding-left:0px; }
  .nav ul li { padding-top:20px; list-style:none; background:url('bullet.png') no-repeat left; } 
  .nav a { color:#ff6500; font-weight:bold; position:relative; left:20px; }
  .nav2 a { position:relative; left:-10px; vertical-align:bottom;} 

#main {	width:600px; padding:10px; text-align:left; float:right;  }

  #title { height:140px; border-bottom:3px solid blue; background:url('logo_trans.png') no-repeat right }
  #title img { float:right; z-index:100; position:absolute; left:700px}
  #title h1.title { font-size:2.5em; font-weight:bold; color:#00659a; text-align:left; }
  #title h3.title_green { font-weight:bold; font-size:1.1em; color:#00cc00; float:left; display:inline; }
  #title h3.title_orange { font-weight:bold; font-size:1.1em; color:#ff6500; float:left; margin-left:5px; clear:right; }
  #title h1.pagename { clear:left; font-size:2.5em; font-weight:bold; color:#00659a;  margin-top:30px }

  #content { padding:20px; }
  
  #content h3 { font-weight:bold; font-size:1.2em; margin:10px auto; border-bottom:1px solid; }
  #content h4 { font-weight:bold; font-size:1em; margin:5px auto; }

#footer { font-size:.8em; margin-bottom:10px;}