body 
   {      
   text-align: center;
   background-color: #F5F2CF;
   }
   
div.all
   {
      width: 832px;
      height: 100%;
      background-color: #F5F2CF;
      margin-left: auto ;
      margin-right: auto ;
   }

h1 {
   display: block;
   background-image: url("images/rghlogo3.jpg");
   text-indent: -1000px;
   text-align:  left;
   font-family:  serif;
   width: 832px;
   height: 80px;
   margin: 0px auto 0px auto;
   border: 2px solid #2997B6;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   }

h2 {
   color: #072B61;
   text-align: center;
    margin: 0px 10px 0px 10px;
   padding-left: 10px;
   padding-top: 4px;
   padding-bottom: 4px;
   }
h3
   {
   color: #072B61;   
   text-align: left;
   margin: 0px 10px 0px 10px;
   padding-left: 10px;
   padding-top: 0px;
   padding-bottom: 0px;
   }
   
hr
   {
   color: #072B61;
   width: 818px;
   }
   
#main
   {
   display: block;
   background-color: #F5F2CF;
   background-image: url("images/rghsunset.jpg");
   text-align: center;
   border: 2px solid #2997B6;
   height: 400px;
   width: 832px;
   margin: 0px auto 0px auto;
   padding: 0px;
   }
   
#main .ps 
   {
   color: blue;
   background-color: #fff;
   padding: 4px;
   display: block;
   margin: 4px;
   position: relative;
   }
   
#body
   {
    display: block;  
    background-color: #D3E9EE;
    text-align: center;
    border: 2px solid #2997B6;
    width: 832px;
    margin: 0px auto 0px auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
   }
   
#body p
   {
   color: #072B61;   
   text-align: left;
   margin: 0px 10px 0px 10px;
   padding-left: 10px;
   padding-top: 0px;
   padding-bottom: 4px;
   padding-right: 10px;
   }

#body p.numbered
   {
   color: #072B61;   
   text-align: left;
   margin: 0px 10px 0px 10px;
   padding-left: 10px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 10px;
   text-indent: -22.0pt;
   margin-left: 22.0pt;
   font-size: 12.0pt;
   }
      
#body ul
   {
   color: #072B61;
   text-align: left;
   margin: 0px 0px 0px 0px;
   padding-left: 80px;
   }
 
#const
   {
   display: block;  
   background-image: url("images/const.jpg");
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   border: 2px solid #2997B6;
   height: 400px;
   width: 828px;
   margin: 0px auto 0px auto;
   padding: 0px;
   }
   
#const p
   {
    color: #D3E9EE;
    background-color: #072B61;
    font-size: x-large;
    text-align: center;
    text-indent: 10px;
    font-family: cursive;
    font-style: oblique;
    margin: -10px auto 0px auto;
   }

.pair ul {
   list-style-type: none;
   text-align: center;
   border: none;
   padding: 0px;
   margin: 0px;
   }

.pair li {
   display: inline;
   }
 
.button
   {
   display: inline;
   border: none;
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   }

.capImage
   {
   display: inline-block;
   margin: 0px 50px 0px 50px;
   }
 
.capImage img
   {
   display: inline;
   }
   
.capImage a
   {
   display: block;
   }
   
div#contacts
   {
   border: 2px solid #2997B6;   
   margin: 0px auto 0px auto;
   background-image: url("images/heyu.jpg");
   width: 832px;
   height: 400px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   }
   
div.sidebyside
   {   
   margin: 0px auto 0px auto;
   width: 832px;
   padding: 0px 0px 0px 0px;
   }
   
div.sidebyside img
   {
   border: 2px solid #2997B6;   
   margin: 0px 0px 0px 0px;
   float: left;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   }
   
div.sidebyside p  
   {
   border: 2px solid #2997B6;
   background-color: #D3E9EE;
   font-size: large;
   color: #072B61;
   margin: 0px 0px 4px 0px;
   padding: 4px 4px 4px 4px;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   vertical-align: top;
   }
   
div#listofpairs
   {   
   display: block;
   margin: 260px 12px 12px 12px;
   width: 360px;
   }

div.pair
   {
   border: thin solid #072B61;
   background-color: #D3E9EE;
   color: #072B61;
   padding: 0px 8px 0px 8px;
   width: 360px;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   }
   
p.field
   {
   margin: 4px 4px 4px 4px;   
   width: 100px;
   text-align: left;
   vertical-align: top;
   display: inline-block;
   }

p.param
   {
   margin: 4px 4px 4px 4px;   
   width: 244px;   
   text-align: right;
   display: inline-block;
   }

.pair ul.multiline
   {
   margin: 4px 4px 4px 4px;
   width:244px;
   display: inline-block;
   }
.pair ul.multiline li
   {
   width:200px;
   display: inline-block;
   text-align: left;
   }
   
#footer
   {
   border: none;
   }
   
#footer #copyright
   {
   font: 60% georgia, sans-serif;
   color: red;
   background-color: transparent;
   border: none;
   text-align: center;
   width: 350px;
   margin: auto;     	
   }

.resources
   {
   display: inline-block;
   background-color: transparent;
   border: none;
   text-align: center;
   margin: 25px 25px 25px 25px;
   width: 800px;
   left: 0%;
   }
   
#intro
   {
   background-color: #D3E9EE;
   color: #072B61;
   font-size: large;
   text-align: center;
   vertical-align: bottom;
   border: 2px solid #2997B6;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   margin: 0px auto 0px auto;
   padding-top: 10px;
   width: 832px;
   height: 30px;
   }

.TableHeaderRow
   {
   color: #072B61;
   font-size: large;
   font-weight: bold;
   text-align: center;
   vertical-align: bottom;
   padding-top: 10px;
   border: 2px solid #2997B6;
   }
   
.TableRow
   {
   color: #072B61;
   text-decoration: none;
   }
   
.MajorHeaderCell
   {   
   width: 90%;
   border: 2px solid #2997B6;
   border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
   }
   
.MinorHeaderCell
   {
   width: 2%;
   border: 2px solid #2997B6;
   border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
   }
   
.MajorCell
   {
   width: 90%;
   border: 2px solid #2997B6;
   border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-decoration: none;
   }
   
.MinorCell
   {
   width: 2%;
   border: 2px solid #2997B6;
   background-color: #ffffff;
   vertical-align: middle;
   padding-top: 4px;
   border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
   }
   
#body .TableNote
   {
   font-size: small;
   text-align: center;
   }
   
span.link a
   {
   text-decoration: none;
   color: #072B61;
   }
   
span.link
   {
   position: relative;
   text-decoration: none;
   }

span.link a span
   {
   display: none;
   text-decoration: none;
   }

span.link a:hover
   {
   font-size: 99%;
   text-decoration: none;
   }

span.link a:hover span
   { 
   display: block; 
   position: absolute;
   border: 4px solid #2997B6;
   margin-top: -20px; 
   margin-left: 400px; 
   width: 175px; padding: 5px; 
   z-index: 100; 
   color: #072B61; 
   background: #FFFFFF; 
   font: 12px "Arial", sans-serif;
   text-align: left; 
   text-decoration: none;
   }
   
a.parenthetical
   {
   text-decoration: none;
   font-size: small;
   }
   
img.framed
   {
   border: 4px solid #2997B6;
   border-width: 4px;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
   margin: 10px auto 10px auto;
   }