html {height:100%;max-height:100%;padding:0;margin:0;border:0;font-size:100%; color: #000;font-family: Arial, Georgia, Verdana,Helvetica, sans-serif;}
body {height:100%; max-height:100%; width: 800px; border:0;margin:40px auto;font-size:70%;background: #009933;text-align: center;}

h1 {font-size: 140%;text-align: center;font-weight:bold;color: #009933;}
h2 {font-size: 120%;text-align: center;font-weight:bold}

#photo1 {width: 180px;height: 150px;}

   #wrap {width: 800px;height: 500px;text-align: left;}
   .tabbed-box {width: 800px;height: 500px;background: #fff url(tabbed-body-bg.jpg) repeat-x bottom;border: 1px solid #ddd; }
   .tabbed-box .tabs li {list-style: none;float: left; }
   .tabbed-box .tabs li a {display: block;width: 180px;padding: 5px 0;font-weight: bold;text-align: center;text-decoration: none;color: #888;
    background: #fff url(tabbed-tab-bg.jpg) repeat-x bottom;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
   .tabbed-box .tabs li:first-child a {border-left: none; }
   .tabbed-box .tabs li a:hover {color: #000; }
   .tabbed-box .tabs li a:focus {outline: none; }
   .tabbed-box .tabs li a.active {background-color: #009933;color: #fff;border-bottom: 1px solid #fff; }
   .tabbed-content {padding: 50px;display: none; }