/****************************************
*       Skeleton Stylesheet For         *
*       Rainscript Sitebuilder          *
*                                       *
****************************************/

/* table that includes the header 
(header in the Layout section */
.header
 { 
 width: 100%;
 padding: 0 0 0 0;
 height: 10pt;
 }
     /*	
     the table that surrounds the header 	
     */
    .pageheader
      {	
      width: 100%; 	
      height: 1pt;
      }

/*table that contains the toolbar*/
.toolbar
 {
 }
    
     /* if the toolbar is beveled then
     this is the upper side of the bevel */
    .toolbarbevellight
      {
      }    
   
   
     /* if the toolbar is beveled then
     this is the under side of the bevel */
    .toolbarbeveldark
      {
      }    
     
   
     /* the table cells that represent 
     the buttons on the toolbar*/
    .toolbarbutton
      {	
      }
   
 
/* table that contains the center of the 
page = all thats not with	in header, toolbar  or footer */
.centersection
 {
/* background-image: url(images/sitebg.gif); */
 background-color: #CCCCCC; 
 }
    
    /* table cell that contains all the boxes on the left side */
    .leftbar
      {
      width: 200px;
      text-align: left; vertical-align: top;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 30px;
      margin-bottom: 0px;
      color: #FFFFFF; /* bernard */
      background-color: #014A6D;
      }
   
    /* table cell that contains all the boxes in the main section */
    .mainbar
      {
      width: *; text-align: left; vertical-align: top;
      padding-left: 0px;
      padding-right: 0px;
      padding-top: 0px;
      padding-bottom: 0px;
      background-color: #FFFFFF;
      }
         /* table to draw a border around the main content*/
        .mainborder
          {
/* patched by bernard */
/* the border is not wanted anymore */
/* give it a size of 0 */
/* should be removed from code generation asap */
          background-color: #00FF00;
          margin: 0px;
          spacing: 0px;
          border: 0px;
          margin-bottom: 0px;
          margin-top: 0px;
          margin-left: 0px;
          }
         
        /* table that contains the main content and title*/     
        .main 
          {
          width: 100%;
          margin-bottom: 0px;
          }
          
        /* table that contains the main content*/     
        .maincontent
          {
          text-align: left;
          vertical-align: top;
          color: #000000;
          width: 100%;
          height: 400px;
          background-color: #FFFFFF;
          /* background-image: url(images/mainbg.gif); */
          background-position: center center;
          background-repeat: no-repeat;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 20px;
          padding-bottom: 20px;
          }
          
        
        /* left side of the main title used to indent the title
           and to show  a left side background image*/
        .maincontenttitleindent
          {
          background-color: #014A6D;
		      width: 1px;
		      }
        
        /* main title , use background to show right side image */
        .maincontenttitle
          {
          background-color: #014A6D;
          color: #FFFFFF;
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 16pt;
          /* font-weight: bold; */
          }
          
          
    /* table cell that contains all the boxes on the right side */ 
    .rightbar
      {
      width: 200px;
      text-align: left; vertical-align: top;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 20px;
      margin-bottom: 0px;
      background-color: #014A6D;
      color: #FFFFFF;
      }

        /*table that contains a sidebar  */
        .bartableleft
          {
          padding: 1 1 1 1;
          margin-top: 30px ;
          /* background-color: #225588; */
          }
        
        .bartableright
          {
          padding: 1 1 1 1;
          margin: 1 1 1 1;
          /* background-color: #225588; */
          }

            /* left side of boxtitle (cfr maintitle)*/
            .sidebartitleindent
              {
              width: 1px;
              /* background-color: #225588; */
              }
             
             /* title of box */
            .sidebartitle
              {
              /*background-color: #225588; */
              color: #FFFFFF;
              /* font-family: arial, sans-serif; */
              font-size: 14px;
              font-weight: bold;
              width: 180px;
              }
              
            /* main title of box*/  
            .sidebar
              {
/*              background-image: url(images/sidebarbg.gif); */
                color: #FFFFFF; /* bernard */
              }
               
            /* indent of under side of box */  
            .sidebarunderindent
              {
/*              background-image: url(images/sidebarbg.gif); */
              height: 1px;
              }
              
             /* under side of box */ 
            .sidebarunder
              {
 /*             background-image: url(images/sidebarbg.gif); */
              height: 1px;
              }
      
/* table that includes the footer 
(footer in the Layout section */
.footer
 {
/* background-image: url(images/sitebg.gif); */
 height: 20px;
 }
 
 

/*--------------------------------------------------------------*/
/*                         special classes                      */
/*--------------------------------------------------------------*/

/**/
body {
/*      background-image: url(images/sitebg.gif); */
        font-family: Verdana, Arial, Helvetica, sans-serif;
/*      font-family: arial, sans-serif; */
      font-size: 14pt;
      font-weight: normal;
      background-color: #CCCCCC;
      color: #FFFFFF;
      } 
  

/* menu item */
 .menulink {
          
          color: #FFFFFF;  
          /* font-family: arial, sans-serif; */
/*          font-size: 12px; */
          font-weight: normal;
          }

/* active menu item */
.amenulink {  
          color: #0099CC;
          /* font-family: arial, sans-serif; */
/*          font-size: 12px; */
          font-weight: bold;
          }

/*.menulink:hover { */
/*          color: #0099CC;  */
/* } */
          
 .menulink:visited {
          
          color: #FFFFFF;  
          /* font-family: arial, sans-serif; */
/*          font-size: 12px; */
          font-weight: normal;
          }
          
/* body of navigator sidebar */
.navbody {
         
         color: #8888FF;
         /* font-family: arial, sans-serif; */
         font-size: 12pt;
        }

.center {
        text-align: center;
        color: #000000;
        }

/* write bigger fonts */
.big  {font-size : 20pt;
      }
      
/* default override for links*/      
a {
    text-decoration: none;
/*    color: #014A6D; */
/* test */    
    color: #0099CC;
    font-weight: normal;
  }

/* default override for mouseover links*/      
a:hover {
          text-decoration: underline;
/*          color: #0099CC; */
          font-weight: normal;
        }

a:visited {
          text-decoration: normal;
          color: #CC66FF; 
          font-weight: normal;
        }
        
td {
	   color: #000000;
           font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: 10pt;
	   /* font-weight: bold; */
   }

.toplink {
	   color: #BB7B0B;
	   /* font-family: arial, sans-serif; */
	   font-size: 14pt;
	   font-weight: bold;

}

H1 {
     /* color: #3377CC; */
	   /* font-family: arial, sans-serif; */
	   font-size: 16pt;
	   font-weight: normal; 
   
   }


H2 {
     /* color: #3366BB; */
	   /* font-family: arial, sans-serif; */
	   font-size: 14pt;
	   font-weight: normal;
   
   }

H3 {
     /* color: #3366AA; */
	   /* font-family: arial, sans-serif; */
	   font-size: 12pt;
	   font-weight: normal;
   
   }

PRE {   
        /* debug  color: #00DD00; */
          font-size: 10pt;
    }