body{
    margin          : 5px 0 0 0;
    padding         : 0 0 0 0;
    background-color: #fff;

    font-family     : Arial, Helvetica, sans-serif; 
    font-size       : 12pt;
    color           : #310;}            /* very dark brown */
   
.size800{                               /* all pages - page size to fit 800*600 */
    background-image: url(./rbimg/cloudsleft.jpg);
    background-repeat: no-repeat;
    border          : 1px solid #999;    /* no border */
    padding         : 2px 0 0 0;
    width           : 760px;   
    text-align      : left;}
    
.banner{
    padding         : 10px 0 0 0;
    
    font-size       : 35px;
    font-weight     : bold;
    font-style      : italic;
    text-align      : center;
    color           : #00e;}
    
.biggrey{
    font-size       : 200%; 
    color           : #ccc;
    font-weight     : bold;
    text-align      : left}
    
.box1{
    position        : static;
    margin          : 10px 10px 10px 30px;
    padding         : 0px 0px 0px 0px;
    background-color: #fff;
    border          : 0px solid #999;    /* no border */

    text-align      : left;
    text-decoration : none;
    font-weight     : normal;
    color           : #000;}
   
.boxabout{
    width           : 50%;
    margin          : 10px 10px 30px 30px;
    padding         : 10px 10px 10px 10px;
    background-color: #eff;
    border          : 2px solid #99f;   /* border */

    text-align      : center;
    text-decoration : none;
    font-weight     : bold;
    color           : #00f;}

/*-----------------------------------------top menu----------*/
#menubox{                               /* all pages - menu box */
    clear           : left;
    margin          : 20px 0px 0px 0px;
    padding         : 0px 0px 0px 0px;
    border          : 0px solid #00f;
  
    text-align      : center}
  
#menutop ul{                           
    list-style-type : none;
    margin          : 0px 0px 0px 0px;
    padding         : 0px 0px px 0px;}
    
#menutop li{
    display         : inline;}
    
#menutop a:link, 
#menutop a:visited{
    margin          : 0px 5px 0px 5px;
    padding         : 10px 13px 10px 13px;
    border          : 0px solid #00f;
    
    text-decoration : underline;
    font-size       : 105%;
    font-weight     : bold;
    background-color: #55e;
    color           : #eee;}
    
#menutop a:hover{
    text-decoration : underline;
    background-color: #fff;
    color           : #00e;}


/*------------------------ set background images for corners */
.rbroundbox { background: url(images/sbackground.gif) repeat; }
.rbtop div  { background: url(images/stopleft.gif) no-repeat top left; }
.rbtop      { background: url(images/stopright.gif) no-repeat top right; }
.rbbot div  { background: url(images/sbottomleft.gif) no-repeat bottom left; }
.rbbot      { background: url(images/sbottomright.gif) no-repeat bottom right; }

/*------------------------ height and width details ---------*/
.rbtop div, 
.rbtop, 
.rbbot div, 
.rbbot {
	width           : 100%;
	height          : 14px;
	font-size       : 1px;}
	
.rbcontent  { margin: 0 14px; }
.rbroundbox { width: 35em; margin: auto; }

/*---------------------------------------------------------------*/
.footer{
    clear           : left;
    margin          : 0px 10px 0px 0;
    padding         : 10px 10px 0px 10px;
    background-color: #fff;

    border          : 0px solid #999;
    text-align      : left;
    text-decoration : none;
    font-weight     : normal;}