/*
Theme Name: rugbytots default
Theme URI: http://www.rugbytots.co.uk/
Description: themestyle for rugbytots.
Version: 1.0
Author: Elliott Richmond
Author URI: http://www.squareonemd.co.uk/
*/

@import url('css/reset.css');

@import url('css/dropdown.css');

@import url('css/slideshow.css');

body {
background-color:#e4edf6;
font-family:Arial, Helvetica, sans-serif;
font-weight: 300;
}

/* Global */


h1, h2, h3, p {
color:#5A4F4A;
}

blockquote p{
border-left:4px solid #eaeaea;
padding:10px;
margin-left:10px;
margin:10px 
}

a {
color:#1664a8;
text-decoration:underline;
}

strong {
color:#5A4F4A;
font-weight:bold !important;
}

.floatright {
float:right;
margin:0 0 20px 20px;
}

.floatleft {
float:left;
margin:0 20px 20px 0px;
}


/* Specific */

#wrapper {
width:939px;
margin:10px auto;
background:url(/images/wrapbg.jpg) no-repeat #0a316b top;
border:1px solid #5987b2;
}

#headwrap {
position:relative;
width:860px;
margin:0 auto;
margin-bottom:20px;
z-index:1200;
}

   #header {
   height:210px;   
   }

      #strapline {
      position:absolute;
      top:53px;
      }

         #strapline h1 {
         color:white;
         font-size:35px;
         line-height:42px;
         }

      #logo {
      position:absolute;
      top:15px;
      left:605px;
      z-index:200;
      }

      #logo a{
      }


   #navbar {
   position:absolute;
   width:860px;
   top:168px;
   height:40px;
   background:url(/images/navbar.png) no-repeat top;
   z-index: 1;
   }

.round {
  -webkit-border-radius: 3ex;
  -moz-border-radius: 3ex;
}

#contentwrapper {
z-index:90;
position:relative;
width:860px;
margin:0 auto;
}

#left {
float:left;
width:572px;
}

.leftlonger
{
float:left;
width:860px;
}

#right
{
float:right;
width: 270px;
}

#sponsers {
   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin-bottom:20px;
   width:442px;
}

.leftholder {
width:300px;
margin:0 auto;
}

.rightholder {
width:300px;
margin:0 auto;
}


   #thecontent {

   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin-bottom:20px;
   }

      #thecontent h1, #thecontent h2, #thecontent h3 {
      line-height:35px;
      margin-bottom:10px;
      font-size:18px;
      border-bottom:1px solid #C8C2BF;
      }

      #thecontent p, #thecontent td {
      font-size:12px;
      line-height:22px;
	  margin-bottom:20px;
      }

      #thecontent ol, #thecontent ul {
      margin:10px 0 10px 20px;
      }

      #thecontent li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
	  margin-bottom:20px;
      }     

       #leftminicontent h1, #leftminicontent h2, #leftminicontent h3 {
      line-height:35px;
      margin-bottom:10px;
      font-size:18px;
      border-bottom:1px solid #C8C2BF;
      }

      #leftminicontent p, #leftminicontent td {
      font-size:12px;
      line-height:22px;
	  margin-bottom:20px;
      }

       #leftminicontent ol, #leftminicontent ul {
      margin:10px 0 10px 20px;
      }

       #leftminicontent li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
	  margin-bottom:20px;
      }
   
    .leftmini {
    float:left;
    width:286px;
    }

    .middlemini
    {
    float:left;
    width:286px;    
    }

    .rightmini
    {
    float:left;
    width:286px;
    }
      
   #leftminicontent {

   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin: 0 0 0 0;
   height: 450px;
   }
      
   #middleminicontent {

   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin: 0 0 0 12px;
   height: 450px;
   }
   
   #rightminicontent {

   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin: 0 0 0 12px;
   height: 450px;
   }

       #middleminicontent h1, #middleminicontent h2, #middleminicontent h3 {
      line-height:35px;
      margin-bottom:10px;
      font-size:18px;
      border-bottom:1px solid #C8C2BF;
      }

      #middleminicontent p, #middleminicontent td {
      font-size:12px;
      line-height:22px;
	  margin-bottom:20px;
      }

       #middleminicontent ol, #middleminicontent ul {
      margin:10px 0 10px 20px;
      }

       #middleminicontent li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
	  margin-bottom:20px;
      }
      
      #miniboxes
      {          
          width: 860px;         
          float: left;
          margin: 0 0 10px 0;
      }
      
  

       #rightminicontent h1, #rightminicontent h2, #rightminicontent h3 {
      line-height:35px;
      margin-bottom:10px;
      font-size:18px;
      border-bottom:1px solid #C8C2BF;
      }

      #rightminicontent p, #rightminicontent td {
      font-size:12px;
      line-height:22px;
	  margin-bottom:20px;
      }

      #rightminicontent ol, #rightminicontent ul {
      margin:10px 0 10px 20px;
      }

      #rightminicontent li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
	  margin-bottom:20px;
      }     

   #sidebar {
   padding:30px;
   min-height: 483px;
   background-color:#ffffff;
   border:1px solid #4d6b9b;  
   }

      #sidebar h1{
      font-size:18px;
	  line-height:22px;
      }

      #sidebar p {
      font-size:12px;
      line-height:18px;
      margin-bottom:20px;
      }

      #sidebar ul, #sidebar ol {
      margin:0 0 20px 20px;
      }

      #sidebar li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
      }

      #sidebar li a {
      color:#5A4F4A;
      text-decoration:none;
      }

      #sidebar li a:hover {
      color:#5A4F4A;
      text-decoration:underline;
      }
      
      #sidebar2 {
   width:230px;
   padding:30px;   
   float: right;
   margin-top: 10px;
   
   }

      #sidebar2 h1{
      font-size:18px;
	  line-height:22px;
      }

      #sidebar2 p {
      font-size:12px;
      line-height:18px;
      margin-bottom:20px;
      }

      #sidebar2 ul, #sidebar ol {
      margin:0 0 20px 20px;
      }

      #sidebar2 li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
      }

      #sidebar2 li a {
      color:#5A4F4A;
      text-decoration:none;
      }

      #sidebar2 li a:hover {
      color:#5A4F4A;
      text-decoration:underline;
      }

		#imagegallery {
		border:1px solid grey;
		}

#otherfeatures {
border:1px solid #465081;
padding:20px;
margin:0 auto;
margin-bottom:20px;
width:820px;
background-color: none;
}

   .ofcontainer {
   width:30%;
   float:left;
   border-right:1px solid #465081;
   margin-right:18px;
   padding-right:18px;
   }

   .ofcontainer_last{
   border-right:0;
   margin-right:0px;
   padding-right:0px;
   }

   #otherfeatures img{
   margin:0 0 20px 0;
   }

   #otherfeatures a img {
   margin:0px;
   }

   #otherfeatures h4{
   color:#ffffff;
   font-size:17px;
   line-height:20px;
   }

   #otherfeatures p{
   color:#ffffff;
   font-size:12px;
   line-height:17px;
   margin-bottom:20px;
   }

   #otherfeatures blockquote {
   color:#ffffff;
   font-style:italic;
   font-size:18px;
   line-height:32px;
   margin-bottom:20px;
   }

#banner_holder {
margin:0 auto;
width:728px;
}

#socialmedia {
clear:both;
width:860px;
margin:0 auto;
padding-top:10px;
   height:54px;
}

   .medialogo {
   float:left;
   width:50px;
   margin-right:20px;
	}
	
	.medialogo img {
	}

#footer {
background:url(images/navbar.png) no-repeat;
height:25px;
padding:16px;
font-size:12px;
width:830px;
margin:0 auto;
}

   #copyright {
   float:left;
   color:#ffffff;
   }

   #copyright p {
   color:#ffffff;
   margin:0;
   }

   #desclaimers {
   float:right;
   }

   #desclaimers li{
   display:inline;
   }

   #desclaimers li a{
   color:#ffffff;
   margin-right:10px;
   text-decoration:none;
   }

   #desclaimers li a:hover{
   text-decoration:underline;
   }

.clear {
clear:both;
}

.graphic
{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.youtube
{
    margin: 28px 0 0 0;
    padding: 0;
    float: left;
}

.booknow
{
    margin: 0 0 0 0;
    padding: 2px 0 0 0;
}

#flags
{
    width: 100px;
    height: 20px;    
    float: left;
    margin: -6px;
    padding-left: 20px;
}

.flagmargin
{
    margin-right: 5px;
}

.side_slideshow
{
   width: 180px;   
   margin: 0 0 0 5px;
   float: right;
   
}

.classgrid
{
    border-top: 1px solid black;
    border-left: 1px solid black;
}

.classgrid tr td
{
    border-bottom: 1px solid black; 
    border-right: 1px solid black;  
}

.spacing
{
    margin: 10px 0 0 0;
}

.jobs
{
    height: 1277px;
}

.survey
{
    height: 1053px;
}

.parties
{
    height: 492px;
}

.faqnew
{
    height: 150px;   
}

.franchising
{
    height: 600px;
}

#contactformdetails
{    
    width: 300px;
    float: left;    
}

#contactformdetails p
{
    padding: 0;
    margin: 0;
}

#contactformcontainer
{
     width: 300px;
     float: left;
}

.fullwidth
{
   width: 795px;
}

.sendbutton
{
    margin: 10px 0 0 55px;
}

.verisign
{
    float: right;
}

.classesbtn
{
    margin-left: -13px;
}

.classesbtnright
{
    margin-top: 22px;
    margin-left: -15px;
}

.classesbtnmid
{
   
    margin-left: -17px;
}

#leftslideshowbutton
{
    position: absolute;
    top: 0;
    left: 0; 
    width: 50px;
    height: 280px;
    background-image: url('images/leftarrow.gif');
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#rightslideshowbutton
{
    position: absolute;
    top: 0;
    right: 0; 
    width: 50px;
    height: 280px;
    background-image: url('images/rightarrow.gif');
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#verisign
{
    float: right;
    margin: 0 0 0 0;
    padding: 0; 
    position: relative;
    top: -10px;    
}

#verisign table td
{    
    padding: 0;
    vertical-align: top;
    margin: 0;
}