/* ************************************************** */
/* GENERAL LAYOUT CLASSES                             */
/* ************************************************** */

    body {
          background          : #FFFFFF;
          font-family         : Arial, Helvetica, sans-serif;
          background-image    : url(mainbg.gif);
          background-repeat   : no-repeat;
          background-position : left top;
          margin              : 0px;
    }
      
/* ************************************************** */
/* TITLE/BANNER BAR                                   */
/* ************************************************** */
    
    #banner {
       padding-top         : 10px;
       padding-left        : 15px;
       padding-right       : 10px;
       padding-bottom      : 10px;
       margin              : 0px;
       background-color    : #FFFFCC;
       background-image    : url(background.gif);
       background-repeat   : no-repeat;
       background-position : right bottom;
    }
    
    .top_title {
       position         : relative;
       z-index          : 2;
    }
    
    .top_titleshadow {
       position         : absolute;
       top              : 27px;
       left             : 100px;
       z-index          : 1;
    }
    
    .top_title h1 {
       font-family      : courier, arial, helvetica, sans-serif;
       margin           : 0px;
       color            : #666600;
    }
    
    .top_titleshadow p {
       font-family      : courier, arial, helvetica, sans-serif;
       color            : #CCCC66;
       font-size        : 16pt;
       margin           : 0px;
       padding          : 0px;
    }
    
/* ************************************************** */
/* MENU BAR                                           */
/* ************************************************** */
    
    #menu {
       padding          : 4px;
       border-top       : solid 1px #000000;
       border-bottom    : solid 1px #000000;
       background       : #CCCC66;
    }
    
    #menu_back {
       padding          : 0px;
       margin-bottom    : 10px;
       border-bottom    : solid 2px #777711;
    }
    
    #menu ul {
       list-style       : none;
       margin           : 0px;
       padding          : 0px;
    }
    
    #menu li {
       font-family      : Arial, helvetica, sans-serif;
       display          : inline;
       list-style       : none;
       margin-left      : 0px;
    }
    
    #menu a {
       padding          : 4px 10px 4px 10px;
       margin           : 0;
       border           : 0;
       color            : #444400;
       text-decoration  : none;
       font-weight      : bold;
    }
    
    #menu a:hover {
       background       : #BBBB33;
       padding          : 4px 9px 4px 9px;
       border-right     : dotted 1px #555500;
       border-left      : dotted 1px #555500;
    }
      
/* ************************************************** */
/* TITLE AREA CLASSES                                 */
/* ************************************************** */
      
    .title {
          background    : #FFEECC;
          border        : 1px dashed #330000;
          padding       : 15px;
          margin-bottom : 20px;
    }
      
    .title h1 {
          margin        : 0px;
          padding       : 0px;
          font-size     : 170%;
    }
      
/* ************************************************** */
/* CONTENT AREA CLASSES                               */
/* ************************************************** */
      
    .content {
          background    : #FFF9DD;
          border        : 1px dashed #330000;
          padding       : 15px;
          margin-left   : 20px;
          margin-right  : 20px;
          margin-bottom : 20px;
    }
      
    .content h3 {
          margin        : 0px;
          padding       : 0px 0px 8px 0px;
          font-size     : 140%;
          font-family   : courier, arial, helvetica, sans-serif;
          color         : #664400;
    }
      
    .content p {
          margin        : 0px 18px 9px 18px;
          padding-top   : 8px;
          font-size     : 90%;
          text-align    : justify;
    }
    
    .content a {
          font-weight   : bold;
          color         : #0000FF;
    }
    
    .content a:hover {
          color         : #990000;
    }
      
    .content ul {
          font-size     : 90%;
          margin        : 0px 18px 9px 18px;
    }
      
    li {
          margin-left   : 18px;
    }
    
/* ************************************************** */
/* EXAMPLES                                           */
/* ************************************************** */
    
    .examples {
          background    : #FFF9DD;
          border        : 1px dashed #330000;
          padding       : 15px;
          margin-left   : 20px;
          margin-right  : 20px;
          margin-bottom : 20px;
    }
      
    .examples h2 {
          margin        : 0px;
          padding       : 0px 0px 0px 0px;
          font-size     : 150%;
          font-family   : courier, arial, helvetica, sans-serif;
          color         : #664400;
    }
      
    .examples h3 {
          margin        : 0px;
          padding       : 0px 0px 15px 0px;
          font-size     : 140%;
          font-family   : courier, arial, helvetica, sans-serif;
          color         : #664400;
    }
      
    .examples p {
          margin        : 0px 18px 9px 28px;
          padding-top   : 8px;
          font-size     : 90%;
          text-align    : justify;
    }
      
    .examples table {
          margin        : 0px 18px 9px 28px;
          padding-top   : 8px;
          font-size     : 90%;
          text-align    : justify;
    }
	
	th.example {
          font-family   : courier, arial, helvetica, sans-serif;
          color         : #664400;
          font-size     : 120%;
		  text-align    : left;
	}
    
    a.example {
          font-weight   : bold;
          color         : #0000FF;
          margin        : 16px 18px 0px 12px;
    }
    
    a.example:hover {
          color         : #990000;
    }
    
    .ex_types {
          color         : #664400;
    }
    
    .ex_list li {
          margin-left   : 50px;
    }
    
/* ************************************************** */
/* FOOTER                                             */
/* ************************************************** */
    
    #footer {
       float               : none;
       clear               : both;
       padding-top         : 8px;
       padding-left        : 15px;
       padding-right       : 10px;
       padding-bottom      : 8px;
       margin              : 10px 0px 0px 0px;
       border-top          : dashed 1px #000000;
       background-color    : #FFFFCC;
       background-image    : url(background.gif);
       background-repeat   : no-repeat;
       background-position : right bottom;
       font-size           : 80%;
    }
    
    #footer p {
       margin              : 0px;
       padding             : 0px;
    }