/*
This is the stylesheet for the web application.

The layout styling will be in the first section and design styling will be 
in the next section.

Some basic background colouring has been set in the layout section to make it easier
to see the layout when first setting up the application.
*/

#hdr {
       height:55px;

       background:#eeeeff;
       border-bottom: 1px solid #999999;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 160%;
       padding-top: 30px;
       padding-left: 24px;
       color: #A95103;
       font-weight: bold;
       }

#bodyblock {
             position:relative;
             color: #333333;
             width:960px;
             padding:0;

             /* This should be the same as the #l-col div becase then the menu will look consistent. */
             background: #F0F0F0;
             }

#l-col {
         float:left;
         width:160px;

         background-color:#F0F0F0;
         color: #333333;
         padding-left: 15px;
         padding-top: 10px;
         }

#content {
           float: right;
           width:780px;

           background-color: #dddddd;
           color: #666666;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           border-left: 1px solid #999999;	
           text-align:left;
           }

#ftr {
       height:25px;
       clear: both;

       background:#ffffff;
       color: #666666;
       border:solid #999999;
       border-width:1px 0 0 0;
       margin:0;
       padding-top: 5px;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 75%;
       }


#title { 
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 110%;
         color: #000000;
         padding-top: 30px;
         padding-left: 24px;
         color: #A95103;
         font-weight: bold;
         }

#inner_content { 
                 font-family: Verdana, Arial, Helvetica, sans-serif;
                 font-size: 80%;
                 color: #666666;
                 padding-left: 20px;
                 padding-top: 20px;
                 }

#help { 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        background-color: #F0F0F0;
        width: 500px;
        margin-left: 10px;
        margin-top: 20px;
        }

#outer {
         text-align:left;
         border:1px solid #999999;
         width:960px;
         margin:auto;
         }


.mainmenu {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12px;
            color: #000000;
            line-height: 22px;
            }


a:hover.mainmenu {
                   color: #A95103;
                   }
/* Text formatting */

h3, p {
        margin:0;
        padding:15px;
        }

h4 {
     margin:0; 
     padding: 20px 0;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     color: #000000;
     }

p {
    font-size: 12px; 
    /*font-weight: bold;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    }

table.results tr {
                   background-color: #D2D2D2; 
                   vertical-align:top;
                   }

table a{
         color: #000000;
         }

table a:hover {
                color: #A95103;
                }

.title_text {
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 110%;
         color: #000000;
         padding-top: 30px;
         padding-left: 24px;
         color: #A95103;
         font-weight: bold;

         margin-bottom: -20px;
         }