* { margin: 0; padding: 0; }
   
   body { background-color: #EEEEEE; color: #000000; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
   #pagewrapper { width: 90%; min-width: 750px;  margin: 20px auto 30px auto; padding: 30px 10px 30px 10px; color: black; background-color: white; }
   
   img { border: 0; }   
   #header { clear: both; margin: 0 auto; width: 720px; padding: 0 0 10px 0; }
   #logo { text-align: center; }
   #logo a { color: #0000FF; background-color: white; text-decoration: none; font-weight: bold; cursor:pointer; }
   #logo a:hover { border: 0; }
   #logo a.linkhome { color: #000000; font-size: 75%; }
   #logo a.linkhome:hover { border-bottom: 1px solid #000000; }
   
   h1 { text-align: left; font-size: 175%; }
   h3.description { font-size: 100%; font-weight: bold; }
   a { color: #0000FF; background-color: white; text-decoration: none; font-weight: bold; cursor:pointer; }
   a:hover { border-bottom: 2px solid #0000FF; }
   
   #footer hr { margin: 20px auto 10px auto; width: 350px; }
   #disclaimer { padding-top: 5px;}
   #disclaimer p { text-align: center; font-size: 70%; padding:0; }
    
   #buttons_standards { text-align:center; padding: 15px 0 8px 0; }
   #buttons_standards a:hover { border: 0; }  
   .css_button { width: 104px; height: 18px; background: url(http://demo.twentyhost.info/images/validcss.gif); border: 0; margin: 0 5px; vertical-align: middle; }
   .xhtml_button { width: 124px; height: 18px; background: url(http://demo.twentyhost.info/images/validxhtml.gif); border: 0; margin: 0 5px; vertical-align: middle; } 

   #demo { margin: 0 auto; width: 90%; }
   #contents { margin: 0 auto; width: 90%; }
   #subdomnav { float: right; padding: 3px 15px; }
   
   a.top { color: #000000; font-size: 75%; }
   a.top:hover { border-bottom: 1px solid #000000; }
   
/* Contents text formatting */

   #contents h1 { font-size: 165%; padding: 5px 0; text-align: center; }
   #contents h2 { font-size: 110%; padding: 5px 0; }
   
   #contents ul { padding: 0; margin: 0; }
   #contents ul li { padding: 5px 0; } 
   #contents ul ul { padding: 0 0 0 0; margin-left: 40px; }
   #contents ul ul li { list-style-image: url(http://demo.twentyhost.info/images/bullet.gif); }
   #contents ul li { list-style: none; }
   
   #contents a { color: #FC6604; background-color: white; text-decoration: none; font-weight: bold; cursor:pointer; }
   #contents a:hover { color: #000000; background-color: white; text-decoration: none; border-bottom: 2px solid #FC6604; }
   
   #contents li .title { font-weight: bold; font-size: 110%; }
   
   #contents fieldset { border: 0; padding: 0px 0 5px 24px; }
   #contents legend { padding: 10px 0 0 0; font-weight: bold; color: #000000;} 

   #demo p { font-size: 100%; padding: 5px 0; font-weight: bold; }
   #demo h1 { font-size: 165%; padding: 5px 0; }
   #demo h2 { font-size: 125%; padding: 5px 0; }
   #demo li { font-size: 100%; padding: 5px 0; }

   #demo div { margin: 5px 0 0 -3px; border: 3px solid; border-color: white #DDDDDD #DDDDDD white; }
   #demo img {  }
   #demo ol li { padding: 30px 0 0 10px; margin-left: 25px; }
   
   #demo ol ul li { padding: 2px 0 0 0; margin-left: 40px; }
   
   #demo div.warning { border: 3px solid #FF0000; color: black; background-color: #FF9999; margin: 5px 0; padding: 3px 10px;  }
   #demo div.warning a { color: blue; background-color: #FF9999; }
   #demo div.notice { border: 3px solid #CCCCCC; color: black; background-color: #DDDDDD; margin: 5px 0; padding: 3px 10px; }
   #demo div.notice a { color: blue; background-color: #DDDDDD; }

   #contents legend a:hover { border: 0; }
   .legendshow ul { }
   .legendhide ul { display: none; }
   
   .legendhide legend a img { width: 16px; height: 16px; background: url(/images/show.gif) no-repeat; border: 0; vertical-align: middle; padding-right: 5px; }
   .legendshow legend a img { width: 16px; height: 16px; background: url(/images/hide.gif) no-repeat; border: 0; vertical-align: middle; padding-right: 5px; }
   
   #switchall { font-size: 75%; padding: 15px 0; }
   #switchall a { color: #FC6604; background-color: white; text-decoration: none; font-weight: bold; cursor:pointer; border-bottom: 1px solid #FFFFFF; }
   #switchall a:hover { color: #000000; background-color: white; text-decoration: none; border-bottom: 1px solid #FC6604; }

   #javascript { font-size: 75%; padding: 15px 0; }
   
   .javahide { display: none; }
   .javashow { }