/*	Style Sheet for sophisticattzz.com																*/
	/*	Author:	Derek Carvell																				*/
	/* Date:		18 November 2008																			*/
	/*	Version:	1.0																							*/
	/*	History																									*/
	/*-------------+-----------+--------------------------------------------------------*/
	/*	Date			|	Version	|							Description									*/
	/*-------------+-----------+--------------------------------------------------------*/
	/* 18/11/2008	|	1.0		| 							 Original									*/
	/* 22/11/2008	|	1.1		| #nav li a.down shade border same as dropdown box 		*/
	/* 30/05/2009	|	1.2		| CSS updated to remove deprecated tags from html  		*/
	/* 23/11/2009	|	1.3		| Navigation changed to accept 3rd level pop outs  		*/
	/* 01/03/2010	|	2.0		| Complete change to remove tables and replace with div  */
	/* 29/05/2010	|	2.1		| Add specific class for the images on the index page    */
	/* 01/07/2010	|	2.2		| Increase size of divnews from 1100px to 1300px         */
   /* 31/08/2010	|	2.3		| add .days for the calendar                             */
	/* 20/09/2010	|	2.4		| change nav padding-left: 10px, nav li width: 98px      */
	/*          	|	   		| add template for advert(left, centre, right).          */
	/*          	|	   		| add .imgflyer                                          */
	/* 28/09/2010	|	2.5		| add templates for divbioleft/center/right              */
	/* 27/01/11   	|	2.6  		| add .h2gc                                              */
	/* 25/03/11   	|	2.7  		| divevents.. height increased from 850px to 880px       */
	/* 02/04/11   	|	2.8  		| added .h1guc, .h2bluec, increased .h1rc font to 24px   */
	/* 09/10/11   	|	2.9  		| added font-size to divcontent and removed from all     */   
	/*          	|	  	   	| other divs along with font-family.                     */
	/*          	|	  	   	| Increased divlink height from 600px to 700px           */
	/* 02/11/11   	|	2.10 		| add templates for divaeccleft/center/right             */
	/* 03/11/11    |	2.11   	| Increased divflash height from 400px to 650px and      */
	/*          	|	  	   	| divflashright width to 10%                             */
	/* 14/11/11    |	2.12   	| Adjust divflashright/center/left to increase center    */
   /*             |           | area width and increase height to 750px. Adjust        */
   /*             |           | div*center/ font-size: 15px.                           */ 
	/*-------------+-----------+--------------------------------------------------------*/

	body {
		padding: 0px;
		margin: 0px;
		background-color: #e09100;
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 76%;
		height: auto;
	}
	/* Template containers */
	#divsite {
		padding: 0px;
		margin: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		font-weight: normal;
		font-size: 100%;
		background-color: #e09100;
		height: auto;
	}

	/* Logo container */
	#divlogo {
		margin: 0px;
		position: relative;
		width: 100%;
		height: 164px;
		vertical-align: top;
		padding: 0;
	}

	/* Site navigation starts here */
	#divnav {
		padding: 9px 0px 0px 0px;
		margin: 0px;
		position: relative;
		width: 100%;
		height: 36px;
		background-color: #e09100;
	}
	  #nav {
	   padding-top: 0px;
	   padding-left: 10px;
	   padding-right: 0px;
	   padding-bottom: 0px;
		margin:0;
		list-style-type:none;
		font: 12px arial, sans-serif;
		position:relative;
		z-index:100;
		height:36px;
		width:100%;
		}

	  #nav ul {
		position:absolute;
		padding:0;
		margin:0;
		list-style:none;
		float:left;
		background: #e09100;
		border-top:1px solid #e09100;

		border: 0 none;
		width: 105px;
		display: none;
		top: 100%;
		left: 0;
		}

	  #nav a {
		border:none;
		border-right: 1px solid #e09100;
		border-left: 1px solid #e09100;
		background: #e09100;
		padding: 1px 1px 1px 1px;
		font-family: arial, sans-serif;
		font-size: 12px;
		color:#ffffff;
		font-weight:bold;
		text-decoration:none;
		text-align: left;
		display: block;
		height: 36px;
		}

	  #nav ul a {
		padding: 0;
		background: #e09100;
		font-family: arial, sans-serif;
		font-size:12px;
		color: #FFFFFF;
		font-style:normal;
		font-weight :normal;
		text-decoration:none;
		text-align: left;
		display: block;
		height: auto !important;
		height: 1%; /*For IE*/
		}

	  #nav a:hover {
		background: #e09100;
		}

	  #nav ul a:hover {
		background-color: #e09100;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0%;
		color:#ee0000;
		}

	  #nav li {
		float: left; /*For IE 7 lack of compliance*/
		display: block !important; /*For GOOD browsers*/
		display: inline; /*For IE*/
		position: relative;
		padding: 0 0px;
		margin: 0px;
		border: 0 none;
		list-style: none;
		width: 98px;

		}

	  #nav ul li {
		width: 105px;
		}

	  #nav:after /*From IE 7 lack of compliance*/{
		clear: both;
		display: block;
		font: 1px/0px arial, sans-serif;
		content: ".";
		height: 0;
		visibility: hidden;
		}

	  #nav ul ul,
	  #nav ul ul ul ,
	  #nav ul ul ul ul ,
	  #nav ul ul ul ul ul {
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		}

	  #nav ul ul {
		z-index: 502;
		}

	  #nav ul ul ul {
		z-index: 503;
		}

	  #nav ul ul ul ul {
		z-index: 504;
		}
	  #nav ul ul ul ul ul {
		z-index: 505;
		}
	  #nav ul ul ul ul ul ul {
		z-index: 506;
		}

	  #nav li:hover ul ul,
	  #nav li.iehover ul ul,
	  #nav li:hover ul ul ul,
	  #nav li.iehover ul ul ul,
	  #nav li:hover ul ul ul ul,
	  #nav li.iehover ul ul ul ul,
	  #nav li:hover ul ul ul ul ul,
	  #nav li.iehover ul ul ul ul ul,
	  #nav li:hover ul ul ul ul ul ul,
	  #nav li.iehover ul ul ul ul ul ul {
	  display: none;
		}

	  #nav li:hover ul,
	  #nav li.iehover ul,
	  #nav ul li:hover ul,
	  #nav ul li.iehover ul,
	  #nav ul ul li:hover ul,
	  #nav ul ul li.iehover ul,
	  #nav ul ul ul li:hover ul,
	  #nav ul ul ul li.iehover ul,
	  #nav ul ul ul ul li:hover ul,
	  #nav ul ul ul ul li.iehover ul,
	  #nav ul ul ul ul ul li:hover ul,
	  #nav ul ul ul ul ul li.iehover ul {
		display: block;
		}

	/* site navigation ends here */

	/* End Template containers */

	/* Starts all pages */
	#divcontent {
		border: 2px solid #e09100;
		padding: 0px;
		margin: 0px;
		position: absolute;
		top: 210px;
		left: 0px;
		width: 100%;
		height: auto;
		background-color: #e09100;
      font-size: 14px;
	}

	/* Page layouts left will indicate left pane, center the center pane and right the right pane */
	/* Used for pages: index */
	#divindexleft {
		border: 2px solid #e09100;
		height: 1000px;
		width: 16%;
		background-color: #aed7ff;
		vertical-align: top;
		text-align: center;
		float: left;
	}
	#divindexcenter {
		border-top-style: solid;
		border-top-width: 2px;
		border-top-color: #e09100;
		height: 1000px;
		width: 67%;
		background-color: #fff4df;
		vertical-align: top;
      font-size: 15px;
		text-align: left;
		float: left;
	}
	#divindexright {
		border-style: solid;
		border-width: 2px 2px 2px 2px;
		border-color: #e09100;
		height: 1000px;
		width: 16%;
		background-color: #aed7ff;
		vertical-align: top;
		text-align: center;
		float: right;
	}
	/* Used for pages: aecc */
	#divaeccleft {
	   border-style: solid;
	   border-width: 2px 2px 2px 2px;
	   border-color: #e09100;
	   height: 650px;
	   width: 30%;
	   background-color: #00ff33;
	   vertical-align: top;
	   text-align: center;
	   float: left;
	}
	#divaecccenter {
	   border-top-style: solid;
	   border-top-width: 2px;
	   border-top-color: #e09100;
	   height: 650px;
	   width: 68%;
	   background-color: #fff4df;
	   vertical-align: top;
	   text-align: left;
	   float: left;
	}
	#divaeccright {
	   border-style: solid;
	   border-width: 2px 2px 2px 2px;
	   border-color: #e09100;
	   height: 650px;
	   width: 0%;
	   background-color: #aed7ff;
	   vertical-align: top;
	   text-align: center;
	   float: right;
	}   
	/* Used for pages: biorhythm */
	#divbioleft {
	   border-style: solid;
	   border-width: 2px 2px 2px 2px;
	   border-color: #e09100;
	   height: 600px;
	   width: 16%;
	   background-color: #aed7ff;
	   vertical-align: top;
	   text-align: center;
	   float: left;
	}
	#divbiocenter {
	   border-top-style: solid;
	   border-top-width: 2px;
	   border-top-color: #e09100;
	   height: 600px;
	   width: 67%;
	   background-color: #fff4df;
	   vertical-align: top;
	   text-align: left;
	   float: left;
	}
	#divbioright {
	   border-style: solid;
	   border-width: 2px 2px 2px 2px;
	   border-color: #e09100;
	   height: 600px;
	   width: 16%;
	   background-color: #aed7ff;
	   vertical-align: top;
	   text-align: center;
	   float: right;
	}
	/* Used for pages: about (not implemented yet */
	#divaboutleft {
		border: 2px solid #e09100;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 1000px;
		float: left;
		text-align: left;
	}
	#divaboutcenter {
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 1000px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
	}
	#divaboutright {
		border: 2px solid #e09100;
		position: relative;
		width: 9%;
		float: left;
		height: 1000px;
		background-color: #ffff00;
	}
	/* Used for pages: adverts */
	#divadleft {
	   border-style: solid;
	   border-width: 2px 2px 2px 2px;
	   border-color: #e09100;
	   height: 600px;
	   width: 16%;
	   background-color: #aed7ff;
	   vertical-align: top;
	   text-align: center;
	   float: left;
	}
	#divadcenter {
	   border-top-style: solid;
	   border-top-width: 2px;
	   border-top-color: #e09100;
	   height: 600px;
	   width: 67%;
	   background-color: #fff4df;
	   vertical-align: top;
	   text-align: left;
	   float: left;
	}
	#divadright {
	   border-style: solid;
	   border-width: 2px 2px 2px 2px;
	   border-color: #e09100;
	   height: 600px;
	   width: 16%;
	   background-color: #aed7ff;
	   vertical-align: top;
	   text-align: center;
	   float: right;
	}
	/* Used for pages: courses */
	#divcourseleft {
		border: 1px solid #e09100;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 1900px;
		float: left;
		text-align: left;
	}
	#divcoursecenter {
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 80%;
		height: 1900px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
      font-size: 15px;      
	}
	#divcourseright {
		border: 1px solid #e09100;
		position: relative;
		width: 9%;
		float: left;
		height: 1900px;
		background-color: #ffff00;
	}
	/* Used for pages: gents */
	#divgentsleft {
		border: 2px solid #e09100;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 650px;
		float: left;
		text-align: left;
	}
	#divgentscenter {
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 650px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
      font-size: 15px;
	}
	#divgentsright {
		border: 2px solid #e09100;
		position: relative;
		width: 9%;
		float: left;
		height: 650px;
		background-color: #ffff00;
	}
	/* Used for pages: notice1, notice2, notice3 */
	#divboardleft {
		border: 1px solid #e09100;
		background-color: #ffff00;
		width: 31%;
		vertical-align: top;
		text-align: left;
		height: 650px;
		float: left;
      font-size: 15px;
	}
	#divboardcenter {
		border: 1px solid #e09100;
		height: 650px;
		width: 36%;
		background-color: #fff4df;
		vertical-align: top;
		text-align: left;
		float: left;
      font-size: 15px;
	}
	#divboardright {
		border: 1px solid #e09100;
		height: 650px;
		width: 32%;
		background-color: #aed7ff;
		vertical-align: top;
		text-align: left;
		float: left;
      font-size: 15px;
	}

	/* Used for pages: flash */
	#divflash {
		text-align: left;
		vertical-align: top;
		background-color: #22ffff;
		width: 100%;
		height: 100px;
		position: relative;
	}

	/* Used for pages: nflash */
	#divflashleft {
		border: 1px solid #e09100;
		background-color: #ffff00;
		position: relative;
		width: 1%;
		height: 750px;
		float: left;
		text-align: left;
	}
	#divflashcenter {
      font-size: 20px;
		padding: 1px;
		margin: 0px 1px 0px 1px;
		position: relative;
		width: 97%;
		height: 750px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
	}
	#divflashright {
		border: 1px solid #e09100;
		position: relative;
		width: 1%;
		float: left;
		height: 750px;
		background-color: #ffff00;
	}

	/* Used for pages: news */
	#divnewsleft {
		border: 1px solid #e09100;
		background-color: #ffff00;
		padding: 0px;
		margin: 0px;
		position: relative;
		width: 5%;
		height: 1400px;
		float: left;
	}
	#divnewscenter {
		border: 1px solid #e09100;
		padding: 1px;
		margin: 0px;
		position: relative;
		width: 89%;
		height: 1400px;
		float: left;
		background-color: #fff4df;
      font-size: 15px;
	}
	#divnewsright {
		border: 1px solid #e09100;
		padding: 0px;
		margin: 0px;
		position: relative;
		width: 5%;
		float: left;
		height: 1400px;
		background-color: #ffff00;
	}

	/* Used for pages: gents, social */
	#divsocialleft {
		border: 2px solid #e09100;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 650px;
		float: left;
		text-align: left;
	}
	#divsocialcenter {
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 650px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
      font-size: 15px;
	}
	#divsocialright {
		border: 2px solid #e09100;
		position: relative;
		width: 9%;
		float: left;
		height: 650px;
		background-color: #ffff00;
	}

	/* Used for all of the monthly event pages */
	#diveventsleft {
		border: 2px solid #e09100;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 1100px;
		float: left;
		text-align: left;
	}
	#diveventscenter {
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 1100px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
      font-size: 15px;
	}
	#diveventsright {
		border: 2px solid #e09100;
		position: relative;
		width: 9%;
		float: left;
		height: 1100px;
		background-color: #ffff00;
	}

	/* Used for pages: links */
	#divlinkleft {
		border: 1px solid #e09100;
		background-color: #ffff00;
		width: 31%;
		vertical-align: top;
		text-align: left;
		height: 700px;
		float: left;
	}
	#divlinkcenter {
		border: 1px solid #e09100;
		height: 700px;
		width: 36%;
		background-color: #fff4df;
		vertical-align: top;
		text-align: left;
		float: left;
	}
	#divlinkright {
		border: 1px solid #e09100;
		height: 700px;
		width: 31%;
		background-color: #aed7ff;
		vertical-align: top;
		text-align: left;
		float: left;
	}
	/* header */
	.h1guc {
      font-size: 24px;
      text-decoration: underline;
		color: green;
	   text-align: center;
	}
	.h1rc {
      font-size: 24px;
		color: red;
	   text-align: center;
	}
	.h2bluec {
	   text-align: center;
	   color: blue;
	}
	.h2gc {
	   text-align: center;
	   color: green;
	}
	.h2rc {
	   text-align: center;
	   color: red;
	}

	/* paragraph */
	.pbg {
		color: #669900;
		font-weight: bold;
	}
	.pc {
		text-align:center;
	}
  .pcg {
		text-align:center;
		color:#669900;
	}
	.pcr {
		text-align:center;
		color:#ff0000;
	}
	.pmargin5 {
		margin-left: 5px;
		margin-right: 5px;
		text-align: left;
	}
	.pmargin5c {
		margin-left: 5px;
		margin-right: 5px;
		text-align: center;
	}

	/* span */
	.spanb {
	   font-weight: bold;
	}
  .spanibr {
		font-weight:bold;
		font-style: italic;
		color:#ff0000;
	}

  .spaniubr {
		text-decoration:underline;
		font-weight:bold;
		font-style: italic;
		color:#ff0000;
	}
	.spanub {
		text-decoration:underline;
		font-weight:bold;
	}
  .spanubr {
		text-decoration:underline;
		font-weight:bold;
		color:#ff0000;
	}

	/* These are used to place the images in the correct places */
	/* images left */
	.imgl20 {
	   float: left;
	   width: 20%;
	   height: 135px;
	}
	.imgl25 {
	   float: left;
	   width: 25%;
	   height: 210px;
	}
	.imgl25p5 {
		padding: 5px;
		float: left;
		width: 25%;
		height: 210px;
	}
	.imgl50 {
		float: left;
		width: 50%;
		height: 210px;
	}
	.imgl75 {
		float: left;
		width: 75%;
		height: 210px;
	}
	.imgl100 {
		float: left;
		width: 100%;
		height: 210px;
	}
	.imgl3080 {
		float: left;
		width: 30%;
		height: 80px;
		margin-left: 1px;
		margin-right: 1px;
	}
	.imgl10100 {
		float:left;
		width:10%;
		height:100px;
	}

   /* specific images */
	.imgflyer {
	   width: 229px;
	   height: 376px;
	   float: right;
	   margin: 2px;
	}
   .imgascot {
	   width: 135px;
	   height: 135px;
	   float: right;
      margin: 2px;
   }
	.imgballoon {
	   float: left;
	   width: 135px;
	   height: 135px;
      margin: 2px;
	}
   .imgrio_seco {
	   width: 140px;
	   height: 93px;
	   float: right;
      margin: 2px;
   }

	/* images right */
	.imgr20 {
	   width: 20%;
	   height: 135px;
	   float: right;
	}
	.imgr25 {
	   width: 25%;
	   height: 210px;
	   float: right;
	}
	.imgr25p5 {
		padding: 5px;
		width: 25%;
		height: 210px;
		float: right;
	}
  .imgr10100 {
		float:right;
		width:10%;
		height:100px;
	}

   .days {
      background-color: #F1F3F5;
   }