/* Start of CMSMS style sheet 'main' */
html, body {
  height:100%;
  }
body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:76%;
  padding:0;	
  margin:0;
  }
	
* {behavior: url("uploads/iepngfix.htc")}

#underconstruction {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:768px;
  background:url("uploads/images/underconstruction.png") top left repeat;
  z-index:200;
  }

table {
  border-collapse:collapse; 
  border-spacing:0;
  }
td, th {
  vertical-align:top;
  padding:0;
  }

h1 {		
  font-size:130%;
  font-weight:normal;
  text-transform:uppercase;
  margin:0 0 10px 0;
  }
h2 {	
  font-size:120%;
  margin:0 0 10px 0;
  }
.landing h1, .landing h2 {		
  font-size:200%;
  margin-bottom:10px;
  }
h3 {	
  font-size:100%;
  margin:0 0 10px 0;
  }
h4 {		
  font-size:100%;
  margin:0 0 10px 0;
  }
		
p, li {
  margin-top:0;		
  }
p.firstpara {	
  font-size:110%;
  font-weight:bold;	
  }

a, a:link {	
  text-decoration:none;
  font-weight:bold;
  }
a:hover {			
  text-decoration:underline;
	}

a img {
  border:0;
  }

  .lft {
    float:left;
    } 
  .rgt {
    float:right;
    }
  .imglft {
    float:left;
    margin:0 10px 6px 0;
    } 
  .imgrgt {
    float:right;
    margin:0 0 6px 10px;
    }
  .clear {
    clear:both;
    } 


/* ------------------------------- hack for ie ------------------------------- */
* html #id {
  w/idth:100px;
  /width:90px;
  }
/* ------------------------------- hack for safari ------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0){
  #id {width:100px;}
  .class {width:100px;}
  }
  
/* ------------------------------- site ------------------------------- */

#centersiteforie {
  text-align:center;
  }

#site {
  position:relative;
  width:1000px;
  margin:0 auto;
  text-align:left;
  }  

#topnav {
  position:absolute;
  top:0; right:153px;
  text-align:right;
}
  #topnav li {
  display:inline;
  font-size:90%;
  margin-right:4px;
  }	
  #topnav li a {
  font-weight:normal;
  margin-right:4px;
  }	
  #topnav form input {
  font-size:90%;
  }
  #topnav form input.cntnt01searchinput {
  width:100px;
  }
  #topnav label {
  display:none;
  }	

	
    #header {
      width:841px;
      height:128px;
      }
        #logo {
          float:left;
          margin:29px 0 0 122px;
          }
    #mainnav {
      width:841px;
      height:30px;
      text-align:right;
      }
      #mainnav ul, #mainnav li {
        display:inline;
        text-transform:uppercase;
        margin:0;
        }
      #mainnav a {
        font-weight:normal;
        padding:4px 3px 2px 3px;
        border-bottom:5px solid #fff;
        }
      #mainnav a:hover, #mainnav li.currentpage a, #mainnav li.activeparent a  {
        border-bottom:5px solid;  /* underline color specified in colour stylesheet */
        text-decoration:none;
        }
				
    #content {
      position:relative;
      width:1000px;
      }


/* ----------- LEFT COLUMN ----------- */

        #col1of3 {
          position:relative;
          float:left;
          width:304px;
          height:580px;
          margin-right:15px;
          text-align:left;
          }
          #quoteblock {
            position:absolute;
            left:0;
            bottom:0;
            width:264px;
            padding:20px;
            margin:0;
            }
          * html #quoteblock {
            w/idth:304px;
            /width:304px;
            }
          #quoteblock p {
            font-style:italic;
            font-size:90%;
            }
          #quoteblock p.name {
            text-align:right;
            }

/* ----------- MIDDLE COLUMN ----------- */
		
        #col2of3 {
          position:relative;
          float:left;
          width:522px;
          margin-right:15px;
          text-align:left;
          min-height:540px;
          }      
        /*\*/
        * html #col2of3 {
          height: 580px;
          }
          /**/

        #col2of3.content {
          background:; /* -- specified in colours */
          width:482px;
          padding:20px;
          }
        * html #col2of3.content {
          w/idth:522px;
          /width:522px;
          }        

        #col2of3 ul {
          padding:0;
          margin:0 0 15px 22px;         
          }
        #col2of3 li {
          padding:0;
          margin:0;         
          }

/* ----------- LANDING ----------- */

          .landing #subcol1of1 {
            height:284px;
            margin-bottom:6px;
            padding:0;
            }
          .landing #subcol1of2 {
            float:left;
            }	
          .landing #subcol2of2 {
            float:right;
            }		
          .landing #subcol1of2, 
          .landing #subcol2of2 {
            position:relative;
            width:218px;
            height:250px;
            padding:20px;
            }
          * html .landing #subcol1of2, 
          * html .landing #subcol2of2 {
            w/idth:258px;
            /width:258px;
            h/eight:290px;
            /height:290px;
            }
            .landing div.arrow {
              position:absolute;
              bottom:30px;
              right:15px;
              }

/* ----------- CONTENT ----------- */

          .content #subcol1of1vid {
            position:relative; 
            top:-20px;
            left:-20px;
            padding:0;
            }

          .content #subcol1of2 {
            float:left;
            width:262px; 
            }	
          .content #subcol2of2 {
            float:right;
            width:200px;
            padding:0px;
            }	
          .content #subcol1of2b {
            float:left;
            width:312px; 
            }	
          .content #subcol2of2b {
            float:right;
            width:150px;
            padding:0px;
            }
            #toprgt {
              height:208px;
              overflow:auto;  /* remove this to remove scrollbar option */
              padding:10px;   /* Padding for text in this block */
              }
              #toprgt h2 {
                font-size:110%;
                text-decoration:none;
                }
              #toprgt a {
                }            
              #toprgt .NewsSummaryPostdate {
                margin:0 0 6px 0;
                }

            #toprgtimg, #toprgtvid {  /* No padding for image or video in this block */
              padding:0;
              }
              #toprgtimg img {
                width:150px;
                }
              #toprgtsrchimg img {
                }

            #botrgt {
              margin-top:20px;
              padding:0 16px; /* Padding for standard text in this block */
              }            
              #botrgt p {
                font-size:140%;
                line-height:130%;
                margin:0;
                }	             
              #botrgt img {
                width:168px;
                }	

            #botrgtrand {
              margin-top:20px;
              padding:0;  /* No padding for random text in this block */
              }     
            #testimonialfield {
              position:absolute;
              top:297px;
              right:20px;
              width:200px;
              }     
            #testimonialfield2 {
              position:absolute;
              top:297px;
              right:20px;
              width:200px;border:0px;
              }    
              #botrgtrand p,            
              #testimonialfield,
              #testimonialfield2 {
                font-size:140%;
                line-height:130%;
                margin:0;
              }

            .NewsSummary {
              text-align:left;
              margin-bottom:10px;
              }
            .NewsSummary h2 {
              text-decoration:underline;
              margin:0;
              }
            .NewsSummaryPostdate {
              font-size:90%;
              font-style:italic;
              margin:2px 0 6px 0;
              }

            #news-article,
            #calendar-event {margin-bottom:10px;}

            #news-article h2,
            #calendar-event h2 {
              margin:0;
              }
            #news-article .date,
            #calendar-event .date {
              font-size:90%;
              font-style:italic;
              margin-top:2px;
              }
       
            .venue {
              font-size:90%;
              font-style:italic;
              margin:2px 0 0 0;
              }
            .detail {margin-top:10px;}

            #news-article .summary,
            #calendar-event .summary {
              font-weight:bold;
              margin:6px 0 10px 0;
              }

            .calendar-summary {margin-top:6px;}

            #news-article .detail,
            #calendar-event .detail {}

            #news-article .extra,
            #calendar-event .extra {}

            #news-article .printlink,
            #calendar-event .printlink {
              margin:10px 0 0 0;
              }

            #news-article .returnlink,
            #calendar-event .returnlink {
              margin:0 0 10px 0;
              }

            #news-article .printlink a,
            #calendar-event .printlink a,
            #news-article .returnlink a,
            #calendar-event .returnlink a {
              color:#ffffff;
              font-weight:bold;
              }


          #contact {
            float:left;
            width:462px;  
            height:508px;
            overflow:auto;  /* remove this to remove scrollbar option */
            padding:10px 10px 0 10px;
            }
          * html #contact {
            w/idth:482px;
            /width:482px;  
            h/eight:518px;  
            /height:518px;
            }

            .contactform {width:370px;} 
            .contactform fieldset {padding: 1em;} 
            .contactform fieldset legend {font-weight: bold;} 
            .contactform div {padding: 0.25em 0 0.25em 0;}  
            .contactform label {display:block;}

            .back {position:absolute; top:15px; right:15px;}


            ul#courses, ul#courses li {
              list-style-type:none;
              margin:0 0 4px 0;
              }
            ul#courses a {	
              font-weight:normal;
              }

            #thumbs {height:140px;}
            #thumbs div {float:left; margin-right:8px;}
            #thumbs p {margin:1px 0 0 0;}

            #profile {clear:both; position:relative;}
            #profile img {position:absolute; top:0; left:0;}
            #profile h2 {font-weight:bold; padding-left:135px;}
            #profile p {padding-left:135px;}
            #profile ul {padding-left:135px;}


            #bookingform label {float:left; clear:left; width:100px; margin-bottom:5px;}
            #firstname,
            #surname,
            #email,
            #address,
            #cardno {width:200px; margin-bottom:2px;}
            #bookingform select {margin-bottom:2px;}

            #telephone {width:200px; margin-bottom:1px;}

/* ----------- RIGHT COLUMN ----------- */

        #col3of3 {
          float:left;
          width:144px;
          height:580px;
          background:url("uploads/images/stripes.gif") top left no-repeat;
          }
        #col3of3 h1 {
          font-size:90%;
          font-weight:normal;
          text-transform:uppercase;
          }
          #subnav {
            margin-left:25px;
            }
          #subnav ul, #subnav li {
            list-style-type:none;
            margin:0;
            padding:0;
            }
          #subnav li {
            font-size:90%;
            margin-bottom:4px;
            }
          #subnav a {
            font-weight:normal;
            }
          #subnav a:hover, #subnav li.currentpage a {
            text-decoration:underline;
            }
            #subnav ul ul {
              margin-top:5px;
              }
            #subnav ul ul li {
              margin-left:5px;
              font-style:italic;
              }




/* ----- footer ----- */

#footer {
  clear:both;
  width:841px;
  text-align:right;
  }
#footer p {
  font-size:90%;
  }


				




 
			
			
				







/* End of 'main' */

