/* *{ 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: #FFFFFF;}
ul{margin-bottom:0px;}
p{margin:0px;}

#wrapper  {width: 960px;
                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;
                background-color: #FFFFFF;}

#innerwrapper {width: 956px;
                /* min-height: 400px;  */
                padding: 0px;
                margin-right: auto;
                margin-left: auto;
                margin-top: 0px;
                margin-bottom: 0px;
                background-color: #FFFFFF;
                border-top: 1px #A8CBD1 solid;
                border-left: 1px #A8CBD1 solid;
                border-right: 1px #A8CBD1 solid;
                border-bottom: 1px #A8CBD1 solid;
                text-align: left;
                clear:both;}
#masthead {height: 194px;
                width: 960px;
                margin-top: 10px;
                margin-left: 0px;
                margin-right: 0px;
                background-image: url("images/masthead960.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: 956px;
                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: #A8CBD1; */
                background-color:white;
                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;}
td{vertical-align:top;}
      #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;}                    
.details {margin-top: 0px;background-color: #E8F2F1;border: 1px  rgb(128,128,128) solid;border-collapse: no-collapse;font-size: 11px;text-align: center;}     

table.newsletter td {padding: 10px;}
table.extraheight td {padding-top: 4px;padding-bottom: 3px;}

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

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


      #content-main {
             padding:0px; width:956px;
             margin-top:0px;
             margin-right:auto;
             margin-left: 0px;
             margin-bottom:0px;
             text-align:center;
             font-size:12px;
             background-image:url('images/grey_divider.gif');
             background-repeat:repeat-y;
             background-position: 
               769px background-position-y:45px 45px;
             clear:both;
             background-position-x:769px
             }
        
      body.content_cms, div#content{
             width:700px;
             padding:5px;
             padding-top:25px;
             padding-right:25px;
             margin-top:5px;
             margin-right:auto;
             margin-left: 40px;
             margin-bottom: 20px;
             border:0px;
             text-align:left;
             font-size:14px;
             /* clear: left; */
             /* border-right: 1px solid;
             border-color: #C2C2C2; */

             }
      /* this stuffs the CMS editing in IE */
      body div#content {
             clear:left;
             position:relative;
      }

      #bottom-newsletter{
        background-color:white;
        padding-top:10px;
      }

      #contentsplit_left {
             float: left;  
             width: 175px;
             padding-right: 0px;
             padding-left: 0px;
             padding-bottom:0px;
             position:relative;
             margin-top:5px;
             margin-right:auto;
             margin-left: 10px;
             margin-bottom:10px;
             clear:left;    
             background-color: #FFFFFF;
              
                             
             }


      #contentsplit_right {
             float: right;  
             width: 598px;
             position:relative;
             margin-top:5px;
             margin-right:0px;
             margin-left: 0px;
             padding-right:0px;
             clear:right;   
             background-color: #FFFFFF;
            
             }
        
      #newsblock {
            float: right;
            width:180px;
            /* background-color: rgb(51,102,153); */
            padding-top:30px;
            clear:left;

            
      
      }

      #footer   {
                border:0px;
                height:25px;
                margin-top:5px;
                margin-bottom:5px;
                margin-left:auto;
                margin-right:auto;
                clear:both;
                background-color: #FFFFFF;
                text-align: left;
                text-indent: 0px;
                padding-left: 0px;
                
}

.coloured {
background-color: #E8F2F1;
}

/*  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:12px;}
textarea{font-family:verdana,helvetica,arial,sans-serif;font-size:12px;}
select{font-family:verdana,helvetica,arial,sans-serif;font-size:12px;}
.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; margin:0px;}
H2  {color: #78AEB8; background-color: transparent; font-size: 16pt; font-family: Arial, sans-serif; font-weight: bold; text-align: left; padding-top: 0px; margin:0px;}
H3  {color: #A1B1D5; background-color: transparent; font-size: larger; font-family: Arial, sans-serif;  margin-bottom: 1%;  text-align: left; margin-top:0px;}
H3.noline {color:#A1B1D5; background-color: transparent; font-size: larger; font-family: Arial, sans-serif; text-align: left; margin-bottom: 3%; margin-top:0px; border-bottom: none;}
H4  {color: #E0A088; background-color: transparent; font-size: 10pt; font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif; text-align: left; margin:0px;}
H5  {color: #000000; background-color: transparent; font-size: 8pt; font-family: Arial, sans-serif; margin:0px;}


      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%;
        margin-top:10px
        }

      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:#FFFFFF;
            font-size:14px;
            padding-left:25px;
            padding-right:25px;
            padding-top:4px;
            padding-bottom:4px;
            float: left;
            font-weight: bold; 
            
            }
            
.menu_lvl1 a{
            color:white;
            display:inline; 
            }
            
.menu_lvl1_on{
            margin-left:0px;
            marign-right: 0px;
            background-color:#C8DEE2;
            font-weight: bold;        
            font-size:14px;
            padding-left:25px;
            padding-right:25px;
            padding-top:4px;
            padding-bottom:4px;
            float: left;
            border-left: 0px rgb(0,102,0) solid;
            border-right: 0px rgb(0,102,0) solid;
            border-top: 0px 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:15px;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:5px;
          padding-right: 30px;
          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: 0px 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{
  padding:0px 30px 0px 20px;
  font-size:12pt;
  font-weight: bold;
  text-align: center;
   color: rgb(153,153,204);
   color: rgb(0,139,139);
}
span.page_lvl1 a{
  padding:0px 5px 0px 5px;
  font-size:18pt;
  }
span.page_lvl1_on{
padding:0px 30px 0px 20px;
  font-size:12pt;
  font-weight: bold;
  text-align: center;
  color: rgb(0,153,0);
  color: rgb(153,153,204);
     color: rgb(0,139,139);
   background-color:#C8DEE2;
   background-color: rgb(204,255,204);
   background-color: rgb(173,216,230);

}
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.thin {
        width:90%;
        text-align: center;
        margin: 0px auto;
        color: #C2C2C2;
        background-color: #C2C2C2;
        height: 1px;
        border: 0;
        border-collapse:0px

      }

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



/* event module definitions */
.event_special{font-weight:bold;}
/* generic header output for all of the events module */
.events_header{font-size:12px;background-color:#DDEEFF;width:150px;padding:2px;}
/* contains the event information when displayed as details */
.event_container_full{padding:2px;border:1px solid #A8CBD1;margin-bottom:4px;position:relative;}


/* specific for an event's title */
.event_title{font-size:15px;color:#0000AA;font-weight:bold;float:left;}
/* all the headers possible for an event (e.g. directions, location, etc. */
.event_header{font-size:13px;color:#9999FF;font-weight:bold;width:400px;}
/* event information box (generic for most fields from the database) */
                                                       /* top right bottom left */
.event_info{font-size:11px;background-color:#ECF4F3;margin:2px 5px 5px 10px;clear:left;}
/* event date information */
.event_date{font-size:10px;font-style:italic;font-weight:bold;text-align:right;padding:3px;float:right;}
.event_date a{font-size:10px;font-style:italic;text-align:right;padding:3px;float:right;}
/* direction information */
.event_directions{background-color:#FFFFFF;float:left;width:500px;right:0px;}
/* control the booking link */
.event_info span.event_booking_link a{color:black;}

/* MINI exposition of the event */
/* contains the event information when displayed as details */
.event_container_mini{width:150px;border:0px solid #A8CBD1; background-color:#FFFFFF;text-align:left;margin-left:20px;}
/* event information box (generic for most fields from the database) */
                                                       /* top right bottom left */
.event_info_mini{font-size:10px;background-color:#FFF8DD;}
/* specific for an event's title, but in the mini container */
.event_title_mini{font-size:15px;text-align:right;color:#0000AA;font-weight:bold;}
/* the div that surrounds the link, and then the link that goes to the full listing */
.event_listing_link{text-align:right; padding-right:3px;}
.event_listing_link a{text-decoration:underline;display:block;font-style:italic; font-size:12px;}
/* event date information */
.event_date_mini{font-size:12px;}
/* other events listed in the 'mini' version */
.event_mini_other{font-size:12px;}
.event_mini_other a {font-size:12px;margin-left:10px;}