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

/* the 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;
}

/* the 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 thenvthis is the under side of the bevel */
.toolbarbeveldark
{

}    

/* the table cells that represent the buttons on the toolbar */
.toolbarbutton
{	

}
   
 
/* the table that contains the center of the page 
   that is all thats not with	in header, toolbar  or footer */
.centersection
{
      background-color: #CCCCCC; 
}
    
/* the 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;
      background-color: #023577;
}
   
/* the 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;
}

/* the table to draw a border around the main content */
.mainborder
{
      /* removed */
      background-color: #00FF00;
      margin: 0px;
      spacing: 0px;
      border: 0px;
      margin-bottom: 0px;
      margin-top: 0px;
      margin-left: 0px;
}
         
/* the table that contains the main content and title */     
.main 
{
      width: 100%;
      margin-bottom: 0px;
}
          
/* the table that contains the main content */     
.maincontent
{
      text-align: left;
      vertical-align: top;
      color: #000000;
      width: 100%;
      height: 400px;
      background-color: #FFFFFF;
      background-position: center center;
      background-repeat: no-repeat;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
      padding-bottom: 20px;
}          
        
/* the left side of the main title used to indent the title
   and to show  a left side background image */
.maincontenttitleindent
{
      background-color: #023577;
		  width: 1px;
}
        
/* the main title , use background to show right side image */
.maincontenttitle
{
      background-color: #023577;
      color: #FFFFFF;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 16pt;
}
                    
/* the 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: #023577;
      color: #FFFFFF;
}

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

/* the left side of boxtitle (cfr maintitle)*/
.sidebartitleindent
{
      width: 1px;
}
             
/* the title of box */
.sidebartitle
{
      color: #FFFFFF;
      font-size: 14px;
      font-weight: bold;
      width: 180px;
}
              
/* the main title of box */  
.sidebar
{
      color: #FFFFFF;
}
               
/* indent of under side of box */  
.sidebarunderindent
{
      height: 1px;
}
              
/* under side of box */ 
.sidebarunder
{
      height: 1px;
}
      
/* table that includes the footer (footer in the Layout section) */
.footer
{
      height: 20px;
}
 
 

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

body 
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14pt;
      font-weight: normal;
      background-color: #CCCCCC;
      color: #FFFFFF;
} 
  
/* menu item */
.menulink 
{
      color: #FFFFFF;  
      font-weight: normal;
}

/* active menu item */
.amenulink 
{  
      color: #FFFF00;
      font-weight: bold;
}

.menulink:hover 
{ 
      color: #FFFF00;  
} 
          
.menulink:visited 
{          
      color: #FFFFFF;  
      font-weight: normal;
}
          
/* body of navigator sidebar */
.navbody 
{
      color: #8888FF;
      font-size: 12pt;
}

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

/* write bigger fonts */
.big  
{
      font-size : 20pt;
}
      
/* default override for links*/      
a 
{
      text-decoration: underline;
      /*color:0354B7*/
      color:000000
      font-weight: bold;
}

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

a:visited 
{
      text-decoration: underline;
      color:000000
      font-weight: bold;
      font-style: italic;
}
        
td
{
      color: #000000;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10pt;
}

.toplink 
{
      color: #BB7B0B;
      font-size: 14pt;
      font-weight: bold;
}

H1 
{
      font-size: 16pt;
      font-weight: normal;    
}


H2 
{
      font-size: 14pt;
      font-weight: normal;   
}

H3 
{
      font-size: 12pt;
      font-weight: normal;   
}

PRE 
{   
      font-size: 10pt;
}