/***************************/
 /******* MOBILE 300px ******/
/***************************/

body {
    font: 11pt "Tahoma",sans-serif;
    margin: 0;
    padding: 5px;
   }
   
   h1 {
    position: absolute;
    width: 98%;
    top: 6px;
    background-image: url('rdo-logo-300x44.png');
    border: thin dotted;
   }
   
   h1 span {
    position: absolute;
    bottom: auto;
    right: auto;
    left: 8px;
    top: 50px;
    min-width: 300px;
   }
   
   h2{
    font-size: 1.4em;
    font-family: "Georgia", serif;
    font-weight: normal;
    clear: both;
   }
   
   h3{
    font: normal normal 1.2em "Georgia",serif;
    margin: 0;
    padding: 0;
   }
   
   #invisible {
    max-width: 500px;
    min-width: 300px;
    width: 100%;
    margin: 0;
   }
   
   #navigation {
    margin:  75px 0 0 0;
    padding: 5px 0 60px 0;
    border-bottom: 1px solid #9393FF;
    border-top: 1px solid #9393FF;
   }
   
   #navigation li {
    margin: 0; 
    padding: 0;
    display: inline;
    list-style-type: none;
   }
       
   #navigation a:link, #navigation a:visited {
    width: 100px;
    float: left;
    font-size: 9pt;
    line-height: 11pt;
    font-weight: bold;
    padding: 0;
   }
   
   #navigation a:link.active, #navigation a:visited.active, #navigation a:hover {
    background: none;
    text-decoration: underline;
   }
   
   #homepage-generator iframe {
    height: 170px;
   }
   
   #homepage-wide-column {
    width: 100%;
   }
   
   div.rowl,
   div.rowc,
   div.rowr,
   div.rowlc {
    width: 100%;
    padding: 0;
    margin: 0;
    float: none;
    border: none;
    font-size: 12pt;
   }
   
   div.col1 {
    width: 100%;
    padding-right: 0;
    float: none;
   }
   
   div.col2 {
    float: none;
    width: 100%;
   }
   
   .smallgraph {
    float: none;
   }
   
   .submenu {
    float: none;
   }
   
   p, ol.spacious, ul.spacious, dl.spacious {
     line-height: 1.4em;
   }
   
   #search {
    clear: both;
    display: block;
    width: 100%;
    margin: 6px 0px;
    float: none;
    position: static;
    padding: 0px 0 12px 0;
    border-bottom: 1px solid #9393FF;
   }
   
   #homepage-generator {
    display: block;
    float: left;
    margin: 20px 10px 10px 10px;
   }
   
   #homepage-more-options-link {
    margin-top: 10px;
    text-align: left;
    font-size: 80%;
   }
   
   div.mainindent {
     margin-left:0px;
   }
   
   div.maingraphic1 {
     float:none;
     margin-top:.8em;
     padding:.2em .4em .2em .4em;
     text-align:center;
     background-color:#ccffcc;
   }
   
   div.maingraphic2 {
     float:none;
     margin-top:.8em;
     padding:.2em .4em .2em .4em;
     text-align:center;
     background-color:#ccccff;
   }
   
   div.maingraphic3 {
     display: none;
   }
   
   div.two-column {
       width: auto;
   }
   div.col1{
       width: 160px;
       padding-right: 30px;
       float:left;
       margin-top: 1em;
       margin-bottom: 1em;
   }
   div.col2{
       padding-top: 1em;
       width: auto;
   }