/* CSS Document */
  body
   {
     background-color:#3B3B3B;
     color:#A4A4A4;
     padding:0px;
     margin:0px;
     font:13px/17px Verdana, Arial, Helvetica, sans-serif;
   }

  div, ul, li, h1, h2, h3, h4, p, img
   {
     margin:0px;
     padding:0px;
     font-family:Verdana, Helvetica, sans-serif;
   }

  p a
  {
     margin:0px;
     padding:0px;
     font-family:Verdana, Helvetica, sans-serif;
     color: #FFFFFF;  
  }
  
  p a:hover
  {
     color: #FFFFFF;
  }
  ul
   {
     list-style-type:none;
   }
  

/*----TOP PANEL----*/
   #header_container
   {
     height:210px;
     width:780px;
     position:relative;
     margin:0 auto;
     padding:0px;
     background-image:url(images/header_slice.gif);
     background-repeat:repeat-x;
     background-position:top;
   }
  
   #header
   {
     width:755px;
     height:210px;
     position:relative;
     margin:0 auto;
     padding:0px 0px 0px 0px;
   }
  
   #header img
   {
     height:86px;
     width:450px;
     position:absolute;
     top:0;
     left:161px;
     padding:0px;
   }

   #header ul
   {
     width:94px;
     height:145px;
     padding:10px 49px 33px 20px;
     position:absolute;
     top:18px; left:0px;
     background:url(images/ul.gif) 0 0 no-repeat;
   }

    #header ul li
    {
       background:url(images/bullet1.gif) 0 8px no-repeat #F58B01;
       border-bottom:#C0C0C0 dotted 1px;
       font:12px/24px Verdana, Helvetica, sans-serif;
       font-weight:bold;
       color: #F58B01;
       padding-left:16px;
   }

   #header ul li.contact
   {
     border:none;
   }

   #header ul li a
   {
     font-family:Verdana, Helvetica, sans-serif;
     font-size:11px;
     font-weight:bold;
     text-decoration:none;
     background:#F58B01;
     color:#FFFFFF;
   }
     
   #header ul li a:hover
   {
     background:#F58B01;
     color:#212121;
     text-decoration:none;
   }
   
   #header h1
   {
      padding:150px 0px 0px 385px;
      background:url(images/banner.gif) 0 0 no-repeat;
      width:547px;
      height:51px;
      font-family:Verdana, Helvetica, sans-serif;
      font-size:13px;
      font-weight:bold;
      color: #3B3B3B;
      position:absolute;
      top:18px;
      left:175px;
   }
    

/*----BODY1 PANEL----*/
   #body1
   {
      width:778px;
      height:77px;
      position:relative;
      margin:0 auto;
      background:url(images/from_shadow.jpg) 0 100% no-repeat;
   }

   #body1 form
   { 
     width:690px;
     height:77px;
     margin:0;
     padding:0 0 0 88px;
   }

   #body1 form label
   {
      width:177px;
      height:44px;
      font-family:Georgia, "Times New Roman", Times, serif;
      font-size:20px;
      font-weight:bold;
      color: #fff;
      background-color:#3B3B3B;
      display:block;
      float:left;
      background-image: url(images/level.jpg);
      background-repeat:no-repeat;
      background-position:left top;
      padding-left:60px;
      line-height:44px;
      margin-top:17px;
    }

    #body1 form input
    {
       width:135px;
       height:18px;
       float:left;
       display:block;
       margin:28px 25px 0 0;
       padding:0 0 0 10px;
    }
    
    #body1 form input.botton
    {
       width:56px;
       height:28px;
       float:left;
       background:url(images/button.gif) 0 0 no-repeat #3A3A3A;
       border:none;
       color:#fff;
       font:14px/28px Verdana, Arial, Helvetica, sans-serif;
       margin:26px 0 0;
       padding:0px;
    }

/*----/BODY1 PANEL----*/

/*----BODY MIDDLE PANEL----*/
    #bodymiddlePan
    {
       width:760px;
       position:relative;
       margin:0 auto;
       padding:0 88px;
       clear:both;
       text-align:justify; 
    }
    
    #bodymiddlePan h2
    { 
       width:700px;
       display:block;
       background:#3B3B3B;
       padding:20px 0 10px 0;
       color:#FBD61A;
       font:18px Verdana, Arial, Helvetica, sans-serif;
       font-weight:normal;
    }
    
    #bodymiddlePan h3
    { 
       width:700px;
       display:block;
       background:#3B3B3B;
       color:#FBD61A;
       padding:20px 0 10px 0;
       font:12px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
    }

    #bodymiddlePan h4
    { 
       width:700px;
       display:block;
       background:#3B3B3B;
       color:#FFFFFF;
       padding:10px 0 0 0;
       font:14px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
    }

    #bodymiddlePan h4 a
    { 
       width:700px;
       display:block;
       background:#3B3B3B;
       color:#FFFFFF;
       padding:10px 0 0 0;
       font:14px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
    }

   img.image
   {
      border-style: outset;
      border-color: #C0C0C0;
      border-width: 15px;
   }

    #bodymiddlePan h4 a:hover
    { 
       width:700px;
       display:block;
       background:#3B3B3B;
       color:#FFFFFF;
       padding:10px 0 0 0;
       font:14px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
    }

    #bodymiddlePan h5
    { 
       width:700px;
       display:block;
       background:#3B3B3B;
       color:#A4A4A4;
       padding:0 0 0 20px;
       font:12px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
    }

    #bodymiddlePan h5 a
    { 
       width:700px;
       display:block;
       background:#3B3B3B;
       color:#A4A4A4;
       padding:0 0 0 20px;
       font:12px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
    }

    #bodymiddlePan h5 a:hover
    { 
       width:700px;
       display:block;
       background:#3B3B3B;
       color:#A4A4A4;
       padding:0 0 0 20px;
       font:12px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
    }

   td.names
   { 
      border-top: 24px;
      border-bottom: 24px;
      font-family: "Arial", Times, serif;
      font-size: 12px;
      text-align: center;
      color: #FFFFFF; 
      height: 25px;
      width: 30%;
       /* span style="background-color: #008000" */
   }
   
   td.images
   { 
      border-top: 24px;
      border-bottom: 24px;
      font-size: 14px;
      text-align: center;
      width: 30%;
   }

    #bodymiddlePan p.right
    {
       color:#FFFFFF;
       font:12px Verdana, Arial, Helvetica, sans-serif;
       padding:5px 0 5px 0;
       font-weight:bold;
       text-align:right;
    }

    #bodymiddlePan p.right a
    {
       color:#FFFFFF;
       font:12px Verdana, Arial, Helvetica, sans-serif;
       padding:5px 0 5px 0;
       font-weight:bold;
       text-align:right;
    }

    #bodymiddlePan p.right a:hover
    {
       color:#FFFFFF;
       font:12px Verdana, Arial, Helvetica, sans-serif;
       padding:5px 0 5px 0;
       font-weight:bold;
       text-align:right;
    }

    #bodymiddlePan p.left
    {
       color:#FFFFFF;
       font:12px Verdana, Arial, Helvetica, sans-serif;
       padding:5px 0 5px 0;
       font-weight:bold;
       text-align:left;
    }    

    #bodymiddlePan p.lasttext
    {
       padding:0 0 25px 0;
    }
    
    #bodymiddlePan p span
    {
       background:#3B3B3B;
       color:#fff;
    }
    
/*----BODY MIDDLE PANEL----*/

/*----BODY BOTTOM PANEL----*/
    #bodyBottomPan
    {
       width:750px;
       background:url(images/body_shadow.gif) 0 0 no-repeat;
       position:relative;
       margin:0 auto;
       padding:25px 0 0 0px;
       clear:both;
    }
    
/*----Info Panel----*/
    #infoPan
    {
       width:200px;
       height:163px;
       background:url(images/infopanelbg.jpg) 0 100% no-repeat #3B3B3B;
       float:left;
       margin:0 70px 0 0;
       color:#524201;
       font:13px/17px Verdana, Arial, Helvetica, sans-serif;
    }
    
    #infoPan h2
    {
       width:163px;
       height:40px;
       background:url(images/infopaneltop.jpg) 0 0 no-repeat #3B3B3B;
       color:#fff;
       font:18px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
       font-weight:normal;
       padding:20px 4px 10px 20px;
    }
    
    #infoPan p
    {
       padding:10px 0 0 10px;
       line-height:17px;
    }
    
    #infoPan p.view
    {
       width:66px;
       height:18px;
       padding:10px 0 0 24px;
    }
    
    #infoPan p.view a
    {
       width:66px;
       height:18px;
       display:block;
       background:url(images/infoview-normal.gif) 0 0 no-repeat #F0C40E;
       color:#fff;
       font:12px/18px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
       text-align:center;
       text-decoration:none;
    }
    
    #infoPan p.view a:hover
    {
       background:url(images/infoview-hover.gif) 0 0 no-repeat #F0C40E;
       color:#fff;
       text-decoration:none;
    }
    
/*----/Info Panel----*/

/*----Services Panel----*/
    #servicesPan
    {
       width:200px;
       height:163px;
       background:url(images/servicespanelbg.jpg) 0 100% no-repeat #3B3B3B;
       color:#212121;
       float:left;
       margin:0 70px 0 0;
       font:13px/17px Verdana, Arial, Helvetica, sans-serif;
    }
    
    #servicesPan h2
    {
       width:163px;
       height:40px;
       background:url(images/servicespaneltop.jpg) 0 0 no-repeat #3B3B3B;
       color:#fff;
       font:18px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
       font-weight:normal;
       padding:20px 0 10px 70px;
    }
    
    #servicesPan p
    {
       padding:10px 0 0 10px;
       line-height:17px;
    }
    
    #servicesPan p.view
    {
       width:66px;
       height:18px;
       padding:10px 0 0 24px;
    }
    
    #servicesPan p.view a
    {
       width:66px;
       height:18px;
       display:block;
       background:url(images/servicesview-normal.gif) 0 0 no-repeat #B8B8B8;
       color:#fff;
       font:12px/18px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
       text-align:center;
       text-decoration:none;
    }
    
    #servicesPan p.view a:hover
    {
       background:url(images/servicesview-hover.gif) 0 0 no-repeat #B8B8B8;
       color:#fff;
       text-decoration:none;
    }
    
/*----/Services Panel----*/

/*----Schedule Panel----*/
    #schedulePan
    {
       width:200px;
       height:163px;
       background:url(images/schedulepanelbg.jpg) 0 100% no-repeat #3B3B3B;
       color:#fff;
       float:left;
       margin:0 0 0 0;
       font:13px/17px Verdana, Arial, Helvetica, sans-serif;
    }
    
    #schedulePan h2
    {
       width:163px;
       height:40px;
       background:url(images/schedulepaneltop.jpg) 0 0 no-repeat #3B3B3B;
       color:#fff;
       font:18px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
       font-weight:normal;
       padding:20px 10px 10px 16px;
    }
    
    #schedulePan p
    {
       padding:10px 5px 0 10px;
       line-height:17px;
    }
    
    #schedulePan p.view
    {
       width:66px;
       height:18px;
       padding:10px 0 0 24px;
    }
    
    #schedulePan p.view a
    {
       width:66px;
       height:18px;
       display:block;
       background:url(images/scheduleview-normal.gif) 0 0 no-repeat #E45D5D;
       color:#fff;
       font:12px/18px Verdana, Arial, Helvetica, sans-serif;
       font-weight:bold;
       text-align:center;
       text-decoration:none;
    }
    
    #schedulePan p.view a:hover
    {
       background:url(images/scheduleview-hover.gif) 0 0 no-repeat #E45D5D;
       color:#fff;
       text-decoration:none;
    }
    
/*----/Schedule Panel----*/

/*----BOTOM PANEL----*/
    #bottomPan
    {
       height:282px;
       background:url(images/bottombg.gif) 0 0 repeat-x;
       position:relative;
       margin:0 auto;
       padding:65px 0 0;
       clear:both;
    }

    #bottomMainPan
    {
       width:778px;
       position:relative;
       margin:0 auto;
       padding:50px 0 0;
    }
    
    #bottomBorderPan
    {
       width:778px;
       float:left;
       background:url(images/bottomborder-bg1.gif) 0 0 repeat-y;
    }
    
    #bottomBorderPan h2
    {
       width:210px;
       height:40px;
       position:absolute;
       top:28px;
       left:0px;
       display:block;
       background:#ccc;
       color:#0C0C0C;
       font:24px/40px Georgia, "Times New Roman", Times, serif;
    }
    
    #bottomBorderPan h3
    {
       width:210px;
       height:40px;
       position:absolute;
       top:28px;
       left:259px;
       display:block;
       background:#ccc;
       color:#0C0C0C;
       font:24px/40px Georgia, "Times New Roman", Times, serif;
    }
    
    #bottomBorderPan h4
    {
       width:210px;
       height:40px;
       position:absolute;
       top:28px;
       left:517px;
       display:block;
       background:#ccc;
       color:#0C0C0C;
       font:24px/40px Georgia, "Times New Roman", Times, serif;
    }

    #bottomBorderPan ul
    {
       float:left;
       width:258px;
       padding:25px 0 0;
    }
    
    #bottomBorderPan ul li
    {
       width:225px;
       height:22px;
       margin:0 10px 0 0;
    }
    
    #bottomBorderPan ul li a
    {
       width:200px;
       height:22px;
       display:block;
       background:url(images/arrow-normal.gif) 0 8px no-repeat #ccc;
       color:#3D3C2C;
       font:14px/22px Arial, Helvetica, sans-serif;
       text-decoration:none;
       padding:0 0 0 16px;
    }
    
    #bottomBorderPan ul li a:hover
    {
       background:url(images/arrow-hover.gif) 0 8px no-repeat #BDBDBD;
       color:#3D3C2C;
       text-decoration:none;
    }
    
/*----/BOTOM PANEL----*/

/*----FOOTER PANEL----*/
    #footermainPan
    {
       width:778px;
       background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B;
       position:relative;
       margin:0 auto;
       color:#fff;
       font:13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif;
       clear:both;
       padding:30px 0 40px 0;
    }

    #footerPan
    {
       width:778px;
       position:relative;
       margin:0 auto;
    }

    #footerlogoPan
    {
       display:block;
       width:778px;
       height:40px;
       position:absolute;
       top:0px;
       left:456px;
    }

    #footerPan ul
    {
       width:778px;
       position:absolute;
       top:0px;
       left:0px;
    }
    
    #footerPan li
    {
       float:left;
    }
    
    #footerPan ul li a
    {
       padding:0 10px 0;
       color:#fff;
       background: url(images/footermenubg.gif) 0 0 repeat-x #3B3B3B;
       text-decoration:none;
    }
    
    #footerPan ul li a:hover
    {
       text-decoration:underline;
    }

    #footerPan ul.templateworld
    {
       width:250px;
       background:#3B3B3B;
       color:#fff;
       display:block;
       position:absolute;
       top:80px;
       left:10px;
    }
    
    #footerPan ul.templateworld li a
    {
       background:#3B3B3B;
       display:block;
       color:#fff;
       text-decoration:none;
    }
    
    #footerPan ul.templateworld li a:hover
    {
       text-decoration:underline;
    }
    
    #footerPan p.copyright
    {
       width:300px;
       background: url(images/copyrightbg.gif) 0 0 repeat-x #3B3B3B;
       color:#fff;
       position:absolute;
       top:23px;
       left:10px;
    }

    #footerPanhtml
    {
       width:70px; 
       height:24px;
       display:block;
       position:absolute;
       top:49px;
       left:5px;
    }
    
    #footerPanhtml a
    {
       width:65px;
       height:24px;
       display:block;
       background:url(images/html-normal.gif) 0 0 no-repeat #3B3B3B;
       color:#fff;
       font-size:13px;
       line-height:23px;
       font-weight:bold;
       text-decoration:none;
       text-transform:uppercase;
       padding:0 0 0 5px;
    }
    
    #footerPanhtml a:hover
    {
       background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B;
       color:#fff;
    }
    
    #footerPancss
    {
       width:58px;
       height:24px;
       display:block;
       position:absolute;
       top:50px; 
       left:80px;
    }
    
    #footerPancss a
    {
       width:49px; 
       height:24px; 
       display:block; 
       background:url(images/css-normal.gif) 0 0 no-repeat #3B3B3C; 
       color:#3B3B3B; 
       font-size:13px; 
       line-height:24px; 
       font-weight:bold; 
       text-decoration:none; 
       text-transform:uppercase; 
       padding:0 0 0 10px;
    }
    
    #footerPancss a:hover
    {
       background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B;
       color:#3B3B3C; 
       text-decoration:none;
    }