/**********************************/
/* all major divisions and boxes  */
/**********************************/

/**********************************/
/*** main geometry             ****/
/**********************************/

.banner
      {
       position:absolute;
 		   top:0px;
		   left:142px;
		   width:660px;
		   height:92px;
		   background-image:url(../backgrounds/bannerbg.jpg);
		   background-repeat:no-repeat;
      }
/* the box that holds the left index */	

.topmostframe  {
      position:absolute;
      top:2px;
      left:6px;
      width:122px;
      }	   
      
/* the sidebar left: for submenu */
      
.sidebar
      {
      position:absolute;
      top:0px;
      left:0px;
      width:140px;
      }
.tocframe {
      position:absolute;
      top:95px;
      left:6px;
      width:122px;
     }	
/* the text-body: ***************/            
.core
		{
		position:absolute;
		top:95px;
		left:142px;
		width:660px;
		}
/* special: allows floating across */
.widecore
		{
		position:absolute;
		top:95px;
		left:142px;
		width:848px;
		}		
/* optional right bar beside core */      
.rightbar
      {
	      position:absolute;
	      top:0px;
	      left:810px;
	      width:180px;
	   }
/* same but same top position as core divisions */
	   
.rightbarlow
      {
	      position:absolute;
	      top:95px;
	      left:810px;
	      width:180px;
	   } 
/* asymetric division: small one left, large one right */		

.leftcore
      {  position:absolute;
         top:95px;
         left:142px;
         width:202px;
       }
.rightcore
      {  position:absolute;
         top:95px;
         left:354px;
         width:448px;
       }
.leftfloat
       {
         width:202px;
         float:left;
       }
.rightfloat
       {
         width:448px;
         float:right;
       }       	

/* symetric division: 2 identical columns */	

.leftcol
		{
		position:absolute;
		top:95px;
		left:142px;
		width:320px;
		}
.rightcol
		{
		position:absolute;
		top:95px;
		left:482px;
		width:320px;
		}
		

/*** generic floats ***************/

.fleft
{
  float:left;
}
.fright
{
  float:right;  
}

/**** margins **********************/

.ml10{margin-left:10px;}

.ml15{margin-left:15px;}

.ml28{margin-left:28px;}

.ml30{margin-left:30px;}

.ml40{margin-left:40px;}

.mt02{margin-top:2px;}

.mt04{margin-top:4px;}

.mt10{margin-top:10px;}

.mt12{margin-top:12px;}

.mr06{margin-right:6px;}

/**** paddings ********************/

.pr06 {padding-right:6px;}

.pl06 {padding-left:6px;}

/**** inbox ***********************/

.lblueboxp
{
   background-color:#c9e1f7;
   padding:3px;
}

.lbluebox
{
   background-color:#c9e1f7;
   padding:3px;
   border-left:1px solid #006699;
   border-top:2px solid #006699;
   border-right:1px solid #006699;
   border-bottom:2px solid #006699;
   margin-bottom:2px;
}
.dottedbox
      {
        margin-top:8pt;
        border:1px dotted #006699;
        border-top: none;
        padding:4px;
        padding-top:0px;
        background-image:url(../backgrounds/16x16blue.gif);
        background-repeat:repeat-x;
      }
.simplebox
      {
       /* margin-top:1px;*/
        border:1px dotted #006699;
        padding:4px;
      }
.blindbox
      {
        margin-top:8pt;
        border:none;
        padding:0px;
        background-image:url(../backgrounds/16x16blue.gif);
        background-repeat:repeat-x;
      }
.whitebox
      {
        margin-top:8pt;
        border:1px solid #ffffff;
        border-top: none;
        padding:0px;
        background-image:url(../backgrounds/16x16blue.gif);
        background-repeat:repeat-x;
      }  
.normbox
{
   padding:3px;
   border-left:1px solid #006699;
   border-top:2px solid #006699;
   border-right:1px solid #006699;
   border-bottom:2px solid #006699;
   margin-bottom:2px;
      }      
.inlinepano
{
   width:660px;
   height:260px;
   overflow:auto;
   scrollbar-base-color:#99ccff;
   scrollbar-3dlight-color:#99ccff;
   scrollbar-arrow-color:#006699;
   scrollbar-darkshadow-color:#99ccff;
   scrollbar-face-color:#99ccff;
   scrollbar-highlight-color:##99ccff;
   scrollbar-shadow-color:#ffffff;
   scrollbar-track-color:#c9e1f7;
}
/*** Stylish web 2.0 boxes */
.inlinebox
          {
            /* background: url(../backgrounds/top2.gif) repeat-x;*/
             background-color:#006699;
             margin-top:1px;
             margin-bottom:7px;
          }
.inlinebox_top_left {
           background: url(../backgrounds/lo2.gif) no-repeat top left;
           border-bottom:1px solid #006699;
           }
.inlinebox_top_right {
           background: url(../backgrounds/ro2.gif) no-repeat top right;
           }
.inlinebox_top_left, .inlinebox_top_right
           {
            width: 100%;
            height: 20px;
            }
.inlinebox_bottom_left {
           background: url(../backgrounds/lu2.gif) no-repeat top left;
           }
.inlinebox_bottom_right {
           background: url(../backgrounds/ru2.gif) no-repeat top right;
           }
.inlinebox_bottom_left, .inlinebox_bottom_right
           {
            width: 100%;
            height: 6px;
            }
.inlinebox_center {
             margin: 0 0px;
             margin-top:0px;
             /*background-color:#c9e1f7;*/
             background-color:#99ccff;
             padding:4px;
             border:1px solid #006699;
             border-top:none;
             font-family:verdana,sans-serif;
             font-size:8pt;}
.inlinebox_center_bold {
             margin: 0 0px;
             margin-top:0px;
             background-color:#006699;
             padding:0px;
             border:1px solid #006699;
             border-left:10px solid #006699;
             border-right:10px solid #006699;
             border-top:none;
             font-family:verdana,sans-serif;
             font-size:8pt;}             
.inlinebox_center_lite {
             margin: 0 0px;
             margin-top:0px;
             background-color:#99ccff;
             padding:4px;
             border:1px dotted #006699;
             border-top:none;
             border-bottom:none;
             font-family:verdana,sans-serif;
             font-size:8pt;}
.inlinebox_center_dark {
             margin: 0 0px;
             margin-top:0px;
             background-color:#006699;
             padding:4px;
             border:1px solid #006699;
             border-top:1px dotted #99ccff;
             border-bottom:none;
             font-family:verdana,sans-serif;
             font-size:8pt;}                          
.inlineboxcaps
        {
           font-family:Verdana,sans-serif;
           font-size:10pt;
           font-variant:small-caps;
           text-align:center;
           color:#99ccff;
           margin:0;

        }
/**** symetric inner divisions for core ***/
/*----------------------------------------*/

.innerleft
{
  float:left;
  width:320px;
}
.innerright
{
  float:right;
  width:320px;
}
.innercol
{
  width:320px;
}

/**** asymetric! ****/
.inner150
      {
         width:150px;
      }
.inner200
		{
			width:200px;
		}      
.inner202
      {
         width:202px;
      }
.inner210
      {
         width:210px;
      }
.inner220
      {
         width:220px;
      }
.inner240
      {  
         width:240px;
       }
.inner300
      {
         width:300px;
      }       
.inner325
      {
         width:325px;
      }
.inner360
      {
         width:360px;
      }      
.inner410
      {  
         width:410px;
       }
.inner430
      {
         width:430px;
      }       	
.inner500
      {
         width:500px;
      } 
/*** custom borders ***/

.ibrd
     {
      border:1px solid #006699;
      }
.sb_1111
  {
  	 padding:2px;
  	 border:1px solid #006699;
  }
.sb_0010
  {
    border-right:1px solid #006699;
  }
.sb_0100
  {
    border-top:1px solid #006699;
  }
.sb_0001
{
   border-bottom:1px solid #006699;
}  
.sb_1000
{
	border-left:1px solid #006699;
}	
.bb_0001
{
   border-bottom:1px solid #99ccff;
} 
.sb_0101
{
   border-top:1px solid #006699;
   border-bottom:1px solid #006699;
}