/* Nairnshire Style Sheet
Created 13:18 27/11/2008
By Dave Allen
*/


      *{ margin:0px; padding:0px;}                  
                
      body      {
                margin-top: 0cm;
                font-size: 14px;
                font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
                background-image: url('images/background3.jpg'); 
                background-repeat: no-repeat;
                background-position: top center;
                background-color: #E7F2F1; 
                }

      #wrapper  {
                width: 799px;
                padding: 0px;
                font-size: 14px;
                margin-right: auto;
                margin-left: auto;
                margin-top: 0px;
                background-repeat: no-repeat;
                background-position: top center;
                border: 0px rgb(204,204,102) solid; 
                text-align: left;
                min-height: 700px;
                background-color: #E7F2F1;
                
                }

      #innerwrapper {
                width: 797px;
                min-height: 700px; 
                padding: 0px;
                margin-right: auto;
                margin-left: auto;
                margin-top: 0px;
                margin-bottom: 0px;
                background-color: #E7F2F1; 
                border: 1px rgb(204,204,102) solid;
                text-align: left;
                }

  
      #masthead {
                height: 195px;
                width: 800px;
                margin-left: 0px;
                margin-right: 0px;
                background-image: url("images/masthead2.jpg");  
                background-repeat: no-repeat;
                background-position: center;
                margin-bottom: 0px;
                }        
        
        
      #imageleft {
                background-image: url("images/cyclist1.jpg"); 
                background-repeat: no-repeat;
                background-position: left;
                float: left;
                }
                
      #pagename {
                font-size: 20pt;
                color: rgb(0,102,51);
                letter-spacing: 0.5em;
                text-align: center;
                }
                
      #navtop   {
                width: 798px;
                padding-right: 0px;
                padding-left: 0px;
                list-style-type: none;
                position:relative;
                margin-top:0px;
                margin-bottom: 10px;
                margin-left: auto;
                margin-right: auto;
                float: left;
                background-color: #CEC096;
                border-bottom: 1px rgb(0,102,0) solid;
                }


      #navside  {
                font-size: 14px;
                float: left;  
                width: 145px;
                padding-right: 0px;
                padding-left: 0px;
                text-align: left;
                list-style-type: none;
                position:relative;
                margin-top:5px;
                margin-right:auto;
                margin-left: 0px;
                clear:left;
                line-height: 40px;
                }

      #navside a {
                color: #95A36D;
                font-weight: bold;
                }


      .form_field_name {
                text-align: left;
                }
            
      #table.sponsors  {
	             font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	             color: #000;
       	       border: 2px solid #C1DAD7;
               
               background-color: #fff;
               text-align: center;
	             }


      table.sponsors th {
	             font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	             color: #6D929B;
       	       border-right: 0px solid #C1DAD7;
	             text-align: center;
	             padding-bottom:10px;
               background-color: #F0F8D2;
               border-bottom: 1px solid #406480;
               border-right: 1px solid #406480;  
               }


      table.sponsors tr {
	             font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	             color: #6D929B;
       	       border-right: 0px solid #C1DAD7;
               padding: 6px 6px 12px 12px;
               vertical-align: top;
               }


      /*  table.sponsors tr:hover {
	             background-color: #E1E4D0;
               color: #FFFFFF;
               }
      */

      table.sponsors td {
  	          padding-bottom: 20pt;
              }
  
  
      .left   {
              text-align: right;
              vertical-align: top;
              padding-bottom: 20pt;
              padding-right:12pt;
              font-weight: bolder;
              }
   
   
      .right  {
              text-align: left;
              vertical-align: top;
              padding-bottom: 20pt;
              padding-right:12pt;
              padding-left: 12pt;
              }                    
                      
      #content-left {
              font-size: 10pt;
              float: left; 
              width: auto;
              padding: 0px;
              border-right: 0px solid gray; 
              text-align: right; 
              background-color:#FFFFFF;
              }

      #content-right {
             font-size: 10pt;
             position: relative;
             float: right;
             width: auto;
             padding: 0px;
             background-color: #FFFFFF;
             }


      #content-main {
             width:797px;
             padding-top:0px;
             padding-right: 0px;
             padding-bottom:0px;
             padding-left:0px;
             margin-top:0px;
             margin-right:auto;
             margin-left: 0px;
             margin-bottom:0px;
             text-align:center;
             font-size:12px;
             }
        
      #content {
             width:550px;
             padding:10px;
             padding-top:0px;
             position:relative;
             margin-top:0px;
             margin-right:auto;
             margin-left: auto;
             margin-bottom: 10px;
             border:0px;
             text-align:left;
             font-size:14px;
             clear: both;
             min-height: 600px; 
             }
        
      #contentsplit_left {
             float: left;  
             width: 175px;
             padding-right: 0px;
             padding-left: 0px;
             padding-bottom:0px;
             position:relative;
             margin-top:10px;
             margin-right:auto;
             margin-left: 10px;
             margin-bottom:10px;
             clear:left;    
             background-color: #DEECEA;
             min-height: 600px; 
             height: 600px;
              

             }


      #contentsplit_right {
             float: right;  
             width: 598px;
             position:relative;
             margin-top:10px;
             margin-right:0px;
             margin-left: 0px;
             padding-right:0px;
             clear:right;   
             background-color: #E8F2F1;
            
             }
        
      #infobox  {
                width: 130px;
                height: 100px;
                top: 200px;
                position: relative;
                padding-right: 10px;
                padding-top:10px;
                border-top: 2px rgb(153,153,0) groove;
                border-bottom: 2px rgb(153,153,0) groove;
                text-align: center;
                margin-right:auto;
                margin-left: auto;
                clear:left;
                }
        
      #infobox p {
                text-align: center;          
                }
           
      #footer   {
                border:0px;
                height:25px;
                margin-top:5px;
                margin-bottom:0px;
                margin-left:0px;
                clear:both;
                background-color: #E8F2F1;
                text-align: left;
                text-indent: 0px;
                padding-left: 0px;
                }



/*  stop divs from flowing out of boxes
can use class="clearfix NEEDED_NAME" to use multiple classes on one object */
/*  obtained from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-block;}


/* ensure checkboxes align */
.checkbox{float:left;}


form {margin: 0px;padding:0px; } /* removes annoying line breaks before and after forms */
input{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:10px;}
.form_field_name{float:left;margin-bottom:5px;}
.form_field{float:left;margin-left:2px;margin-bottom:5px;}




/* freshSPRING colours; should be left alone */
.fresh {color:#3366FF;}
.fresh_bgcolour{background-color:#3366FF;}
.fresh_logo{color:#3366FF;;}
.spring {color:#FF9900;}
.spring_bgcolour{background-color:#FF9900;}
.spring_logo{color:#FF9900;;}
.serving{color:#808080;}



      #footer a:link {
        
           color: #006649;
           text-decoration: none;
           font-size: 10pt;
           text-indent:10px;
           }

      #footer a:visited {
          color: #808153;
          /*color: #F4A460; */;
          text-decoration: none;
          font-size: 10pt;
          }

      /* hover Link style */

      #footer a:hover        {
         color: olive; /*color: #B88898; */
         text-decoration: none;
         font-size: 10pt;
         }

      H1  {
        color: #F7E1AB; 
        background-color: transparent;
        font-size: 20pt;
        font-family: Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0.3em;
        line-height: 16pt;
        }

      H2  {
          color: #D6BDDE;
          color: rgb(0,128,128);
          background-color: transparent;
          font-size: 16pt;
          font-family: Arial, sans-serif;
          font-weight: bold;
          text-align: left;
          }

      H3  {
          /* color: #D45F26; */
          color: #8297C8;
          background-color: transparent;
          font-size: larger;
          font-family: Arial, sans-serif;
          text-align: left;
          margin-bottom: 1%;
          text-align: left;
          }

      H3.noline {
                color:#A1B1D5;
                /* color: #D45F26; */
                background-color: transparent;
                font-size: larger;
                font-family: Arial, sans-serif;
                text-align: left;
                margin-bottom: 3%;
                border-bottom: none;
                }
                  

      H4  {
          color: #E0A088;
          background-color: transparent;
          font-size: 10pt;
          font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
          text-align: left; 
          }

      H5  {
          color: #000000;
          background-color: transparent;
          font-size: 8pt;
          font-family: Arial, sans-serif;
          }


      P {
        font-size: 14px;
        font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
        color: #A1B1D5;
        color: rgb(51,102,153);
        background-color: transparent;
        text-align: justify;
        margin-bottom: 2%;
        }

      P.bold  {
              font-size: 12pt;
              font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
              color: #6B7B84;
              background-color: transparent;
              text-align: justify;
              margin-bottom: 2%;
              font-weight: bolder;
              }

      /* First letter of paragraph style */

      P.dropcap:first-letter {
             font-family: Arial,helvetica,sans-serif; /*        font-size: 14pt; */
             color: silver;
             font-size: 150%;
             vertical-align: text-bottom;
             }

      blockquote {
             font-size: 12pt;
             font-family: Arial,helvetica,sans-serif; 
             color: #88A498;
             padding-bottom: 5pt;
             padding-top: 0pt;
             margin-bottom: 0pt;
             margin-top: 0pt;
             }


/* menu definition; customise to your heart's content */
.menu_lvl1{
            margin-left:0px;
            margin-right:0px;
            background-color:#CEC096;
            font-size:14px;
            padding-left:15px;
            padding-right:15px;
            padding-top:4px;
            padding-bottom:4px;
            float: left;
            font-weight: bold; 
            
            }
            
.menu_lvl1 a{
            color:white;
            display:inline; 
            }
            
.menu_lvl1_on{
            margin-left:00px;
            background-color:#BCC5A3;
            font-weight: bold;        
            font-size:16px;
            padding-left:15px;
            padding-right:15px;
            padding-top:4px;
            padding-bottom:4px;
            float: left;
            border-left: 1px rgb(0,102,0) solid;
            border-right: 1px rgb(0,102,0) solid;
            border-top: 1px rgb(0,102,0) solid;                 
            }
            
.menu_lvl1_on a{
            color:white;
            display:inline;
            }
            
.menu_lvl2{  margin-left:15px;background-color:#E7F2F1;font-size:20px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl2 a{color:white;display:inline;}
.menu_lvl2_on{margin-left:10px;background-color:#FFBB44;font-size:12px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl2_on a{color:white;display:inline;}
.menu_lvl3{   margin-left:20px;background-color:#AAFFAA;font-size:12px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl3 a{color:white;display:inline;}
.menu_lvl3_on{margin-left:20px;background-color:#AAAAAA;font-size:12px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl3_on a{color:white;display:inline;}
.menu_lvl4{   margin-left:30px;background-color:#DDDD00;font-size:11px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl4 a{color:white;display:inline;}
.menu_lvl4_on{margin-left:30px;background-color:#AAAAAA;font-size:11px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
.menu_lvl4_on a{color:white;display:inline;}
.menu_lvl5{   margin-left:40px;background-color:#AA00DD;font-size:10px;padding-left:2px;padding-top:4px;padding-bottom:4px;}
.menu_lvl5 a{color:white;display:inline;}
.menu_lvl5_on{margin-left:40px;background-color:#AAAAAA;font-size:10px;padding-left:2px;padding-top:4px;padding-bottom:4px;font-weight:bold;}
/* definition for a specific menu id */
/* #menu_12{background-color:red;} */

/* page indendation definitions; based on the *level* of a menu (vertical style page listing) */
div.page_lvl1{
          margin-left:15px;
          padding-right: 10px;
          padding-left: 5px;
          text-align: right;
}
div.page_lvl1 a{display:block;}
div.page_lvl1_on{
          margin-left:20px;
          border-left: 0px rgb(255,204,102) groove;
          padding-right: 0px;
          padding-left: 5px;
          text-align: right;
          border-bottom: 1px rgb(255,204,102) groove;
          font-weight: bold;
          
          
}
div.page_lvl1_on a{
          font-weight: bold;
          padding-right: 10px;
          padding-left: 5px;
          text-align: right;
          
          font-size:12pt;}
div.page_lvl2{margin-left:20px;}
div.page_lvl2 a{display:block;}
div.page_lvl2_on{margin-left:15px;}
div.page_lvl2_on a{display:block;}
div.page_lvl3{   margin-left:25px;}
div.page_lvl3 a{display:block;}
div.page_lvl3_on{margin-left:25px;}
div.page_lvl3_on a{display:block;}
div.page_lvl4{   margin-left:35px;}
div.page_lvl4 a{display:block;}
div.page_lvl4_on{margin-left:35px;}
div.page_lvl4_on a{display:block;}
div.page_lvl5{   margin-left:45px;}
div.page_lvl5 a{display:block;}
div.page_lvl5_on{margin-left:45px;}
div.page_lvl5_on a{display:block;}

/* page indendation definitions; based on the *level* of a menu (horizontal style page listing) */
span.page_lvl1{}
span.page_lvl1 a{padding:0px 5px 0px 5px;}
span.page_lvl1_on{}
span.page_lvl1_on a{}
span.page_lvl2{}
span.page_lvl2 a{}
span.page_lvl2_on{}
span.page_lvl2_on a{;}
span.page_lvl3{   ;}
span.page_lvl3 a{;}
span.page_lvl3_on{;}
span.page_lvl3_on a{;}
span.page_lvl4{   ;}
span.page_lvl4 a{;}
span.page_lvl4_on{;}
span.page_lvl4_on a{;}
span.page_lvl5{   ;}
span.page_lvl5 a{;}
span.page_lvl5_on{;}
span.page_lvl5_on a{;}





/* Unvisited Link style */

a:link        {
        /*color: #00787D; */
        color: #708090;
        text-decoration: none;
        font-size: 16px;
}

/* visited Link style */

a:visited        {
        color: #315379;
        /*color: #F4A460; */;
        text-decoration: none;
        font-size: 16px;
}

/* hover Link style */

a:hover        {
        color: olive; /*color: #B88898; */
        color: rgb(204,102,102); /* dark red */
        text-decoration: none;
        font-size: 16px;

}


.hilited {
        background-color: fuchsia;
}

.cellbg        {
        background: #F5FFFA;
        border: none;
}

.formtextarea        {
        background-image: none ;
        background-color: transparent; 
        border-width: 0 0 0 0;
        color: #808000;                   /*olive */
        font-size: 10pt;
        font-family: Arial, sans-serif;
        border: none;
        border-right-style: none;
        border-collapse: separate;
}        

.underline        {
        border-bottom-style: groove;        
        }
        
        
      pre {
          font-size: 12pt;
          font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
          color: #A1B1D5;
          background-color: transparent;
          text-align: left;
          margin-bottom: 2%;
          }      


      /* Horizontal rule */

      HR  {        
          width: 75%;
          color: #008488; 
          height: 1px;
          }

      hr.full{
          width: 100%;
          color: #008488; 
          height: 1px;
          }